/*title
Theme Name: 東京SEOメーカー
Author: アドマノ
Author URI: 
Description: 2022.05制作、東京SEOメーカーのオリジナルテーマです。
Version: 1.0
page-template page-template-page-lp_seo-consulting page-template-page-lp_seo-consulting-php page page-id-30224 page-child parent-pageid-11318
*/

/*------------------------------------------------------------
	社内追加CSS
------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500&family=Gloock&family=Hind:wght@300&family=Libre+Baskerville&family=Nanum+Gothic&family=Noto+Sans+JP:wght@100;400;500;700&family=Playfair+Display:wght@500&display=swap");
/*h2.title{
	font-family: 'EB Garamond', serif;
	font-family: 'Gloock', serif;
	font-family: 'Hind', sans-serif;
	font-family: 'Libre Baskerville', serif;
}*/

/*------------------------------------------------------------
	2024-1106-社内追加CSS
------------------------------------------------------------*/
.left-movie {
	float: left;
	margin-right: 3%;
}



.left-movie iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.right-text h3 {
	border-bottom: none;
}

@media (max-width: 896px) {

	.left-movie {
		margin-bottom: 3%;
	}

	.right-text h3 {
		font-size: 1.7rem;
		padding-bottom: 0px;
	}
}

.clearfix::after {
	display: block;
	content: "";
	clear: both;
}

/*------------------------------------------------------------
	END/2024-1106-社内追加CSS
------------------------------------------------------------*/

.btn-margin {
	margin-bottom: 25.5px;
}

.booksDetail.underBooks.a-margin {
	margin-top: 100px;

}

@media (max-width: 1050px) {
	.btn-margin {
		margin-bottom: 0px;
	}

}

.right-content {
	margin-top: 80px;
}

#main {
	overflow-x: hidden;
}

.sec_different .dl_btn a {
	font-size: 2.5rem;
	text-align: center;
	display: block;
	background-color: #f39a00;
	color: #fff;
	border: 2px solid #f39a00;
	padding: 25px 10px;
	border-radius: 5px;
	max-width: 480px;
	margin: 40px auto 0;
	font-weight: 900;
}

.sec_different .dl_btn a:hover {
	background-color: #fff;
	color: #f39a00;
	border: 2px solid #f39a00;
}

@media (max-width: 896px) {
	.sec_different .dl_btn a {
		font-size: 1.6rem;
		width: 92%;
		margin: 0 auto;
		max-width: 350px;
	}
}

h2.headLine01.margin-none {
	margin-top: 0px;
}

.sec03.team td {
	padding: 10px;
	border: 1px solid #E5E5E5;
	width: 32.8257%;
	font-size: 0.8em;
}

td.img-line {
	text-align: center;
}

.td-back {
	background-color: #fff;
}


p.u_ac.u_mt3 .c_btn {
	display: none !important;
}


.l_inner.narrow.conpany ul.c_list_dot.u_w520 {
	margin: 0 auto;
	max-width: 1160px;
	display: grid;
	gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}


.p_top_service-pickup {
	display: grid;
	/* margin: 60px 0 35px; */
	margin: 60px 0 16px;
	gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(254px, 1fr));
}

.p_top_service-pickup li.title {
	display: grid;
	font-weight: 900;
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 340px;
	place-items: center;
	font-size: 1em;

}

.p_top_service-pickup li.title a {
	margin: 0 auto;
	padding: 20px;
	border: 2px solid #1445a1;
	background-color: #fff;
	color: #1445a1;
	display: block;
	width: 100%;
	text-align: center;
	transition: background-color 0.7s ease;
}


.p_top_service-pickup li.title a:hover {
	background-color: #1445a1;
	color: #fff !important;
	border: 2px solid #1445a1;
}

.p_top_service-pickup li.title a.is-active {
	background-color: #1445a1;
	color: #fff !important;
	border: 2px solid #1445a1;

}

@media (max-width: 360px) {


	.p_top_service-pickup li.title a {
		margin: 0 auto;
		width: 85%;
	}



}

/*バナー部分*/
.single-banner {
	width: 100%;
	margin: 20px auto 60px;
	display: block;
	text-align: center;
}

.single-banner a {
	transition: 0.5s;
}

.single-banner a:hover {
	opacity: 0.6;
}

/* project */
/*PC 右下バナー お問い合わせ*/
#div-btn-flooring {
	position: fixed;
	z-index: 999;
	max-width: 340px;
	width: -moz-fit-content;
	width: fit-content;
	min-height: 80px;
	font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
	background-color: #ffcd00;
	transform: scale(0);
	transition: all 0.3s ease-out;
	display: none;
	/*電話アイコン*/
}

@media (min-width: 897px) {
	#div-btn-flooring {
		bottom: 2px;
		right: 100px;
	}
}

@media (max-width: 896px) {
	#div-btn-flooring {
		left: 50%;
		bottom: 0;
		width: 100%;
		transform: translateX(-50%);
	}
}

#div-btn-flooring.toTop-show {
	transform: scale(1);
}

@media (max-width: 896px) {
	#div-btn-flooring.toTop-show {
		transform: translateX(-50%) scale(1);
	}
}

#div-btn-flooring.is_open {
	display: block;
}

#div-btn-flooring.div-btn-flooring-close {
	display: none;
}

#div-btn-flooring ul {
	font-size: 30px;
	color: #000;
	list-style: none;
}

#div-btn-flooring .btn_close {
	position: absolute;
	width: 32px;
	height: 32px;
	right: -10px;
	top: -10px;
	z-index: 100;
	display: block;
	background: transparent url('./img/btn-flooring/icon_x.png') no-repeat center/contain;
	border: none;
	cursor: pointer;
}

@media (max-width: 896px) {
	#div-btn-flooring .btn_close {
		right: 0;
	}
}

#div-btn-flooring #img-flooring-x {
	position: absolute;
	height: 32px;
	right: -10px;
	top: -10px;
	z-index: 1000;
}

#div-btn-flooring #img-flooring-tel {
	height: 40px;
	padding-top: 6px;
	padding-right: 10px;
}

#div-btn-flooring #contact-soudan-text {
	font-size: 20px;
	margin-top: 6px;
}

#div-btn-flooring #img-flooring-tel.pop-up {

	height: auto;
	padding-top: 0px;
	padding-right: 0px;

}

#booking-package .bookingButton {
	background-color: #1445a1;
	border: 2px solid #1445a1;
	color: #fff;
	font-weight: 900;
	border-radius: 5px;
}

#booking-package .bookingButton:hover {
	background-color: #fff;
	color: #1445a1;
}

#returnToSchedules.returnButton {
	background-color: #fff;
	border: 2px solid #1445a1;
	color: #1445a1;
	font-weight: 900;
	border-radius: 5px;
}

#returnToSchedules.returnButton:hover {
	background-color: #1445a1;
	color: #fff;
}

#booking-package_inputFormPanel .row {
	border-bottom-width: 0px !important;
}

#booking-package_inputFormPanel .returnButton {

	padding: 15px 0px;

}

#booking-package_inputFormPanel .bottomBarPanel {
	width: 40%;
	margin: 0 auto;
}

.p_lp_market .sec_mv.seowriting.web-analitics {

	background: transparent url(img/index/web-analitics_top.webp) no-repeat center/cover;

}

.p_lp_market .sec_mv.seowriting.web-seisaku {
	background: transparent url(img/index/seisaku-top01.webp) no-repeat center/cover;
}

.p_lp_market .sec_mv.seowriting.ownedmedia {

	background: transparent url(img/index/oundomedia_top.webp) no-repeat center/cover;

}

.p_lp_market .sec_mv.seowriting {

	background: transparent url(img/index/Kiji_seisaku_daiko.webp) no-repeat center/cover;

}

.p_lp_market .sec_mv.btob.globalppc {

	background: transparent url(img/index/globalppc-ad-top.webp) no-repeat center/cover;

}

.p_lp_market .sec_mv.btob.inbound-seo {

	background: transparent url(img/inbound/inbound-seo-consulting-top.webp) no-repeat center/cover;

}

.p_lp_market .sec_mv.btob.listening {

	background: transparent url(img/index/listening-ad-top.webp) no-repeat center/cover;

}

.p_lp_market .sec_mv.btob.global-seo {

	background: transparent url(img/index/globalseo-top.webp) no-repeat center/cover;

}

.p_lp_market .sec_mv.btob {

	background: transparent url(img/index/btob-top.webp) no-repeat center/cover;

}

.l_inner.center {
	text-align: center;
}

.p_top_mv .copy {
	/* max-width: 488px !important; */
	margin: 0 auto 50px auto !important;
	line-height: 1.5;
}

.p_top_mv .maincopy {
	/* font-size: clamp(26px, 5vw, 40px) !important; */
	font-size: clamp(26px, 5vw, 64px) !important;
	font-weight: 500;
	margin-bottom: 50px;
}

.c_btn {
	border-radius: 5px;
}

.p_top_mv .copy {

	text-align: center;
	/* font-size: 18px; */
	font-size: clamp(12px, 1.5vw, 18px);
	font-weight: 700;
	/* max-width: 488px; */
	/margin-bottom: 50px;
	margin: 0 auto 50px auto;

}

.p_top_mv {
	background-color: #000;
	display: grid;
	place-items: center;
	height: 100svh;
	font-family: serif;
	letter-spacing: 0.1em;
	line-height: 1.2;
}

.p_top_service .bg {
	opacity: 0.4;
}

.c_different_list .imgBox.lp-imgbox img {
	width: 50%;
	display: block;
	margin: 0 auto !important;
}

.c_different_list .imgBox.lp-imgbox {

	display: block;

}

@media (max-width: 896px) {
	.c_different_list .imgBox.lp-imgbox {

		display: block;

	}
}

@media (max-width: 480px) {
	#author_profile .left img {
		width: 65% !important;
		float: none;
		margin: 0 auto;
	}

	#author_profile p.author_name {
		width: 100%;
	}
}

.p_lp_seo .sec_mv .title .small.title-black,
.p_lp_seo .sec_mv .textBox p.title-p,
.mainVisual .textBox p.title-p,
.mainVisual .title .small.title-black {
	color: #3e3a39;
}

.p_lp_seo .sec_mv .textBox p.title-p,
.mainVisual .textBox p.title-p {
	font-weight: bold;
}

.p_lp_seo .sec_mv .title.lp-title,
.mainVisual .title.lp-title {
	color: #1445a1;
}

.p_lp_seo .sec_mv .comBtn a.lp-contact {
	background-color: #4568dc;
	border: 5px solid #4568dc;
}

.mainVisual .comBtn a.lp-contact {
	background-color: #4568dc;
	border: 5px solid #4568dc;
	color: #fff;
}

.p_lp_seo .sec_mv .comBtn a.lp-contact:hover,
.mainVisual .comBtn a.lp-contact:hover {
	background-color: #fff;
	border: 5px solid #4568dc;
	color: #4568dc;
}

.sec_mv.sec_mv-LP,
.mainVisual.sec_mv-LP {
	background: url("img/index/bg-lp.webp")no-repeat center center/cover;
}


p.top01 {
	margin-top: 30px;
}

.line {
	display: inline;
	position: relative;
	background-image: linear-gradient(90deg, #ffff66, #ffff66);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 0 30%;
	transition: all 3s ease-in-out;
	font-weight: bold;
	border-width: 2px;
}


.line.active {
	background-size: 100% 40%;
}

.textBox .heading .big {

	color: #1445a1;
	font-size: 2rem;

}

.sec03.team {

	background-color: #f9f9f9;

}

.comList2.border p.team-text {

	margin-bottom: 35px;
	line-height: 27px;

}

.comList2.border li {

	border: none;

}

.comList2.border {

	max-width: 1500px;

}

.comList2.border .photo.teamphoto {

	width: 60%;

}

.sec03 .book-a.team-a {

	margin: 25px 0 0 auto;

}

@media (max-width: 896px) {

	.comList2.border .photo.teamphoto {
		width: 100%;
	}

	.comList2.border p.team-text {
		text-align: left;
	}

}


.h3-span {
	font-size: 1.2rem !important;
}

/* .sec03.back-gry{

	background-color: #f9f9f9;

}*/

.comList2 {
	margin-top: -20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	word-break: break-all;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}

.comList2 ul.comBtn {
	justify-content: flex-end;
}

.comList2>li {
	margin-top: 20px;
	padding: 42px 36px 30px 40px;
	width: 100%;
	background-color: #fff;
	border: 2px solid #edeff4;
	/* box-shadow: 12px 5px 22px rgba(194,218,244,1); */
	/*box-shadow: 12px 5px 22px rgba(20, 69, 161, 0.452); */
	box-sizing: border-box;
}

.comList2 .textBox {
	margin-left: 25px;
}

.comList2 p {
	font-size: 1.5rem;
	line-height: 1.6;
}

.comList2 .imgBox {
	display: flex;
}

.comList2 .num {
	margin: 0 1px 14px;
}

.comList2 .num span {
	padding: 3px 2px 4px;
	color: #fff;
	font-size: 1.6rem;
	min-width: 144px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	border-radius: 50px;
	text-align: center;
	background-color: #55b8ff;
	letter-spacing: 0.05em;
}

.comList2 .title {
	margin-bottom: 24px;
	font-size: 2rem;
	line-height: 1.35;
}

.comList2 .title span {
	font-size: 1.4rem;
	display: block;
	font-weight: 500;
	margin-bottom: 8px;
}

.comList2 .photo {
	margin-left: 5px;
	width: 220px;
	flex-shrink: 0;
}

.comList2 .comBtn02 {
	margin: -5px 4px 0;
}

.comBtn a.white {
	background-color: #fff;
	border: 2px solid #1445a1;
}

.comBtn a.white:hover,
.comBtn .blue a:hover {
	opacity: 0.8;
}

p.dl {
	margin-top: 40px;
	font-size: 2.5rem;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}

p.dl a {
	text-align: center;
	display: block;
	background-color: #1445a1;
	color: #fff !important;
	border: 2px solid #1445a1;
	padding: 15px 10px;
	border-radius: 5px;
	width: 40%;
	margin: 75px auto 0px auto;
	/*margin: 0 auto;*/
	font-weight: 900;
}

p.dl a:hover {
	background-color: #fff;
	color: #1445a1 !important;
	border: 2px solid #1445a1;
}

@media (max-width: 896px) {
	p.dl {
		margin-top: 26px;
	}

	p.dl a {
		font-size: 1.6rem;
		width: 92%;
		margin: 0 auto;
		max-width: 350px;
	}
}

#gHeader .flexBox {
	margin-bottom: 15px;
}

#gFooter,
#gFooter a {
	color: #1445a1 !important;
	background-color: #f9f9f9;
}

p.small-p {
	font-size: 1.2rem;
	color: #767676;
}

.blog-h5 {
	font-size: 1.5rem;
	margin: 5px 0px 25px 0px;
}

@media (min-width: 1300px) {
	#gHeader .hBox {
		/* max-width: 1200px; */
	}
}

@media (max-width: 480px) {
	#author_profile p.amano {
		width: 100%;
		overflow-wrap: break-word !important;
	}

	#author_profile .right {
		padding: 10px 5% 0 !important;
		box-sizing: border-box;
	}
}

@media (min-width: 1300px) {


	#gNavi ul {
		/* justify-content: center;
    display: flex;
    flex-wrap: wrap; */
	}
}

@media (min-width: 897px) and (max-width: 1299px) {

	#gNavi ul {
		/* justify-content: center;
    display: flex;
    flex-wrap: wrap; */
	}
}

.sec03 .book-a {
	background-color: #1445a1;
	width: 165px;
	border: 3px solid #1445a1 !important;
	padding-bottom: 4px;
	margin: 138px 0 0 auto;
	color: #fff !important;
	font-weight: 900;
	font-size: 1.7rem;
	display: block;
	text-align: center;
	border-radius: 5px;
	box-sizing: border-box;
}

.sec03 .book-a:hover {
	background-color: #fff;
	color: #1445a1 !important;
	opacity: 1 !important;
}

@media all and (max-width: 896px) {
	.sec03 .book-a {
		margin: 25px auto 0px;
	}
}

.sec07 {
	width: 100%;
	background-color: #1445a1;
}

.sec07 .headLine02 {
	margin-bottom: 30px;
	color: #fff;
	/*text-shadow: 11px 13px 21px #599BF1;*/
}

.sec07 .form {
	color: #fff;
	display: flex;
	justify-content: center;
	padding: 25px;
}

.sec07 .form .form-01 {
	flex-basis: 29%;
	border-left: 1px solid #fff;
	padding: 30px;
}

.sec07 .form .form-01:first-child {
	border-left: none;
}

.sec07 .form-btn {
	font-size: 1.5rem;
	display: block;
	padding: 16px;
	margin: 15% 0 25px;
	border-radius: 5px;
	border: 3px solid #fff;
	color: #1445a1;
	background-color: #fff;
	width: 55%;
	text-align: center;
}

.sec07 .form-btn:hover {
	border: 3px solid #fff;
	color: #fff;
	background-color: #1445a1;
}

@media all and (max-width: 896px) {
	.sec07 .form {
		display: block;
	}

	.sec07 .form .form-01 {
		border-left: none;
	}

	.sec07 .form-btn {
		margin: 25px 0 25px;
		width: 44%;
		padding: 12px 0px;
	}
}

@media (max-width: 480px) {
	.sec07 .form-btn {
		width: 85%;
	}
}

.yellow a:hover {
	/*background-color: #f39a00;*/
	background-color: #1445a1;
	border: solid 2px #1445a1;
	color: #fff;
}

.comList2 .imgBox a,
.p_service_list>li a {
	border-bottom: solid 1px #1445a1;
	margin-bottom: 5px;
	color: #1445a1;
}

@media (max-width: 896px) {
	.l-section.p_service.u_bg_gray.service {
		padding-top: 25px !important;
	}

	.image.service {
		display: none;
	}
}

@media all and (min-width: 897px) {

	.comList2 .imgBox a:hover,
	.p_service_list>li a:hover {
		opacity: 0.7;
	}
}

.l-section.p_service.u_bg_gray {
	padding-top: 100px;
}

/*------------------------------------------------------------
	/SEO無料診断CSS
------------------------------------------------------------*/
.sec_mv.mv_back {
	/*----- background: #fdd100 !important;----*/
	padding: 0px 0px 24px;
}

.photo.order {
	margin-left: 8%;
}

.p_lp_seo .sec_mv .comBtn.yellow.pc.lp a {
	font-size: 2.5rem;
	width: 348px;
	height: 68px;
	background-color: var(--c-accent);
	color: #fff;
	border: none;
}

.photo.order img {
	padding-top: 1vw;
}

.textBox.order {
	width: calc(50% - 20%) !important;
	order: 2 !important;
	margin: 98px auto 0 5% !important;
}

@media (max-width: 896px) {
	.textBox.order {
		width: auto !important;
		margin: 0px !important;
	}
}

.small.black,
p.black,
.big.black {
	color: #3e3a39 !important;
}

@media (max-width: 896px) {
	.sec_mv.mv_back {
		padding: 36px 15px 64px;
	}

	.photo.order {
		margin: 15px auto 0px auto !important;
		width: 100% !important;
	}

	.photo.order img {
		width: 100% !important;
		max-width: 700px !important;
	}
}

/*------------------------------------------------------------
	/社内追加CSS
------------------------------------------------------------*/

/*------------------------------------------------------------
	追加CSS
------------------------------------------------------------*/

#back {
	position: relative;
	width: 100%;
}

#hover {
	position: absolute;
	top: 100px;
	left: 185px;
	width: 70%;
}

#hoverback {
	width: 70%;
	position: absolute;
	top: 100px;
	left: 185px;
}

#hoverback:hover {
	opacity: 0%;
}

@media screen and (max-width: 1160px) and (min-width: 897px) {
	#back {
		position: relative;
		width: 100%;
	}

	#hover {
		position: absolute;
		top: 26%;
		left: 27%;
		width: 70%;
	}

	#hoverback {
		width: 70%;
		position: absolute;
		top: 26%;
		left: 27%;
	}
}

@media screen and (max-width: 896px) and (min-width: 630px) {
	#back {
		position: relative;
		width: 100%;
	}

	#hover {
		position: absolute;
		top: 30%;
		left: 27%;
		width: 70%;
	}

	#hoverback {
		width: 70%;
		position: absolute;
		top: 30%;
		left: 27%;
	}
}

@media screen and (max-width: 629px) {
	#back {
		position: relative;
		width: 100%;
	}

	#hover {
		position: absolute;
		top: 14vw;
		left: 27%;
		width: 70%;
	}

	#hoverback {
		width: 70%;
		position: absolute;
		top: 14vw;
		left: 27%;
	}
}

/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.mainVisual {
	padding: 0px 0 60px;
	/*padding: 24px 0 60px;*/
	color: #fff;
	background: url("./img/index/main_bg.jpg") no-repeat center center/cover;
}

.mainVisual .photo {
	text-align: center;
	margin: 0;
}

.mainVisual .photo img {
	margin: 20px 0 0;
	width: 100%;
	max-width: 700px;
}

.mainVisual .count {
	display: flex;
	align-items: center;
	justify-content: center;
	justify-content: space-around;
}

.mainVisual .count_item {
	background-color: #0365e1;
	color: white;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 12px;
	width: 33vw;
	height: 33vw;
	max-width: 200px;
	max-height: 200px;
}

@media (min-width: 897px) {
	.mainVisual .count_item {
		font-size: 14px;
		padding: 5px 0;
		width: 33%;
		height: 200px;
	}
}

.mainVisual .count_item strong {
	font-size: clamp(26px, 7vw, 60px);
	font-weight: normal;
	color: #fffe21;
	line-height: 1.2;
	text-shadow: #93922a 2px 2px 1px;
	letter-spacing: 0.05em;
}

.mainVisual .innerBox {
	margin: 0 auto;
	max-width: 1160px;
}

.mainVisual .photo {
	text-align: center;
	margin: 20px -10px 0;
}

.mainVisual .photo img {
	width: 100%;
	max-width: 700px;
}

@media all and (min-width: 897px) {
	.mainVisual .innerBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 10px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.mainVisual .photo {
		margin-top: 55px;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 600px;
		flex: 1 1 600px;
	}

	.mainVisual .textBox {
		margin: 98px 0px 0 0px;
		padding: 0 10px;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 560px;
		flex: 1 0 560px;
	}
}

.mainVisual .textBox {
	line-height: 1.55;
}

.mainVisual .textBox p {
	font-size: 1.4rem;
	color: #fff;
}

.mainVisual .title {
	margin-bottom: 19px;
	color: #ffd700;
	font-size: 4.197rem;
	line-height: 1.21;
}

.mainVisual .title .small {
	margin-bottom: 12px;
	color: #fff;
	font-size: 2.6rem;
	display: block;
}

.mainVisual .title .small02 {
	font-size: 3.886rem;
}

.mainVisual .title .big {
	font-size: 5.7rem;
}

.mainVisual .comBtn {
	margin-top: 40px;
}

.mainVisual .comBtn a {
	font-size: 2.5rem;
	width: 423px;
	height: 68px;
}

@media (max-width: 896px) {
	.mainVisual {
		padding: 36px 15px 64px;
	}

	.mainVisual .title {
		margin-bottom: 19px;
		font-size: 3rem;
	}

	.mainVisual .title .small {
		font-size: 1.4rem;
	}

	.mainVisual .title .small02 {
		font-size: 2.5rem;
	}

	.mainVisual .title .big {
		font-size: 3.5rem;
	}

	.mainVisual .comBtn a {
		font-size: 1.6rem;
		width: 92%;
		height: 55px;
		margin: 0 auto;
		max-width: 350px;
	}
}

/* sec01 */
.sec01 {
	padding-bottom: 100px;
	background-color: #e6f4ff;
}

.sec01 .topBox {
	padding: 69px 0 166px;
	background: url("./img/index/sec01_bg.png") no-repeat left top / 100% 100%;
}

.sec01 .listUl {
	margin: -100px 0 0 12px;
	display: flex;
	justify-content: center;

	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.sec01 .listUl li {
	margin: 0 -16px;
	width: 354px;
}

.sec01 .listUl .img01 {
	margin-right: -73px;
}

.sec01 .listUl .img04 {
	margin-left: -73px;
}

.sec01 .listUl .img02 {
	margin-top: 175px;
}

.sec01 .listUl .img03 {
	margin-top: 175px;
}

@media all and (max-width: 896px) {
	.sec01 .listUl {
		margin: -20px 0 0 12px;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.sec01 .listUl li {
		margin: 20px 0 0 0 !important;
		width: 50%;
	}

	.sec01 .topBox {
		margin-bottom: 30px;
		padding: 41px 0;
		background: #fff url("./img/index/sec04_bg01.png") repeat left top / 5px auto;
		box-shadow: 0 0 15px #5693ff;
	}

	.sec01 {
		padding-bottom: 60px;
	}
}

/* sec02 */
.sec02 {
	padding: 100px 0 150px;
	/* padding: 65px 0 120px;*/
	/* background: url("./img/index/bg.jpg") no-repeat left top / 100% 100%;*/
	background: url("./img/index/sec03_bg.jpg") repeat left top / 52px 52px;
}

.sec02 .headLine01 {
	/*color: #fff;*/
}

.sec02 .listUl {
	display: flex;
	flex-wrap: wrap;
	max-width: 940px;
	margin: 0 auto;
}

.sec02 .listUl li {
	border: 2px solid #edeff4;
	padding: 52px 34px 46px;
	margin-right: 15px;
	width: calc(33.33% - 15px);
	/*padding: 52px 40px 46px;
	margin-right: 1px;
	width: calc(33.33% - 1px);*/
	background-color: #fff;
	box-sizing: border-box;
}

.sec02 .listUl p {
	font-size: 1.5rem;
	line-height: 1.6;
	word-break: break-all;
}

.sec02 .listUl .image {
	margin: 0 -20px 34px;
	text-align: center;
}

.sec02 .listUl .image img {
	width: 100%;
	max-width: 315px;
}

.sec02 .listUl .subTitle {
	margin-bottom: 32px;
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	line-height: 1;
}

.sec02 .listUl .subTitle span {
	margin: -7px 0 0 7px;
	display: inline-block;
	vertical-align: middle;
	font-size: 3.8rem;
}

.sec02 .listUl .title {
	margin-bottom: 32px;
	font-size: 2.4rem;
	text-align: center;
	line-height: 1.2;
}

@media all and (max-width: 896px) {
	.sec02 .listUl {
		display: block;
	}

	.sec02 .listUl li {
		padding: 30px 20px;
		margin: 0 0 20px;
		width: auto;
	}

	.sec02 .listUl li:last-child {
		margin-bottom: 0;
	}

	.sec02 .listUl .image {
		/*margin: 0 0 20px;*/
		margin: 0 auto;
		text-align: center;
	}

	.sec02 .listUl .subTitle {
		font-size: 1.7rem;
	}

	.sec02 .listUl .subTitle span {
		margin: -4px 0 0 7px;
		font-size: 3rem;
	}

	.sec02 .listUl .image img {
		max-width: 220px;
	}

	.sec02 .listUl .title {
		margin-bottom: 32px;
		font-size: 2.3rem;
	}

	.sec02 .listUl p {
		font-size: 1.3rem;
	}

	.sec02 {
		padding: 58px 0;
	}
}

/* sec03 */
.sec03 {
	padding: 100px 0 150px;
	/*padding: 65px 0 100px;*/
	/*background: url("./img/index/sec03_bg.jpg") repeat left top / 52px 52px; */
}

.sec03 .headLine01 {
	margin-bottom: 80px;
	/*margin-bottom: 50px;*/
}

.sec03 .comList>li {
	padding: 37px 26px 35px 42px;
	border: 2px solid #edeff4;
}

.sec03 .comList .title {
	/*margin-bottom: 21px;*/
	margin-bottom: 7px;
	line-height: 1.21;
	/*border-bottom: 2px solid #1445a1;*/
	padding-bottom: 3px;
}

.sec03 .comList .photo {
	/*width: 215px;*/
	/*margin: 5px 4px 0 26px;*/
	width: 146px;
	margin: 46px 4px 0 auto;
	height: 0;
}

.sec03 .comList .comBtn {
	margin: 27px 4px 0;
	justify-content: flex-end;
}

.sec03 .comList .comBtn a {
	border-radius: 0;
	width: 160px;
	height: 36px;
	font-size: 1.5rem;
	text-shadow: none;
	border-radius: 5px;
}

.sec03 ul.comBtn li {
	margin: 0 0 0 20px;
}

.sec03 .btn a {
	margin: 0 auto;
	width: 680px;
	font-size: 3.8rem;
	height: 120px;
	border-radius: 8px;
}

.sec03 .btn {
	margin-top: 54px;
}

@media all and (max-width: 896px) {
	.sec03 {
		padding: 58px 0;
		background-size: 30px 30px;
	}

	.sec03 .headLine01 {
		margin-bottom: 30px;
	}

	.sec03 .comList>li,
	.comList2>li {
		padding: 20px;
		text-align: center;
	}

	.sec03 ul.comBtn li,
	.comList2 ul.comBtn li {
		margin: 0 0 10px;
	}

	.sec03 .comList .comBtn a,
	.comList2 .comBtn a {
		font-size: 1.3rem;
	}

	.sec03 .btn a {
		font-size: 1.6rem;
		width: 92%;
		height: 55px;
		margin: 0 auto;
		max-width: 350px;
	}

	.sec03 .comList .photo {
		/*width: 50%;
		margin: 0 auto;
		height: auto;*/
		display: none;
	}

	.comList2 .photo {
		width: auto;
		margin: 20px 0 20px 0;
		text-align: center;
	}

	.comList2 .imgBox {
		display: block;
	}

	.comList2 .textBox {
		margin-left: 0px;
		margin-bottom: 20px;
	}
}

/* sec04 */
.sec04 {
	background: url("./img/index/sec04_bg01.png") repeat left top / 10px auto;
	/*background-color: #f9f9f9;*/
	max-width: 100%;
	/*overflow-x: hidden;*/
}

.sec04 .content {
	padding: 100px 0 100px;
	/* padding: 65px 0 95px;*/
	position: relative;
}

.sec04 .content::before {
	width: calc(100% + 100px);
	height: 100%;
	position: absolute;
	top: 0;
	left: -50px;
	/* background: url("./img/index/sec04_bg02.jpg") repeat left top / auto 100%;*/
	-webkit-transform: skew(-21deg);
	transform: skew(-21deg);
	content: "";
}

.sec04 .relativeBox {
	position: relative;
	z-index: 10;
}

.sec04 .headLine01 {
	margin-bottom: 89px;
	margin-top: 112px;
	/*text-shadow: 11px 13px 21px #599BF1;*/
}

.sec04 .headLine01::after {
	/*box-shadow: 11px 13px 21px #599BF1;*/
}

@media all and (max-width: 896px) {
	.sec04 .content::before {
		width: calc(100% + 50px);
		left: -90px;
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
		content: "";
	}

	.sec_logo {
		padding-bottom: 30px !important;
	}

	.sec04 .content {
		padding: 58px 0 40px;
	}
}

/* sec05 */
.sec05 {
	padding: 100px 0 150px;
	/*padding: 65px 0 100px; */
	/*background: url("./img/index/sec05_bg.jpg") repeat left 40px / 52px 52px; */
}

.sec05 .headLine01 {
	margin-bottom: 95px;
}

.sec05 .comList02 .title {
	background-color: #778899 !important;
}

.sec05 .comList02 li a {
	/*box-shadow: 20px 20px 31px #c1ccea; */
}

@media all and (max-width: 896px) {
	.sec05 {
		padding: 58px 0;
	}
}

/* sec06 */
.sec06 {
	padding: 100px 0;
	background-color: #eaebed;
}

.sec06 .content {
	/*max-width: 1100px;*/
	background-color: #fff;
	box-sizing: border-box;
	padding: 70px 101px 79px;

	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.sec06 .headLine01 {
	margin-bottom: 44px;
	padding-bottom: 35px;
	font-size: 3rem;
}

.sec06 table {
	width: 100%;
	border-collapse: collapse;
}

.sec06 table th,
.sec06 table td {
	text-align: left;
	vertical-align: middle;
	border: 1px solid #727171;
	background-color: #fff;
	word-break: break-all;
	box-sizing: border-box;
}

.sec06 table th {
	padding: 15px 0 15px 39px;
	width: 31.3%;
	background-color: #e8f4ff;
}

.sec06 .conTableBox table td {
	padding: 15px;
}

.sec06 table .topStyle {
	padding-top: 23px;
	vertical-align: top;
}

.sec06 table th .small {
	margin-bottom: -13px;
	font-size: 1rem;
	display: block;
}

.sec06 form input[type="text"],
.sec06 form input[type="url"],
.sec06 form input[type="tel"],
.sec06 form input[type="email"],
.sec06 form textarea {
	padding-left: 38px;
	width: 100%;
	height: 75px;
	border-radius: 0;
	border: none;
	font-size: 1.8rem;
	box-sizing: border-box;
	letter-spacing: 0.05em;
}

.sec06 form textarea {
	padding: 5px 38px;
	height: 168px;
}

.sec06 form .centerTxt {
	padding: 34px 0 0;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
}

.sec06 form .centerTxt a {
	color: #ea5514;
}

.sec06 form .submit {
	margin-top: 40px;
	text-align: center;
}

.sec06 form .submit li {
	margin-bottom: 15px;
}

.sec06 form .submit li:last-child {
	margin-bottom: 0;
}

.sec06 form .submit input {
	width: 406px;
	height: 76px;
	color: #fff;
	font-weight: bold;
	border: none;
	border-radius: 0;
	font-size: 2.2rem;
	background-color: #b5b5b6;
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.sec06 form input::-webkit-input-placeholder {
	color: #c9caca;
	opacity: 1;
}

.sec06 form input:-moz-placeholder {
	color: #c9caca;
	opacity: 1;
}

.sec06 form input::-moz-placeholder {
	color: #c9caca;
	opacity: 1;
}

.sec06 form input:-ms-input-placeholder {
	color: #c9caca;
	opacity: 1;
}

@media (max-width: 896px) {

	.sec06 form input[type="text"],
	.sec06 form input[type="url"],
	.sec06 form input[type="tel"],
	.sec06 form input[type="email"],
	.sec06 form textarea {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 1.4rem;
	}
}

/*コンタクトフォーム*/
div.wpcf7 .ajax-loader {
	display: none;
}

span.wpcf7-not-valid-tip {
	padding: 10px 0 10px 38px;
}

@media all and (min-width: 897px) {
	.sec06 form .centerTxt a:hover {
		text-decoration: underline;
	}

	.sec06 form .submit input:hover {
		opacity: 0.7;
	}
}

@media all and (max-width: 896px) {
	.sec06 .content {
		padding: 30px 10px 30px;
	}

	.sec06 .headLine01 {
		margin-bottom: 30px;
		padding-bottom: 26px;
		font-size: 2.4rem;
	}

	.sec06 table th,
	.sec06 table td {
		width: 100%;
		float: left;
		border-bottom: none;
	}

	.sec06 table th {
		padding: 8px;
		font-size: 1.4rem;
		text-align: center;
		text-align: center;
		border-bottom: none;
	}

	.sec06 table tr:last-child td:last-child {
		border-bottom: 1px solid #727171;
	}

	.sec06 table th .small {
		margin-bottom: 0;
		font-size: 0.9rem;
	}

	.sec06 table .topStyle {
		padding-top: 8px;
	}

	.sec06 form input[type="text"],
	.sec06 form input[type="tel"],
	.sec06 form input[type="email"],
	.sec06 form textarea {
		padding-left: 10px;
		padding-right: 10px;
		height: 50px;
		font-size: 1.4rem;
		letter-spacing: 0;
	}

	.sec06 form textarea {
		padding: 10px;
		height: 150px;
	}

	.sec06 form .submit input {
		font-size: 1.6rem;
		width: 92%;
		height: 55px;
		max-width: 350px;
	}

	.sec06 {
		padding: 60px 0;
	}

	.sec06 .conTableBox table td {
		padding: 10px;
	}
}

/* thanksBox */
.thanksBox .comBtn {
	margin-top: 50px;
}

.thanksBox .comBtn a {
	margin: 0 auto;
}

/* errorMsg */
.errorMsg {
	margin-bottom: 15px;
	color: red;
	font-size: 1.4rem;
}

.errorMsg li {
	margin-bottom: 5px;
}

.errorMsg li:last-child {
	margin-bottom: 0;
}

/*パンくずエリアパーツ(複数個所で使用)*/
.breadcrumb {
	margin-bottom: 40px;
	padding: 10px;
	/*background: #F2F2F2;*/
	/*background: #e6f4ff;*/
}

.breadcrumb__list {
	list-style: none;
}

.breadcrumb__list::after {
	content: "";
	display: block;
	clear: both;
}

.breadcrumb__item {
	position: relative;
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	font-size: 1.2rem;
	line-height: 1.75;
	color: #7f7f7f;
	min-height: 2.2rem;
}

.breadcrumb__item .icon-home::before {
	margin-right: 5px;
}

.breadcrumb__item::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -3px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	transform: rotate(45deg);
}

.breadcrumb__item:last-child::after {
	border: none;
}

.breadcrumb__link {
	text-decoration: underline;
	line-height: 1;
}



@media (max-width: 896px) {
	.sidebar_scroll {
		overflow: auto;
	}
}

/*ページネーション(アーカイブとコメントで使用)*/
/*pager内はWPの標準マークアップに従う*/
.pager {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 1.3rem;
}

.pager.pager-comments {
	margin-bottom: 40px;
}

a.page-numbers,
span.page-numbers.current {
	display: inline-block;
	padding: 10px;
	color: #3f3f3f;
	border: #7f7f7f 1px solid;
	border-radius: 5px;
}

a.page-numbers:hover,
span.page-numbers.current {
	color: #ffffff;
	background: #3f3f3f;
	transition: 0.2s;
}

a.page-numbers.prev,
a.page-numbers.next {
	position: absolute;
	padding-left: 40px;
	padding-right: 40px;
}

a.page-numbers.prev {
	left: 0;
}

a.page-numbers.next {
	right: 0;
}

a.page-numbers.prev::before,
a.page-numbers.next::before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid;
}

a.page-numbers.prev::before {
	left: 10px;
	border-left: 1px solid;
	transform: rotate(-45deg);
}

a.page-numbers.next::before {
	right: 10px;
	border-right: 1px solid;
	transform: rotate(45deg);
}

/*ウィジェットブロック(※主にWPの標準マークアップに従う)
/************************************************************/

/*固定ウィジェット枠*/
.widgetSticky {
	position: sticky;
	top: 30px;
}

/*投稿ページ用ウィジェット枠*/
.widgetPost {
	margin-bottom: 20px;
	overflow: hidden;
}

.widgetPost .widget {
	margin: 40px auto 0 auto;
	padding-top: 40px;
	max-width: 100%;
}

.widgetPost .widget:first-child {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}

.widgetPost .widget::before {
	content: normal;
}

/*TOPページ用ウィジェット枠*/
.widgetPage {
	margin-bottom: 40px;
	overflow: hidden;
}

.widgetPage .widget {
	margin: 40px auto 0 auto;
	padding-top: 40px;
	max-width: 100%;
}

.widgetPage .widget:first-child {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}

.widgetPage .widget::before {
	content: normal;
}

/*基本ボックス*/
.widget {
	position: relative;
	max-width: 640px;
	margin: 0 auto 40px auto;
}

.widget:first-child {
	border-top: 0;
	padding-top: 0;
}

.widget:first-child::before {
	content: normal;
}

.widget:last-child {
	margin-bottom: 0;
}

/*基本リンク*/
.widget a:hover {
	transition: 0.2s;
	color: #63acb7;
}

/*基本リスト*/
/* .widget ul {
	list-style-type: none;
}

.widget ul li {
	position: relative;
	padding: 15px 0 0 20px;
	margin-bottom: 15px;
	border-top: dotted 1px #d8d8d8;
	line-height: 1.5;
}

.widget>div>ul>li:first-child,
.widget>ul>li:first-child {
	padding-top: 0;
	border-top: 0;
} */

/* .widget ul li:before {
	content: "・";
	position: absolute;
	left: 0;
} */

.widget .sub-menu,
.widget .children {
	margin-top: 15px;
}

/*投稿日表示*/
.widget .rss-date,
.widget .post-date {
	display: block;
	font-size: 1.2rem;
	color: #7f7f7f;
	margin-top: 5px;
	font-weight: normal;
}

.widget .rss-date::before,
.widget .post-date::before {
	font-family: "icomoon";
	content: "\e900";
	margin-right: 5px;
}

/*RSS関連*/
.widget h2 .rss-widget-icon {
	display: none;
}

.widget ul li .rsswidget {
	display: block;
	font-weight: 700;
	color: #63acb7;
}

.widget ul li .rsswidget:hover {
	text-decoration: underline;
}

.widget ul li .rssSummary {
	margin: 10px 0;
}

.widget ul li cite {
	text-align: right;
	display: block;
}

.widget ul li cite::before {
	content: "by:";
}

/*テキストボックス*/
.widget .textwidget {
	font-size: 1.3rem;
	color: #3f3f3f;
	line-height: 1.75;
}

.widget .textwidget p+p {
	margin-top: 10px;
}

/*タグクラウド*/
.widget .tagcloud {
	/* margin-bottom: -10px; */
}

/*ドロップダウン*/
.widget .screen-reader-text {
	display: none;
}

.widget select {
	display: block;
	width: 100%;
	height: 30px;
	border: none;
	padding: 0 10px;
	border-radius: 5px;
	background: #fff;
}

/*記事掲載部分*/
.outlineframe {
	position: relative;
}

.inlineframe {
	position: absolute;
	left: 30%;
	width: 64%;
	display: block !important;
	margin: 0 !important;
	bottom: 17rem;
	/*     bottom: 26rem; */
	opacity: 1 !important;
}

.inlineframe:hover {
	opacity: 0 !important;
}

.inlineframeHover {
	position: absolute;
	left: 30%;
	width: 64%;
	z-index: 2;
	margin: 0 !important;
	bottom: 17rem;
	/*     bottom: 26rem; */
	transition: 0.4s !important;
	opacity: 0 !important;
}

.inlineframeHover:hover {
	opacity: 1 !important;
}

/*固定ページのみ更新日消す*/
.page time {
	display: none;
}

@media screen and (max-width: 425px) {

	.inlineframe,
	.inlineframeHover {
		/* 		bottom: 17rem; */
		bottom: 15.5rem;
	}
}

@media screen and (max-width: 320px) {

	.inlineframe,
	.inlineframeHover {
		/* 		bottom: 17rem; */
		bottom: 15rem;
	}
}

/*------------------------------------------------------------
 * タグクラウドカスタマイズ
------------------------------------------------------------*/
.tagcloud {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}

.tag-cloud-link {
	padding: 5px 7px 8px;
	color: #727171;
	/* min-width: 46px; */
	box-sizing: border-box;
	border: 1px solid #727171;
	text-align: center;
	letter-spacing: 0.05em;
	display: flex;
	align-items: center;
	font-size: 13px !important;
	margin: 4px;
	transition: 0.3s;
}

.tag-cloud-link::before {
	content: "#";
}

.tag-cloud-link:hover {
	color: #fff !important;
	background-color: #727171;
}


/* .outlineframe {
	position: relative;
}

.inlineframe {
	position: absolute;
	top: 40%;
	right: 6%;
	z-index: 2;
	width: 64%;
	transition: .4s!important;
	opacity: 1!important;
}

.inlineframe:hover {
	opacity: 0!important;
}

.inlineframeHover {
	position: absolute;
	top: 40%;
	right: 6%;
	z-index: 2;
	width: 64%;
	transition: .4s!important;
	opacity: 0!important;
}

.inlineframeHover:hover {
	opacity: 1!important;
}


@media screen and (max-width: 425px) {
	.inlineframe,
	.inlineframeHover{
		top: 37%;
	}
}
@media screen and (max-width: 375px) {
	.inlineframe,
	.inlineframeHover {
		top: 35%;
	}
} */

.right-sidebar .menu {
	position: relative;
	height: auto;
	width: auto;
}


.p_top_book .intro {
	margin: 40px;
	/* margin: 40px auto; */
}

.booksIntro {
	display: flex;
	/* justify-content: center; */
	/* align-items: baseline; */
	width: fit-content;
	margin: 0 auto;
}

@media (max-width: 1159px) {
	.booksIntro {
		flex-direction: column;
		margin: 0 auto;
		width: 100%;
	}

	.intro {
		margin: 0 auto !important;
		width: 100%;
	}

	.p_top_book .intro .text {
		width: 100% !important;
		text-align: center;
	}

	.booksDetail {
		margin-top: 40px !important;
		text-align: center !important;
	}

	.underBooks {
		margin-right: 0 !important;
	}
}

.underTitle {
	font-size: 17px !important;
}

.bookIntroDesc {
	font-size: 1.4rem;
}

.booksDetail {
	font-size: 1.4rem;
	display: block;
	margin-top: 132px;
	text-align: end;
}

.underBooks {
	/* margin-top: 112px; */
	/* margin-right: 20px; */
	margin-top: 112px;
	margin-right: 0px;
}

.underBooks {}

.booksDetailLink {
	color: #515FAA;
}

@media (min-width: 897px) {
	.p_top_book .intro {
		gap: 28px;
	}
}

.p_top_book .intro .text {
	width: 140px;
}

.under-pickup {
	display: none !important;
}

@media (max-width: 821px) {
	.p_under_service {
		display: none !important;
	}

	.under-pickup {
		display: initial !important;
	}
}

.p_under_service {
	display: flex;
	margin: 16px auto;
	justify-content: space-around;
}

.under_area {
	margin: 0 7px;
	width: 50%;
}

.under_left {
	margin-left: 0;
}

.under_right {
	margin-right: 0;
}

.under_area__link {
	margin: 0 auto;
	padding: 20px;
	border: 2px solid #1445a1;
	background: #fff;
	color: #1445a1;
	display: block;
	width: 100%;
	text-align: center;
	font-weight: 900;
}

.under_area__link:hover {
	background: #1445a1;
	color: #fff !important;
	border: 2px solid #1445a1;
}

.sec_mv.mv_back.dignosis {
	background: url("https://www.switchitmaker2.com/wordpress/wp-content/themes/admano-theme/img/staff/seo-consultant3.webp");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 7% 0%;
}

@media (max-width: 896px) {
	.sec_mv.mv_back.dignosis {
		padding: 10% 0%;
	}
}


h3.subTitle {
	font-size: 1.3em;
}

.blc_content table {
	width: 100%;
	margin: 0 auto;
}

.blc_content .table01 th,
.blc_content .table01 td,
.blc_content .table02 th,
.blc_content .table02 td {
	display: block;
}

.blc_content .table01 tbody,
.blc_content .table02 tbody {
	display: flex;
	justify-content: space-between;
}

.blc_content .table01 td.price {
	margin: 5px auto 8px auto;
}

.blc_content .table01 td.price .big {
	font-size: 3.5rem;
	font-weight: bold;
	color: #4568dc;
	padding-left: 15px;
}

.blc_content .table01 td.price .big01 {
	font-size: 4.5rem;
	font-weight: bold;
	color: #4568dc;
	padding-left: 15px;
}

.blc_content .table01 td.price .small {
	font-size: 2rem;
}

.blc_content .table01 td.under {
	margin-top: 5px;
	font-size: 1.5rem;
	margin-bottom: 22px;
}

.blc_content .table01 .medium {
	font-size: 2rem;
	font-weight: bold;
}

.blc_content .table01 th {
	color: #669dfa;
	font-size: 2rem;
}

.blc_content .table01 td {
	padding: 0px 15px;
}

.blc_content .table01 tr {
	flex: 1;
}

.blc_content .table01 tr.tr-left {
	margin-left: 5%;
}

.blc_content .table01 tr.tr-left .price {
	margin-bottom: 10%;
	margin: 0% auto 8% auto;
}

.blc_content .table01 tr.tr-right {
	margin-left: 5%;
}

.blc_content .table02 th {
	color: #669dfa;
	font-size: 15px;
}

.blc_content .table02 tr {
	margin: 15px;
}

.blc_content .table02 td.price .big {
	font-size: 29px;
	font-weight: bold;
	color: #4568dc;
	padding-left: 5%;
}

.blc_content .table02 td.price .small {
	font-size: 2rem;
}

.blc_content .table02 td.under {
	margin-top: 15px;
	font-size: 1.5rem;
}

@media (max-width: 897px) {

	.blc_content .table01 tbody,
	.blc_content .table02 tbody {
		display: block;
	}

	.blc_content .table01 tr.tr-left,
	.blc_content .table01 tr.tr-right {
		display: block;
		padding: 5% 0%;
	}

	.blc_content .table02 th {
		font-size: 2rem;
	}

	.blc_content .table02 td.price .big {
		font-size: 3.5rem;
	}

	.blc_content .table01 td {
		padding: 0px;
	}

	.blc_content table {
		width: 80%;
		margin: 0 auto;
	}

	.blc_content .table02 tr {
		display: block;
		margin: 0px;
		padding: 5% 0px;
	}

	.blc_content .table01 tr.tr-right,
	.blc_content .table01 tr.tr-left {
		margin-left: 0%;
	}
}

@media (max-width: 280px) {
	.blc_content table {
		width: 100%;
	}

	.blc_content .table01 td.price .big {
		font-size: 3rem;
	}
}

.sec03.l-section.sec_service.u_bg_dot.sec_service_second {
	background: rgba(228, 244, 254, 0.8078431373) !important;
}

.l_section.sec_faq {
	position: relative;
	background: linear-gradient(to right, #4568dc, #426fdd, #3a82e2, #3494e6);
	z-index: 0;
}

.l_section.sec_faq::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	background: url("./img/index/writinglp_bg_img03.png") !important;
	background-size: 50px 50px;
	background-position: top 15px left 5px;
	z-index: -1;
}

.l_section.sec_solve.back {
	background: #FFF;
}

.l_section.long.p_top_book.back {
	background: #f9f9f9;
}

.t_sec_title.h2 {
	color: #3e3a39;
}

.t_lead.u_tc_main.p {
	color: #3e3a39;
}

.headLine01.color {
	color: #3e3a39;
}

.headLine01.staff2.color {
	color: #3e3a39;
}

/*------------------------------------------------------------
errorMsg
------------------------------------------------------------*/
.errorMsg {
	margin-bottom: 15px;
	color: red;
	font-size: 1.4rem;
}

.errorMsg li {
	margin-bottom: 5px;
}

.errorMsg li:last-child {
	margin-bottom: 0;
}

/*------------------------------------------------------------
2025/0709追記
------------------------------------------------------------*/

.l_section.p-seoconsul_logo {
	padding: 3rem 0;

	@media screen and (min-width: 897px) {
		padding: 50px 0;
	}
}

/*------------------------------------------------------------
2025/0827追記 TOPサービスセクションのアイテムの背景色設定
------------------------------------------------------------*/
.p_top_service-pickup li.title a.is-active {
	background-color: #1445a1;
	color: #fff !important;
	border: 2px solid #1445a1;
}

@media (min-width: 897px) {

	.c_list_num>li,
	.c_list_num>li::before {
		transition: top 0.5s ease-in-out;
	}

	.c_list_num>li {
		top: 0;
	}

	.c_list_num>li.is-active {
		top: -30px;
	}

	.c_list_num>li.is-active::before {
		top: -1px;
	}
}

/*------------------------------------------------------------
2025/0910追記  下層ページメインビジュアルエリアのパディング調整
------------------------------------------------------------*/
.p_catch,
/* .single-post .l-wrapper, */
.page-template-campaign-contact,
.p_contact_wrapper,
.p_onayamiFv {
	padding-top: 100px;
}

.p_lp_market .sec_mv,
.single-contents_dl .p_dl_inner,
.single-interview .l-main,
.l-main.p_single,
.p_event_main.p_single {
	padding-top: 140px;
}

@media (min-width: 897px) {
	.p_catch {
		padding-bottom: 20px;
	}
}

/*------------------------------------------------------------
2025/0917追記  TOP書籍告知セクション追加
------------------------------------------------------------*/

.ls-30 {
	letter-spacing: -0.3em;
}

.ls-40 {
	letter-spacing: -0.4em;
}

.ls-50 {
	letter-spacing: -0.5em;
}

.u-mobile {
	display: none !important;
}

.p-top__book {
	background-color: #5877B3;
}

.p-top__book__bg {
	background-image: url(./img/index/top_book_bg.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.p-top__book .absolute1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.p-top__book .absolute2 {
	position: absolute;
	top: 0;
	right: 0;
}

.p-top__book .absolute3 {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 0;
	width: 60%;
}

.p-top__book__flex {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
}

.p-top__book__flex__book {
	flex: 1;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.p-top__book__flex__book img {
	max-width: 100%;
	width: auto;
	aspect-ratio: 396/528;
	width: clamp(200px, 20.8333333333vw, 500px);
	object-fit: contain;
}

.p-top__book__flex__text {
	flex: 1;
	padding: 90px 20px 60px;
	position: relative;
}

.p-top__book__flex__text span {
	font-size: clamp(14px, 1.3020833333vw, 25px);
	font-weight: 600;
	color: #fff;
	line-height: 1;
	font-family: "Yu Mincho", serif;
}

.p-top__book__flex__text h2 {
	font-size: clamp(18px, 2.2916666667vw, 44px);
	color: #fff;
	margin: 10px 0 16px;
	line-height: 1.5;
	text-shadow: 0px 4px 5px 0px #343F56;
	font-family: "Yu Mincho", serif;
	font-weight: 600;
}

.p-top__book__flex__text h2 span {
	font-size: clamp(18px, 2.2916666667vw, 44px);
	color: #fff;
	font-family: "Yu Mincho", serif;
	font-weight: 600;
}

.p-top__book__flex__text p {
	font-size: clamp(16px, 1.9973958333vw, 39px);
	color: rgba(255, 255, 255, 0.6980392157);
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	margin: 0 0 50px;
}

.p-top__book__flex__text a {
	background: #132753;
	padding: 10px 18px;
	color: #fff;
	display: block;
	width: fit-content;
	text-decoration: none;
	font-family: "Yu Mincho", serif;
	font-size: clamp(14px, 1.3020833333vw, 25px);
}

@media screen and (max-width: 768px) {
	.u-mobile {
		display: flex !important;
	}

	.u-desktop {
		display: none !important;
	}

	.p-top__book__bg {
		background-position: center center;
	}

	.p-top__book .absolute3 {
		display: none;
	}

	.p-top__book__flex {
		padding: 20px 0;
	}

	.p-top__book__flex__book.u-mobile {
		background-image: url(./img/index/top_book_world.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
	}

	.p-top__book__flex__text {
		flex: 1;
		padding: 40px 0;
		position: relative;
	}

	.p-top__book__flex__text span.top-span {
		display: block;
		text-align: center;
	}

	.p-top__book__flex__text h2 {
		margin: 8px 0 8px;
		padding: 0 20px;
	}

	.p-top__book__flex__text p {
		font-size: clamp(15px, 1.9973958333vw, 39px);
		margin: 0 0 16px;
		padding: 0 20px;
	}

	.p-top__book__flex__text a {
		margin: 16px auto 0;
		font-size: clamp(14px, 1.3020833333vw, 25px);
	}
}

/*--------- 20250925追加 パンくずリスト --------*/
.p_catch .l_inner.narrow {
	max-width: 1160px;
}