@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/


#headerAreaInner .langChange { font-size:138%; margin-top:1.8%;}
#headerAreaInner .langChange img { margin-left: 0.2em;    margin-top: -0.2em;}

/*----------------------------------------------------------------------------
***                                                            sliderSec
----------------------------------------------------------------------------*/
#sliderSec{min-width:960px; height:560px; overflow:hidden; position:relative; background:#231815;}
#sliderSec p[class^="linkBox"]{display:block; width:auto; margin-top:0.5em;}
#sliderSec p[class^="linkBox"] a{width:7.5em; line-height:1; display:block; padding:0.5em 0.5em 0.4em; font-size:120%; }
#sliderSec .linkBox01 a{color:#850E84; background:url(../images/img_ico03.png) no-repeat right 0.5em center,#F4D900; background-size:15% auto;}
#sliderSec .linkBox02 a{color:#F4D900; background:url(../images/img_ico04.png) no-repeat right 0.5em center,#850E84; background-size:15% auto;}
#sliderSec .contentsBox{position:absolute; width:800px; height:390px; margin:auto; top:0; bottom:0; left:0; right:0; z-index:999;}
#sliderSec .sectionInner{}
/*-- //sliderNavi --*/
#sliderNavi{width:100%;}
#sliderNavi .bx-wrapper .bx-viewport{transform:translate3d(0,-15%,0);}
#sliderNaviInner{width:100%; overflow:hidden;}
#sliderNavi .sliderPage{width:100vw; float:left;}
#sliderNavi .sliderPage img{width:100%; height:auto;}

#sliderNavi .bx-pager.bx-default-pager{display:none;}
#sliderNavi .bx-controls-direction{position:absolute; top:calc(50% - 31px); left:0; right:0; width:960px; margin:0 auto; z-index:99;}
#sliderNavi .bx-prev{float:left; text-indent:-9999px; width:36px; height:62px; background:url(../images/ico_prev.png) no-repeat left center; background-size:contain;}
#sliderNavi .bx-next{float:right; text-indent:-9999px; width:36px; height:62px; background:url(../images/ico_next.png) no-repeat left center; background-size:contain;}

/*catchCopy*/
#sliderSec #catchCopy img{margin-left:-4%;}
#apDiv2 {position:absolute;	width:188px;height:115px;z-index:1;	left: 612px;top: 221px;}

#sliderSec .sns {
	position:absolute;
	width:auto;
	right: -80px;
    top: -60px;
	z-index:1;}
#sliderSec .sns ul li{ float:left; margin-left:5px;}


#sliderSec #layerPop{width:300px;height:300px;position:absolute;display:none; background-color:#FFF; top:50px; left:500px;}
#sliderSec #layerPop .close{position:absolute;bottom:0px;right:0px; top:-32px;}
#sliderSec #layerPop2{width:300px;height:300px;position:absolute;display:none; background-color:#FFF;top:50px; left:500px;}
#sliderSec #layerPop2 .close{position:absolute;bottom:0px;right:0px; top:-32px;}


/*----------------------------------------------------------------------------
***                                                              contentsArea
----------------------------------------------------------------------------*/
/*共通*/
section .sectionInner h2 span{float:left; line-height:2; padding-top:0.1em;}
section .sectionInner h2:before{content:""; display:inline-block; float:left; margin-right:0.5em; width:2em; height:2em;}
#section01 h2:before{background:url(../images/ico_title01.png) no-repeat left center; background-size:contain;}
#section02 h2:before{background:url(../images/ico_title02.png) no-repeat left center; background-size:contain;}
#section03 h2:before{background:url(../images/ico_title03.png) no-repeat left center; background-size:contain;}
#section04 h2:before{background:url(../images/ico_title04.png) no-repeat left center; background-size:contain;}
#section05 h2:before{background:url(../images/ico_title05.png) no-repeat left center; background-size:contain;}
#section06 h2:before{background:url(../images/ico_title07.png) no-repeat left center; background-size:contain;}
#section07 h2:before{background:url(../images/ico_title06.png) no-repeat left center; background-size:contain;}

#section01 > .sectionInner .sectionBox01,
#section02 > .sectionInner .contentsBox,
#section03 > .sectionInner .contentsBox,
#section05 > .sectionInner .sectionBox01,
#section06 > .sectionInner .contentsBox{padding:30px 0 20px 30px; border-top:4px solid #231815; border-left:4px solid #231815;}
#section04 > .sectionInner .contentsBox{padding:30px 0 0; border-top:4px solid #fff;}
#section05 > .sectionInner .sectionBox01{border-color:#fff;}
#section04 *,
#section05 *{color:#fff;}

#section07 > .sectionInner .contentsBox{
	border-top:4px solid #231815;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: -30px;
	padding-left: 30px;
}


#section01,
#section02,
#section03,
#section04,
#section05,
#section06,
#section07{padding:30px 0 80px;}
/*----------------------------------------------------------------------------
***                                                            section01
----------------------------------------------------------------------------*/
#section01{background:#F4D900;}
#section01 > .sectionInner .sectionBox01{margin-bottom:30px;}
#section01 > .sectionInner .sectionBox02 > .sectionInner{border:4px solid #231815;}
#section01 > .sectionInner .sectionBox02 > .sectionInner div{padding:15px 0 0 30px;}
#section01 > .sectionInner .sectionBox02 h3{border-bottom:4px solid #231815; padding-left:30px;}
#section01 > .sectionInner .sectionBox02 dl dt:before{content:"■"; display:inline; font-size:110%; color:#231815;}
#section01 > .sectionInner .sectionBox02 .pcimg:before{content:""; display:inline-block; margin-right:0.5em; width:1em; height:1em; background:url(../images/ico_pc.png) no-repeat left center; background-size:contain;}

.AppBtn{margin-top:20px;}
.alrim{text-align:center; color:#882974; line-height: 1.5em; margin-top: 10px;}

/*----------------------------------------------------------------------------
***                                                            section02
----------------------------------------------------------------------------*/
#section02{}
#section02 > .sectionInner .contentsBox{padding-bottom:5px;}
#section02 .contentsBox ul li{width:33.3%; margin-bottom:1em;}
#section02 .contentsBox ul li p{border-left:5px solid #882974; padding:0 0 0 0.3em; line-height:1; margin-bottom:0.5em;}
#section02 .contentsBox ul li:nth-of-type(2n-1) p{border-left:5px solid #882974;}
#section02 .contentsBox ul li:nth-of-type(2n) p{border-left:5px solid #F4D900;}
#section02 .contentsBox ul li img{width:90%; height:auto;}

/*----------------------------------------------------------------------------
***                                                            section03
----------------------------------------------------------------------------*/
#section03 > .sectionInner .contentsBox{}
#section03 h3{
	color:#000;
	margin-bottom:0.5em;
	font-weight: bold;
}
#section03 h3 span{border:2px solid #655D56; margin-right:0.5em; padding:0 0.8em;}
#section03 .contentsBox .sectionBox01{margin-bottom:30px;}
#section03 .contentsBox .box img{width:50%; height:auto;}
#section03 .contentsBox .box p{width:48%; padding-left:2%;}
/*----------------------------------------------------------------------------
***                                                            section04
----------------------------------------------------------------------------*/
#section04{background:#882974;}
#section04 h3:before{content:"●"; display:inline; font-size:120%;}
#section04 table{table-layout:fixed; width:100%;}
#section04 table th,
#section04 table td{text-align:center; font-weight:bold;}

/* // sectionBox01 */
#section04 .contentsBox .sectionBox01{width:100%;}
#section04 .contentsBox .sectionBox01 th.backW{background:#fff; color:#882974;}
#section04 .contentsBox .sectionBox01 th{background:#B682A7;}
/*border width*/
#section04 .contentsBox .sectionBox01 tr:nth-of-type(1) th:nth-of-type(1){width:15%;}
#section04 .contentsBox .sectionBox01 tr:nth-of-type(1) th:nth-of-type(2){width:19%;}
#section04 .contentsBox .sectionBox01 tr:nth-of-type(1) th:nth-of-type(3){width:19%;}
#section04 .contentsBox .sectionBox01 tr:nth-of-type(1) th:nth-of-type(4){width:20%;}
#section04 .contentsBox .sectionBox01 tr:nth-of-type(1) th:nth-of-type(5){width:19%;}

/*border style*/
#section04 .contentsBox .sectionBox01 tr th{border:none;}
#section04 .contentsBox .sectionBox01 tr td{border:none; border-right:1px dashed #fff; border-bottom:1px dashed #fff;}
#section04 .contentsBox .sectionBox01 tr:nth-of-type(1) th:nth-of-type(2){border-right:1px dashed #882974;}
#section04 .contentsBox .sectionBox01 tr:nth-of-type(1) th:nth-of-type(n+3){border-right:1px solid #882974;}
#section04 .contentsBox .sectionBox01 tr:nth-of-type(1) th:last-child{border-right:1px solid #B682A7;}
#section04 .contentsBox .sectionBox01 tr:nth-of-type(n+2) th{border-bottom:1px dashed #882974;}
#section04 .contentsBox .sectionBox01 tr:last-child th{border-bottom:1px solid #B682A7;}
#section04 .contentsBox .sectionBox01 tr:last-child td{border-bottom:1px solid #fff;}
#section04 .contentsBox .sectionBox01 tr td:nth-of-type(n+3){border-left:1px solid #fff; border-right:1px solid #fff;}

/* // sectionBox02 */
#section04 .contentsBox .sectionBox02{width:100%;}
#section04 .contentsBox .sectionBox02 tr:nth-of-type(1) th:nth-of-type(1){border:none;width:10%;}
#section04 .contentsBox .sectionBox02 tr:nth-of-type(1) th:nth-of-type(2),
#section04 .contentsBox .sectionBox02 tr:nth-of-type(1) th:nth-of-type(3){width:45%;}
#section04 .contentsBox .sectionBox02 tr th{border:1px solid #fff;}
#section04 .contentsBox .sectionBox02 tr td{border:none; border-bottom:1px solid #882974; border-right:1px dashed #882974; background:#fff; color:#882974;}
#section04 .contentsBox .sectionBox02 tr td:last-child{border-right:1px solid #fff;}
#section04 .contentsBox .sectionBox02 tr:last-child td{border-bottom:1px solid #fff;}

#section04 .contentsBox .sectionBox02 table{
	margin-bottom:5px;
}

#section04 .contentsBox .sectionBox02 dl,
#section04 .contentsBox .sectionBox02 dt,
#section04 .contentsBox .sectionBox02 dd{width:100%; line-height:2;}
#section04 .contentsBox .sectionBox02 dl{margin-top:20px;}
#section04 .contentsBox .sectionBox02 dt{font-weight:bold; margin-bottom:5px;}
#section04 .contentsBox .sectionBox02 dt span{width:5em; display:inline-block; text-align:center; margin-right:0.5em; color:#882974; background:#fff;}
#section04 .contentsBox .sectionBox02 dd{border-bottom:2px dashed #fff; margin-bottom:20px;}
#section04 .contentsBox .sectionBox02 dd:last-child{border-bottom:none; margin-bottom:0;}

#section04 .contentsBox .sectionBox02 .sectionInner .tableBox p {
	font-size: 80%;
	line-height: 1.5em;
}

/* // sectionBox03 */
#section04 .contentsBox .sectionBox03{width:100%;}
#section04 .contentsBox .sectionBox03 .tablebox{ margin-bottom:1em;}
#section04 .contentsBox .sectionBox03 table{ font-size:86%;}



/*----------------------------------------------------------------------------
***                                                            section05
----------------------------------------------------------------------------*/
#section05{background:#882974;}
#section05 .contentsBox .sectionBox01{margin-bottom:20px;}
#section05 .contentsBox .sectionBox01 ul{width:100%; margin-top:20px; margin-left:-1%;}
#section05 .contentsBox .sectionBox01 ul li{width:18%; padding:0 1%; font-size: 86%;}
#section05 .contentsBox .sectionBox01 ul li dt{border:2px solid #fff; text-align:center; font-weight:bold; margin-bottom:5px;}
#section05 .contentsBox .sectionBox01 ul li dd p{margin-bottom:0.5em; display:table-cell; vertical-align:top; height:11em;}
#section05 .contentsBox .sectionBox01 ul li dd img{width:100%; height:auto;}

#section05 .contentsBox .sectionBox02{width:60%; margin:0 auto;}
#section05 .contentsBox .sectionBox02 dl{border:4px solid #fff;}
#section05 .contentsBox .sectionBox02 dt{border-bottom:4px solid #fff; text-align:center; font-weight:bold; padding:10px 0;}
#section05 .contentsBox .sectionBox02 dd{padding:0; padding:20px;}
/*----------------------------------------------------------------------------
***

section07
----------------------------------------------------------------------------*/
#section07{background:#FFF;}
#section07 table{
	table-layout:fixed;
	width:100%;
	color: #000;
	text-align: right;
	font-weight: bolder;
	text-decoration: none;
	font-family: "メイリオ", "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo UI", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
#section07 table th{width:60%;}
#section07 table th,
#section07 table td{
	border:none;
	text-align:left;
	border-bottom:2px dashed #000;
}

#section07 table{border:2px #000 solid; margin-bottom:0;}

#section07 h3 span{border:2px solid #655D56; margin-right:0.5em; padding:0 0.8em;}
#section07 .contentsBox .sectionBox01{margin-bottom:30px;}
#section07 .contentsBox .box img{width:50%; height:auto;}
#section07 .contentsBox .box p{width:48%; padding-left:2%;}

#section07 td.tar{text-align:right;}
#section07 p{padding:0; margin:0;}
#section07 p img{padding:0; margin:0;}
#section07 p.ryokinBtn img{width:40%; height:auto} 


/*----------------------------------------------------------------------------






                                                            section06
----------------------------------------------------------------------------*/
#section06{background:#F4D900;}
#section06 #mapImg{width:50%;}
#section06 #mapImg img{width:100%; height:auto;}
#section06 #access{padding-left:3%; width:47%;}
#section06 #access > dt{border:2px solid #231815; text-align:center; font-size:120%;}
#section06 #access dl dt{font-size:120%;}
#section06 #access dl dt:before{content:"■"; display:inline; margin-right:0.5em;}
#section06 .sectionBox01{margin-top:20px;}

#section06 .sectionBox01{width:840px; border:2px solid #000; padding:30px 20px; box-sizing:border-box;}
#section06 .sectionBox01 .logoBox{margin-bottom:25px; text-align:center;}
#section06 .sectionBox01 .telBox{text-align:center;}
/*----------------------------------------------------------------------------
***                                                              rightsection
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
***                                                                  footer
----------------------------------------------------------------------------*/

#footerArea address p{text-align:center;}
#footerArea address{padding-bottom:10px;}

/*----------------------------------------------------------------------------
***                                                              ページトップ
----------------------------------------------------------------------------*/

br.sp{display:none;}
