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

/* CSS Document */

/* common */

body{
	margin:0;
	color:#333;  
	overflow-x: hidden;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
}
.p-postList.-type-list .p-postList__thumb .c-postThumb__figure{
	border: solid 1px #DDD;
}

/* header */
header{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}
.l-header__logo{
	min-width: 150px;
}
.l-header__body{
	padding-left: 0;
	padding-right: 0;
}
.h_tel{
	margin-left: 30px;
	line-height: 1.2;
	font-size: 0.9rem;
	white-space: nowrap;
}
.h_tel a{
	font-size: 2rem;
	font-weight: bold;
}
.h_tel a span{
	font-size: 1rem;
}
.h_btn{
	display: flex;
	margin-left: 20px;
}
.h_btn a{
	display: block;
	background-image: linear-gradient(90deg, #2167b5 48%, #22d3ee);
    color: #FFF!important;
	text-decoration: none;
	margin-left: 10px;
	padding: 10px 35px;
	white-space: nowrap;
	text-align: center;
	border-radius: 40px;
}
.c-gnav{
	justify-content: flex-end;
	font-weight: bold;
}
.c-gnav__li>.c-gnav__a{
	padding: 5px 15px;
	color: #063970;
	font-size: 1.05rem;
}

/* footer */
footer.l-footer{
	padding: 4rem 0;
}
.l-footer .u-flex--c{
	justify-content: flex-end;
	align-content: flex-end;
	padding-top: 20px;
}
.l-footer__nav a{
	font-size: 0.95rem;
}
.s_btn a{
	display: block;
	padding: 30px 15px;
	background: #2167b5;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
.f_contact_bg{
	background: url(images/f_bg.webp) no-repeat top/100% auto;
	padding: 80px 0;
}
.f_contact{
	background: #2167b5;
	max-width: 1400px;
	margin: auto;
	padding: 60px 5% 80px;
	text-align: center;
	color: #FFF;
}
.f_contact .ark-block-heading .ark-block-heading__main{
	margin-bottom: 0;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	opacity: 0.3;
	font-size: 4rem;
	color: #FFF;
}
.f_contact .ark-block-heading .ark-block-heading__sub{
	letter-spacing: 3px;
	color: #FFF;
	font-size: 1.4rem;
}
.f_contact p{
	margin-bottom: 40px;
}
.f_contact_btn{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
a.f_tel{
	font-size: 2.2rem;
	font-weight: bold;
	margin-right: 30px;
	padding: 10px 20px 10px;
	line-height: 2.2rem;
	width: 35%;
	color: #FFF;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}
a.f_tel span{
	font-size: 1.2rem;
	opacity: 0.5;
}
a.f_btn{
	background: #FFF;
	font-size: 1.4rem;
	text-decoration: none;
	font-weight: bold;
	width: 35%;
	height: 80px;
	align-content: center;
}
a.f_btn:before{
	background: url("images/h_btn02.png") no-repeat center bottom/30px auto;
	width: 30px;
	height: 30px;
    content: "";
    display: inline-block;
	margin-bottom: -10px;
	margin-right: 10px;
}
footer .c-widget+.c-widget{
	margin-top: 1rem;
}
.p-fixBtnWrap{
	border: solid 1px #a3bce2;
}

.c-copyright{
	text-align: right;
	color: #999;
	font-size: 0.9rem;
	border-top: solid 1px #999;
	padding-top: 2rem;
}

/* main */
.l-main{
	width: 100%!important;
}

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

table.formTable {
	border: none;
	border-top: solid 1px #DDD!important;
}
table.formTable th{
	background: #FFF;
	border: none;
	border-bottom: solid 1px #DDD!important;
}
table.formTable td{
	background: #FFF;
	border: none;
	border-bottom: solid 1px #DDD!important;
}

/* pagetitle */
.p-topArea.-noimg{
	background: url( "images/title_bg.webp") center/cover;
}
#top_title_area{
	min-height: 400px;
	background-color: #2167b5;
}
#top_title_area h1{
	letter-spacing: 0.2rem;
	font-size: 2.5rem;
}
#top_title_area img{
	opacity: 0.3;
}
.c-pageTitle__main{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}
.c-widget__title{
	color: #2167b5;
}
.has-huge-font-size{
	font-size: 2.3rem!important;
	line-height: 1.4;
}
.box_maru{
	border-radius: 20px;
}

/* index */

h2.wp-block-heading{
	margin-bottom: 55px;
	font-size: 4rem;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}
h3.wp-block-heading{
	color: #2167b5;
	font-size: 2rem;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}
.lead{
	font-size: 2rem;
}
.ark-block-heading{
	margin: 0 auto 40px;
}
.ark-block-heading .ark-block-heading__main{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;	
	margin-bottom: 5px;	
	color: #2167b5;
	font-size: 3.3rem;
}
.ark-block-heading .ark-block-heading__sub{
	color: #111;
	font-size: 1.3rem;
	font-weight: bold;
}
.title_white.ark-block-heading .ark-block-heading__main{
	color: #FFF;
	font-size: 2rem;
}
/* gnSlider01 */
.arkp-gnSlider01 .ark-block-heading__main {
  font-size: 3rem;
  color: #000;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}
.arkb-boxLink__layer{
	background-color: #2167b5;
}
.ark-block-slider__body p{
}
.is-btn-fill .ark-block-button__link{
	background-image: linear-gradient(90deg, #2167b5 48%, #22d3ee);
	border-radius: 40px;
}
.ark-block-slider__slide .is-btn-fill .ark-block-button__link{
	padding: 15px 60px;
	font-size: 1.2rem;
}
.arkb-boxLink.is-style-banner .arkb-boxLink__body{
	padding: 8rem 6rem;
}
.ark-block-boxLink .arkb-boxLink__title{
	font-size: 2rem;
}
.ark-block-boxLink{
	font-size: 1.2rem;
}
/*.top_banner{
	min-height: 250px;
	position: relative;
}
.top_banner .arkb-boxLink__title{
	text-align: center;
	font-size: 1.8rem!important;
	font-weight: normal;
	letter-spacing: 5px;
	color: #FFF;
	background: #2167b5;
	position: absolute;
	bottom: 0;
	padding: 5px 15%;
	left: 0;
}*/
.btn01 a, .btn01 input, .btn01 button{
	background-image: linear-gradient(90deg, #2167b5 48%, #22d3ee);
	color: #FFF;
	font-size: 1.2rem;
	padding: 10px 60px;
	border-radius:40px;	
	transition: 0.3s;
	border: none;
}
.btn01 a:hover, .btn01 input:hover, .btn01 button:hover{
	opacity: 0.5;
}

/* page */

.wp-block-table.table01 table {
	border:none;
	border-collapse: separate;
	border-spacing: 5px;
}
.wp-block-table.table01 table td{
	border-bottom: solid 1px #DDD;
	padding: 25px!important;
	border-left: none;
	border-right: none;
}
.wp-block-table.table01 table tr td:first-child{
	width: 25%;
	border-bottom: solid 2px #2167b5;
	color: #2167b5;
}
.wp-block-table.table01 table td strong{
}
.title01{
	border-top: solid 1px #2167b5;
	border-bottom: solid 1px #2167b5;
	padding: 5px 0;
	text-align: center;
}
ul.list01{
	background: #efefef;
	padding: 5px 20px 15px;
}
ul.list01 li{
	list-style: none;
	border-bottom: solid 1px #DDD;
	padding: 10px 0;
}
.p-postList__excerpt{
	font-size: 1rem;
}
div.flow_bg{
	padding: 4rem 0;
	background: #efefef;
}
ul.worls_flow{
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
ul.worls_flow li{
	background: #FFF;
	padding: 20px;
	list-style: none;
}
ul.worls_flow li span{
	background: #2167b5;
	padding: 7px 20px;
	color: #FFF;
	margin-bottom: 10px;
	font-weight: bold;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  position: relative;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
	width: 50%;
  &::before {
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    border-top: solid 20px transparent;
    border-bottom: solid 20px transparent;
    border-left: solid 10px  #2167b5;
  }
}
.flow{
	margin-top: 20px;
}
.step_allow{	
	display: block;
	width: 90px;
	height: 30px;
	background: #e9f1f9;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	margin: 0 auto;
	text-align: center;
}
.step_allow2{	
	display: block;
	width: 90px;
	height: 30px;
	background: #ededed;
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	margin: 0 auto;
	text-align: center;
}
.wq-Form .wq-Quantity>.wq--head, .wq-Form .wq-Selector>.wq--head, .wq-Form .wq-Slider>.wq--head, .wq-Form .wq-Monitor>.wq--entries>.wq--entry:nth-child(2n){
	background-color: #e9f1f9!important;
}
.c-gnav .sub-menu{
	background: #063970;
}

@media (min-width: 741px) {
	
	.l-header__center img{
		margin-top: -8px;
	}
	.s_btn{
		position: fixed;
		right: 0;
		top: 40%;
		writing-mode: vertical-rl;
	}
	.l-footer__widgets>.l-container{
		justify-content: space-between;
	}
	.l-footer__widgets .w-footer{
		flex-basis: auto;			
	}
	.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;
		justify-content: flex-end;
	}
	.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;
	}
	/**.c-gnav li:last-child, .c-gnav li:nth-last-child(2){
		display: none;
	}**/	
	
	.c-gnav .sub-menu .c-gnav__a .__mainText{ 
		padding-top: 130px;
		text-align: center;
	}		
	.menu-item-2962 .c-gnav__a .__mainText{ 
		background: url(images/h_navi01.webp) no-repeat top center/contain;
	}	
	.menu-item-2961 .c-gnav__a .__mainText{ 
		background: url(images/h_navi02.webp) no-repeat top center/contain;
	}	
	.menu-item-2989 .c-gnav__a .__mainText{ 
		background: url(images/h_navi03.webp) no-repeat top center/contain;
	}	
	.menu-item-2528 .c-gnav__a .__mainText{ 
		background: url(images/h_navi04.webp) no-repeat top center/contain;
	}
}

@media (max-width: 740px) {
	
	.arkp-gnSlider01 .ark-block-heading .ark-block-heading__main{
		font-size: 1.7rem;
	}
	.ark-block-slider__slide .is-btn-fill .ark-block-button__link{
		font-size: 1rem;
	}	
	#top_title_area{
		min-height: 200px;
	}
	#top_title_area h1{
		font-size: 1.8rem;
	}
	.c-pageTitle__main{
		font-size: 1.5rem;
	}
	.lead{
		font-size: 1.3rem;
	}
	.l-footer .u-flex--c{
		display: none;
	}
	.f_contact .ark-block-heading .ark-block-heading__main{
		font-size: 3rem;
	}
	.f_contact_bg{
		background: url(images/f_bg.webp) no-repeat top/auto;
		padding: 80px 3%;
	}
	.s_btn{
		margin: 40px auto;
	}	
	a.f_tel{
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
	}
	a.f_tel span{
		font-size: 1.1rem;
	}
	a.f_btn{
		width: 100%;
		margin-bottom: 20px;
		font-size: 1.2rem;
	}
	.arkb-boxLink.is-style-banner .arkb-boxLink__body{
		padding: 4rem 2rem;
	}
	.ark-block-boxLink .arkb-boxLink__title{
		font-size: 1.5rem;
	}
	.top_concept img{
		max-width: 30%;
	}

	

	
}