@charset "UTF-8";
/* CSS Document */




/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* 共通base*/


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/





*:focus {
  outline: none;
}
html{
    font-size: 62.5%;
}




body{
	font-family:'Noto Sans JP', sans-serif;
	font-style: normal;
	color: #091E34;
	height:100%;
	line-height:1.6;
	background-color:#FAFAFA;
	font-feature-settings:"pkna";
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	font-weight: 400;
	scroll-behavior:smooth;
	border-top:5px #091E34 solid;
}




@media screen and (min-width: 769px){
	body{min-width: 1100px;}
}


@media screen and (max-width: 768px){
	body{font-size: 1.4rem;border-top: 3px #091E34 solid;}

}





/*-----------------------------------------*/




img{image-rendering: -webkit-optimize-contrast;}
img{max-width:100%;height:auto;}
a{color: #1F64AA;text-decoration: none;}

a.underline{text-decoration: underline;}



/* リンクボタンhover設定 */
a,a img{/*! transition:0.2s ease-in-out; */}
a:hover{opacity:0.8;}
/*a img:hover{opacity:0.8;}*/



a.anchor{display: block;margin-top: -4rem;padding-top: 4rem;}

.indent{text-indent: -1.4rem;padding-left: 1.4rem;}

.colorRed{color: #ed514e;}
.color{color: #1F64AA;}





/*-----------------------------------------*/



.is_PC{ display: block;}
.is_SP{display: none;}


@media screen and (min-width: 769px){
.wrap{width: 1100px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}

}



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

.wrap{width: 91%;margin: 0 auto;}

.is_PC{display: none;}
.is_SP{display: block;}

.pcBreak br{display: none;}


}





/*-------------------------------------------------------------------------------*/


#mid main{padding: 5rem 0 9rem;}

@media screen and (max-width: 768px){
#mid main{padding: 11rem 0 5rem;}
}





/*--------------------
ふわっと
---------------------*/
.fadeIn{
animation-name:fadeInAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}


@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}



/*------------------
top-btn
------------------*/
.to-top{
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url("../images/btnArrow_up_wh.svg");
	background-color: #ccc;
	background-position: center;
	background-size: 1.4rem;
}





/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* 共通header(navi,logo) */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/



h1{
	margin-right: 10px;
	margin-top:15px;
	font-size: 1.2rem;
	font-weight: 500;
	text-align: right;
}


.logo a{
	font-size: 1.2rem;
	font-weight: 500;
	display: flex;
	align-items: center;
}

.logo a span{
	font-size: 3.3rem;
	font-family:'futura-pt', 'Noto Sans JP', sans-serif;
	letter-spacing: 0;
	margin-right: 1rem;
}




@media screen and (min-width: 769px){


.head{
	width: 100%;
	min-width: 1100px;
	margin:0 auto;
	position:sticky;
	z-index: 999;
	box-sizing: border-box;
	top: 0;
	/*! top: 0; */
	background-color: rgb(250, 250, 250, 0.95);
	/*! border-bottom: 1px dotted #ccc; */
}

	
.headArea{
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	margin:2.5rem auto 0;
	transition: .5s;
	width: 100%;
	padding: 2rem 1% 2rem 1%;

}
.is-animation .headArea{/*! height: 80px; */}

.logo{flex-shrink: 0;}
	
	
/*navigation*/
	
.nav{
	display: block!important;
	overflow: revert!important;;
    position: revert!important;
    width: revert!important;
    height: revert!important;
	flex-shrink: 0;
}
	

.head .nav-list ul{display: flex!important;justify-content: flex-end;align-items: center;}
.head .nav-list li{margin:0;}
.head .nav-list li:not(.menu8) a{
	text-transform: uppercase;
	padding: 0.5rem;
	letter-spacing: 0.02em;
	font-size: 1.3rem;
	font-weight: 500;
	color: #091E34;
}
.head .nav-list li.menu8 a{margin-left: 2rem;letter-spacing: 0.02em;}
.head .nav-list li::after{
	content: "/";
	font-size: 1.3rem;
	font-weight: 400;
	color:#091E34;
	margin-left: 0.7rem;
	margin-right: 0.7rem;
}

.head .nav-list li.menu7::after,
.head .nav-list li.menu8::after{
	content: none!important;
	margin: 0;
}

.head .nav-list .mail a{
	background: #1F64AA;
	color: #fff;
	font-size: 1.2rem;
	padding: 1.8rem;
	border-radius: 35px;
	min-width: 200px;
	margin-bottom: 1px;
	display: inline-block;
	text-align: center;
	background-image: url("../images/icon_mail.svg");
	background-size: auto 17px;
	background-position: left 20px center;
	background-repeat: no-repeat;
	text-indent: 25px;
	font-weight: 500;
}
	
.head .btn-trigger{display: none;}

}



@media screen and (min-width: 1200px){
.headArea{
	padding: 2rem 1% 2rem 5%;

}
}







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

h1{position: absolute;left: 5.3%;top:60px;font-size: 1.3rem;text-align: left;line-height: 2;}
h1 span{display: none;}
	
#mid h1{display: none;}

	
.logo{position: absolute;top: 20px;left: 5%;font-size: 1.4rem;z-index: 1;}
.logo a{font-size: 1rem;}
.logo a span{/*! font-size: 3rem; */}
	

	
	

/*メニュー開閉時の背景部分スクロール制御*/
html.is-fixed body{height: 100%;overflow: hidden;}

.head .nav{
	display: none;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: /*rgba(201,197,193,0.99)*/#091e34;
    margin: 0;
/*	text-align: center;*/
	box-sizing: border-box;
}
	

	

	

.head .nav-list{margin: 0 auto 0;width: 90%;padding:9rem 0 5rem;}
.head .nav-list li{margin-bottom:0;font-size: 1.4rem;border-top:1px dotted #ffffff78;}
.head .nav-list li:last-of-type{border-bottom:1px dotted #ffffff78;}
.head .nav-list li a{
	padding: 2rem 0 2rem 0.5rem;
	display: block;
	background-image: url("../images/btnArrow_wh.svg");
	background-size: auto 9px;
	background-position: right 0.5rem center;
	background-repeat: no-repeat;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
}
	


.btn-trigger{
	display: block;
    -webkit-appearance:none;
    appearance:none;
    position: fixed;
	top: 15px;
	right: 15px;
    width: 50px;
    height: 50px;
    border: none;
    background-color: transparent;
    padding: 0;
	z-index: 9999;
	border-radius: 50px;
	background: #091e34;
}
	
	

.btn-trigger span{
    position: absolute;
    display: block;
    width: 26px;
    height: 2px;
    background-color: #fff;
    transition: all 0.5s;
	margin: 15px 0 0 12px;
}

/*#top .btn-trigger span{background-color: #fff;}
.is-fixed #top .btn-trigger span{background-color: #000;}*/

	
	
.btn-trigger span:first-of-type{top: 1px;}
.btn-trigger span:nth-of-type(2){top: 9px;}
.btn-trigger span:nth-of-type(3){top: 17px;width: 18px;}
.btn-trigger.active span:first-of-type{
	transform: rotate(45deg);
	top: 8px;
}
.btn-trigger.active span:nth-of-type(2){
	transform: rotate(-45deg);
	top: 8px;
}
.btn-trigger.active span:nth-of-type(3){
	transform: rotate(-45deg);
	top: 10px;left: 3px;
	background-color: transparent;
}	

}	







/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* 共通footer */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#footer {background: #091E34;color:#fff;font-size: 1.2rem;}

#footer .wrap{padding-top:10rem;padding-bottom:8rem;display: flex;justify-content:space-between;}
#footer .title_name{font-weight: 500;margin-top: 2rem;margin-bottom:2rem;font-size: 1.8rem;}
#footer .title_name a{color:#fff;font-size: 3.3rem;font-family: 'futura-pt', 'Noto Sans JP', sans-serif;letter-spacing: 0;}
#footer .copyright{font-size: 1.2rem;margin-top: 0.5rem;}
#footer .nav-list{/*! width: 260px; */margin-right: 5rem;}
#footer .nav-list li{margin-bottom:0;font-size: 1.3rem;/*! border-top:1px dotted #ccc; */}
#footer .nav-list li:last-of-type{/*! border-bottom:1px dotted #ccc; */}
#footer .nav-list li a{
	display: inline-block;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: #fff;
	margin: 0.5rem 0;
}










@media screen and (max-width: 768px){
	
#footer .wrap{padding-top:5rem;padding-bottom:5rem;display: block;}
#footer .title_name{margin-top: 0rem;margin-bottom:1rem;font-size: 1.7rem;}
#footer h3{line-height: 1.8;}
#footer .copyright{margin-top: 0.8rem;}
#footer .nav-list{margin: 4rem 0 0;width: 100%;}

#footer .nav-list li{margin-bottom:0;font-size: 1.1rem;border-top:1px dotted #ffffff78;}
#footer .nav-list li:last-of-type{border-bottom:1px dotted #ffffff78;}
#footer .nav-list li a{
	padding: 1.2rem 0 1.2rem 0.5rem;
	display: block;
	background-image: url("../images/btnArrow_wh.svg");
	background-size: auto 9px;
	background-position: right 0.5rem center;
	background-repeat: no-repeat;
}
	

}






/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* 共通 */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/




p{line-height: 2.2;margin-bottom: 1.7rem;}


.section-title{font-size: 3.4rem;font-weight: 600;line-height: 1.5;text-align: center;}
.section-title_en{
	font-size: 1.5rem;
	font-weight: 600;
	color: #1F64AA;
	line-height: 1.4;
	text-transform: uppercase;
	text-align: center;
	margin-top: 0.6rem;
	font-family:'futura-pt', 'Noto Sans JP', sans-serif;
}




.catch-txt{font-size: 2.7rem;font-weight: 600;line-height: 1.6;margin-bottom: 2rem;}
.catch-txtL{font-size: 3rem;font-weight: 700;line-height: 1.6;margin-bottom: 2rem;}
.catch-txtLL{font-size: 3.6rem;font-weight: 700;line-height: 1.55;margin-bottom: 2rem;}


.title-txt{font-size: 1.9rem;font-weight: 600;line-height: 1.5;}
.title-txtL{font-size: 2rem;font-weight: 600;line-height: 1.5;}
.title-txtLL{font-size: 3.2rem;font-weight: 600;line-height: 1.5;}



.title-line:after{
	content: "";
	display:block;
	width: 100px;
	height: 1px;
	background: #091E34;
	line-height: 1;
	margin: 2.5rem auto;
}




.txt_en{
	font-size: 1.5rem;
	font-weight: 600;
	color: #1F64AA;
	line-height: 1.4;
	text-transform: capitalize;
	margin-top: 0.3rem;
	font-family:'futura-pt', 'Noto Sans JP', sans-serif;
}


.title-num{
	font-size: 6.4rem;
	font-weight: 500;
	color: #1F64AA;
	font-family:'futura-pt', 'Noto Sans JP', sans-serif;
	margin-bottom: 0;
	letter-spacing: 0;
	line-height: 1;
}



.title-num:after{
	content: "";
	display:block;
	width: 69px;
	height: 1px;
	background: #1F64AA;
	line-height: 1;
	margin: 5px 0 30px;
}




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

p{line-height: 2.1;margin-bottom: 1.4rem;}

.section-title{font-size: 2.6rem;}
.section-title_en{font-size: 1.3rem;}	
	
.catch-txt{font-size:2rem;line-height: 1.55;}
.catch-txtL{font-size:2rem;line-height: 1.55;}
.catch-txtLL{font-size:2.2rem;line-height: 1.55;}


.title-txt{font-size: 1.5rem;}
.title-txtL{font-size: 1.6rem;}
.title-txtLL{font-size:2.6rem;}

.title-line:after{width: 80px;margin: 1.8rem auto;}

.title-num{font-size: 4.8rem;text-align: center;}
.title-num:after{width: 48px;margin: 5px auto 15px;}
	
	
.txt_en{
	font-size: 1.3rem;
}
	
	
	
	
	
	
	
	
	
	
}













/*------------------------------------------------------------*/





.btn a{
	background: #091E34;
	color: #fff;
	padding: 2.2rem 2.5rem;
	border-radius: 35px;
	min-width: 250px;
	margin-bottom: 1px;
	display: inline-block;
	text-align: center;
	font-size: 1.4rem;
	background-image: url("../images/btnArrow_wh.svg");
	background-size: auto 13px;
	background-position: right 18px center;
	background-repeat: no-repeat;
	font-weight: 500;
}
.btn.color a{background-color:#1F64AA;}

.btn_mail a{
	background: #1F64AA;
	color: #fff;
	padding: 2.2rem;
	border-radius: 35px;
	min-width: 250px;
	margin-bottom: 1px;
	display: inline-block;
	text-align: center;
	font-size: 1.4rem;
	background-image: url("../images/icon_mail.svg");
	background-size: auto 19px;
	background-position: left 30px center;
	background-repeat: no-repeat;
	text-indent: 18px;
	font-weight: 500;
}




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

.btn a{
	padding: 1.9rem 2rem;
	min-width: 220px;
	font-size: 1.3rem;
	background-size: auto 11px;
	background-position: right 15px center;

}

.btn_mail a{
	padding: 1.9rem 2rem;
	min-width: 220px;
	font-size: 1.3rem;
	background-size: auto 19px;
	background-position: left 20px center;
}

	
	
	
	
}








/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* サービスのご案内 */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/




ul.list li{
	display: flex;
	margin-bottom: 0.5rem;
}

ul.list li::before{
	content: "○";
	margin-right: 0.2rem;	
	color: #091E34;
}



ul.list_s li{
	display: flex;
	margin-bottom: 0.5rem;
	line-height: 2;
}

ul.list_s li::before{
	content: "⚫︎";
	margin-right: 0.2rem;
	color:#091E3452;

}









/*------------------------------------------------------------*/




.listBox{
	background: #FBF9F6;
	box-sizing: border-box;
	padding: 3.8rem 0 4rem;
	/*! width: 80%; */
	/*! margin: auto; */
}
.listBox h4{
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 3rem;
	text-align: center;
}

.listBox ul li{
	margin-bottom: 1.4rem;
	font-weight: 500;
}



@media screen and (min-width: 769px) {
.listBox .innerBlock{display: flex;justify-content: space-between;width: 86%;margin: auto;}
.listBox .innerBlock ul{width: 47%;}

}




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

.listBox {
  padding:3rem 1.5rem 3rem;
  width: 100%;
}
.listBox h4{
	font-size: 1.5rem;
}

.listBox ul li{
	margin-bottom: 1.3rem;

}


}



/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* 採用に関する課題 */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/



.whiteBox{
	background: #fff;
	box-sizing: border-box;
	padding:5rem 6rem;
	border-radius: 10px;
}

.checklist li{
	font-size: 1.7rem;
	padding: 10px 0 10px 30px;
	background-image: url("../images/icon_checkbox.svg");
	background-size: 20px;
	background-position:left top 14px;
	background-repeat: no-repeat;
	line-height: 1.5;
	color:#1F64AA;
	font-weight: 600;
	letter-spacing: 0.02em;
}




@media screen and (max-width: 768px){
	
.whiteBox{
	background: #fff;
	box-sizing: border-box;
	padding:2.5rem 2rem;
}

.checklist li{
	font-size: 1.5rem;
	padding: 8px 0 8px 27px;
	background-size: 18px;
	background-position:left top 14px;
	line-height: 1.7;
}	
	
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* 費用について */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/




@media screen and (min-width: 769px) {
.works-list{
	display: flex;
	flex-wrap: wrap;
}
.works-item{width: 47%;margin-right: 6%;margin-bottom: 3rem;}
.works-item:nth-child(2n){margin-right: 0;}

}



.works-item a{color:#091e34;}
.works-title{padding: 0.8rem 0 0;text-align: center;font-weight: 500;}

.works-item .img-wrapper {
overflow: hidden;
border-radius: 8px;
}
/* 実際の画像 */
.works-item img {
width: 100%;
height: auto;
transition: transform 0.6s ease;
display: block;
}

/* hover 時に画像内部だけ拡大 */
.works-item:hover img {
transform: scale(1.05);
}



@media screen and (max-width: 768px){
	
.works-item{margin:0 auto 2rem;}	
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* 費用について */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.title-color{
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.5;
	color:#fff;
	background: #091E34;
	padding: 2.1rem;
	box-sizing: border-box;
	text-align: center;
}

.pricelist{margin: 10px 0;}

.pricelist-head{
	background: #D9E5F1;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 1.7rem;
}


.pricelist-txtbox{background: #F7F4F1;padding:2.7rem 4rem;box-sizing: border-box;line-height: 2;}
.pricelist-txt{margin-bottom: 0.5rem;font-weight: 600;}




@media screen and (min-width: 769px) {

.pricelist{display: flex;justify-content: space-between;}	
.pricelist-head{width: 30%;}
.pricelist-txtbox{width: calc(70% - 10px);}

}


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


.title-color{
	font-size: 1.8rem;
	padding: 1.7rem 1rem;
}

.pricelist{margin: 5px 0;}

.pricelist-head{
	padding: 1.5rem 2rem;
	font-size: 1.6rem;
	justify-content: flex-start;
}

.pricelist-txtbox{padding:1.5rem 2rem 2rem;}
.pricelist-txt{margin-bottom: 0.5rem;}


}



/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* 制作の流れ */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.flowblock .accordion{
	margin-bottom: 1.2rem;
}

.flowblock .accordion_title{
	padding: 2.3rem 4rem;
	box-sizing: border-box;
	cursor: pointer;
	transition: .5s;
	background: #fff;
}



.title-step{
	display: flex;
	align-items: center;
	font-size: 1.9rem;
	font-weight: 600;
	line-height: 1.5;
}
.title-step span{
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 1.5;
	font-family:'futura-pt', 'Noto Sans JP', sans-serif;
	margin-right: 2rem;
}


.flowblock .accordion_title h4{position: relative;}
.flowblock .accordion_title h4::after{
	content: "+";
	color:#091E34;
	font-size: 2.8rem;
	font-weight: 300;
	position: absolute;
	right: 0;
	top:50%;
	transform:translateY(-50%);
}

.flowblock .accordion_title.open h4::after{transform:translateY(-50%) rotate(-45deg);}

.flowblock .accordion .accordion_inner{display: none;padding: 0 4rem;box-sizing: border-box;}
.flowblock .accordion_box{padding:2rem 0 3rem;}


.flowblock .accordion_box p:last-of-type{
	margin-bottom: 0;
}



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

.flowblock .accordion{
	margin-bottom: 1rem;
}

.flowblock .accordion_title{
	padding: 1.8rem 2rem;
}

.title-step{
	font-size: 1.6rem;
}
.title-step span{
	font-size: 2rem;
	margin-right: 1.5rem;
}
.flowblock .accordion_title h4::after{
	font-size: 2rem;
}
.flowblock .accordion .accordion_inner{padding: 0 2rem;}
.flowblock .accordion_box{padding:1.5rem 0 2rem;font-size: 1.3rem;}
	
	

}




/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* 私たちについて */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/* 名前の由来 */
/* 事業概要 */


.colorBox .accordion{
	background: #F7F4F1;
}

.colorBox .accordion_title{
	padding: 3rem 6rem;
	box-sizing: border-box;
	cursor: pointer;
	transition: .5s;
}
.colorBox .accordion_title h4{position: relative;}
.colorBox .accordion_title h4::after{
	content: "+";
	color:#091E34;
	font-size: 2.8rem;
	font-weight: 300;
	position: absolute;
	right: 0;
	top:50%;
	transform:translateY(-50%);
}
.colorBox .accordion_title.open{padding-top: 4rem;}
.colorBox .accordion_title.open h4::after{transform:translateY(-50%) rotate(-45deg);}


.colorBox .accordion_title:hover{opacity: 0.8;}
.colorBox .accordion .accordion_inner{display: none;padding: 0 6rem;box-sizing: border-box;}
.colorBox .accordion_box{padding:  0 0 4rem;}



/* 事業概要 */

.outline table {line-height: 2;}
.outline table th{width: 200px;padding: 0.8rem 0;font-weight: 500;}
.outline table td{padding: 0.8rem 0;}



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

.colorBox .accordion_title{
	padding: 2rem 2rem;
}
	
.colorBox .accordion_title h4::after{
	font-size: 2rem;
}	
	
.colorBox .accordion_title.open{padding-top: 2.5rem;}
.colorBox .accordion .accordion_inner{padding: 0 2rem;}
.colorBox .accordion_box{padding:  0 0 2rem;}

.outline table {line-height: 2;width: 100%;}
.outline table th{width: 100%;padding: 0.8rem 0 0;display: block;font-weight: 600;}
.outline table td{padding: 0.1rem 0 0.8rem;width: 100%;display: block;}	
	
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* よくあるご質問 */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#faq .accordion{
	/*! background: #FAFAFA; */
	margin-bottom: 1.2rem;
}
#faq .accordion_title{
	display: flex;
	align-items: center;
	padding: 2.2rem 4rem;
	cursor: pointer;
	font-weight: 500;
	font-size: 1.8rem;
	background: #fff;
}


#faq .accordion_title::before{
	content:"Q.";
	font-family:'futura-pt', 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 2.8rem;
	margin-right: 2rem;
	color:#1F64AA;
/*	background: #091E34;
	color:#fff;
	height: 48px;
	width: 48px;
	text-align: center;
	border-radius: 48px;*/
	flex-shrink: 0;
}
#faq .accordion_title h4{position: relative;width: 100%;}
#faq .accordion_title h4::after{
	content: "+";
	color:#091E34;
	font-size: 2.8rem;
	font-weight: 300;
	position: absolute;
	right: 0;
	top:50%;
	transform:translateY(-50%);
}
#faq .accordion_title.open h4::after{transform:translateY(-50%) rotate(-45deg);}


#faq .accordion_title:hover{opacity: 0.8;}
#faq .accordion .accordion_inner{display: none;padding: 0 4rem;box-sizing: border-box;}
#faq .accordion_box{
	display: flex;
	align-items: flex-start;
	padding:2rem 0 3rem;
}
#faq .accordion_box p:last-of-type{
	margin-bottom: 0;
}



#faq .accordion_box::before{
	content:"A.";
	font-family:'futura-pt', 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 2.8rem;
	margin-right: 2rem;
	color:#1F64AA;
/*	background: #1F64AA;
	color:#fff;
	height: 48px;
	width: 48px;
	text-align: center;
	border-radius: 48px;*/
	flex-shrink: 0;
}





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

#faq{width: 100%;margin: 0 auto;}
#faq .accordion{
	margin-bottom: 1rem;
}
#faq .accordion_title{
	padding: 1.8rem 1.5rem 1.8rem 2rem;
	font-size: 1.4rem;
	line-height: 1.9;
}
#faq .accordion_title::before{font-size: 2.2rem;margin-right: 1rem;}
	
#faq .accordion .accordion_inner {
  padding: 0 2rem;
}	
	
#faq .accordion_box{padding:  1.5rem 0;font-size: 1.3rem;}
#faq .accordion_box::before{font-size: 2.2rem;margin-right: 1rem;}
#faq .accordion_title h4::after{
	font-size: 2rem;
}
#faq .accordion_title h4{padding-right: 1.7rem;box-sizing: border-box;}	
	
}






/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* コラム */
/* お知らせ */


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/



.post-list{}	
.post-date{font-size: 1.2rem;margin: 0.5rem 0 0;color:#aaa;}
.post-title{font-size: 1.4rem;color:#091E34;}


@media screen and (min-width: 769px) {

.post-list{display: flex;flex-wrap: wrap;justify-content: flex-start;}	
.post-item{width: 29.92%;margin-right: 5.12%; margin-bottom: 2rem;}
.post-item:nth-child(3n){margin-right:0;}

	
}



@media screen and (max-width: 768px){
.post-item{margin-bottom: 2rem;}


}






/*  ---------------------------------------------------------------------------------------------------------------------------------- */


/*newspageページ*/


/*  ---------------------------------------------------------------------------------------------------------------------------------- */



#mid_news{padding: 10rem 0 13rem;}

#mid_news .section-area{}
#mid_news .txtBlock{margin-top: 3rem;line-height: 2.2;}
#mid_news .txtBlock p{margin-bottom: 2.2rem;}
#mid_news .news-date{font-size: 1.4rem;margin-top: 2rem;color:#727272;/*! font-family:'Cormorant Garamond', serif; */}
#mid_news .news-text{font-size: 1.8rem;margin-top: 0.5rem;padding-bottom: 2rem;border-bottom: 1px dotted #bbb;font-weight: 500;}


@media screen and (min-width: 769px) {
	
#mid_news .wrap{margin:auto;width: 800px;}
	
}



/*  ---------------------------------------------------------------------------------------------------------------------------------- */


/*policyページ*/


/*  ---------------------------------------------------------------------------------------------------------------------------------- */



#mid_policy{}






@media screen and (min-width: 769px) {
	
#mid_policy .wrap{width: 900px;margin: auto;}
	
}








/*  ---------------------------------------------------------------------------------------------------------------------------------- */


/*contactページ*/


/*  ---------------------------------------------------------------------------------------------------------------------------------- */



.contactpage{background:#F0EEEC;}
.contactpage .head{background-color: rgb(240, 238, 236, 0.95);}







input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none !important;
  margin: 0;
  padding: 0;
  border: 1px solid #CDD6DD;
  border-radius: 0;
  outline: 0;
  background: none;
}

.form th,
.form td {
  width: 100%;
  display: block;
  border: none;
}

.form th {
  /*! padding-top: 1.5rem; */
  margin: 0;
  font-weight: 500;
}

.form td {
  padding-bottom: 0;
}

.formTable{width: 100%;}



@media screen and (min-width: 769px) {
	
	
#mid_contact .wrap{width: 900px;margin: auto;}
	
	

.form {margin:6rem auto 0;}	
.form tr{display: flex;align-items: center;margin-bottom: 3rem;}
.form th{width: 25%;}	
.form td{width: 75%;}
	
.form tr.isMsg{align-items: flex-start;}
.form tr.isMsg th{padding-top: 2rem;}

}





.item-input {
  box-sizing: border-box;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 48px;
  width: 100%;
  background: #fff;
}
.item-select {
  width: 200px;
  padding: 12px 16px;
  font-size: 1.4rem;
  border: 1px solid #CDD6DD;
  border-radius: 0;
  background: #fff;
  appearance: none; /* ブラウザ標準の矢印を非表示 */
  -webkit-appearance: none;
  -moz-appearance: none;
}
.item-textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 1rem;
  height: 216px;
  flex: 1;
  background: #fff;
}

.required {
  margin-left: 2px;
  color: #FF0004;
}



.form-Btn {
	background: #1F64AA;
	color: #fff;
	padding: 2.2rem 2.5rem;
	border-radius: 35px;
	min-width: 250px;
	margin-bottom: 1px;
	display: inline-block;
	text-align: center;
	font-size: 1.6rem;
	background-image: url("../images/btnArrow_wh.svg");
	background-size: auto 13px;
	background-position: right 18px center;
	background-repeat: no-repeat;
	font-weight: 500;
	margin-top: 3rem;
}
.form-Btn.back{background-color: #1f64aaab;}
.form-Btn:hover{opacity: 0.85;}





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

.form th {
    padding: 2rem 0 0.3rem;
  }

	
	

.form-Btn {
	padding: 1.9rem 2rem;
	min-width: 220px;
	font-size: 1.3rem;
	background-size: auto 11px;
	background-position: right 15px center;
	margin: 2rem auto 0;
	display: block;
}

	
	
}

/* 確認画面テキスト（シンプル） */
.confirm-text {
  display: block;
  margin: 0.5rem 0;
  white-space: pre-wrap; /* 改行保持 */
  word-break: break-word;
}



/* PCではラベル横に配置 */
@media screen and (min-width: 769px) {
	

  .form.confirm tr {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }

  .form.confirm th {
    width: 25%;
    margin: 0;
    font-weight: 500;
  }

  .form.confirm td {
    width: 75%;
  }

  .form.confirm tr.isMsg {
    align-items: flex-start;
  }

  .form.confirm tr.isMsg th {
    padding-top: 0.5rem;
  }

  .form.confirm tr.isMsg .confirm-text {
    margin-top: 0; /* 改行時に余計な隙間を作らない */
  }
	
.confirm_button{display: flex;justify-content: center;align-items: center;}
	
	
}


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


}

/*  ------------------------------------------------------------ */

/*マージン*/

/*  ------------------------------------------------------------ */

.mb0{margin-bottom:0 !important;}
.mb03{margin-bottom:0.3rem !important;}
.mb05{margin-bottom:0.5rem !important;}
.mb10{margin-bottom:1rem !important;}
.mb15{margin-bottom:1.5rem !important;}
.mb20{margin-bottom:2rem !important;}
.mb25{margin-bottom:2.5rem !important;}
.mb30{margin-bottom:3rem !important;}
.mb35{margin-bottom:3.5rem !important;}
.mb40{margin-bottom:4rem !important;}
.mb45{margin-bottom:4.5rem !important;}
.mb50{margin-bottom:5rem !important;}
.mb55{margin-bottom:5.5rem !important;}
.mb60{margin-bottom:6rem !important;}
.mb65{margin-bottom:6.5rem !important;}
.mb70{margin-bottom:7rem !important;}
.mb75{margin-bottom:7.5rem !important;}
.mb80{margin-bottom:8rem !important;}
.mb85{margin-bottom:8.5rem !important;}
.mb90{margin-bottom:9rem !important;}
.mb95{margin-bottom:9.5rem !important;}
.mb100{margin-bottom:10rem !important;}
.mb105{margin-bottom:10.5rem !important;}
.mb150{margin-bottom:15rem !important;}
.mb200{margin-bottom:20rem !important;}
.mb300{margin-bottom:30rem !important;}


.mt0{margin-top:0 !important;}
.mt05{margin-top:0.5rem !important;}
.mt10{margin-top:1rem !important;}
.mt15{margin-top:1.5rem !important;}
.mt20{margin-top:2rem !important;}
.mt25{margin-top:2.5rem !important;}
.mt30{margin-top:3rem !important;}
.mt35{margin-top:3.5rem !important;}
.mt40{margin-top:4rem !important;}
.mt45{margin-top:4.5rem !important;}
.mt50{margin-top:5rem !important;}
.mt55{margin-top:5.5rem !important;}
.mt60{margin-top:6rem !important;}
.mt65{margin-top:6.5rem !important;}
.mt70{margin-top:7rem !important;}
.mt75{margin-top:7.5rem !important;}
.mt80{margin-top:8rem !important;}
.mt85{margin-top:8.5rem !important;}
.mt90{margin-top:9rem !important;}
.mt95{margin-top:9.5rem !important;}
.mt100{margin-top:10rem !important;}
.mt105{margin-top:10.5rem !important;}
.mt150{margin-top:15rem !important;}
.mt200{margin-top:20rem !important;}
.mt300{margin-top:30rem !important;}


.mr0{margin-right:0 !important;}
.mr05{margin-right:0.5rem !important;}
.mr10{margin-right:1rem !important;}
.mr15{margin-right:1.5rem !important;}
.mr20{margin-right:2rem !important;}
.mr25{margin-right:2.5rem !important;}
.mr30{margin-right:3rem !important;}
.mr35{margin-right:3.5rem !important;}
.mr40{margin-right:4rem !important;}
.mr45{margin-right:4.5rem !important;}
.mr50{margin-right:5rem !important;}
.mr60{margin-right:6rem !important;}
.mr70{margin-right:7rem !important;}
.mr80{margin-right:8rem !important;}
.mr90{margin-right:9rem !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}

@media print, screen and (min-width: 769px) {

.pcmb0{margin-bottom:0 !important;}
.pcmb03{margin-bottom:0.3rem !important;}
.pcmb05{margin-bottom:0.5rem !important;}
.pcmb10{margin-bottom:1rem !important;}
.pcmb15{margin-bottom:1.5rem !important;}
.pcmb20{margin-bottom:2rem !important;}
.pcmb25{margin-bottom:2.5rem !important;}
.pcmb30{margin-bottom:3rem !important;}
.pcmb35{margin-bottom:3.5rem !important;}
.pcmb40{margin-bottom:4rem !important;}
.pcmb45{margin-bottom:4.5rem !important;}
.pcmb50{margin-bottom:5rem !important;}
.pcmb55{margin-bottom:5.5rem !important;}
.pcmb60{margin-bottom:6rem !important;}
.pcmb65{margin-bottom:6.5rem !important;}
.pcmb70{margin-bottom:7rem !important;}
.pcmb75{margin-bottom:7.5rem !important;}
.pcmb80{margin-bottom:8rem !important;}
.pcmb85{margin-bottom:8.5rem !important;}
.pcmb90{margin-bottom:9rem !important;}
.pcmb95{margin-bottom:9.5rem !important;}
.pcmb100{margin-bottom:10rem !important;}
.pcmb105{margin-bottom:10.5rem !important;}
.pcmb200{margin-bottom:20rem !important;}
.pcmb300{margin-bottom:30rem !important;}


.pcmt0{margin-top:0 !important;}
.pcmt05{margin-top:0.5rem !important;}
.pcmt10{margin-top:1rem !important;}
.pcmt15{margin-top:1.5rem !important;}
.pcmt20{margin-top:2rem !important;}
.pcmt25{margin-top:2.5rem !important;}
.pcmt30{margin-top:3rem !important;}
.pcmt35{margin-top:3.5rem !important;}
.pcmt40{margin-top:4rem !important;}
.pcmt45{margin-top:4.5rem !important;}
.pcmt50{margin-top:5rem !important;}
.pcmt55{margin-top:5.5rem !important;}
.pcmt60{margin-top:6rem !important;}
.pcmt65{margin-top:6.5rem !important;}
.pcmt70{margin-top:7rem !important;}
.pcmt75{margin-top:7.5rem !important;}
.pcmt80{margin-top:8rem !important;}
.pcmt85{margin-top:8.5rem !important;}
.pcmt90{margin-top:9rem !important;}
.pcmt95{margin-top:9.5rem !important;}
.pcmt100{margin-top:10rem !important;}
.pcmt105{margin-top:10.5rem !important;}
.pcmt200{margin-top:20rem !important;}
.pcmt300{margin-top:30rem !important;}



.pcmr0{margin-right:0 !important;}
.pcmr05{margin-right:0.5rem !important;}
.pcmr10{margin-right:1rem !important;}
.pcmr15{margin-right:1.5rem !important;}
.pcmr20{margin-right:2rem !important;}
.pcmr25{margin-right:2.5rem !important;}
.pcmr30{margin-right:3rem !important;}
.pcmr35{margin-right:3.5rem !important;}
.pcmr40{margin-right:4rem !important;}
.pcmr45{margin-right:4.5rem !important;}
.pcmr50{margin-right:5rem !important;}
.pcmr60{margin-right:6rem !important;}
.pcmr70{margin-right:7rem !important;}
.pcmr80{margin-right:8rem !important;}
.pcmr90{margin-right:9rem !important;}


}



/*  ------------------------------------------------------------ */

/*フォントサイズ*/

/*  ------------------------------------------------------------ */


.txt-center{text-align: center;}
.txt-right{text-align: right;}


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

.txt-left-sp{text-align: left;}
.txt-center-sp{text-align: center;}
.txt-right-sp{text-align: right;}
	

}




/*  ------------------------------------------------------------ */

/*フォントサイズ*/

/*  ------------------------------------------------------------ */

.strong200{font-weight:300;}
.strong300{font-weight:300;}
.strong400{font-weight:500;}
.strong500{font-weight:500;}
.strong600{font-weight:600;}
.strong700{font-weight:600;}


.txt10{ font-size:1rem !important;}
.txt11{ font-size:1.1rem !important;}
.txt12{ font-size:1.2rem !important;}
.txt13{ font-size:1.3rem !important;}
.txt14{ font-size:1.4rem !important;}
.txt15{ font-size:1.5rem !important;}
.txt16{ font-size:1.6rem !important;}
.txt17{ font-size:1.7rem !important;}
.txt18{ font-size:1.8rem !important;}
.txt19{ font-size:1.9rem !important;}
.txt20{ font-size:2rem !important;}
.txt21{ font-size:2.1rem !important;}
.txt22{ font-size:2.2rem !important;}
.txt23{ font-size:2.3rem !important;}
.txt24{ font-size:2.4rem !important;}
.txt25{ font-size:2.5rem !important;}
.txt26{ font-size:2.6rem !important;}
.txt27{ font-size:2.7rem !important;}
.txt28{ font-size:2.8rem !important;}
.txt29{ font-size:2.9rem !important;}
.txt30{ font-size:3rem !important;}
.txt31{ font-size:3.1rem !important;}
.txt32{ font-size:3.2rem !important;}
.txt33{ font-size:3.3rem !important;}
.txt34{ font-size:3.4rem !important;}
.txt35{ font-size:3.5rem !important;}
.txt36{ font-size:3.6rem !important;}
.txt37{ font-size:3.7rem !important;}
.txt38{ font-size:3.8rem !important;}
.txt39{ font-size:3.9rem !important;}
.txt40{ font-size:4rem !important;}



@media (max-width: 768px) {
  .txt_sp10{ font-size:1rem !important;}
  .txt_sp11{ font-size:1.1rem !important;}
  .txt_sp12{ font-size:1.2rem !important;}
  .txt_sp13{ font-size:1.3rem !important;}
  .txt_sp14{ font-size:1.4rem !important;}
  .txt_sp15{ font-size:1.5rem !important;}
  .txt_sp16{ font-size:1.6rem !important;}
  .txt_sp17{ font-size:1.7rem !important;}
  .txt_sp18{ font-size:1.8rem !important;}
  .txt_sp19{ font-size:1.9rem !important;}
  .txt_sp20{ font-size:2rem !important;}
  .txt_sp21{ font-size:2.1rem !important;}
  .txt_sp22{ font-size:2.2rem !important;}
  .txt_sp23{ font-size:2.3rem !important;}
  .txt_sp24{ font-size:2.4rem !important;}
  .txt_sp25{ font-size:2.5rem !important;}
  .txt_sp26{ font-size:2.6rem !important;}
  .txt_sp27{ font-size:2.7rem !important;}
  .txt_sp28{ font-size:2.8rem !important;}
  .txt_sp29{ font-size:2.9rem !important;}
  .txt_sp30{ font-size:3rem !important;}
  .txt_sp31{ font-size:3.1rem !important;}
  .txt_sp32{ font-size:3.2rem !important;}
  .txt_sp33{ font-size:3.3rem !important;}
  .txt_sp34{ font-size:3.4rem !important;}
  .txt_sp35{ font-size:3.5rem !important;}
  .txt_sp36{ font-size:3.6rem !important;}
  .txt_sp37{ font-size:3.7rem !important;}
  .txt_sp38{ font-size:3.8rem !important;}
  .txt_sp39{ font-size:3.9rem !important;}
  .txt_sp40{ font-size:4rem !important;}
}





/*  ------------------------------------------------------------ */

/*スマホ用マージン*/

/*  ------------------------------------------------------------ */


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

.spmb0{margin-bottom:0 !important;}
.spmb05{margin-bottom:0.5rem !important;}
.spmb10{margin-bottom:1rem !important;}
.spmb15{margin-bottom:1.5rem !important;}
.spmb20{margin-bottom:2rem !important;}
.spmb25{margin-bottom:2.5rem !important;}
.spmb30{margin-bottom:3rem !important;}
.spmb35{margin-bottom:3.5rem !important;}
.spmb40{margin-bottom:4rem !important;}
.spmb45{margin-bottom:4.5rem !important;}
.spmb50{margin-bottom:5rem !important;}
.spmb55{margin-bottom:5.5rem !important;}
.spmb60{margin-bottom:6rem !important;}
.spmb65{margin-bottom:6.5rem !important;}
.spmb70{margin-bottom:7rem !important;}
.spmb75{margin-bottom:7.5rem !important;}
.spmb80{margin-bottom:8rem !important;}
.spmb85{margin-bottom:8.5rem !important;}
.spmb90{margin-bottom:9rem !important;}
.spmb95{margin-bottom:9.5rem !important;}
.spmb100{margin-bottom:10rem !important;}
.spmb105{margin-bottom:10.5rem !important;}
.spmb200{margin-bottom:20rem !important;}
.spmb300{margin-bottom:30rem !important;}


.spmt0{margin-top:0 !important;}
.spmt05{margin-top:0.5rem !important;}
.spmt10{margin-top:1rem !important;}
.spmt15{margin-top:1.5rem !important;}
.spmt20{margin-top:2rem !important;}
.spmt25{margin-top:2.5rem !important;}
.spmt30{margin-top:3rem !important;}
.spmt35{margin-top:3.5rem !important;}
.spmt40{margin-top:4rem !important;}
.spmt45{margin-top:4.5rem !important;}
.spmt50{margin-top:5rem !important;}
.spmt55{margin-top:5.5rem !important;}
.spmt60{margin-top:6rem !important;}
.spmt65{margin-top:6.5rem !important;}
.spmt70{margin-top:7rem !important;}
.spmt75{margin-top:7.5rem !important;}
.spmt80{margin-top:8rem !important;}
.spmt85{margin-top:8.5rem !important;}
.spmt90{margin-top:9rem !important;}
.spmt95{margin-top:9.5rem !important;}
.spmt100{margin-top:10rem !important;}
.spmt105{margin-top:10.5rem !important;}
.spmt200{margin-top:20rem !important;}
.spmt300{margin-top:30rem !important;}


}