@charset "utf-8";
/*
Theme Name: arkhe_child
Template: arkhe
*/

/* CSS Document */

/* common */

body{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.1rem;
}
a{
	text-decoration: none;
}
.center{
	text-align: center;
}

/* header */
.h_navi_in{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 10px 20px 0 0;
}
.h_navi_box{
	text-align: right;
}
.h_navi{
	display: flex;
	justify-content: flex-end;
}
.h_navi a{
	background: #d3def1;
    color: #000!important;
	text-decoration: none;
	margin-left: 10px;
	padding:3px 10px;
	text-align: center;
	border-radius: 20px;
	margin-top: 10px;
	letter-spacing: 0;
	font-size: 0.8rem;
}
.h_sns{
	margin-right: 20px;
}
.h_tel{
	margin-left: 20px;
	width: 200px;
}
.h_btn{
	margin-left: 10px;
}
.h_btn a{
	display: block;
	height: 50px;
	line-height: 50px;
	background: #053b7d;
    color: #FFF!important;
	text-decoration: none;
	margin-bottom: 1px;
	padding: 0 10px;
	white-space: nowrap;
	text-align: center;
	font-size: 0.8rem;
}
.c-gnav{
	justify-content: flex-end;
	font-weight: bold;
	font-size: 0.9rem;
}

/* footer */
.s_btn{
    position: fixed;
    z-index: 200;
    right: 0;
    top: 18%;
}
.s_btn a{
	display: block;
}
footer{
	margin: 0 0 170px;
	font-weight: bold;
}
.f_contact{
	background: url(images/bg04.webp) center/cover;
	padding: 80px 5%;
	text-align: center;
	color: #FFF;
	font-size: 1rem;
	margin-top: 60px;
	margin-bottom: 60px;
}
.f_contact h3{
	margin-bottom: 20px;
	font-size: 2rem;
}
.f_contact img{
	margin: 40px auto;
}
.f_top{
	background: #06c755;
	color: #FFF;
	text-align: center;
	padding: 30px 0;
	display: flex;
	flex-wrap: wrap;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}
.f_top img{
	margin: 0 20px;
}
.f_bottom{
	background: #053b7d;
	color: #FFF;
	text-align: center;
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 110px;
}
.fixed_area {
  position: fixed;
  bottom: -100px;
  transform: translate(0, 100%);
  transition: transform 0.3s linear;
  backdrop-filter: blur(10px);
}
.fixed_area.visible {
  transform: translate(0);
  bottom: 30px;
}
a.f_btn{
	background: #FFF;
	padding: 5px 20px;
	font-size: 1.15rem;
	border-radius: 20px;
	text-decoration: none;
	margin-left: 30px;
	font-weight: bold;
}
footer .c-widget+.c-widget{
	margin-top: 1rem;
}
.p-fixBtnWrap{
	border: solid 1px #a3bce2;
}


/* contact */
.contact_flow ul li.step_on{
	border-color: #053b7d!important;
	background: #053b7d!important;
}

/* pagetitle */
.p-topArea.-noimg{
	background: #efefef;
}
#top_title_area{
	min-height: 300px;
	color: #053b7d;
}
.c-pageTitle__main{
	color: #053b7d;
	background: #FFF;
	max-width: 500px;
	padding: 20px;
	letter-spacing: 0.8rem;
}
.c-widget__title{
	color: #053b7d;
}
.has-huge-font-size{
	font-size: 2.3rem!important;
	line-height: 1.4;
}

/* index */
.title_blue{
	color: #053b7d;
	font-size: 2rem;
}
h2.wp-block-heading{
	color: #053b7d;
	font-size: 2rem;
}
h3.wp-block-heading{
	background: #053b7d;
	color: #fff;
	font-size: 1.4rem;
	border-radius: 20px;
	text-align: center;
	padding: 10px 20px 7px;
}
h3.title_pp{
	background: #a6468e;
}
.lead{
	line-height: 2.3;
}
.ark-block-heading .ark-block-heading__main{
	font-weight: normal;
	font-size: 2rem;
}
.ark-block-heading .ark-block-heading__sub{
	color: #053b7d;
	letter-spacing: 3px;
	margin-left: 15px;
}
.font_w .ark-block-heading__sub{
	color: #FFF;
}

.top_banner{
	min-height: 320px;
}
.top_banner h3{
	margin: 70px 0 30px 60px;
	font-size: 2.2rem!important;
	font-weight: normal;
	letter-spacing: 5px;
}
.top_banner p{
	margin-left: 60px;
}
.btn01 a, .btn01 input, .btn01 button{
	background:url("images/btn_bg.webp") no-repeat center right 20px/22px auto #d2cce6!important;
	color: #053b7d!important;
	font-size: 1.4rem;
	min-width: 250px;
}
.btn02 a{
	background:url("images/btn_bg.webp") no-repeat center right 20px/22px auto #dae5cc!important;
	color: #053b7d!important;
	font-size: 1.4rem;
}
.btn03 a{
	background:url("images/btn_bg.webp") no-repeat center right 20px/22px auto #eaeff9!important;
	color: #053b7d!important;
	font-size: 1.3rem;
}
.btn04 a{
	background:url("images/btn_bg.webp") no-repeat center right 20px/22px auto #FFF!important;
	color: #053b7d!important;
	font-size: 1.3rem;
}
.btn_sax a{
	background:url("images/btn_bg02.webp") no-repeat center right 20px/22px auto #4694d1!important;
	color: #FFF!important;
	font-size: 1.6rem;
	padding-right: 80px;
}
.bg01{
	background: url("images/bg01.webp") no-repeat bottom center/100% auto;
}
.top_service .is-layout-flex{
	gap: 0.5rem!important;
	max-width: 1600px!important;
	margin: auto;
}

/* page */
.wp-block-table.table01 table td{
	border: solid 1px #DDD;
	padding: 15px!important;
}
.wp-block-table.table01 table tr td:first-child{
	width: 30%;
	background: #eaeff9;
}
.wp-block-table.table01 table td strong{
}
.wp-block-table.table02 table{
	border: none;
}
.wp-block-table.table02 table td{
	border: none;
	border-bottom: solid 1px #ccc!important;
}
.wp-block-table.table02 table td:first-child{
	white-space: nowrap;
}
.table_price table td:first-child{
	color: #333;
	font-size: 1rem;
}
.table_price :where(thead) th{
	background: #4694d1;
}
.arkb-boxLink__body{
	padding: 1.5rem;
}
.member01{
	border-radius: 20px;
	text-align: center;
}
.title01{
	border-top: solid 1px #053b7d;
	border-bottom: solid 1px #053b7d;
	padding: 5px 0;
	text-align: center;
}
h3.title_w{
	background: #FFF;
	color: #053b7d;
	border: solid 1px #053b7d;
}
h3.title_sax{
	background: #4694d1;
	color: #FFF;
	display: inline-block;
	padding: 5px 60px;
	font-size: 1rem;
	font-weight: normal;
}
h4{
	text-align: center;
}
h5{
	color: #053b7d;
	border-bottom: solid 1px #053b7d;
	padding-bottom: 5px;
}
.safe{
	text-align: center;
}
.t_left{
	text-align: left;
}
.wp-block-columns.nomargin{
	--wp-column-gap: 0.5rem;
    gap: 0.5 !important;
}
.ark-block-tab.is-style-box>.arkb-tabList .arkb-tabList__button{
	padding: 1.5rem;
	color: #053b7d;
	font-size: 1.2rem;
    background-color: #a3bce2;
}
.ark-block-tab.is-style-box>.arkb-tabList .arkb-tabList__button[aria-selected=true]{
    background-color: #ebeffa;
    color: #053b7d;
}
.arkb-tabList__button:hover{
	opacity: 0.5;
}
.tab02.is-style-box>.arkb-tabList li:first-child .arkb-tabList__button{
	background: #ade8d0;
}
.tab02.is-style-box>.arkb-tabList li:nth-child(2) .arkb-tabList__button{
	background: #a2dff6;
}
.tab02.is-style-box>.arkb-tabList li:nth-child(3) .arkb-tabList__button{
	background: #b6cdf8;
}
/*
.tab03.is-style-box>.arkb-tabList li:first-child .arkb-tabList__button{
	background: #FFF;
}
.tab03.is-style-box>.arkb-tabList li:nth-child(2) .arkb-tabList__button{
	background: #e6e6e6;
}
.tab03.is-style-box>.arkb-tabList li:nth-child(3) .arkb-tabList__button{
	background: #cccccc;
}*/
.tab03.is-style-box>.arkb-tabList li .arkb-tabList__button{
	background: #e6e6e6;
	border: solid 1px #FFF;
}
.tab03.ark-block-tab.is-style-box>.arkb-tabList .arkb-tabList__button[aria-selected=true]{
	background: #FFF;
}
h4 strong{
	background: #ade8d0;
	color: #053b7d;
	display: inline-block;
	padding: 5px 60px;
	font-size: 1rem;
	border-radius: 10px;
}
h4.ippan strong{
	background: #a2dff6;
}
h4.kasou strong{
	background: #b6cdf8;
}
.arkb-tabBody{
	padding: 0;
}
.price01{
	font-size: 2rem;
}
.price02{
	font-size: 2.4rem;
}
.price01 strong, .price02 strong{
	font-weight: normal;
	font-size: 1rem;
}
.is-style-shadow>.ark-block-column, .is-style-shadow>.ark-block-columns__inner>.ark-block-column{}



.flow>.ark-block-columns__inner>.ark-block-column{
	border:solid 5px #053b7d;
	position: relative;
}
.flow>.ark-block-columns__inner>.ark-block-column:after{
    content: "";
    position: absolute;
    top: 50%;
    right: -42px;
    margin-top: -21px;
    border: 21px solid transparent;
    border-left-color: #053b7d;
    z-index: 2;
}
.flow>.ark-block-columns__inner>.ark-block-column:last-child:after{
	display: none;
}
.flow>.ark-block-columns__inner>.ark-block-column:nth-child(1), .flow>.ark-block-columns__inner>.ark-block-column:nth-child(1) h4{
	color: #053b7d!important;
}
.flow>.ark-block-columns__inner>.ark-block-column:nth-child(2), .flow>.ark-block-columns__inner>.ark-block-column:nth-child(2) h4{
	border-color: #776dad;
	color: #776dad!important;
}
.flow>.ark-block-columns__inner>.ark-block-column:nth-child(2):after{
    border-left-color: #776dad;
}
.flow>.ark-block-columns__inner>.ark-block-column:nth-child(3), .flow>.ark-block-columns__inner>.ark-block-column:nth-child(3) h4{
	border-color: #a6468e;
	color: #a6468e!important;
}
.flow>.ark-block-columns__inner>.ark-block-column:nth-child(3):after{
    border-left-color: #a6468e;
}
.flow>.ark-block-columns__inner>.ark-block-column:nth-child(4), .flow>.ark-block-columns__inner>.ark-block-column:nth-child(4) h4{
	border-color: #e98ab5;
	color: #c6235c!important;
}
.flow>.ark-block-columns__inner>.ark-block-column:nth-child(4):after{
    border-left-color: #e98ab5;
}
.flow>.ark-block-columns__inner>.ark-block-column:nth-child(5), .flow>.ark-block-columns__inner>.ark-block-column:nth-child(5) h4{
	border-color: #4d94cd;
	color: #4d94cd!important;
}




.left_img img{
	position: absolute;
	left: 50%;
	top:-80px;
	z-index: 100;
	margin-left: -50%;
	animation: bounce 1s ease infinite;
	max-width: 12%;
}
.right_img img{
	position: absolute;
	right: 50%;
	top:-80px;
	z-index: 100;
	margin-right: -50%;
	animation: bounce 1s ease infinite;
	max-width: 12%;
}
.no_tb{
	display: none;
}

@media (min-width: 1600px) {
	
	.no_tb{
		display: flex;
	}
	.l-header__body.l-container{
		min-width: 1500px;
	}
	.h_tel{
		width:284px; 
	}
	.h_btn{
		display: flex;
		margin-left: 40px;
	}
	.h_btn a{
		display: block;
		height: 120px;
		width: 130px;
		line-height: 120px;
		margin-left: 10px;
		margin-bottom: 0;
		font-size: 1rem;
	}
	.c-gnav{
		font-size: 1rem;
	}
	.left_img img{
		position: absolute;
		left: 50%;
		top:-370px;
		z-index: 100;
		margin-left: -850px;
  		animation: bounce 1s ease infinite;
	}
	.right_img img{
		position: absolute;
		right: 50%;
		top:-80px;
		z-index: 100;
		margin-right: -850px;
  		animation: bounce 1s ease infinite;
	}
	.btn01 a,.btn02 a, .btn01 input, .btn01 button{
		min-width: 515px;
	}
	#nav_menu-2{
		width: 740px;
	}
	.slide_on{
		margin-left: -100px;
	}
	.h_navi a{
		font-size: 0.9rem;
	}
}

@media (min-width: 961px) {
	.pc_center{
		text-align: center;
	}
	#nav_menu-2 a{
		padding: 10px 15px;
		font-size: 1.1rem;
	}
	.f_tel{
		margin-right: 40px;
	}
	.c-drawerNav, .widget_categories>ul, .widget_nav_menu .menu, .widget_recent_entries__list, .wp-block-archives-list, .wp-block-categories-list, .wp-block-latest-comments, .wp-block-latest-posts:not(.is-grid), .wp-block-page-list{
		border: none;
		display: flex;
		flex-wrap: wrap;
	}
	.c-drawerNav .menu-item, .widget_categories li, .widget_nav_menu .menu-item, .widget_recent_entries__li, .wp-block-archives-list li, .wp-block-categories-list li, .wp-block-latest-comments__comment, .wp-block-latest-posts:not(.is-grid) li, .wp-block-pages-list__item{
		border: none;
	}
	
	.l-header__center img{
		min-width: 163px;
	}
	.f_img{
		margin-top: -30px;
		margin-left: 20px;
	}
	.ark-block-heading{
		writing-mode: vertical-rl;
		text-align: left;
		margin: 0 auto 60px;
	}
	.plan figure{
		width: 100px;
	}
}

@media (max-width: 960px) {
	.no_sp{
		display: none;
	}
	.f_bottom{
		flex-wrap: wrap;
		bottom: 0;
		height: auto;
		padding: 20px 5% 5px;
	}
	.f_bottom a{
		margin: 5px 0;
	}	
	a.f_btn{
		margin: 10px 10px 0;
		width: 40%;
		font-size: 0.9rem;
	}
	.f_img{
		width: 10%;
		margin-top: -30px;
	}
	.slide_on img{
		max-width: 60%;
		margin-left: -30%;
		margin-top: -150px;
	}
	.btn01 a, .btn02 a, .btn03 a, .btn04 a{
		font-size: 1.2rem;
	}
	h2.wp-block-heading{
		font-size: 1.6rem;
	}
	h3.wp-block-heading{
		font-size: 1.3rem;
	}
	.c-widget__title{
		font-size: 1.2rem;
	}
	.arkb-tabList__button{
		font-size: 1rem;
	}
	.ark-block-heading .ark-block-heading__main{
		font-size: 1.6rem;
	}
	.title_blue{
		font-size: 1.4rem;
	}
	.top_banner h3{
		margin: 70px 0 30px 20px;
		font-size: 1.6rem!important;
	}
	.top_banner p{
		margin-left: 20px;
	}
	.has-huge-font-size{
		font-size: 1.6rem!important;
	}
	.f_contact h3{
		font-size: 1.4rem;
	}
	.has-xxlarge-font-size, .u-fz-xxl{
		font-size: 1.4rem!important;
	}
	.has-xlarge-font-size, .u-fz-xl{
		font-size: 1.2rem!important;
	}
	.has-large-font-size{
		font-size: 1.1rem!important;
	}
	.btn_sax a{
		font-size: 1.2rem;
	}
	#top_title_area{
		min-height: 150px;
	}
	.c-pageTitle__main{
		letter-spacing: 0.2rem;
		font-size: 1.4rem;
    	padding: 5px;
		background: rgba(255,255,255,0.7);
	}
	.lead{
		font-size: 1rem;
	}
	.top_hall img{
		max-width: 120%;
		margin-left: -10%;
	}
	.f_logo img{
		max-width: 80%;
	}
	.plan figure{
		width: 29%;
	}
	.fixed_area{
		bottom: 128px;
	}


	.flow>.ark-block-columns__inner>.ark-block-column:after{
		top: auto;
		right: 0;
		bottom: -40px;
		left: 0;
		width: 30px;
		margin: 0 auto;
		border-width: 15px;
		border-top-color: #053b7d;
		border-left-color: transparent!important;
	}
}