@charset "utf-8";
/* CSS Document */
/*  PC 1200px レスポンシブル設定は890px～ 1em = 16px */


article{width: 100%; margin: auto;}


/* レスポンシブル改行タグ */
.pc{display:inline-block;}
.sp{display:none;}
@media screen and (max-width: 540px) {
    .pc{display:none;}
    .sp{display:inline-block;}
}

/* ページ内アンカー */
/*
.anchor{display: block;
   margin-top:-94px;
   padding-top:94px;
}
@media screen and (max-width: 540px) {
    .anchor{display: block;
       margin-top:0px;
       padding-top:0px;
    }
}
*/

/* PAGE TOP */
#app_follow_link{position: fixed; right: 20px; bottom: 20px; z-index: 9999; }


/* ページタイトル */
#page_title{width: 100%; display: block; background-color: #f5f5f5;　box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.20); border-bottom: 1px solid #e5e5e5; 
	padding: 30px 0px; font-size: 22px; font-weight: lighter; line-height: 110%; text-shadow: 0 1px #ffffff; margin: 0 auto;}
#page_title h1{max-width:950px; width: calc(100% - 20px); padding: 0 10px; font-size: 22px; font-weight: normal; display: block; text-align: left; margin: auto;}

/* パンくずリスト */
#page_title + nav{max-width:950px; width: calc(100% - 20px); padding: 10px 10px; margin: auto; }
#page_title + nav ul{width: 100%; display: flex; justify-content: flex-start; align-items: center; font-size: 11px; line-height: 24px;}
#page_title + nav ul li{position: relative; color: #999;}
#page_title + nav ul li:not(:last-child):after{content: " » "; display: inline-block; width: 10px; height: 10px; padding: 0 2px 0 6px;}
#page_title + nav ul li a{color: #2069c9; text-decoration: underline;}


/* コンテンツ */
#page_contents #page_contents_detail h2{border-bottom: 3px solid #2069c9; padding: 20px 15px 15px; margin: 0px 0px 25px; 
	font-size: 128.6%; font-weight: bold; color: #333;}

#page_contents #page_contents_detail h3{color: #2069c9; font-size: 16px; font-weight: bold; margin: 30px 0px 20px; padding: 10px 0px 5px; border-bottom: 1px dotted #eeeeee;}

#page_contents #page_contents_detail .flex{width: 100%; display: flex;}
#page_contents #page_contents_detail .flex .flex_50{width: 50%;}

#page_contents #page_contents_detail p{line-height: 170%;}
#page_contents #page_contents_detail a{display: block;}
#page_contents #page_contents_detail a img:hover{opacity: 0.7;}

@media screen and (max-width: 890px) {
	#page_contents #page_contents_detail .flex{width: 100%; display: flex; flex-wrap: wrap;}
	#page_contents #page_contents_detail .flex .flex_50{width: 100%; text-align: center;}
}


#page_contents #page_contents_detail table colgroup{display: table-column-group;}
.col5 { width: 5%; }
.col10 { width: 10%; }
.col15 { width: 15%; }
.col20 { width: 20%; }
.col25 { width: 25%; }
.col30 { width: 30%; }
.col35 { width: 35%; }
.col40 { width: 40%; }
.col45 { width: 45%; }
.col50 { width: 50%; }
.col55 { width: 55%; }
.col60 { width: 60%; }
.col65 { width: 65%; }
.col70 { width: 70%; }
.col75 { width: 75%; }
.col80 { width: 80%; }
.col85 { width: 85%; }
.col90 { width: 90%; }


.mb_l_10{margin-left: 10px;}
.mb_r_10{margin-right: 10px;}

.mb_l_20{margin-left: 20px;}
.mb_r_20{margin-right: 20px;}

@media screen and (max-width: 890px) {
	.mb_l_10{margin-left: auto;}
	.mb_r_10{margin-right: auto;}
	.mb_l_20{margin-left: auto;}
	.mb_r_20{margin-right: auto;}
}


.mb_0{margin-bottom: 0px;}
.mb_10{margin-bottom: 10px;}
.mb_20{margin-bottom: 20px;}
.mb_30{margin-bottom: 30px;}
.mb_40{margin-bottom: 40px;}
.mb_50{margin-bottom: 50px;}
.mb_60{margin-bottom: 60px;}
.mb_70{margin-bottom: 70px;}
.mb_80{margin-bottom: 80px;}
.mb_90{margin-bottom: 90px;}
.mb_100{margin-bottom: 100px;}

.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right}
.bold{font-weight: bold;}

.colore_red{color: #ff0000;}
.colore_blue{color: #3366ff;}

.point_txt{font-size: 20px; line-height: 120%;}
.large_txt{font-size: 16px; line-height: 120%;}
.guide_txt_small{color: #808080; font-size: 12px; line-height: 120%!important;}




/* お問い合わせ */
/*
#page_contents #page_contents_detail #contact{width: 100%; display: flex; justify-content: flex-start; align-items: center; margin: 35px auto 30px; padding: 15px 0;
border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
#page_contents #page_contents_detail #contact .contact_phone{width: calc(100% - 350px);}
#page_contents #page_contents_detail #contact .contact_phone dt{font-size: 12px; line-height: 120%;}
#page_contents #page_contents_detail #contact .contact_phone dd{font-size: 24px; font-family: 'Lato', sans-serif; line-height: 100%; font-weight: 900;}
#page_contents #page_contents_detail #contact .contact_phone dd a{color: #2069c9; text-decoration: underline;}
#page_contents #page_contents_detail #contact .contact_phone dd a:hover{text-decoration: none;}
#page_contents #page_contents_detail #contact .contact_mail{width: 350px; min-height: 50px;}
#page_contents #page_contents_detail #contact .contact_mail a{width: 100%; background-color: #2069c9; display: block;}
#page_contents #page_contents_detail #contact .contact_mail a:hover{opacity: 0.8;}

@media screen and (max-width: 890px) {
	#page_contents #page_contents_detail #contact{display: block; text-align: center;}
	#page_contents #page_contents_detail #contact .contact_phone{width: 100%;}
	#page_contents #page_contents_detail #contact .contact_mail{margin: 10px auto;}
	#page_contents #page_contents_detail #contact .contact_mail a img{width: 100%; margin: auto;}
}
*/
#page_contents #page_contents_detail #contact{width: 100%; display: flex; justify-content: flex-start; align-items: center; margin: 35px auto 30px; padding: 15px 0;
border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
#page_contents #page_contents_detail #contact .contact_phone{width: calc(100% - 350px);}
#page_contents #page_contents_detail #contact .contact_phone dt{font-size: 12px; line-height: 120%; margin: auto; padding: 0;}
#page_contents #page_contents_detail #contact .contact_phone dt{border-bottom:none; margin-bottom: auto; font-weight: normal; color: #333;}

#page_contents #page_contents_detail #contact .contact_phone dd{font-size: 24px; font-family: 'Lato', sans-serif; line-height: 100%; font-weight: 900;}
#page_contents #page_contents_detail #contact .contact_phone dd a{color: #2069c9; text-decoration: underline; display: inline-block;}
#page_contents #page_contents_detail #contact .contact_phone dd a:hover{text-decoration: none;}
#page_contents #page_contents_detail #contact .contact_mail{width: 350px; min-height: 50px;}
#page_contents #page_contents_detail #contact .contact_mail a{width: 100%; background-color: #2069c9; display: block;}
#page_contents #page_contents_detail #contact .contact_mail a:hover{opacity: 0.8;}

@media screen and (max-width: 890px) {
	#page_contents #page_contents_detail #contact{display: block; text-align: center;}
	#page_contents #page_contents_detail #contact .contact_phone{width: 100%;}
	#page_contents #page_contents_detail #contact .contact_mail{margin: 10px auto;}
	#page_contents #page_contents_detail #contact .contact_mail a img{width: 100%; margin: auto;}
}




/*
#page-top {position: fixed; right: 10px; bottom: 10px; background: rgba(0,0,0,0.5);
border: 1px solid #fff; border-radius: 50%; border-right: 0; z-index: 9999; }
#page-top a{color: #FFF; font-size: 0; position: relative; display: block; width: 30px; height: 30px; padding: 10px;}
#page-top a:before{content: ""; display: block; 
    position: absolute; top: calc(50% - 24px); left: calc(50% - 12px);
width: 0; height: 0; border: 12px solid transparent; border-bottom: 20px solid rgba(255,255,255,0.9);}

#page-top{transition: all 0.5s ease-in-out; filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .0));}
#page-top:hover{filter: drop-shadow(0 0px 5px rgba(0, 0, 0, .9));}
#page-top:hover a:before{border-bottom: 20px solid rgba(255,255,255,1.0);}
*/