
/*-----------------------------------------------------------------------/
	Description: style setting
	Version: 2.0
	Author: AdTECHNICA
/*----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------/
	CONTENTS
	0: COMMON
	1: LAYOUT
	2: HEADER
	3: NAVIGATION
	4: MAIN CONTENT
	5: FOOTER
	6: OTHER
/*----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------/
	0: COMMON
/*----------------------------------------------------------------------*/
.fleft{float:left;}
.fright{float:right;}
.cboth{clear:both;}

.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}

.mgnt8{margin-top:8px;}
.mgnt16{margin-top:16px;}
.mgnt24{margin-top:24px;}
.mgnt32{margin-top:32px;}
.mgnt40{margin-top:40px;}

.mgnr8{margin-right:8px;}
.mgnr16{margin-right:16px;}
.mgnr24{margin-right:24px;}
.mgnr32{margin-right:32px;}
.mgnr40{margin-right:40px;}

.mgnb8{margin-bottom:8px;}
.mgnb16{margin-bottom:16px;}
.mgnb24{margin-bottom:24px;}
.mgnb32{margin-bottom:32px;}
.mgnb40{margin-bottom:40px;}

.mgnl8{margin-left:8px;}
.mgnl16{margin-left:16px;}
.mgnl24{margin-left:24px;}
.mgnl32{margin-left:32px;}
.mgnl40{margin-left:40px;}

.clearfix::after {
	content: ".";
	display: block;
	height: 0; 
	font-size: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* font */
.mincho {
	font-family: "游明朝", YuMincho, "Times New Roman", "Georgia", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}
/* kerning */
.palt {
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
}
.halt {
	-webkit-font-feature-settings: 'halt' 1;
	font-feature-settings: 'halt' 1;
}

/*.gf1{font-family: 'Rosario', sans-serif;}*/

.bg{background:#000;}

#maincontent strong,#maincontent b{font-weight:600;font-family: "UD Shin Go R JIS2004 AP";}


/*-----------------------------------------------------------------------/
	1: LAYOUT
/*----------------------------------------------------------------------*/
body,
#wrp {
	min-width: 1100px;
}
#bpt {
	display: none;
}
#maincontent {
	min-width: inherit;
}

#cnt {
	max-width: 1100px;
	margin: 0 auto;
}

#hdr,
#gnav,#wrp_maincnt,
#main,
#path,#ftr{width:100%;}

/*
#snav {
	width: 200px;
}
#wrp_maincnt {
	width: 700px;
}
*/

/*-----------------------------------------------------------------------/
	2: HEADER
/*----------------------------------------------------------------------*/
#wrp_hdr {
	color: #333;
	width: 100%;
	z-index: 6;
position: fixed;
}



#hdr {
	display: -webkit-flex;
	display: flex;
	/*padding: 10px;*/
}
#hdr .logo {
	line-height: 0.5;
}
#hdr .hdr_nav {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	margin-left: auto;
	list-style: none;
}
#hdr .hdr_nav li:nth-child(-n+7){margin: 0 0 0 0.8em;}
#hdr .hdr_nav li:nth-child(8){margin: 0 1.5em 0 1em;}
#hdr .hdr_nav li:nth-child(n+9){margin: 0 0 0 2px;}

#hdr .hdr_nav li a {
	color: #FFF;
	text-decoration: none;
}



#wrp_hdr {
	position: fixed;
z-index: 10;
width: 100%;
transition: .3s;
/*padding:1.5em;*/
}

.is-animation {
  background: rgba(255,255,255,0.9);
  transition: .3s;
}


.click_hdr {
  background: rgba(255,255,255,0.9);
  transition: .3s;
}

.click_hdr #hdr span.logom{background-image: url(../_cmn/logo.png);
height: 24px;
width: 180px;}

.click_hdr #hdr .hdr_nav li a {
    color: #ff9900 !important;
}

.click_hdr #hdr .hdr_nav li:nth-last-child(2) {
    background-image: url(../_cmn/btn_global.png);
}

.click_hdr #hdr .hdr_nav li:last-child {
    background-image: url(../_cmn/btn_search.png);
}

.click_hdr a[target="_blank"]::after {
    background: url(../_cmn/icn_link.png) 5px 50% no-repeat;
        background-size: auto auto;
    background-size: 12px;
}


#hdr {
	display: -webkit-flex;
	display: flex;
}
#hdr .logo {
	line-height: 0.5;
	padding: 1.25em 1.5em;
	position: relative;
z-index: 3;
}

#hdr .logo a{color:#fff;text-decoration:none;font-size:0.6em;/*font-family:"Arial";*/ letter-spacing: 0.1em;
display: -webkit-flex;
display: flex;
webkit-align-items: baseline;
align-items: baseline;}

.is-animation #hdr .logo a{color:#444 !important;}



#hdr .hdr_nav {
padding: 0 0 27px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	margin-left: auto;
	list-style: none;
	justify-content: center;
    align-items: center;
    font-weight:bold;
}
/*検索*/
#hdr .hdr_nav li:last-child{text-indent: 100%;white-space: nowrap;height: 45px;
width: 40px;overflow: hidden;background-image: url(../_cmn/btn_search_w.png);
background-size: 20px;background-repeat:no-repeat;background-position: 50% 30%;}

.tab li:last-child:after {margin-top: 2.3em;}
.is-animation #hdr .hdr_nav li:last-child{background-image: url(../_cmn/btn_search.png);}

/*言語*/
#hdr .hdr_nav li:nth-last-child(2){text-indent: 100%;white-space: nowrap;height: 45px;
width: 40px;overflow: hidden;background-image: url(../_cmn/btn_global_w.png);
background-size: 20px;background-repeat:no-repeat;background-position: 50% 30%;}

.tab li:nth-last-child(2):after {margin-top: 2.3em;}
.is-animation #hdr .hdr_nav li:nth-last-child(2){background-image: url(../_cmn/btn_global.png);}

/*SNSリンク*/
#hdr .hdr_nav li:nth-last-child(3){text-indent: 100%;white-space: nowrap;height: 45px;
width: 40px;overflow: hidden;background-image: url(../_cmn/btn_sns_w.png);
background-size: 20px;background-repeat:no-repeat;background-position: 50% 30%;}

.tab li:nth-last-child(3):after {margin-top: 2.3em;}
.is-animation #hdr .hdr_nav li:nth-last-child(3){background-image: url(../_cmn/btn_sns.png);}

/*オンラインショップ*/
#hdr .hdr_nav li:nth-last-child(4){text-indent: 100%;white-space: nowrap;height: 45px;
width: 40px;overflow: hidden;background-image: url(../_cmn/btn_cart_w.png);
background-size: 24px;background-repeat:no-repeat;background-position: 50% 30%;}

.tab li:nth-last-child(4):after {margin-top: 0;background:none;}
.is-animation #hdr .hdr_nav li:nth-last-child(4){background-image: url(../_cmn/btn_cart.png);}
#hdr .hdr_nav li:nth-last-child(4) a {padding: 0.3em 0.3em 0.4em;}

/*お問い合わせ*/
#hdr .hdr_nav li:nth-last-child(5){text-indent: 100%;white-space: nowrap;height: 45px;
width: 40px;overflow: hidden;background-image: url(../_cmn/btn_mail_w.png);
background-size: 24px;background-repeat:no-repeat;background-position: 50% 30%;}

.tab li:nth-last-child(5):after {margin-top: 0;background:none;}
.is-animation #hdr .hdr_nav li:nth-last-child(5){background-image: url(../_cmn/btn_mail.png);}
#hdr .hdr_nav li:nth-last-child(5) a {padding: 1em 1em 1.2em;}





#hdr .hdr_nav li a {
/*margin: 0 0.4em;*/
  position: relative;
  display: inline-block;
	text-decoration: none;
	color:#fff;
	font-weight: 400;
	outline: none;
}

#hdr span.logom{background-image:url(../_cmn/logo_w.png);height: 24px;margin-right: 10px;
width: 180px;background-repeat:no-repeat;background-size:100%;display: block;text-indent: 100%;
overflow: hidden;
white-space: nowrap;}

#hdr .hdr_nav li span::after{font-size: 0.6em;text-align: center;display: block;font-weight: lighter;letter-spacing:0px;}
#hdr .hdr_nav li:nth-child(1) span::after {content: " ";}
#hdr .hdr_nav li:nth-child(2) span::after {content: " ";}
#hdr .hdr_nav li:nth-child(3) span::after {content: " ";}
#hdr .hdr_nav li:nth-child(4) span::after {content: " ";}
#hdr .hdr_nav li:nth-child(5) span::after {content: " ";}

#wrp_hdr.is-animation {/*padding: 0.5em 1.5em;*/}

.is-animation #hdr .hdr_nav li a{color:#ff9900 !important;}
.is-animation #hdr .hdr_nav li a:hover{color:#ff9900 !important;}

.is-animation #hdr span.logom{background-image:url(../_cmn/logo.png);height: 24px;
width: 180px;}




/* sp_menu */
#btn_menu,
#sp_menu.active,
#sp_menu .toggle_menu {
	display: none;
}
/* fc_smt_head */
#fc_smt_head a {
	color: inherit !important;
	background-color: #F0F0F0 !important;
	text-decoration: none !important;
}


/*head search*/

.search{position:relative;border: 1px solid #EDEDED;background: #eee;width:100%;}

.search input#q{padding: 1em 0 1em 1em;width: 93%;
border: none;background: none;}

.search form{display:flex;display: -webkit-flex;align-items: center;right: 2px;}
.search #srcbtn{position:relative;right: 15px;margin-left: auto;}
.search input#q:focus,.search input#srcbtn:focus{outline:none;}
.searchresult .s{font-size:0.8em;}

.searchresult .s cite{color:#666;font-size:0.9em;font-style:normal;word-wrap: break-word;}
#maincontent .searchresult #ssb{margin-bottom:1em;}
#maincontent .searchresult ol{margin: 0 0 0 1em;}
.searchresult ol li{margin-bottom:1em;}

/*placeholderフォーカス時に削除*/
.search input#q:focus::-webkit-input-placeholder {color: transparent;}
.search input#q:focus::-moz-placeholder {color: transparent;}
.search input#q:focus::-ms-input-placeholder {color: transparent;}
.search input#q:focus::placeholder {color: transparent;}


/*チェックは見えなくする*/
.hidden_box input[type="checkbox"] {
    display: none;
}
.hidden_box label{display:none;}
.hidden_show{display:flex;align-items: center;}





/*-----------------------------------------------------------------------/
	3: NAVIGATION
/*----------------------------------------------------------------------*/
/* gnav */
#gnav {
	background-color: #eee;
}
#gnav ul {
	display: -webkit-flex;
	display: flex;
	list-style: none;
}
#gnav ul li a {
	display: block;
	padding: 10px;
	text-decoration: none;
}

/* menu */
#snav {
	padding: 16px 0 16px 16px;
}
#menu {
	margin: 0 0 20px;
	list-style: none;
}
#menu li {
	margin: 0 0 1px;
}
#menu li a {
	display:block;
	border-left: 4px solid #2D69B1;
	padding:5px 0 5px 10px;
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}
#menu li a span {
	position: relative;
}
#menu li a span::after {
	transition: 0.3s;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 0;
	height: 1px;
	background-color: #333;
}
#menu li a:hover span::after,
#menu li a:focus span::after {
	width: 100%;
}

/* submenu */
#menu li .sub {
	list-style: none;
}
#menu li .sub li {
}
#menu li .sub li a {
	border-left:none;
	padding: 4px 0 4px 30px;
	font-size: 1.2rem;
}
#menu li .sub li a {
	position: relative;
	margin: 0 0 5px;
	padding: 0 0 0 30px;
	font-size: 1.3rem;
}
#menu li .sub li a::after {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	left: 15px;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 2px solid #2D69B1;
	background-color: #fff;
}

/* other navigation */

body#index #mnav a {
    animation-name: fadeIn1;
    animation-duration: 4s;
    animation-delay: 1s;
}

@keyframes fadeIn1 {

    0% {
        right:-202px;
    }
        25% {
        right:0px;
    }
        75% {
        right:0px;
    }
   100% {
        right:-202px;
    }
    
}

#mnav{width:270px;position:fixed;bottom:40%;right:0;z-index:100;overflow: hidden;position: absolute;z-index:5;}
#mnav ul{position:relative;}
#mnav ul li br{display:none;}
#mnav ul li{list-style:none;}
#mnav ul li a span{padding-left:45px;}
#mnav ul li a{padding:1.5em;color:#fff;text-decoration:none;display:block;}
#mnav ul li:nth-child(1) a{background:#FC4807 url(../_cmn/icn_timetable.png) 0 0 no-repeat;background-size:35px;background-position:18px 50%;}
#mnav ul li:nth-child(1) a:hover{background-color:#CA3A06;}
#mnav ul li:nth-child(2) a{background:#04265E url(../_cmn/icn_operation.png) 0 0 no-repeat;background-size:35px;background-position:18px 50%;}
#mnav ul li:nth-child(2) a:hover{background-color:#03193E;}
#mnav ul li:nth-child(3) a{background:#173272 url(../_cmn/icn_pass.png) 0 0 no-repeat;background-size:35px;background-position:18px 50%;}
#mnav ul li:nth-child(3) a:hover{background-color:#0F214B;}
#mnav ul li:nth-child(4) a{background:#333 url(../_cmn/icn_izu.png) 0 0 no-repeat;background-size:35px;background-position:18px 50%;}
#mnav ul li:nth-child(4) a:hover{background-color:#000;}
#mnav ul li:nth-child(4) a[target="_blank"]:after{display:none;}

#mnav a{position:relative;right:-202px;transition:0.3s;}
#mnav a:hover{position:relative;right:0px;}


body#index #wrp_bnr {width:300px;background:#fff;position:fixed;z-index:100;overflow: hidden;position: absolute;z-index:4;bottom:0%;right:0%;/*box-shadow: 0 0 10px rgba(0,0,0,0.4);bottom:3%;right:2%;*/}
body#index #wrp_bnr .side_banner a.noicn[target="_blank"]:after{display:none;}
body#index #wrp_bnr .side_banner a:hover{opacity:0.7;}

/*ターゲット_blankアイコン*/
a[target="_blank"]::after {
      margin: 0 0 0 3px;
      content: ' ';
      background:url(../_cmn/icn_link_w.png) 5px 50% no-repeat;background-size:12px;
      width:17px;
      height:12px;
      display: inline-block;
    }
    a:hover[target="_blank"]:after,
    a:hover[target="_blank"]:after {
    background:url(../_cmn/icn_link.png) 5px 50% no-repeat;background-size:12px;}

#maincontent .img_after a[target="_blank"]:after{display: none;}
#maincontent a:link img [target="_blank"]:after {display: none;}
.wrp_other .box ul li a[target="_blank"]:after{display: none;}


.is-animation a[target="_blank"]:after{
background:url(../_cmn/icn_link.png) 5px 50% no-repeat;background-size:12px;}

.menu_cont .sub ul.flex_list a[target="_blank"]:after{
background:url(../_cmn/icn_link.png) 5px 50% no-repeat;background-size:12px;}

#maincontent a[target="_blank"]::after {background:url(../_cmn/icn_link.png) 5px 50% no-repeat;background-size:12px;}

#maincontent a.noicn[target="_blank"]::after {display: none;}

.wrp_fb a[target="_blank"]:after{
background:url(../_cmn/icn_link_w.png) 5px 50% no-repeat;background-size:12px;display: none;}
.wrp_fb a:hover[target="_blank"]:after{
background:url(../_cmn/icn_link.png) 5px 50% no-repeat;background-size:12px;display: none;}

#mnav a[target="_blank"]:after{
background:url(../_cmn/icn_link_w.png) 5px 50% no-repeat;background-size:12px;}

#ftr a[target="_blank"]:after{
background:url(../_cmn/icn_link.png) 5px 50% no-repeat;background-size:12px;}





/*-----------------------------------------------------------------------/
	4: MAIN CONTENT
/*----------------------------------------------------------------------*/
#main {position: relative;}
.cate{color:#fff;position: relative;font-size: 2em;position: absolute;z-index:5;left: 2em;top: 50%;}

#wrp_cate{background-image:url(../_cmn/bg_cate.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 55%;position: relative;color:#fff;width:100%;display: flex;
align-content: center;align-items: center;justify-items: center;}

#wrp_cate:before{content:' ';background-color:rgba(0,0,0,0.3);width:100%;height:100%;display:block;position: absolute;top: 0;left: 0;z-index: 2;}


/*--カテゴリ名--*/

body#c_-1 .wrp_mainimage{background-image: url(../fc.img/mimg_s_1.jpg);
background-size: 100%;background-position: 0% 60%;}

body#c_0 #main_copy h2{display:none;}
body#c_0 #headmenu_inner{display:none;}
body#c_0 .wrp_mainimage{/*background-image: url(../_prt/_top/bg_business.jpg);background-position: 50% 50%;*/}
body#c_0 #main::before{height: 110px;}
body#c_0 #cate,body#c_0 .wrp_mainimage{/*height: 0px;*/}

/*トップ*/
body#c_1 .wrp_mainimage{background-image: url(../fc.img/mimg_s1.jpg);
background-size: cover;background-position: 50% 50%;}

/*お問い合わせ*/
body#c_2 .wrp_mainimage{background-image: url(../fc.img/mimg_s2.jpg);
background-size:cover;background-position: 50% 50%;}

body#c_2 #wrp_contact{display:none;}

/*----*/
body#c_3 .wrp_mainimage{background-image: url(../fc.img/mimg_s3.jpg);
background-size:cover;background-position: 50% 30%;}

/*----*/
body#c_4 .wrp_mainimage{background-image: url(../fc.img/mimg_s4.jpg);
background-size:cover;background-position: 50% 50%;}

/*----*/
body#c_5 .wrp_mainimage{background-image: url(../fc.img/mimg_s5.jpg);
background-size:cover;background-position: 50% 50%;}

/*----*/
body#c_7 .wrp_mainimage{background-image: url(../fc.img/mimg_s7.jpg);
background-size:cover;background-position: 50% 50%;}

/*----*/
body#c_6 .wrp_mainimage{background-image: url(../fc.img/mimg_s6.jpg);
background-size: cover;background-position: 50% 50%;}

/*----*/
body#c_8 .wrp_mainimage{background-image: url(../fc.img/mimg_s8.jpg);
background-size: cover;background-position: 50% 50%;}


body.base .wrp_mainimage{
z-index: 1;position: relative;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 350px;}

body.base .wrp_mainimage img {display: none;}

#cnt {
	/*display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;*/
	padding: 6em 0;
}

/*body.base .wrp_slider{display:none;}
body.base.p_13 .wrp_slider{display:block;width:100%;height:300px;background:#f5f5f5;}*/


#path {
	-webkit-flex: none;
	flex: none;
	padding: 1.5em 2em;
	color: #222;
	font-size: 1.4rem;
	border-top:1px solid #ddd;
	background: #fff;
}
#path a {
	color: #FC8A07;
	text-decoration: none;
}
#maincontent {
	clear: both;
	word-wrap: break-word;
}

/* selector */
#maincontent h1 {
	font-size: 4rem;
	margin: 0 0 1.2em;
	text-align: center;
}
#maincontent h2 {
	position: relative;
	margin: 0 0 1.2em;
	font-size: 3.6rem;
	color:#222;
	font-weight: 500;
}
#maincontent h3 {
	position: relative;
	margin: 0 0 1.2em;
	font-size: 2.4rem;
	padding: 1em 0;
	color:#222;
	font-weight: 500;
}
#maincontent h3:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: -webkit-gradient(linear, left top, right bottom, from(#EDEDED), color-stop(95%, #EDEDED), color-stop(95%, #FC8A07), to(#FC8A07));
	background: linear-gradient(to right, #EDEDED, #EDEDED 95%, #FC8A07 95%, #FC8A07);
}
#maincontent h4 {
	position: relative;
	margin: 0 0 1.2em;
	font-size: 2rem;
	color:#2B364B;
	border-bottom:#EDEDED solid 2px;
	padding: 0.8em 0;
	font-weight: 500;
}

#maincontent h5 {
	position: relative;
	margin: 0 0 0.8em;
	font-size: 2rem;
	font-weight: 500;
}

#maincontent h6 {
	margin: 0.8em 0 0.8em;
	font-size: 1.8rem;
	font-weight: 500;
}
#maincontent img {
	height: auto !important;
}
#maincontent table {
	table-layout: fixed;
}
#maincontent ul {
	margin:0 0 0 1.2em;
	list-style: none;
}
#maincontent ul li {
	position: relative;
}
#maincontent ul li::after {
	content: "";
	position: absolute;
	top: 0.7em;
	left: -13px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #333;
}
#maincontent ol {
	margin:0 0 0 1.7em;
}
#maincontent ol li{
	margin:0 0 0.8em;
}

#maincontent dd {
	margin:0 0 0 1em;
}

/* fc_templates
-----------------------------------*/
/* col2 */
.col2 img {
	max-width: 100%;
	height: auto;
}
.col2 {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}
.col2 .col2_l,
.col2 .col2_r {
	width:47.9%;
	padding:0;
	vertical-align:top;
}
.col2 .col2_l {
	padding-right:2.1%;
	padding-right:1.1%;
}
.col2 .col2_r {
	padding-left:2.1%;
	padding-left:1.1%;
}

/*メディア情報*/

#maincontent .col2.media_list .col2_l,#maincontent .col2.media_list .col2_r{padding:0;}
.col2.media_list{border-bottom: 1px solid #EDEDED;}
.col2.media_list td{padding:1.25rem 0;}

/* col3 */
.col3 img {
	max-width: 100%;
	height: auto;
}
.col3 {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}
.col3 .col3_l,
.col3 .col3_m,
.col3 .col3_r {
	width:31.2%;
	padding:0;
	vertical-align:top;
}
.col3 .col3_l {
	padding-right:2.13%;
}
.col3 .col3_m {
	padding-right: 1.07%;
	padding-left: 1.07%;
}
.col3 .col3_r {
	padding-left:2.13%;
}
/* nest col2 */
.col2 .col2 .col2_l,
.col2 .col2 .col2_r {
	width:45.67%;
}
.col2 .col2 .col2_l {
	/*padding-right:4.33%;*/
}
.col2 .col2 .col2_r {
	/*padding-left:4.33%;*/
}

/*-----------------------------------------------------------------------/
	5: FOOTER
/*----------------------------------------------------------------------*/
#wrp_ftr {
z-index: 111;
position: relative;
}

#wrp_ftr .pagetop {
	transition: 0.5s;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 0;
	position: fixed;
	bottom: 20px;
	right: 20px;
	/*z-index: 9999;*/
	z-index:10;
}
#wrp_ftr .pagetop.fixed {
	opacity: 1;
	-webkit-transform: translate(0, -15px);
	transform: translate(0, -15px);
}
#wrp_ftr .pagetop a {
	position: relative;
	display: block;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	width: 50px;
	height: 50px;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.7);
	cursor: default;
}
#wrp_ftr .pagetop.fixed a {
	cursor: pointer;
}
#wrp_ftr .pagetop a::before,
#wrp_ftr .pagetop a::after {
	transition: 0.3s;
	content: "";
	position: absolute;
	top: 22px;
	left: 50%;
	-webkit-transform: translate(-50%, 0) rotate(-45deg);
	transform: translate(-50%, 0) rotate(-45deg);
	width: 10px;
	height: 10px;
}
#wrp_ftr .pagetop a::before {
	border-top: 2px solid #FF9900;
}
#wrp_ftr .pagetop a::after {
	border-right: 2px solid #FF9900;
}
#wrp_ftr .pagetop a:hover::before,
#wrp_ftr .pagetop a:focus::before,
#wrp_ftr .pagetop a:hover::after,
#wrp_ftr .pagetop a:focus::after {
	-webkit-transform: translate(-50%, -5px) rotate(-45deg);
	transform: translate(-50%, -5px) rotate(-45deg);
}



#ftr {
	padding: 4em 3em;
	background:#F4F6F7;
}
#ftr .ftr_nav {
	font-size: 1.5rem;
	color: #0D1120;
	margin-bottom: 2em;
	display: flex;
	justify-content: space-around;
}
#ftr .ftr_nav li {
	display: inline-block;
}

#ftr .ftr_nav li:last-child ul li a{color: #2B364B;
margin-bottom: 0.5em;font-size: 1em;font-weight: 500;}

#ftr .ftr_nav li a {
	color:#2B364B;
	text-decoration: none;
	margin-bottom: 0.5em;
display: inline-block;
font-weight: 500;
}

#ftr .ftr_nav li ul{
    display: flex;
    flex-direction: column;
    }
    
#ftr .ftr_nav li ul li a{font-size:0.9em;color: #5D6575;margin-bottom: 0.2em;display: inline-block;line-height: 1;font-weight: 400;margin-right: 0.5em;}

#ftr .ftr_nav li a:hover,
#ftr .ftr_nav li a:focus {
	text-decoration: underline;
}
#ftr .ftr_cnt {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#wrp_ftr .ftr_cnt {
	display: -webkit-flex;
	display: flex;
	background:#fff;
	padding:4em;
	justify-content: space-between;
}
.ftr_logo{
background-image: url(../_cmn/logo_y.png);
height: 24px;
margin-right: 10px;
width: 180px;
background-repeat: no-repeat;
background-size: 100%;
}
#copyright{color:#666;font-size:0.8em;}

/*-----------------------------------------------------------------------/
	6: OTHER
/*----------------------------------------------------------------------*/
/* news */
.news .icn{
	display: inline-block;
	min-width:8em;
	margin: 0 2em 0 0;
	padding:4px 8px;
	color:#fff;
	font-size:86%;
	line-height:1;
	text-align:center;
}
.news .cr{
	border-radius:5px;
}
.news .cr2{
	border-radius:10px;
}
.news .red1{background:#ffcdd2;}
.news .red2{background:#ef9a9a;}
.news .red3{background:#ef5350;}
.news .red4{background:#e53935;}
.news .pink1{background:#F8BBD0;}
.news .pink2{background:#F48FB1;}
.news .pink3{background:#EC407A;}
.news .pink4{background:#D81B60;}
.news .purple1{background:#E1BEE7;}
.news .purple2{background:#CE93D8;}
.news .purple3{background:#AB47BC;}
.news .purple4{background:#8E24AA;}
.news .blue1{background:#C5CAE9;}
.news .blue2{background:#9FA8DA;}
.news .blue3{background:#5C6BC0;}
.news .blue4{background:#3949AB;}
.news .sky1{background:#B3E5FC;}
.news .sky2{background:#81D4FA;}
.news .sky3{background:#29B6F6;}
.news .sky4{background:#039BE5;}
.news .emerald1{background:#B2EBF2;}
.news .emerald2{background:#80DEEA;}
.news .emerald3{background:#26C6DA;}
.news .emerald4{background:#00ACC1;}
.news .green1{background:#B2DFDB;}
.news .green2{background:#80CBC4;}
.news .green3{background:#26A69A;}
.news .green4{background:#00897B;}
.news .lime1{background:#F0F4C3;color:#b4bd4f;}
.news .lime2{background:#E6EE9C;color:#b4bd4f;}
.news .lime3{background:#D4E157;}
.news .lime4{background:#C0CA33;}
.news .yellow1{background:#FFF59D;color:#c5a200;}
.news .yellow2{background:#FFEE58;}
.news .yellow3{background:#FFEB3B;}
.news .yellow4{background:#FDD835;}
.news .orange1{background:#FFCC80;}
.news .orange2{background:#FFB74D;}
.news .orange3{background:#FFA726;}
.news .orange4{background:#FB8C00;}
.news .brown1{background:#D7CCC8;}
.news .brown2{background:#BCAAA4;}
.news .brown3{background:#8D6E63;}
.news .brown4{background:#6D4C41;}
.news .gray1{background:#EEEEEE;color:#aaaaaa;}
.news .gray2{background:#E0E0E0;}
.news .gray3{background:#BDBDBD;}
.news .gray4{background:#757575;}

#maincontent .wrp_news_ttl {display:flex;justify-content: space-between;border-bottom:2px solid #EDEDED;margin: 0 0 1.2em;width: 100%;padding: 1em 0;align-items: center;}
#maincontent .wrp_news_ttl h3 {
	margin: 0;padding: 0;
}
#maincontent .wrp_news_ttl h3::before,
#maincontent .wrp_news_ttl h3::after {
	display: none;
}
.new_ttl a {
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-size: 1.2rem;
}
#maincontent .news_list {
	margin-left: 0;
	list-style: none;
}
.news_list .news {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 1.5em 0;
	border-bottom: 1px solid #EDEDED;
	padding: 0 10px 1.5em;
}
.news_list li::after {
	display: none;
}
.news .date {
	width: 9em;
	color: #999;
}
.news .title {
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
	word-wrap: break-word;
}

/* newsresult */
.newsresult span.news{display:flex;}

.newsresult .frm_order {
	text-align: right;
}
.newsresult .connote {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.newsresult .newsimg {
	max-width: 320px;
	margin: 0 20px 10px 0;
	float: left;
}
.newsresult .comment {
	margin: 0 0 10px;
}
.newsresult .link {
	border: 1px solid #ccc;
	padding: 19px;
	clear: both;
	margin-top:1em;
}
.newsresult .link a {
	word-wrap: break-word;
}

/* pager */
.pagerwrap {
	margin: 10px 0;
}
.pager {
	text-align: center;
}
.pager span em {
	margin: 0 4px;
	border: 1px solid #aaa;
	border-radius: 9px; 
	padding: 0.2em 0.6em;
	color: #fff;
	background-color: #aaa;
	font-style: normal;
}
.pager span a.p_no,
.pagerwrap .pager .prev a,
.pagerwrap .pager .next a,
.pager span a.touchstart {
	margin: 0 4px;
	border: 1px solid #aaa;
	border-radius: 9px; 
	padding: 0.2em 0.6em;
	color: #333;
	text-decoration: none;
}

/* form */
table.frm_tbl {
	width: 100%;
	margin: 20px 0;
	border-collapse: collapse;
	border-spacing: 0;
}
table.frm_tbl th,
table.frm_tbl td {
	border: 1px solid #ccc;
	padding: 15px;
	vertical-align: top;
}
table.frm_tbl th {
	background-color: #f5f5f5;
	font-weight: normal;
	text-align: left;
}
table.frm_tbl th span.h {
	display: inline-block;
	float: right;
	margin: 0 0 0 10px;
	padding: 0 4px;
	border: 1px solid #b00;
	color: #b00;
}
table.frm_tbl td p {
	margin: 0 0 2px;
	padding: 0 5px;
	color: #aaa;
}
table.frm_tbl td span {
	padding: 0 5px;
	color: #aaa;
}
table.frm_tbl .tipped {
	color: #aaa;
}
table.frm_tbl input,
table.frm_tbl select {
	margin: 0 3px;
}
table.frm_tbl select#pref {
	margin-bottom: 10px;
}
table.frm_tbl textarea {
	width: 100%;
}
table.frm_tbl input.no_search {
	border :none;
	background:-webkit-gradient(linear, center top, center bottom, from(#aaa), to(#333));
	background:linear-gradient(to bottom, #aaa, #333);
	color: #fff;
	background-color:#333;
	vertical-align: middle;
}
table.frm_tbl td label.error {
	color: #b00;
}
.form_btn {
	margin:0 0 50px;
	text-align:center;
}
.form_btn button {
	margin: 0 20px;
	border-radius: 9px;
	padding: 10px;
	border: 1px solid #aaa;
	background-color: #f5f5f5;
}
.form_btn button[name="submit3"] {
	color: #aaa;
	background-color: #fff;
}
#maincontent table.frm_tbl dd {
	margin-left: 0;
}

/* sitemap */
#sitemap {}
#sitemap ul {
	margin-left: 0;
}
#sitemap ul li {
	margin: 0 0 10px;
	list-style: none;
	line-height: 2;
}
#sitemap ul li::after {
	display: none;
}
#sitemap ul li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
}
#sitemap ul li ul {
	margin-left:1em;
}
#sitemap ul li ul li {
	position: relative;
	margin-bottom: 0;
	line-height: 1.6;
}
#sitemap ul li ul li:before {
	content: "";
	position: absolute;
	top: 0.25em;
	display: inline-block;
	padding: 0.25em;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	vertical-align: super;
}
#sitemap ul li ul li a {
	display: block;
	padding: 0 0 0 1em;
	font-weight: normal;
}




/*swiper*/

.slide-img.main0{background-image: url('../_prt/_top/bg_main0.jpg');}
.slide-img.main1{background-image: url('../_prt/_top/bg_main1.jpg');}
.slide-img.main2{background-image: url('../_prt/_top/bg_main2.jpg');}
.slide-img.main3{background-image: url('../_prt/_top/bg_main3.jpg');}

.swiper-pagination-white{--swiper-pagination-color: #FC8A07 !important;}
.swiper-slide:before{background: rgba(0,0,0,0.2);width: 100%;height: 100%;content: "";position: absolute;z-index: 2;}

.prettifydiv {
  font-size: 13px;
}
.container {
  max-width: 100%;
  margin: auto;
}
  
.slide-img {  /* 小画面 */
  height:550px;
  background-size: cover;
  background-position: center 100%;
  background-repeat: no-repeat;
  overflow:visible;
    position:relative;
}
 
@media only screen and (min-width:651px) {  /* 中画面 */
  .slide-img {
    height: 850px;
      position:relative;
      background-position: center 100%;
  }
}
 
@media only screen and (min-width:961px) {  /* 大画面 */
  .slide-img  {
    height: 1000px;
      position:relative;
      background-position: center 100%;
  }
}

/**ズームさせる**/
/*  
@keyframes zoom {
  0% {
  transform: scale(1);
  }
  100% {
  transform: scale(1.1);
  }
}
.swiper-slide-active .zoom {
  animation: zoom 6s linear 0s 1 normal both;
} 
  
@keyframes translate1 {
  0% {
  transform: scale(1.07) translate(0,0);
  }
  100% {
  transform: scale(1.07) translate(3%, 2%);
  }
}
  
.swiper-slide-active .translate1 {
  animation: translate1 6s linear 0s 1 normal both;
} 
  
@keyframes translate2 {
  0% {
  transform: scale(1.05) translate(1%,2%);
  }
  100% {
  transform: scale(1.1) translate(-2%, -3%);
  }
}
 
.swiper-slide-active .translate2 {
  animation: translate2 6s linear 0s 1 normal both;
} 
 
@keyframes fromTop {
  0% {
    top: 0%;
    opacity: 0;
  }
  100% {
    top: 20%;
    opacity: 1;
  }
}   
@keyframes fromBottom {
  0% {
    top: 80%;
    opacity: 0;
  }
  100% {
    top: 20%;
    opacity: 1;
  }
}  
@keyframes fromleft {
  0% {
    left: 0%;
    opacity: 0;
  }
  100% {
    left: 50%;
    opacity: 1;
  }
}
@keyframes fromRight {
  0% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 50%;
    opacity: 1;
  }
}
*/

.swiper-slide-active .from_top {
  animation: fromTop 1s ease-in-out 0s 1 normal both;
} 
.swiper-slide-active .from_bottom {
  animation: fromBottom 1s ease-in-out 0s 1 normal both;
} 
.swiper-slide-active .from_left {
  animation: fromleft 1s ease-in-out 0s 1 normal both;
} 
.swiper-slide-active .from_right{
  animation: fromRight 1s ease-in-out .5s 1 normal both;
} 

.slide_cont{position: absolute;font-weight: normal;
  top: 30%;
  /*left: 50%;
  transform: translate(-50%, -50%);*/
  padding:0 5%;
  color: #FFF;
  margin: 0;width:90%;}

.swiper-slide .slide-content h1, .swiper-slide .slide-content h2, .swiper-slide .slide-content h3 {
  color: #FFF;
  font-size: 40px;
  text-shadow: 2px 2px rgba(0,0,0,0.3);
  margin: 0;
}
.swiper-slide .slide-content p {
  color: #FFF;
  text-shadow: .5px .5px rgba(0,0,0,0.6);
    margin-bottom: 1em;
  padding: 0;
  font-size: 36px;
  font-weight: 500;
}

.swiper-slide .slide-content .link_btn_w {
 text-align: left;
  color: #FFF;
  margin:1em 0 0;
  padding: 0;
  font-size: 18px;
}


.swiper-slide .slide-content .caption {
  position: absolute;
  bottom: 30px;
  left: 30px;
  color: #FFF;
  font-size: 16px;
  background-color: rgba(0,0,0,0.5);
  padding: 3px 8px;
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 0.5;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}

/*.swiper-button-next, .swiper-button-prev{top: auto !important;
bottom: 15%;}*/


/**ズームさせる**/
/*
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoomUp 10s linear 0s 1 normal both;  
}
*/
.slide-img img{
  display: block;
}

.slide-content{/*height: 100%;*/height: 100vh;
width: 100%;
overflow: hidden;z-index: 100;
position: absolute;
top: 0;}

/*.wrp_nav{height: 8vh;
width: 100%;
overflow: hidden;z-index: 1000;
position: absolute;
top: 57%;}*/



.swiper-button-next, .swiper-button-prev{color: #fff !important;/*background: #ff9900;*/line-height: 1;padding: 10px 22px;top: 80vh !important;}
.swiper-button-prev::after{font-size: 1em !important;}
.swiper-button-next::after{font-size: 1em !important;}

.swiper-button-prev{width: 40px;/*left: 55px !important;*/left:0 !important;right:auto;}
.swiper-button-next{width: 40px;/*left: 100px !important;*right:auto;*/right:0 !important;}




/*---ボタン---*/
.link_btn_w,.link_btn{text-align:center;}

.link_btn a,.link_btn2 a,.link_btn_w a{
  position: relative;
  display: inline-block;
  padding: 1em 1em;
  /*font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","Verdana", "Arial", "メイリオ", "Meiryo",  sans-serif;*/
  font-weight: 400;
  font-size:0.9em;
  text-decoration: none;
  transition: .3s;
  z-index: 0;
  line-height: 1.4;
}
.link_btn a::before,.link_btn2 a::before,.link_btn_w a::before{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  transition: transform .3s;
}

/*ページ内枠ボタン*/

.link_btn a{border: 1px solid #ECECEC;color: #FC4A0A;background: #f5f5f5;min-width: 260px;}
.link_btn a::before{background: #FC4A0A;}
.link_btn a:hover{color: #fff;background: #f5f5f5;}

.link_btn2 a{border: 1px solid #ECECEC;color: #FC4A0A;background: #f5f5f5;min-width: 560px;}
.link_btn2 a::before{background: #FC4A0A;}
.link_btn2 a:hover{color: #fff;background: #f5f5f5;}

/*白*/
.link_btn_w a:hover {color: #666;}
.link_btn_w a{border: 1px solid #fff;color: #fff;}
.link_btn_w a::before{background: #fff;}

/*ホバーアニメーション*/
.btn01 a::before {
  transform-origin: right top;
  transform: scale(0, 1);
}
.btn01 a:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}


/*ページ内矢印ボタン*/
.btn_ya a{text-decoration:none;color:#2B364B;padding:1em 3em 1em 1em;display: block;border-bottom: 2px solid #ccc;transition: 0.3s;font-weight: 500;}
.btn_ya span{line-height:1.8;text-align:justify;position: relative;display: block;display:block;align-items: center;transition:0.3s;}
.btn_ya span a:hover{color:#ddd;transition:0.3s;}
.btn_ya span::before,.btn_ya span::after {transition: 0.3s;content: "";position: absolute;top: 50%;background-color: #FC8A07;right:10px;}
.btn_ya span:hover::before,.btn_ya span:hover::after  {background-color: #FC8A07;right:10px;/*移動*/transition:0.3s;}
.btn_ya span:hover{transition:0.3s;}
.btn_ya span{transition:0.3s;}
.btn_ya span::before {right: 17px;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);width: 21px;height: 2px;}
.btn_ya span::after {right: 37px;-webkit-transform: translate(19px, -3px) rotate(45deg);transform: translate(19px, -3px) rotate(45deg);width: 5px;height: 2px;}
.btn_ya span:hover::after{right: 30px;}


/*ページ内丸アイコンボタン*/

.btn_maru span {
position: relative; display: inline-block;
padding: 0 0 0 25px;color: #000;vertical-align: middle;text-decoration: none;}

.btn_maru span a{color:#FC4A0A;text-decoration: none;transition:0.3s;}
.btn_maru span a:hover{color:#ddd;transition:0.3s;}

.btn_maru span:before,
.btn_maru span:after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;transition:0.3s;}
.btn_maru span:hover:after{left: 10px;transition:0.3s;border-color:#ddd;}

.btn_maru span:before{box-sizing: border-box;width:21px;height: 21px;border: 1px solid #EDEDED;background: #fff;
-webkit-border-radius: 50%;border-radius: 50%;
}
.btn_maru span:after{left:7px;width: 5px;height: 5px;border-top: 1px solid #FC4A0A;border-right: 1px solid #FC4A0A;-webkit-transform: rotate(45deg);transform: rotate(45deg);
}


/*ページ内アンカー用ボタン*/
.wrp_anchor{margin-bottom:1em;}
.wrp_anchor .col2_l ,.wrp_anchor .col2_r{padding:0;}
.wrp_anchor .col2_l .btn_anchor a ,.wrp_anchor .col2_r .btn_anchor a {min-width: 96%;
margin: 0 2%;}


.btn_anchor a {
color: #000;vertical-align: middle;text-decoration: none;display: block;}
.btn_anchor a span{color:#2B364B;text-decoration: none;transition:0.3s;padding: 0.8em 0.8em 0.8em 0.8em;border: 1px solid #ddd;min-width: 260px;position: relative; display: inline-block;font-weight: 500;letter-spacing: -1px;text-align: left !important;margin: 5px 0;}
.btn_anchor a:hover span{color:#ddd;transition:0.3s;}

.btn_anchor span:before,
.btn_anchor span:after{position: absolute;top: 0;bottom: 0;right: 9px;margin: auto;content: "";vertical-align: middle;transition:0.3s;}
.btn_anchor span:hover:after{top: 10px;transition:0.3s;border-color:#ddd;}

.btn_anchor span:before{box-sizing: border-box;width:21px;height: 21px;-webkit-border-radius: 50%;border-radius: 50%;
}
.btn_anchor span:after{right:0.8em;width: 9px;height: 9px;border-top: 3px solid #ccc;border-right: 3px solid #ccc;-webkit-transform: rotate(135deg);transform: rotate(135deg);
}





/*矢印白ボタン*/
.btn_detail a{text-decoration:none;color:#fff;}
.btn_detail span{padding: 0.8em 3.5em 0.8em 1.5em;line-height:1.8;text-align:justify;position: relative;border-bottom: 1px solid #ccc;display: block;display: flex;align-items: center;}
.btn_detail span em{margin-right:0.8em;font-size:0.8em;font-style: normal;}
.btn_detail span em br{display:none;}
.btn_detail a:hover span{color:#FC8A07;transition:0.3s;}
.btn_detail span::before,.btn_detail span::after  {transition: 0.3s;content: "";position: absolute;top: 50%;background-color: #fff;right:10px;}
.btn_detail a:hover span::before,.btn_detail a:hover span::after  {background-color: #FC8A07;right:10px;/*移動*/}
.btn_detail span::before{right: 17px;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);width: 21px;height: 2px;}
.btn_detail span::after {right: 37px;-webkit-transform: translate(19px, -3px) rotate(45deg);transform: translate(19px, -3px) rotate(45deg);width: 5px;height: 2px;}
.btn_detail a:hover span::after{right: 30px;}


/*矢印色ボタン*/
.btn_detail2 a{text-decoration:none;color:#222;}
.btn_detail2 span{padding: 1.5em 4em 1.5em 1.5em;line-height:1.8;text-align:justify;position: relative;background: #fff;border-bottom: 1px solid #E0E0E0;font-weight: 500;display: block;}
.btn_detail2 a:hover span{color:#FC8A07;transition:0.3s;}
.btn_detail2 span::before,.btn_detail2 span::after  {transition: 0.3s;content: "";position: absolute;top: 50%;background-color: #FC8A07;right:10px;}
.btn_detail2 a:hover span::before,.btn_detail2 a:hover span::after  {background-color: #ddd;right:10px;/*移動*/}
.btn_detail2 span::before{right: 17px;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);width: 21px;height: 2px;}
.btn_detail2 span::after {right: 37px;-webkit-transform: translate(19px, -3px) rotate(45deg);transform: translate(19px, -3px) rotate(45deg);width: 5px;height: 2px;}
.btn_detail2 a:hover span::after{right: 30px;}


.box{display:flex;}
.wrp_ttl{display: block;}
.wrp_ttl h3{/*font-size: 4em;*/font-size: 40px;}
.wrp_ttl span{font-size:1.2em;}
.wrp_ttl span:after{content:"";width:40px;height:1px;background:#fff;display: block;display: inline-block;top: -6px;margin-left:30px;position: relative;}

/*トップコンテンツ*/

/*wrp_guide*/
.wrp_guide:after{content:"";background:rgba(51,51,51,0.3);width:100%;height:100%;position: absolute;z-index: 2;top: 0;}
.wrp_guide{background-image:url(../_prt/_top/bg_guide.jpg);background-size:cover;position: relative;z-index: 1;padding:12em 0;background-position: 0% 50%;background-repeat: no-repeat;background-color: #cad6e2;}
.wrp_guide .wrp_ttl{color:#fff;}
.wrp_guide .wrp_cont{display:flex;width: 80%;/*max-width:1100px;*/margin:0 auto;justify-content: space-between;position: relative;z-index: 3;}
.wrp_guide .box{width:670px;justify-content: space-between;}
.wrp_guide ul{border-top:1px solid #ccc;width:320px;}
.wrp_guide ul li{list-style:none;}
.wrp_guide .btn_detail a:after{display:none;}


i{font-style:normal;}
i::after {margin: 0 0 0 3px;content: ' ';
background:url(../_cmn/icn_link_w.png) 5px 50% no-repeat;background-size:12px;width:17px;height:12px;display: inline-block;}

i.icn_b::after{background:url(../_cmn/icn_link.png) 5px 50% no-repeat;background-size:12px;}


/*wrp_about*/
.wrp_about:after{content:"";background:rgba(51,51,51,0.4);width:100%;height:100%;position: absolute;z-index: 2;top: 0;}
.wrp_about{background-image:url(../_prt/_top/bg_about.jpg);background-size:cover;position: relative;z-index: 1;padding:10em 0 30em;background-position: 50% 100%;background-repeat: no-repeat;}
.wrp_about .wrp_ttl{color:#fff;}
.wrp_about .wrp_cont{width: 80%;margin:0 auto;position: relative;z-index: 3;}
.wrp_about .box{width:670px;justify-content: space-between;}
.wrp_about ul{border-top:1px solid #ccc;width:320px;}
.wrp_about ul li{list-style:none;}
.wrp_about h4{color:#fff;margin:1em 0;/*font-size:3em;*/font-size:36px;font-weight: 500;}
.wrp_about .link_btn_w{text-align:left;}

/*wrp_service*/
.wrp_service:after{content:"";background:#F4F6F7;width:50%;height:100%;position: absolute;z-index: 2;top: 0;right: 0;}
.wrp_service{position: relative;z-index: 1;padding:8em 0;}
.wrp_service .wrp_ttl{color:#999;}
.wrp_service .wrp_ttl span:after{content:"";width:40px;height:1px;background:#999;}
.wrp_service .wrp_cont{display:flex;width: 80%;margin:0 auto;justify-content: space-between;position: relative;z-index: 3;}
.wrp_service .box{width:730px;justify-content: space-between;}
.wrp_service ul{width:730px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wrp_service ul li{list-style:none;width:360px;margin: 0.5em 0;}
.wrp_service .btn_detail2{box-shadow: 0 1px 10px rgba(0, 0, 0,0.1);}
.wrp_service .btn_detail2 span{border-bottom:none;color: #495261;padding: 1.5em 4em 1.5em 4.2em;}
.wrp_service .btn_detail2 span::before {right: 27px;width: 16px;}
.wrp_service .btn_detail2 span::after {right: 46px;}
.wrp_service .btn_detail2 a:hover span::before,.btn_detail2 a:hover span::after  {background-color: #ddd;right:15px;}
.wrp_service .btn_detail2 a:hover span::after{right: 35px;}
.wrp_service ul li .btn_detail2 span{background-position:5% 50%;background-size:42px;font-weight: 400;}
.wrp_service ul li:nth-child(1) .btn_detail2 span{background-image:url(../_prt/_top/icn_bus1.png);background-repeat:no-repeat;}
.wrp_service ul li:nth-child(2) .btn_detail2 span{background-image:url(../_prt/_top/icn_bus2.png);background-repeat:no-repeat;}
.wrp_service ul li:nth-child(3) .btn_detail2 span{background-image:url(../_prt/_top/icn_bus3.png);background-repeat:no-repeat;}
.wrp_service ul li:nth-child(4) .btn_detail2 span{background-image:url(../_prt/_top/icn_bus4.png);background-repeat:no-repeat;}
.wrp_service ul li:nth-child(5) .btn_detail2 span{background-image:url(../_prt/_top/icn_bus5.png);background-repeat:no-repeat;}
.wrp_service ul li:nth-child(6) .btn_detail2 span{background-image:url(../_prt/_top/icn_bus6.png);background-repeat:no-repeat;}

/*wrp_business*/
.wrp_business:after{content:"";background:rgba(51,51,51,0.3);width:100%;height:100%;position: absolute;z-index: 2;top: 0;}
.wrp_business{background-image:url(../_prt/_top/bg_business.jpg);background-size:cover;position: relative;z-index: 1;padding:10em 0 30em;background-position: 50% 0%;}
.wrp_business .wrp_ttl{color:#fff;}
.wrp_business .wrp_cont{width: 80%;margin:0 auto;position: relative;z-index: 3;}
.wrp_business .box{width:670px;justify-content: space-between;}
.wrp_business ul{border-top:1px solid #ccc;width:320px;}
.wrp_business ul li{list-style:none;}
.wrp_business h4{color:#fff;margin:1em 0;/*font-size:3em;*/font-size:36px;font-weight: 500;}
.wrp_business .link_btn_w{text-align:left;}



/*wrp_other*/
.wrp_other{/*margin-bottom:20em;*/}
.wrp_other .cnt{width:1200px;margin:0 auto;}
.wrp_other .ttl{text-align:center;color:#222;}
.wrp_other .ttl:after{content:"人を知る";color:#666;}
.wrp_other .box{margin:3em 0;}
.wrp_other .box ul {display:flex;justify-content: space-between;width: 94%;margin: 0 auto;flex-wrap: wrap;}
.wrp_other .box ul li a div{color:#333;}
.wrp_other .box ul li span{display:block;text-align: left;font-weight: bold;position: relative;}
.wrp_other .box ul li span strong{display: block;font-size:0.8em;margin-bottom:1em;}
.wrp_other .box ul li {background:#f3f3f3;transition:0.3s;list-style:none;width:23%;letter-spacing: -1px;margin-bottom: 2em;}
.wrp_other .box ul li a:hover div{transition:0.3s;}
.wrp_other .box ul li .business_img{color:#222;line-height:1.6;font-size:1.1em;position: relative;background-repeat:no-repeat;transition:0.3s;}
.wrp_other .business_img{position:relative;}
.wrp_other .box ul li .business_img{height: 180px;position: relative;}
.wrp_other .box ul li:nth-child(1) .business_img{background: url(../_prt/_top/bg_other01.jpg);background-size:110%;background-position: 50% 50%;background-repeat: no-repeat;}
.wrp_other .box ul li:nth-child(2) .business_img{background: url(../_prt/_top/bg_other02.jpg);background-size:110%;background-position: 50% 100%;background-repeat: no-repeat;}
.wrp_other .box ul li:nth-child(3) .business_img{background: url(../_prt/_top/bg_other03.jpg);background-size:110%;background-position: 50% 50%;background-repeat: no-repeat;}
.wrp_other .box ul li:nth-child(4) .business_img{background: url(../_prt/_top/bg_other04.jpg);background-size:110%;background-position: 50% 50%;background-repeat: no-repeat;}
.wrp_other .box ul li:nth-child(5) .business_img{background: url(../_prt/_top/bg_other05.jpg);background-size:110%;background-position: 50% 50%;background-repeat: no-repeat;}
.wrp_other .box ul li:nth-child(6) .business_img{background: url(../_prt/_top/bg_other06.jpg);background-size:110%;background-position: 50% 50%;background-repeat: no-repeat;}
.wrp_other .box ul li:nth-child(7) .business_img{background: url(../_prt/_top/bg_other07.jpg);background-size:110%;background-position: 50% 50%;background-repeat: no-repeat;}
.wrp_other .box ul li:nth-child(8) .business_img{background: url(../_prt/_top/bg_other08.jpg);background-size:110%;background-position: 50% 50%;background-repeat: no-repeat;}

.wrp_other .btn_detail{padding:1em;line-height:1.8;text-align:justify;position: relative;background: #fff;color:#2B364B;
border-bottom: 2px solid #E0E0E0;font-weight: 500;}
.wrp_other .box ul li a:hover .business_img{background-size:120%;transition:0.3s;}

.wrp_other .box ul li a:hover .btn_detail{color:#FC8A07;transition:0.3s;}
.wrp_other .box ul li a{text-decoration:none;color: #222;transition:0.3s;position: relative;display: block;}
.wrp_other .btn_detail::before,.wrp_other .btn_detail::after  {transition: 0.3s;content: "";position: absolute;top: 50%;background-color:#FC8A07;right:10px;}
a:hover p.btn_detail::before,a:hover p.btn_detail::after  {background-color: #ddd;right:0px;}
.wrp_other .btn_detail::before{right: 21px;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);width: 18px;height: 2px;}
.wrp_other .btn_detail::after {right: 40px;-webkit-transform: translate(19px, -3px) rotate(45deg);transform: translate(19px, -3px) rotate(45deg);width: 5px;height: 2px;}
.wrp_other a:hover p.btn_detail::after{right: 20px;}

/*wrp_fb*/
.wrp_fb{/*background-color:#FC8A07;*/padding:6em 1em;text-align:center;}
.wrp_fb p{color:#fff;margin-bottom:2em;font-size:1.2em;align-items: center;display: flex;justify-content: center;flex-direction: column;}
.wrp_fb p br{display:none;}

.wrp_fb ul{width:100%;margin:0 auto;display:flex;justify-content: center;}
.wrp_fb ul li{list-style:none;margin:0 1em;}
.wrp_fb ul li a{display:block;/*background-color:#fff;*/padding:2em;border-radius:100px;transition:0.3s;}
.wrp_fb ul li a:hover{opacity:0.7;transition:0.3s;}
.wrp_fb ul li:nth-child(1) a{background-image: url(../_cmn/icn_tw_w.png);background-size:30px;background-position: 50% 50%;background-repeat: no-repeat;}
.wrp_fb ul li:nth-child(2) a{background-image: url(../_cmn/icn_insta_w.png);background-size:30px;background-position: 50% 50%;background-repeat: no-repeat;}
.wrp_fb ul li:nth-child(3) a{background-image: url(../_cmn/icn_fb_w.png);background-size:30px;background-position: 50% 50%;background-repeat: no-repeat;}
.wrp_fb ul li:nth-child(4) a{background-image: url(../_cmn/icn_yt_w.png);background-size:32px;background-position: 50% 50%;background-repeat: no-repeat;}
.wrp_fb ul li:nth-child(5) a{background-image: url(../_cmn/icn_dc_w.png);background-size:32px;background-position: 50% 50%;background-repeat: no-repeat;}


/*.wrp_fb p:before{content:"";background:url(../_cmn/icn_fb.png);background-repeat:no-repeat;width:36px;height:36px;display: block;background-size: 36px;margin-bottom: 1em;}*/


/*開閉コンテンツ*/

#maincontent table.switch {
    /*border-collapse: collapse;*/
    border-spacing: 0;
    margin: -1px 0 0;
    width: 100%;
    /*border-bottom: 1px solid #ededed;*/
    
}
.switch_ttl {
  border: 1px solid #ddd;
}
#maincontent .switch_ttl a {
    color: #FC4A0A;
    display: block;
    padding: 1em 2em 1em 1.3em;
    position: relative;
    text-decoration: none;
    line-height: 1.6;
    font-weight:500;
}
#maincontent .switch_ttl a:hover {text-decoration:underline;}

.switch_ttl a span {
    /*background-color: #d21f3f;**丸型**/
    border-radius: 50%;
    display: block;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    text-indent: 100%;
    top: 50%;
    transform: translate(0px, -50%);
    white-space: nowrap;
    width: 18px;
}

.switch_ttl a span::before {
    background-color: #999;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
}
.switch_ttl a span::after {
    background-color: #999;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    width: 15px;
}
.active .switch_ttl a span::after {
    display: none;
}
.switch_cnt {
    padding: 1.5em 1.5em;
    background-color: #fcfcfc;
    /*background:#f8f8f8;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
}


/*周辺マップアイコン*/
.surrounding_map{position:relative;display: inline-block;width: 100%;}
.surrounding_map:after{content:" ";background-image:url(../_cmn/icn_kakudai.png);background-repeat:no-repeat;background-size:19px;width:32px;height:32px;position:absolute;bottom: 0px;background-color: #333;
background-position: 50% 50%;right: 0px;padding:15px;transition:0.3s;}

.surrounding_map:hover img{opacity:0.7;transition:0.3s;}
.surrounding_map:hover:after{background-color:#ddd;transition:0.3s;}


/**loading**/

/*#loading{position: absolute;left: 50%;top: 50%;text-align:center;top:45%;}*/
#loading{position: relative;display: flex;flex-direction: column;justify-content: center;align-content: center;align-items: center;top:45%;}
#loading img{margin-bottom:2em;width:150px;}
     
#loader-bg {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background:#fff;
        z-index: 999;
    }

.loader {
  margin: 10px auto;
  font-size: 6px;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
