@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/************************************
 ************************************
 * リセットcss
 ************************************
 ************************************
 */
*{
	box-sizing: border-box;
}
a{
	text-decoration: none;
}
ul{
	padding-left: 0;
	margin: 0;
}
ul li{
	margin: 0!important;
	list-style: none;
}
button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
summary{
	list-style-type: none
}
summary::-webkit-details-marker{
	display: none;
}
img{
	vertical-align: bottom;
}

/************************************
 ************************************
 * SWELL 上書き
 ************************************
 ************************************
 */
body{
	background: #fff;
	padding-top: 170px;
}
@media screen and (max-width: 1200px) {
	body{
		padding-top: 70px!important;
	}
}
#body_wrap{
	padding-top: 80px!important;
}
@media screen and (max-width: 959px) {
	#body_wrap{
		padding-top: 40px!important;
	}
}
#body_wrap.top{
	padding-top: 0px!important;
}
#body_wrap:has(.my-cta-banner){
	margin-bottom: 105px!important;
}
@media screen and (max-width: 959px) {
	#body_wrap:has(.my-cta-banner){
		margin-bottom: 72px!important;
	}
}
@media screen and (max-width: 599px) {
	#body_wrap:has(.my-cta-banner){
		margin-bottom: 60px!important;
	}
}
#content{
	margin-bottom: 0px!important;
}
/* #content:has(.my-cta-banner){
	margin-bottom: 105px!important;
}
@media screen and (max-width: 959px) {
	#content:has(.my-cta-banner){
		margin-bottom: 72px!important;
	}
}
@media screen and (max-width: 599px) {
	#content:has(.my-cta-banner){
		margin-bottom: 60px!important;
	}
} */
.swell-block-fullWide{
	margin-bottom: 0!important;
}
.swell-block-fullWide+.swell-block-fullWide{
	margin-top: 0!important;
}
.l-header,
.l-fixHeader,
.c-pageTitle{
	display: none!important;
}
.l-content{
	padding-top: 0px!important;
}
.l-content.l-container,
.swell-block-fullWide__inner.l-article{
	max-width: 940px!important;
	padding-inline: 20px!important;
}
.l-content:has(.my-privacy-policy),
.l-content:has(.my-entry-page),
.l-content:has(.my-flow-page){
    margin-bottom: 0!important;
}
.post_content{
	margin-top: 0!important;
	padding-inline: 0!important;
}
#sp_menu{
	display: none!important;
}
#breadcrumb{
	padding: 0!important;
	margin-bottom: 60px;
}
@media screen and (max-width: 959px) {
	#breadcrumb{
		display: none!important;
	}
}
#breadcrumb .icon-home::before{
	display: none!important;
}

#breadcrumb a{
	text-decoration: underline;
}

#breadcrumb span{
	color: #333;
}
#breadcrumb .p-breadcrumb__list{
	box-sizing: initial;
	max-width: 900px;
	padding-inline: 16px!important;
	font-size: 14px!important;
}
@media screen and (max-width: 959px){
	#breadcrumb .p-breadcrumb__list{
		font-size: 10px!important;
		padding-inline: 4vw!important;
	}
}
.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text{
	display: block!important;
}
/************************************
 ************************************
 * 共通css
 ************************************
 ************************************
 */
.flex{
	display: flex;
}
.flex-column{
	flex-direction: column;
}
.items-center{
	align-items: center;
}
.justify-center{
	justify-content: center;
}
.justify-between{
	justify-content: space-between;
}
.justify-around{
	justify-content: space-around;
}
.text-center{
	text-align: center;
}
.h-full,
.h-full > img{
	height: 100%;
}
.gap-8{
	gap: 8px;
}
.gap-20{
	gap: 20px;
}
.my-pb-40{
	padding-bottom: 40px!important;
}
@media screen and (max-width: 599px) {
	.my-sp-text-left,
	.my-sp-text-left>*{
		text-align: left!important;
	}
}
.overflow-hidden{
	overflow: hidden!important;
}
.my-border-orange{
	border: 2px solid #FF8800;
}
.my-section-title{
	min-height: 54px;
	margin-bottom: 40px!important;
}
.my-section-title > *{
	height: 100%;
}
.my-section-title h1{
	padding-block: 11px!important;
	line-height: 1;
}
.my-section-title h1 span{
	font-size: 24px;
}
@media screen and (max-width: 959px) {
	.my-section-title{
		height: auto;
		margin-bottom: 20px!important;
	}
	.my-section-title h1{
		padding: 12px 10px!important;
		line-height: 1.5;
	}
	.my-section-title h1 span{
		font-size: 20px!important;
	}
}
@media screen and (max-width: 781px) {
	.my-tab-flex-column-reverse{
		flex-direction: column-reverse;
	}
}
@media screen and (max-width:  599px) {
	.my-sp-flex-column-reverse,
	.my-sp-flex-column-reverse > *{
		flex-direction: column-reverse;
	}
}

/************************************
 ************************************
 * 共通詳細ボタン
 ************************************
 ************************************
 */
.my-common-button a .swl-inline-icon:after{
	top: 0;
}
@media screen and (max-width: 599px) {
	.my-common-button a{
		font-size: 16px!important;
		padding-block: 9px;
	}
	.my-common-button a .swl-fz{
		font-weight: 700;
	}
	.my-common-button a .swl-inline-icon:after{
		top: 4px;
		width: 16px;
		height: 16px;
	}
}

/************************************
 ************************************
 * ヘッダー
 ************************************
 ************************************
 */
.my-iemente-header{
	width: 100%;
	position: fixed;
	z-index: 9999;
	background: #fff;
	top: 0;
	left: 0;
}
.my-iemente-header__top{
	padding: 18px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.my-iemente-header__logo img{
	height: 60px;
	object-fit: cover;
}
.my-iemente-header__tel img{
	height: 64px;
	object-fit: cover;
}
.my-iemente-header__bottom{
	background:#FAFCFB;
	padding-inline: 76px;
}
.my-iemente-header__nav{
	display: flex;
}
.my-iemente-header__menu{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 0!important;
}
.my-iemente-header__menu-item{
	position: relative;
	height: 70px;
}
.my-iemente-header__menu-item > a{
	display: grid;
	place-items: center;
	height: 100%;
	color: #000;
}
.my-iemente-header__menu-item:hover{
	font-weight: 700;
}
.my-iemente-header__menu-item:hover > a{
	color: #273CC2;
}
.has-megamenu:hover > .my-iemente-header__megamenu{
	display: block;
}
.my-iemente-header__megamenu{
	display: none;
	min-width: 230px;
	position: absolute;
	top: 70px;
	left: 0;
	background: #273CC2;
}
.my-iemente-header__submenu{
	display: flex;
	flex-direction: column;
	padding: 16px;
	gap: 12px;
}
.my-iemente-header__submenu > li{
	padding-right: 16px;
	background: url("data:image/svg+xml,%3Csvg%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%20%3Cpath%20d%3D%22M0.310022%200.710022C0.217319%200.802536%200.143771%200.912424%200.0935898%201.0334C0.0434083%201.15437%200.0175781%201.28405%200.0175781%201.41502C0.0175781%201.54599%200.0434083%201.67567%200.0935898%201.79665C0.143771%201.91762%200.217319%202.02751%200.310022%202.12002L4.19002%206.00002L0.310022%209.88002C0.123045%2010.067%200.0180016%2010.3206%200.0180016%2010.585C0.0180016%2010.8494%200.123045%2011.103%200.310022%2011.29C0.497%2011.477%200.750596%2011.582%201.01502%2011.582C1.27945%2011.582%201.53304%2011.477%201.72002%2011.29L6.31002%206.70002C6.40273%206.60751%206.47627%206.49762%206.52645%206.37665C6.57664%206.25567%206.60247%206.12599%206.60247%205.99502C6.60247%205.86405%206.57664%205.73437%206.52645%205.6134C6.47627%205.49242%206.40273%205.38254%206.31002%205.29002L1.72002%200.700022C1.34002%200.320022%200.700022%200.320022%200.310022%200.710022Z%22%20fill%3D%22white%22/%3E%20%3C/svg%3E") no-repeat center right / 6px 11px;
}
.my-iemente-header__submenu > li > a{
	color: #fff;
	font-weight: 500;
}
.my-iemente-header__submenu > li > a:hover{
	text-decoration: underline;
}
.my-iemente-header__button{
	height: 54px;
	width: 180px;
	font-size: 20px;
	display: grid;
	place-items: center;
	border-radius: 8px;
	background: linear-gradient(to right, #F8B500, #FF8800);
	font-weight: 800;
	color: #fff;
	transition: .25s;
}
.my-iemente-header__button:hover{
	opacity: .8;
}
.my-iemente-header__sp-menu{
	display: none;
	width: 40px;
	height: 32px;
	border: none !important;
	position: fixed;
	top: 14px;
	right: 20px;
	z-index: 10000;
}
.my-iemente-header__sp-menu span,
.my-iemente-header__sp-menu::before,
.my-iemente-header__sp-menu::after {
	content: "";
	background-color: #273CC2;
	width: 40px;
	height: 4px;
	position: absolute;
	inset: 0;
	margin: auto;
	transition: opacity .2s, transform .2s;
}
body.menu-open .my-iemente-header__sp-menu span,
body.menu-open .my-iemente-header__sp-menu::before,
body.menu-open .my-iemente-header__sp-menu::after {
	background-color: #fff;
}
.my-iemente-header__sp-menu::before{
	translate: 0 -14px;
}
.my-iemente-header__sp-menu::after{
	translate: 0 14px;
}
body.menu-open .my-iemente-header__sp-menu span{
	display: none;
}
body.menu-open .my-iemente-header__sp-menu::before{
	rotate: -45deg;
	translate: 0 0;
}
body.menu-open .my-iemente-header__sp-menu::after{
	rotate: 45deg;
	translate: 0 0;
}
.my-iemente-header__drawer-menu{
	display: none;
}
@media screen and (max-width: 1200px) {
	.my-iemente-header__top{
		padding: 10px 20px;
	}
	.my-iemente-header__logo img{
		height: 40px;
	}
	.my-iemente-header__sp-menu{
		display: block;
	}
	.my-iemente-header__bottom{
		display: none;
	}
	.my-iemente-header__tel{
		display: none;
	}
	.my-iemente-header__drawer-menu{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #273CC2;
		padding: 80px 42px 100px;
		z-index: 9999;
		translate: 105% 0;
		transition: translate 0.3s ease;
		overflow: scroll;
	}
	body.menu-open .my-iemente-header__drawer-menu{
		translate: 0 0;
	}
	.my-iemente-header__drawer-nav{
		padding-left: 0!important;
	}
	.my-iemente-header__drawer-item{
		font-weight: 500;
		border-bottom: 1px solid #fff;
	}
	.my-iemente-header__drawer-item:has(summary){
		padding-block: 20px;
	}
	.my-iemente-header__drawer-item:first-child{
		border-top: 1px solid #fff;
	}
	.my-iemente-header__drawer-item > a{
		padding-block: 20px;
		display: block;
		width: 100%;
		color: #fff;
		font-weight: 700;
	}
	.my-iemente-header__drawer-item summary{
		position: relative;
		color: #fff;
		font-weight: 700;
	}
	.my-iemente-header__drawer-item summary::after{
		content: "";
		position: absolute;
		display: block;
		width: 16px;
		height: 16px;
		right: 0px;
		top: 50%;
		translate: 0 -50%;
		background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M17.2902%209.31002C17.1977%209.21732%2017.0878%209.14377%2016.9668%209.09359C16.8459%209.04341%2016.7162%209.01758%2016.5852%209.01758C16.4543%209.01758%2016.3246%209.04341%2016.2036%209.09359C16.0826%209.14377%2015.9727%209.21732%2015.8802%209.31002L12.0002%2013.19L8.12022%209.31002C7.93324%209.12304%207.67965%209.018%207.41522%209.018C7.1508%209.018%206.8972%209.12304%206.71022%209.31002C6.52324%209.497%206.4182%209.7506%206.4182%2010.015C6.4182%2010.2794%206.52324%2010.533%206.71022%2010.72L11.3002%2015.31C11.3927%2015.4027%2011.5026%2015.4763%2011.6236%2015.5265C11.7446%2015.5766%2011.8743%2015.6025%2012.0052%2015.6025C12.1362%2015.6025%2012.2659%2015.5766%2012.3868%2015.5265C12.5078%2015.4763%2012.6177%2015.4027%2012.7102%2015.31L17.3002%2010.72C17.6802%2010.34%2017.6802%209.70002%2017.2902%209.31002Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E%0A") no-repeat center center;
		transition: rotate .3s ease;
	}
	.my-iemente-header__drawer-item summary > a{
		color: #fff;
	}
	.my-iemente-header__drawer-item details:open summary::after{
		rotate: 180deg;
	}
	.my-iemente-header__drawer-item .my-iemente-header__drawer-sub-list{
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin-top: 24px;
		padding-left: 0!important;
	}
	.my-iemente-header__drawer-sub-item > *{
		display: block;
		width: 100%;
		font-size: 14px;
		color: #fff;
	}
	.my-iemente-header__drawer-button {
		margin-top: 20px;
		margin-inline: auto;
		max-width: 500px;
	}
	.my-iemente-header__drawer-button > *{
		width: 100%;
	}
	.my-iemente-header__drawer-tel{
		margin-top: 46px;
		max-width: 500px;
		margin-inline: auto;
	}
	.my-iemente-header__drawer-tel > a{
		display: block;
	}
	.my-iemente-header__drawer-tel > a > img{
		width: 100%;
	}
}
/*
 ***********************************
 ************************************
 * フッター
 ************************************
 ************************************
 */
.my-footer{
	background: #EDEFFF;
	padding-block: 80px;
}
.my-footer .l-content.l-container{
	margin-bottom: 0!important;
}
.my-footer-nav{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 60px;
	gap: 40px;
}
.my-footer-grid{
	width: 100%;
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(4, auto);
}
@media screen and (max-width:959px) {
	.my-footer-grid{
		grid-template-columns: repeat(auto-fit, 210px);
		gap: 36px 40px;
	}
}
@media screen and (max-width:599px) {
	.my-footer-grid{
		grid-template-columns: 1fr;
	}
}
.my-footer-list{
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.my-footer-list:first-of-type{
	width: 100%;
}
.my-footer-mega-menu{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
@media screen and (max-width:599px) {
	.my-footer-mega-menu{
		gap: 12px;
	}
}
.my-footer-mega-menu,
.my-footer-mega-menu-item:first-child > *{
	font-size: 16px;
}
.my-footer-mega-menu-item > *{
	font-size: 14px;
	font-weight: 500;
	color: #273CC2;
}
.my-footer-item > *,
.my-footer-mega-menu-item:first-child > *{
	color: #273CC2!important;
	font-weight: 700;
}
.my-footer-item > a:hover,
.my-footer-mega-menu-item > a:hover{
	text-decoration: underline;
}
@media screen and (max-width:599px) {
	.my-footer-item,
	.my-footer-mega-menu-item:first-child > *{
		font-size: 16px;
	}
}
@media screen and (max-width:599px) {
	.my-footer-mega-menu-item:not(:first-child){
		padding-left: 20px;
	}
	.my-footer-mega-menu-item:not(:first-child) > *{
		font-weight: 500;
	}
}
.my-footer-info{
	max-width: 620px;
	margin-inline: auto;
	display: flex;
	align-items: center;
	gap: 40px;
	margin-bottom: 20px;
}
@media screen and (max-width:599px) {
	.my-footer-info{
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
}
.my-footer-info > img{
	width: 222px;
	height: auto;
	object-fit: cover;
}
.my-footer-meta{
	color: #273CC2;
}
@media screen and (max-width:599px) {
	.my-footer-meta > *{
		font-size: 14px;
	}
	.my-footer-meta > *::first-child{
		font-size: 16px;
	}
}
.my-footer-meta p{
	margin-bottom: 20px;
}
.my-footer-meta p:first-child{
	margin-bottom: 8px;
	font-weight: 700;
}
.my-footer-meta a:hover{
	text-decoration: underline;
}
.my-footer-copyright{
	color: #273CC2;
	text-align: center;
}

/*
 ***********************************
 ************************************
 * CTAセクション
 ************************************
 ************************************
 */
.wp-block-columns:has(.my-cta-wrap){
	margin-bottom: 0!important;
}
.my-cta-wrap{
	background: linear-gradient(to right, #F8B500, #FF8800)!important;
	width: 100vw;
	margin-inline: calc(50% - 50vw);
	padding-block: 60px;
	overflow: hidden;
	margin-bottom: 0;
}
@media screen and (max-width: 959px) {
	.my-cta-wrap{
		padding-inline: 20px;
	}
}
.my-cta-section{
	background:#fff;
	padding: 24px 24px 24px 192px;
	position: relative;
	max-width: 900px;
	box-sizing: border-box;
	margin-inline: auto;
}
@media screen and (max-width: 959px) {
	.my-cta-section{
		padding: 20px 14px;
		max-width: 570px;
		margin-inline: auto;
	}
}
@media screen and (max-width: 559px) {
	.my-cta-section{
		max-width: 375px;
	}
}
.my-cta-section__human{
	position: absolute;
	width: auto;
	height: 376px;
	top: 50%;
	translate: 0 -50%;
	left: calc(50% - 550px);
	object-fit: cover;
}
@media screen and (max-width: 959px) {
	.my-cta-section__human{
		width: auto;
		height: 214px;
		top: auto;
		bottom: 107px;
		left: auto;
		right: 0;
		translate: 0;
	}
}
@media screen and (max-width: 374px) {
	.my-cta-section__human{
		height: 137px;
		bottom: 150px;
	}
}
.my-cta-section__title{
	font-size: 28px;
	font-weight: 800;
	margin-bottom: 14px!important;
	letter-spacing: 0.01em;
}
.my-cta-section__title br{
	display: none;
}
@media screen and (max-width: 959px) {
	.my-cta-section__title{
		font-size: 28px;
		padding-right: 140px;
		letter-spacing: 0.1em;
		line-height: 1.4;
	}
}
@media screen and (max-width: 559px) {
	.my-cta-section__title{
		font-size: 20px;
		letter-spacing: 0.1em;
		padding-right: 0;
	}
	.my-cta-section__title br{
		display: block;
	}
}
@media screen and (max-width: 374px) {
	.my-cta-section__title{
		font-size: 18px;
	}
}
.my-cta-section__info{
	display: flex;
	flex-direction: column;
	gap: 9px;
	flex: 1;
}
@media screen and (max-width: 959px) {
	.my-cta-section__info{
		width: 100%;
		align-items: center;
		background: #fff;
	}
}
.my-cta-section__box{
	display: flex;
	gap: 11px;
}
@media screen and (max-width: 959px) {
	.my-cta-section__box{
		position: relative;
		flex-direction: column;
		align-items: center;
	}
}
.my-cta-section__info-text{
	background: #EDEFFF;
	color: #273CC2;
	font-size: 20px;
	text-align: center;
	font-weight: 500;
}
@media screen and (max-width: 959px) {
	.my-cta-section__info-text{
		font-size: 14px;
		width: 100%;
	}
}
.my-cta-section__info-num{
	height: 50px;
	font-weight: 700;
	display: flex;
	align-items: center;
	line-height: 1;
	gap: 7px;
	font-family: 'Roboto', 'Noto Sans', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.my-cta-section__info-num *{
	color: #FF8800;
	font-size: 64px;
}
@media screen and (max-width: 959px) {
	.my-cta-section__info-num{
		height: auto;
	}
	.my-cta-section__info-num *{
		font-size: 38px;
		letter-spacing: 0.02em;
		white-space: nowrap;
	}
}
@media screen and (max-width: 374px) {
	.my-cta-section__info-num *{
		font-size: 32px;
	}
}

.my-cta-section__info-num img{
	width: auto;
	height: 50px;
	object-fit: cover;
}
@media screen and (max-width: 959px) {
	.my-cta-section__info-num img{
		height: 30px;
	}
}
.my-cta-section__button{
	padding: 19px 64px 19px 40px;
	max-width: 200px;
	display: block;
	border-radius: 8px;
	background: linear-gradient(to right, #F8B500, #FF8800);
	color: #fff;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 800;
	position: relative;
	transition: .25s;
}
.my-cta-section__button:hover{
	opacity: .8;
}
@media screen and (max-width: 959px) {
	.my-cta-section__button{
		width: 100%;
		max-width: 100%;
		font-size: 18px;
		padding: 19px 40px;
		text-align: center;
	}
}
.my-cta-section__button::before{
	content: "";
	width: 28px;
	height: 28px;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: 16px;
	background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M22.167%2014H5.83366M22.167%2014L15.167%2021M22.167%2014L15.167%207%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E%0A") no-repeat center center / 28px 28px;
}
.my-cta-section__button > span{
	display: block;
}

/*
 ***********************************
 ************************************
 * 背景色
 ************************************
 ************************************
 */
.my-bg-gradation-blue{
	background: linear-gradient(to right, #5E8AEF, #273CC2)!important;
}
.my-bg-gradation-gray{
	background: linear-gradient(to bottom, #CBCBCB, #ffffff)!important;
}
.my-bg-gradation-orange{
	background: linear-gradient(to right, #F8B500, #FF8800)!important;
}

/*
 ***********************************
 ************************************
 * CTAバナー
 ************************************
 ************************************
 */
.my-cta-banner{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	padding-block: 20px!important;
	margin-bottom: 0!important;
	transition: translate 0.3s ease;
}
.my-cta-banner.hidden{
	translate: 0 105%;
}
@media screen and (max-width: 959px) {
	.my-cta-banner{
		padding-block: 12px 20px!important;
	}
}
@media screen and (max-width: 959px) {
	.my-cta-banner .swell-block-fullWide__inner.l-article{
		max-width: 500px!important;
	}
}
@media screen and (max-width: 599px) {
	.my-cta-banner .swell-block-fullWide__inner.l-article{
		max-width: 375px!important;
	}
}

/*
 ***********************************
 ************************************
 * トップページ
 ************************************
 ************************************
 */
.my-top-fv-image{
	position: relative;
}
.my-top-fv-image::after{
	content: "";
	width: 456px;
	height: 592px;
	background-image: url(./assets/img/fv-human.png);
	background-size: cover;
	position: absolute;
	bottom: 0;
	right: calc(50% - 657px);
}

@media screen and (max-width: 1200px) {
	.my-top-fv-image::after{
		right: 0;
	}
}
@media screen and (max-width: 959px) {
	.my-top-fv-image::after{
		display: none;
	}
}

.my-top-choice-item-title{
	height: 36px;
	font-weight: 800;
}
@media screen and (max-width: 959px) {
	.my-top-choice-item-title{
		height: 28px;
	}
	.my-top-choice-item-title span{
		font-size: 14px!important;
		display: block;
	}
}
.my-top-diagnosis-block{
	border-top: 3px solid #FF8800;
	border-bottom: 3px solid #FF8800;
}
.my-top-diagnosis-tag{
	width: fit-content;
	height: 28px;
}
.my-top-diagnosis-tag > * > *{
	border-radius: 100vmax;
	padding: 0 14px!important;
	font-size: 14px;
	font-weight: 600;
}
/* .my-top-diagnosis-tag > * > * > * > span{
	vertical-align: text-top;
} */
.my-top-trial-item-title{
	height: 36px;
	font-weight: 800;
	padding: 0!important;
}
@media screen and (max-width: 959px) {
	.my-top-trial-item-title{
		height: 28px;
	}
	.my-top-trial-item-title span{
		font-size: 14px!important;
		display: block;
	}
}
.my-top-diagnosis-menu-item{
	border: 2px solid #273CC2;
}
.my-top-diagnosis-menu-caption-box{
	background: rgba(#fff, .8);
}
.my-top-diagnosis-menu-caption-box > .cap_box_ttl{
	padding: 0 20px!important;
	background: linear-gradient(to right, #F8B500, #FF8800);
	justify-content: flex-start;
}
.my-top-diagnosis-menu-caption-box > .cap_box_content{
	background: rgba( 255, 255, 255, .8);
}
@media screen and (max-width: 959px) {
	.my-top-diagnosis-menu-caption-box > .cap_box_ttl{
		padding: 19px 20px!important;
		justify-content: center;
	}
}
.my-top-faq .is-style-border_left,
.my-page-faq .is-style-border_left{
	border-left: 4px solid #273CC2;
	padding-left: 8px;
}
@media screen and (max-width: 959px) {
	.my-top-faq .is-style-border_left,
	.my-page-faq .is-style-border_left{
		font-size: 16px;
	}
}
.my-top-faq .is-style-border_left span,
.my-page-faq .is-style-border_left span{
	font-size: 24px!important;
	line-height: 1.2;
}
@media screen and (max-width: 959px) {
	.my-top-faq .is-style-border_left span,
	.my-page-faq .is-style-border_left span{
		font-size: 24px;
	}
}
.my-top-faq .swell-block-accordion__item,
.my-page-faq .swell-block-accordion__item{
	border-radius: 8px;
	background: #fff;
	padding: 8px 40px;
}
@media screen and (max-width: 959px) {
	.my-top-faq .swell-block-accordion__item,
	.my-page-faq .swell-block-accordion__item{
		padding: 8px 20px 0;
	}
}
.my-top-faq .swell-block-accordion__item .swell-block-accordion__title,
.my-page-faq .swell-block-accordion__item .swell-block-accordion__title{
	padding: 8px 0 8px 56px!important;
	position: relative;
}
@media screen and (max-width: 959px) {
	.my-top-faq .swell-block-accordion__item .swell-block-accordion__title,
	.my-page-faq .swell-block-accordion__item .swell-block-accordion__title{
		padding: 8px 0 8px 40px!important;
	}
}
.my-top-faq .swell-block-accordion__item .swell-block-accordion__title::before,
.my-page-faq .swell-block-accordion__item .swell-block-accordion__title::before{
	content: 'Q';
	font-size: 28px;
	position: absolute;
	left: 0;
	top: 50%;
	translate: 0 -50%;
	color: #273CC2;
	font-weight: 700;
}
.my-top-faq .swell-block-accordion__item .swell-block-accordion__title .icon-chevron-small-up:before,
.my-top-faq .swell-block-accordion__item .swell-block-accordion__title .icon-chevron-up:before,
.my-top-faq .swell-block-accordion__item .swell-block-accordion__title .icon-chevron-down:before,
.my-top-faq .swell-block-accordion__item .swell-block-accordion__title .icon-chevron-small-down:before,
.my-page-faq .swell-block-accordion__item .swell-block-accordion__title .icon-chevron-small-up:before,
.my-page-faq .swell-block-accordion__item .swell-block-accordion__title .icon-chevron-up:before,
.my-page-faq .swell-block-accordion__item .swell-block-accordion__title .icon-chevron-down:before,
.my-page-faq .swell-block-accordion__item .swell-block-accordion__title .icon-chevron-small-down:before{
	color: #273CC2;
}
@media screen and (max-width: 959px) {
	.my-top-faq .swell-block-accordion__item .swell-block-accordion__title::before,
	.my-page-faq .swell-block-accordion__item .swell-block-accordion__title::before{
		font-size: 24px;
	}
}
.my-top-faq .swell-block-accordion__item .swell-block-accordion__label,
.my-page-faq .swell-block-accordion__item .swell-block-accordion__label{
	font-size: 20px!important;
}
@media screen and (max-width: 959px) {
	.my-top-faq .swell-block-accordion__item .swell-block-accordion__label,
	.my-page-faq .swell-block-accordion__item .swell-block-accordion__label{
		font-size: 16px!important;
	}
}
.my-top-faq .swell-block-accordion.is-style-border .swell-block-accordion__body,
.my-page-faq .swell-block-accordion.is-style-border .swell-block-accordion__body{
	padding: 16px 0 16px 56px;
	margin: 0!important;
	position: relative;
	border-top: 1px solid #273CC2;
}
@media screen and (max-width: 959px) {
	.my-top-faq .swell-block-accordion.is-style-border .swell-block-accordion__body,
	.my-page-faq .swell-block-accordion.is-style-border .swell-block-accordion__body{
		padding: 8px 0 8px 40px;
	}
}
.my-top-faq .swell-block-accordion__item .swell-block-accordion__body::before,
.my-page-faq .swell-block-accordion__item .swell-block-accordion__body::before{
	content: 'A';
	font-size: 28px;
	position: absolute;
	left: 0;
	top: 50%;
	translate: 0 -50%;
	font-weight: 700;
}
@media screen and (max-width: 959px) {
	.my-top-faq .swell-block-accordion__item .swell-block-accordion__body::before,
	.my-page-faq .swell-block-accordion__item .swell-block-accordion__body::before{
		font-size: 24px;
	}
}
.my-top-faq .swell-block-accordion__item .swell-block-accordion__body .swell-block-column > p:not(:has(strong)),
.my-page-faq .swell-block-accordion__item .swell-block-accordion__body .swell-block-column > p:not(:has(strong)){
	line-height: 1.4;
}
@media screen and (max-width: 959px) {
	.my-top-faq .swell-block-accordion__item .swell-block-accordion__body .swell-block-column > p:not(:has(strong)),
	.my-page-faq .swell-block-accordion__item .swell-block-accordion__body .swell-block-column > p:not(:has(strong)){
		font-size: 14px;
		line-height: 1.4;
	}
}

/*
 ***********************************
 ************************************
 * 各詳細ページ / タクソノミー一覧、タグ
 ************************************
 ************************************
 */
.my-custom-taxonomy-tags{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding-left: 0!important;
	margin: 0;
}
.my-custom-taxonomy-tag{
	padding-inline: 8px;
	font-size: 14px;
	letter-spacing: 0.01em;
	background: #f5f5f5;
}
/*
 ***********************************
 ************************************
 * 各詳細ページ / 抜粋の出力
 ************************************
 ************************************
 */
.my-custom-current-excerpt{
	margin-bottom: 24px;
}

/*
 ***********************************
 ************************************
 * 診断事例一覧 ページ
 ************************************
 ************************************
 */
.my-case-list-page{
	padding-bottom: 80px!important;
}
@media screen and (max-width: 959px) {
	.my-case-list-page{
		padding-bottom: 40px!important;
	}
}
.my-case-list{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	padding: 0!important;
	margin-bottom: 40px!important;
}
@media screen and (max-width: 599px) {
	.my-case-list{
		grid-template-columns: 1fr;
	}
}
.my-case-item{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
}
@media screen and (max-width: 599px) {
	.my-case-item{
		gap: 20px;
	}
}
.my-case-thumb img{
	width: 100%;
	height: 100%;
	aspect-ratio: 430 / 216;
	object-fit: cover;
}
@media screen and (max-width: 599px) {
	.my-case-thumb img{
		aspect-ratio: 335 / 180;
	}
}
.my-case-content{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.my-case-title{
	border: none!important;
	padding: 0 !important;
	font-weight: 700;
	font-size: 20px!important;
	line-height: 1.4;
	margin: 0 !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.my-case-tags{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0 !important;
}
.my-case-tag{
	background: #f5f5f5;
	font-size: 14px;
	white-space: nowrap;
	letter-spacing: 0.01em;
	line-height: 1!important;
	padding: 4px 12px;
	font-weight: 500;
}
@media screen and (max-width: 599px) {
	.my-case-tag{
		font-size: 12px;
		padding: 5px 8px;
	}
}
.my-case-item .swell-block-button{
	width: 100%;
}
/*
 ***********************************
 ************************************
 * 診断事例一覧 関連事項パーツ
 ************************************
 ************************************
 */
.my-case-related-list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	padding: 0!important;
	margin-bottom: 0!important;
}
@media screen and (max-width: 959px) {
	.my-case-related-list{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 599px) {
	.my-case-related-list{
		grid-template-columns: 1fr;
		gap: 20px;
	}
}
.my-case-related-item{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
}
@media screen and (max-width: 599px) {
	.my-case-related-item{
		gap: 20px;
	}
}
.my-case-related-thumb img{
	width: 100%;
	height: 100%;
	aspect-ratio: 290 / 216;
	object-fit: cover;
}
@media screen and (max-width: 599px) {
	.my-case-related-thumb img{
		aspect-ratio: 335 / 180;
	}
}
.my-case-related-content{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.my-case-related-title{
	border: none!important;
	padding: 0 !important;
	font-weight: 700;
	font-size: 20px!important;
	line-height: 1.4;
	margin: 0 !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.my-case-related-categories{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0 !important;
}
.my-case-related-category{
	background: #EDEFFF;
	font-size: 14px;
	white-space: nowrap;
	letter-spacing: 0.01em;
	line-height: 1!important;
	padding: 4px 12px;
	font-weight: 500;
	color: #273CC2;
}
.my-case-related-tags{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0 !important;
}
.my-case-related-tag{
	background: #f5f5f5;
	font-size: 14px;
	white-space: nowrap;
	letter-spacing: 0.01em;
	line-height: 1!important;
	padding: 4px 12px;
	font-weight: 500;
}
@media screen and (max-width: 599px) {
	.my-case-related-tag{
		font-size: 12px;
		padding: 5px 8px;
	}
}
.my-case-related-item .swell-block-button{
	width: 100%;
}
/*
 ***********************************
 ************************************
 * 診断事例詳細 ページ
 ************************************
 ************************************
 */
.my-case-detail .post_content{
	margin-bottom: 80px!important;
}
@media screen and (max-width: 599px) {
	.my-case-detail .post_content{
		margin-bottom: 40px!important;
	}
}
.my-case-detail h2{
	margin-inline: 0!important;
}
.my-case-detail h3{
	padding-left: 0!important;
}
@media screen and (max-width: 599px) {
	.my-case-detail h1{
		font-size: 1.3em;
	}
}

/*
 ***********************************
 ************************************
 * 専門家の紹介 ページ
 ************************************
 ************************************
 */
.my-specialist-list-page{
	padding-bottom: 80px!important;
}
@media screen and (max-width: 959px) {
	.my-specialist-list-page{
		padding-bottom: 40px!important;
	}
}
.my-specialist-list-page h2{
	margin-top: 0!important;
}
.my-specialist-list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	padding: 0!important;
	margin-bottom: 40px!important;
}
@media screen and (max-width: 959px) {
	.my-specialist-list{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 599px) {
	.my-specialist-list{
		grid-template-columns: 1fr;
	}
}
.my-specialist-item{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
}
@media screen and (max-width: 599px) {
	.my-specialist-item{
		gap: 20px;
	}
}
.my-specialist-thumb img{
	width: 100%;
	height: 100%;
	aspect-ratio: 430 / 216;
	object-fit: cover;
}
@media screen and (max-width: 599px) {
	.my-specialist-thumb img{
		aspect-ratio: 335 / 180;
	}
}
.my-specialist-content{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.my-specialist-title-box{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.my-specialist-title{
	border: none!important;
	padding: 0 !important;
	font-weight: 700;
	font-size: 20px!important;
	line-height: 1.4;
	margin: 0 !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.my-specialist-excerpt{
	border: none!important;
	padding: 0 !important;
	line-height: 1.25;
	margin: 0!important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.my-specialist-tags{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0 !important;
}
.my-specialist-tag{
	background: #f5f5f5;
	font-size: 14px;
	white-space: nowrap;
	letter-spacing: 0.01em;
	line-height: 1!important;
	padding: 4px 12px;
	font-weight: 500;
}
@media screen and (max-width: 599px) {
	.my-specialist-tag{
		font-size: 12px;
		padding: 5px 8px;
	}
}
.my-specialist-item .swell-block-button{
	width: 100%;
}

/*
 ***********************************
 ************************************
 * 専門家の紹介 詳細ページ
 ************************************
 ************************************
 */
.my-specialist-detail .post_content{
	margin-bottom: 80px!important;
}
@media screen and (max-width: 599px) {
	.my-specialist-detail .post_content{
		margin-bottom: 40px!important;
	}
}
.my-specialist-detail .my-custom-taxonomy-tags{
	margin-bottom: 40px!important;
}
.my-specialist-detail h2{
	margin-top: 0!important;
	margin-inline: 0!important;
}
.my-specialist-detail h3{
	padding-left: 0!important;
}
@media screen and (max-width: 599px) {
	.my-specialist-detail h1{
		font-size: 1.3em;
	}
}

/*
 ***********************************
 ************************************
 * お役立ちコラム ページ
 ************************************
 ************************************
 */
.my-column-list-page{
	padding-bottom: 80px!important;
}
@media screen and (max-width: 959px) {
	.my-column-list-page{
		padding-bottom: 40px!important;
	}
}
.my-column-list-page h2{
	margin-top: 0!important;
}
.my-column-list-page .my-pagination{
	margin-bottom: 40px!important;
}
.my-column-list-page .swell-block-button{
	max-width: 560px;
	margin-inline: auto;
	width: 100%;
}
.my-column-list{
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 40px;
	padding: 0!important;
	margin-bottom: 40px!important;
}
.my-column-item{
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #CBCBCB;
}
@media screen and (max-width: 599px) {
	.my-column-item{
		gap: 20px;
		padding-bottom: 0;
		border-bottom: 1px solid transparent;
	}
}
.my-column-thumb{
	width: 226px;
	flex-shrink: 0;
}
@media screen and (max-width: 599px) {
	.my-column-thumb{
		width: 100%;
	}
}
.my-column-thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 599px) {
	.my-column-thumb img{
		aspect-ratio: 335 / 180;
	}
}
.my-column-content{
	display: flex;
	gap: 24px;
}
@media screen and (max-width: 599px) {
	.my-column-content{
		flex-direction: column;
		gap: 20px;
	}
}
.my-column-info{
	display: flex;
	flex-direction: column;
	gap: 27px;
}
@media screen and (max-width: 599px) {
	.my-column-info{
		gap: 20px;
	}
}
.my-column-info time{
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0.01em;
}
.my-column-title-box{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.my-column-title{
	border: none!important;
	padding: 0 !important;
	font-weight: 700;
	font-size: 24px!important;
	line-height: 1.25;
	margin: 0 !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
@media screen and (max-width: 599px) {
	.my-column-title{
		font-size: 20px!important;
		line-height: 1.4;
	}
}
.my-column-excerpt{
	border: none!important;
	padding: 0 !important;
	line-height: 1.75;
	margin: 0!important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
@media screen and (max-width: 599px) {
	.my-column-excerpt{
		display: none;
	}
}
.my-column-tags{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0 !important;
}
.my-column-tag{
	background: #f5f5f5;
	font-size: 14px;
	white-space: nowrap;
	letter-spacing: 0.01em;
	line-height: 1!important;
	padding: 4px 12px;
	font-weight: 500;
}
@media screen and (max-width: 599px) {
	.my-column-tag{
		font-size: 12px;
		padding: 5px 8px;
	}
}

/*
 ***********************************
 ************************************
 * お役立ちコラム 共通記事一覧（ランキング一覧でも使用）
 ************************************
 ************************************
 */
.my-column-card-list-page{
	padding-bottom: 80px!important;
}
@media screen and (max-width: 959px) {
	.my-column-card-list-page{
		padding-bottom: 40px!important;
	}
}
.my-column-card-list-page h2{
	margin-top: 0!important;
}
.my-column-card-list-page .swell-block-button{
	max-width: 560px;
	margin-inline: auto;
	width: 100%;
}
.my-column-card-list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
	gap: 15px;
	padding: 0!important;
	margin-bottom: 40px!important;
}
@media screen and (max-width: 959px) {
	.my-column-card-list{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 599px) {
	.my-column-card-list{
		grid-template-columns: 1fr;
	}
}
.my-column-card-item{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
}
.my-column-card-thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 290 / 216;
}
@media screen and (max-width: 599px) {
	.my-column-card-thumb img{
		aspect-ratio: 335 / 180;
	}
}
.my-column-card-content{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.my-column-card-content > time{
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0.01em;
	margin-bottom: 0!important;
}
.my-column-card-info{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.my-column-card-title-box{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.my-column-card-title{
	border: none!important;
	padding: 0 !important;
	font-weight: 700;
	font-size: 16px!important;
	line-height: 1.25;
	margin: 0 !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
@media screen and (max-width: 599px) {
	.my-column-card-title{
		font-size: 20px!important;
		line-height: 1.4;
	}
}
.my-column-card-excerpt{
	border: none!important;
	padding: 0 !important;
	line-height: 1.25;
	margin: 0!important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
@media screen and (max-width: 599px) {
	.my-column-card-excerpt{
		display: none;
	}
}
.my-column-card-tags{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0 !important;
}
.my-column-card-tag{
	background: #f5f5f5;
	font-size: 14px;
	white-space: nowrap;
	letter-spacing: 0.01em;
	line-height: 1!important;
	padding: 4px 12px;
	font-weight: 500;
}
@media screen and (max-width: 599px) {
	.my-column-card-tag{
		font-size: 12px;
		padding: 5px 8px;
	}
} 
.my-column-card-item .swell-block-button{
	width: 100%;
}

/*
 ***********************************
 ************************************
 * お役立ちコラム 詳細ページ
 ************************************
 ************************************
 */
.my-column-detail .post_content{
	margin-bottom: 80px!important;
}
@media screen and (max-width: 599px) {
	.my-column-detail .post_content{
		margin-bottom: 40px!important;
	}
}
.my-column-detail .my-custom-taxonomy-tags{
	margin-bottom: 24px!important;
}
.my-column-detail time{
	display: block;
	font-size: 14px;
	line-height: 1;
	margin-bottom: 24px;
}
.my-column-detail h1{
	margin-bottom: 20px!important;
	line-height: 1.4;
}
.my-column-detail h2{
	margin-top: 0!important;
	margin-inline: 0!important;
}
.my-column-detail h3{
	padding-left: 0!important;
}
@media screen and (max-width: 599px) {
	.my-column-detail h1{
		font-size: 1.3em;
	}
}

/*
 ***********************************
 ************************************
 * 家メンテの特徴 ページ
 ************************************
 ************************************
 */
.my-page-point .my-page-point-about{
	padding: 40px 50px!important;
}
@media screen and (max-width: 959px) {
	.my-page-point .my-page-point-about{
		padding: 40px 20px!important;
	}
}
@media screen and (max-width: 599px) {
	.my-page-point .my-page-point-about{
		width: 100vw;
		margin-inline: calc(50% - 50vw);
	}
}

/*
 ***********************************
 ************************************
 * ホームインスペクション ページ
 ************************************
 ************************************
 */
.my-home-inspection-page h3{
	padding-left: 0!important;
}
.my-home-inspection-page ul li{
	list-style: disc!important;
}
.my-home-inspection-page ul li+li{
	margin-top: 1em!important;
}
/*
 ***********************************
 ************************************
 * 家メンテの特徴 ページ
 ************************************
 ************************************
 */
.my-point-page-heading{
	align-items: center;
	gap: 12px;
	padding-block: 4px;
	border-image: linear-gradient(to right, #F8B500, #FF8800)!important;
	border-image-slice: 1;
	border-bottom: 1px solid;
}
/*
 ***********************************
 ************************************
 * サービス一覧ページ
 ************************************
 ************************************
 */
.my-service-page{
	padding-bottom: 80px!important;
}
@media screen and (max-width: 959px) {
	.my-service-page{
		padding-bottom: 40px!important;
	}
}
/*
 ***********************************
 ************************************
 * サービス一覧 子ページ共通
 ************************************
 ************************************
 */
#body_wrap.parent-pageid-547{
	padding-top: 0!important;
}
.parent-pageid-547 #breadcrumb{
	display: none;
}
/*
 ***********************************
 ************************************
 * 各種診断 問い合わせページ
 ************************************
 ************************************
 */
body:has(.my-entry-page){
	padding-top: 100px!important;
}
@media screen and (max-width: 959px) {
	body:has(.my-entry-page){
		padding-top: 60px!important;
	}
}
#body_wrap:has(.my-entry-page) .my-iemente-header{
	border-bottom: 1px solid #CBCBCB;
}
#body_wrap:has(.my-entry-page) .my-iemente-header__bottom{
	display: none;
}
@media screen and (max-width: 959px) {
	#body_wrap:has(.my-entry-page){
		padding-top: 0px!important;
	}
}
.my-entry-page{
	padding-bottom: 132px!important;
}
@media screen and (max-width: 959px) {
	.my-entry-page{
		padding-block: 0!important;
	}
}
.my-entry-page-info{
	padding: 24px 20px!important;
	border-radius: 8px;
	background: #EDEFFF;
}
@media screen and (max-width: 959px) {
	.my-entry-page-info{
		padding: 64px 20px 40px!important;
	}
}
.my-entry-page-info ul li{
	list-style: disc!important;
}
.my-entry-page-heading{
	border-top: 2px solid #273CC2;
	border-bottom: 2px solid #273CC2;
	padding: 8px 0!important;
}
@media screen and (max-width: 959px) {
	.my-entry-page .swell-block-fullWide__inner.l-article{
		max-width: 600px!important;
		padding-inline: 0!important;
	}
}
@media screen and (max-width: 599px) {
	.my-entry-page .swell-block-fullWide__inner.l-article{
		padding-inline: 0!important;
	}
}
@media screen and (max-width: 959px) {
	.my-entry-page-form{
		padding: 20px 20px 40px!important;
	}
}

/*
 ***********************************
 ************************************
 * 無料診断 共通フォーム
 ************************************
 ************************************
 */
.my-entry-page .p-contact-form{

}
.my-entry-page .p-contact-form input[type=text]{
	padding: 5px 16px;
}
.my-entry-page .p-contact-form__accept{
	margin-top: 18px;
}
.my-entry-page .p-contact-form textarea{
	height: 160px;
}
.my-entry-page .p-contact-form__row{
	display: flex;
	flex-direction: column;
	border-bottom: none;
}
.my-entry-page .p-contact-form__row+.p-contact-form__row{
	margin-top: 14px;
}
.my-entry-page .p-contact-form__head{
	padding: 5px 0;
	background: #fff;
	border: none;
}
.my-entry-page .p-contact-form__head-inner{

}
.my-entry-page .p-contact-form__required{
	font-size: 12px;
}
.my-entry-page .p-contact-form__data{
	padding: 0;
}
.my-entry-page .p-contact-form__send{
	margin-top: 27px;
}
.my-entry-page .p-contact-form__send input[type=submit]{
	padding: 7px 0!important;
}

/*
 ***********************************
 ************************************
 * プライバシーポリシー
 ************************************
 ************************************
 */
.my-privacy-policy{
    padding-bottom: 80px!important;
}
@media screen and (max-width: 959px) {
	.my-privacy-policy{
		padding-bottom: 40px!important;
	}
}
.my-privacy-policy > .l-article > p{
    line-height: 2.58;
}

.my-privacy-policy > .l-article > p > span{
    font-size: 14px!important;
}

.my-privacy-policy-title{
    padding-left: 0!important;
}

/*
 ***********************************
 ************************************
 * ご利用の流れ
 ************************************
 ************************************
 */
body:has(.my-flow-page){
	padding-top: 170px!important;
}
@media screen and (max-width: 1200px) {
	body:has(.my-flow-page){
		padding-top: 60px!important;
	}
}
#body_wrap:has(.my-flow-page){
	position: relative;
	padding-top: 80px!important;
}
#body_wrap:has(.my-flow-page)::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 60%;
	inset: 0;
	background: url('./assets/img/flow-bg.png') no-repeat top center / cover;
}
/* @media screen and (max-width: 959px) {
	#body_wrap:has(.my-flow-page){
		padding-top: 60px!important;
		background: url('http://iemente.com/wp-content/uploads/2025/06/flow-bg-sp-scaled.jpg') no-repeat center center / cover;
	}
} */
.my-flow-page{
	padding-bottom: 80px!important;
}
@media screen and (max-width: 959px) {
	.my-flow-page{
		padding-bottom: 60px!important;
	}
}

/*
 ***********************************
 ************************************
 * 会社概要
 ************************************
 ************************************
 */
.my-page-company{
	padding-bottom: 80px!important;
}
@media screen and (max-width: 959px) {
	.my-page-company{
		padding-bottom: 40px!important;
	}
}
/*
 ***********************************
 ************************************
 * お問い合わせ一覧
 ************************************
 ************************************
 */
.my-contact-page{
	padding-bottom: 80px!important;
}
@media screen and (max-width: 959px) {
	.my-contact-page{
		padding-bottom: 40px!important;
	}
}

/*
 ***********************************
 ************************************
 * よくある質問
 ************************************
 ************************************
 */
body:has(.my-page-faq){
	padding-top: 170px!important;
}
@media screen and (max-width: 1200px) {
	body:has(.my-page-faq){
		padding-top: 60px!important;
	}
}
#body_wrap:has(.my-page-faq){
	padding-top: 80px!important;
	background: url('http://iemente.com/wp-content/uploads/2025/05/AdobeStock_253289614-scaled.jpeg') no-repeat center center / cover;
}
#body_wrap:has(.my-page-faq)::before{
	content: '';
	background: rgba(247, 247, 247, 0.5);
	position: absolute;
	inset: 0;
}
@media screen and (max-width: 959px) {
	#body_wrap:has(.my-page-faq){
		padding-top: 60px!important;
		background: url('http://iemente.com/wp-content/uploads/2025/05/AdobeStock_253289614-scaled.jpeg') no-repeat center center / cover;
	}
}
.my-page-faq{
	padding-bottom: 80px!important;
}
@media screen and (max-width: 959px) {
	.my-page-faq{
		padding-bottom: 60px!important;
	}
}
.my-page-faq .wp-block-heading.is-style-border_left{
	margin-block: 40px 20px!important;
	padding:0 12px!important
}
@media screen and (max-width: 959px) {
	.my-page-faq .wp-block-heading.is-style-border_left{
		margin-block: 20px!important;
	}
}
/*
 ***********************************
 ************************************
 * ページネーション
 ************************************
 ************************************
 */
.my-pagination{
	display: flex;
	gap: 8px;
	justify-content: center;
	margin: 0!important;
}
.my-pagination .page-numbers{
	color: #273CC2;
	margin: 0!important;
	border: 1px solid currentColor;
	background: #fff;
}
.my-pagination .page-numbers.current{
	color: #fff;
	margin: 0!important;
	border: 1px solid #273CC2;
	background: #273CC2;
}
.my-pagination .page-numbers.dots{
	color: #273CC2;
	border: none;
	background: #fff;
	box-shadow: none;
}

/*
 ***********************************
 ************************************
 * フォーム
 ************************************
 ************************************
 */

.wpcf7-form {
    padding: 0;
}

.form-header {
    position: relative;
}
.form-header h2 {
    font-size: 40px !important;
    margin-bottom: 40px !important;
}
.form-header p {
    position: absolute;
    color: rgba(200, 182, 173, 0.13);
    font-size: 200px;
    line-height: 1;
    font-family: serif;
    white-space: nowrap;
    position: absolute;
    top: -180%;
    left: -130px;
}
@media (max-width: 900px) {
    .form-header {
        overflow: hidden;
    }
    .form-header h2 {
        font-size: 24px !important;
        margin-bottom: 20px !important;
    }
    .form-header p {
        display: none;
    }
}

.form-desc {
    margin-top: -20px;
    padding-bottom: 20px;
}
@media (max-width: 900px) {
    .form-desc {
        font-size: 14px;
        margin-top: 0;
        padding-bottom: 10px;
    }
}

.p-contact-form {
    position: relative;
    z-index: 1;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}
.p-contact-form input[type=text],
.p-contact-form input[type=tel],
.p-contact-form input[type=email],
.p-contact-form input[type=number],
.p-contact-form select,
.p-contact-form textarea {
    background-color: #fff;
    border: 1px solid #D5D5D5;
    padding: 8px 16px;
    border-radius: 4px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #1e1e1e;
}
.p-contact-form select {
    background: #fff url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.2902 9.81002C17.1977 9.71732 17.0878 9.64377 16.9668 9.59359C16.8459 9.54341 16.7162 9.51758 16.5852 9.51758C16.4543 9.51758 16.3246 9.54341 16.2036 9.59359C16.0826 9.64377 15.9727 9.71732 15.8802 9.81002L12.0002 13.69L8.12022 9.81002C7.93324 9.62304 7.67965 9.518 7.41522 9.518C7.1508 9.518 6.8972 9.62304 6.71022 9.81002C6.52324 9.997 6.4182 10.2506 6.4182 10.515C6.4182 10.7794 6.52324 11.033 6.71022 11.22L11.3002 15.81C11.3927 15.9027 11.5026 15.9763 11.6236 16.0265C11.7446 16.0766 11.8743 16.1025 12.0052 16.1025C12.1362 16.1025 12.2659 16.0766 12.3868 16.0265C12.5078 15.9763 12.6177 15.9027 12.7102 15.81L17.3002 11.22C17.6802 10.84 17.6802 10.2 17.2902 9.81002Z" fill="%23111111"/></svg>') right 16px center / 24px no-repeat;
    padding-right: 40px;
    width: 58%;
}
.p-contact-form input[type=text]::placeholder,
.p-contact-form input[type=tel]::placeholder,
.p-contact-form input[type=email]::placeholder,
.p-contact-form input[type=number]::placeholder,
.p-contact-form select::placeholder,
.p-contact-form textarea::placeholder {
    color: #C8C8C8;
}
.p-contact-form input[type=text].wpcf7-not-valid,
.p-contact-form input[type=tel].wpcf7-not-valid,
.p-contact-form input[type=email].wpcf7-not-valid,
.p-contact-form input[type=number].wpcf7-not-valid,
.p-contact-form textarea.wpcf7-not-valid {
    border-color: #CD0E02;
}
.p-contact-form textarea {
    height: 172px;
}
.p-contact-form input[type=submit] {
    font-weight: 700;
    font-size: 24px;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    max-width: 600px;
    width: 100%;
    padding: 18px 0;
    position: relative;
    background: #C95400;
    color: #fff;
    background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.9123 14.3206L9.46294 4.3644C9.28858 4.19819 9.05694 4.10547 8.81606 4.10547C8.57518 4.10547 8.34354 4.19819 8.16919 4.3644L8.15794 4.37565C8.07312 4.45622 8.00558 4.55321 7.95943 4.66071C7.91328 4.76821 7.88948 4.88397 7.88948 5.00096C7.88948 5.11795 7.91328 5.23371 7.95943 5.34121C8.00558 5.44871 8.07312 5.5457 8.15794 5.62627L17.9979 15.0013L8.15794 24.3725C8.07312 24.4531 8.00558 24.5501 7.95943 24.6576C7.91328 24.7651 7.88948 24.8808 7.88948 24.9978C7.88948 25.1148 7.91328 25.2306 7.95943 25.3381C8.00558 25.4456 8.07312 25.5426 8.15794 25.6231L8.16919 25.6344C8.34354 25.8006 8.57518 25.8933 8.81606 25.8933C9.05694 25.8933 9.28858 25.8006 9.46294 25.6344L19.9123 15.6781C20.0042 15.5906 20.0774 15.4853 20.1274 15.3686C20.1773 15.2519 20.2031 15.1263 20.2031 14.9994C20.2031 14.8725 20.1773 14.7469 20.1274 14.6302C20.0774 14.5135 20.0042 14.4082 19.9123 14.3206Z" fill="white"/></svg>');
    background-position: center right 40px;
    background-size: 30px;
    background-repeat: no-repeat;
}
._shiroari.p-contact-form input[type=submit] {
    background-color: #F09C18;
}
@media (max-width: 767px) {
    .p-contact-form input[type=submit] {
        font-size: 18px;
        padding: 14px 0;
        background-position: center right 12px;
        background-size: 20px;
    }
}
.p-contact-form input[type=submit]:hover {
    opacity: 0.8;
}
.p-contact-form .underline>span {
    display: inline;
}
.p-contact-form .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.p-contact-form .wpcf7-not-valid-tip {
    color: #CD0E02;
    font-size: 13px;
}
.p-contact-form .wpcf7-list-item {
    margin: 0;
}
.p-contact-form form.sent .wpcf7-response-output {
    border-color: #3ab093;
    color: #3ab093;
    font-weight: 700;
    text-align: center;
}
.p-contact-form form.invalid .wpcf7-response-output,
.p-contact-form form.unaccepted .wpcf7-response-output {
    border-color: #CD0E02;
    color: #CD0E02;
    font-weight: 700;
    text-align: center;
    border-radius: 8px;
    padding: 24px 12px;
}
.p-contact-form .wpcf7-acceptance .wpcf7-list-item label {
    display: flex;
    gap: 8px;
    align-items: center;
}
.p-contact-form .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label a>span {
    font-weight: 700;
}
.p-contact-form__row {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #EAEAEA;
}
@media (max-width: 767px) {
    .p-contact-form__row {
        display: block;
        border-bottom: none;
    }
}
.p-contact-form__head {
    padding: 16px;
    width: 252px;
    vertical-align: top;
    font-size: 16px;
    background-color: #F8F3F0;
    font-weight: 700;
    display: flex;
    align-items: center;
}
._shiroari .p-contact-form__head {
    background-color: #FFFBED;
}
@media (max-width: 767px) {
    .p-contact-form__head {
        width: 100%;
        padding: 12px 12px;
        font-size: 15px;
    }
}
.p-contact-form__head-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.p-contact-form__data {
    flex: 1;
    padding: 16px 0 16px 24px;
}
@media (max-width: 767px) {
    .p-contact-form__data {
        padding: 8px 0 24px;
    }
}
@media (max-width: 767px) {
    .p-contact-form__data-column label {
        font-size: 14px;
        padding-bottom: 3px;
    }
}
.p-contact-form__data-column:not(:last-child) {
    margin-bottom: 16px;
}
.p-contact-form__data-column.flex-column {
    flex-direction: column;
}
.p-contact-form__required {
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    background-color: #FF8800;
    text-align: center;
    display: inline-block;
    min-width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-height: 24px;
    line-height: 24px;
    margin-left: 8px;
    border-radius: 4px;
}
.p-contact-form__required._any {
    background-color: #9e9e9e;
}
._shiroari .p-contact-form__required {
    background-color: #F09C18;
}
._shiroari .p-contact-form__required._any {
    background-color: #9e9e9e;
}
@media (max-width: 767px) {
    .p-contact-form__required {
        font-size: 13px;
        min-width: auto;
        padding: 1px 8px;
        margin-left: 8px;
    }
}
.p-contact-form__note {
    margin-top: 33px;
    text-align: center;
}
.p-contact-form__accept {
	font-weight: 700;
	margin-top: 40px;
    text-align: center;
}
.p-contact-form__accept a{
	text-decoration: underline;
	color: #273CC2;
	
}
.p-contact-form__send {
    margin-top: 40px;
    text-align: center;
    position: relative;
}
.wpcf7 .wpcf7-submit:disabled {
    pointer-events: none;
    opacity: 0.4;
}

.p-contact-form__line {
    display: inline-block;
}
.p-contact-form__accept label {
    cursor: pointer;
}
.p-contact-form__accept input {
    position: absolute;
    opacity: 0;
}
.p-contact-form__accept input+span {
    padding-left: 33px;
    display: inline-block;
    position: relative;
    font-weight: 700;
    line-height: 1.5;
}

.p-contact-form__accept input+span::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: solid 1px #000;
    background-color: #fff;
    width: 20px;
    height: 20px;
}
.p-contact-form__accept input:checked+span::before {
    background: #fff url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" width="20" height="20" fill="white"/><path d="M4.5 10.2002L8.5 14.7002L16.5 5.2002" stroke="%23273CC2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center / cover no-repeat;
}

.p-contact-form__privacy {
    margin-top: 40px;
    margin-bottom: 32px;
}
.p-contact-form__privacy-heading {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .p-contact-form__privacy {
        margin-top: 0;
    }
    .p-contact-form__privacy-heading {
        font-size: 20px;
        margin-bottom: 12px;
    }
}
.p-contact-form__privacy-box {
    border-radius: 20px;
    height: 312px;
    border: 2px solid #C95400;
    overflow: scroll;
    padding: 50px 40px;
}
._shiroari .p-contact-form__privacy-box {
    border-color: #F09C18;
}
@media (max-width: 767px) {
    .p-contact-form__privacy-box {
        padding: 20px;
        font-size: 14px;
        border-radius: 10px;
    }
}
.p-contact-form__privacy-box>div {
    margin-bottom: 1em;
}
.p-contact-form__privacy-box p {
    line-height: 1.5;
}
.p-contact-form__privacy-text {
    margin-bottom: 16px;
}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
    padding: 1.5em 1em;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: #b2000d;
    background-color: rgba(255, 0, 0, 0.15);
    border: none;
}
.wpcf7 form.sent .wpcf7-response-output {
    color: #267d2e;
    background: rgb(70 180 80 / 17%);
    border: none;
}
.wpcf7-form-control-wrap[data-name="day_of_week"]{
	display: block;
}
