@charset "UTF-8";
/* ---------------------------------------------------------------------
* トップページ
* --------------------------------------------------------------------- */

.inner{max-width:1200px;margin:0 auto;position: relative}
.inner img{width: 100%;height: auto}
@media screen and (max-width:767px){/*スマホ設定*/
.inner{width: 100%;margin: auto}
}
/* floatBnr */
#float,#floatArea{width:260px;height:260px;display:block;}
#float{position:fixed;right:100px;z-index:100;top:200px;}#float:hover{opacity:0.7;filter:alpha(opacity=70);}#floatArea{position:absolute;left:2px;top:0px;cursor:move;}#floatBt1{position:absolute;left:0px;top:260px;}#floatBt2{position:absolute;left:113px;top:173px;}#floatBt3{position:absolute;left:5px;top:158px;}#floatClose{position:absolute;right:3px;top:3px;}




/* MVエリア --------------------------------------------------------------------- */
.mv_slider{position: relative;}
.mv_slider .slick-img img {  margin: auto;  height: 100%;  object-fit: cover;  width: 100%;}
#move .slick-dotted.slick-slider {    margin-bottom:0px!important}
.dots-wrap {    display: flex;    justify-content: center;	position: absolute;bottom: 20px;left: 0;right: 0;margin: auto;}
.dots-wrap li {    width: 10px;    height: 10px;    margin: 0 5px;    border: 1px solid #fff;    border-radius: 50%;    cursor: pointer;}
.dots-wrap li:hover,
.dots-wrap li.slick-active {    background: #fff;}
.dots-wrap li button {    display: none;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    outline: none;    padding: 0;    border: none;    background-color: transparent;}


/* コピーエリア --------------------------------------------------------------------- */
#copy_area{width: 100%; background: #202a3a;
padding: 22px 0;}
@media screen and (min-width:768px){ /*PC設定*/
#copy_area ul{width: 1200px;margin: auto;}
#copy_area li{flex-grow: 1;text-align: center;position: relative}
#copy_area li:nth-child(1)::after,
#copy_area li:nth-child(2)::after,
#copy_area li:nth-child(3)::after{  position: absolute;  content: "";  width: 1px;  height: 90%;  background-color: #fff;  top: 0;  bottom: 0;  right: 0;  margin: auto;}
}
@media screen and (max-width:767px){/*スマホ設定*/
#copy_area{padding: 0px 0}
#copy_area ul{width:96%;margin: auto;position: relative}
#copy_area ul li{width:48%;padding: 16px 0; margin: auto;position: relative;text-align: center; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
#copy_area ul li img{width: 100%;height: auto}
#copy_area li:nth-child(1)::after,
#copy_area li:nth-child(3)::after{  position: absolute;  content: "";  width: 1px;  height: 90%;  background-color: #fff;  top: 0;  bottom: 0;  right: 0;  margin: auto;}
#copy_area ul::after{  position: absolute;  content: "";  width: 100%;  height:1px;  background-color: #fff;  top: 51%; right: 0;left: 0;  margin: auto;}
#copy_area li:nth-child(1) img{width: 60%}
#copy_area li:nth-child(2) img{width: 70%}
#copy_area li:nth-child(3) img{width: 85%}
}

/* テキストエリア --------------------------------------------------------------------- */
#txtarea{text-align: center;padding: 80px 0;}
#txtarea h2{font-size: 40px;letter-spacing: 0.6em;text-indent: 0.6em;color: #000;/*;line-height: 1.8em*/; margin-bottom: 20px;}
#txtarea h2 span{font-size: 35px;letter-spacing: 0.3em;text-indent: 0.3em;color: #000;font-weight: bold;line-height: 1.8em; margin-bottom: 20px;}
#txtarea h3{font-size: 35px;letter-spacing: 0.3em;text-indent: 0.3em;color: #000;font-weight: bold;line-height: 1.8em;}
#txtarea p{padding: 20px 0;font-size: 14px;letter-spacing: 0.1em;text-indent: 0.1em;line-height: 1.8em}
#txtarea div a{margin: auto;font-size: 20px;letter-spacing: 0.5em;text-indent: 0.5em; background: #982124;color: #fff;padding: 17px 0px;text-align: center;width: 400px;display: block;  position:relative;  -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;  -o-transition: 0.3s ease-out;  transition: 0.3s ease-out;}
#txtarea div a:hover{background: #42010f}

#txtarea div.line{border-top:solid 1px #6B0608; width: 960px;margin: auto;}

@media screen and (max-width:767px){/*スマホ設定*/
#txtarea{padding: 40px 0}
#txtarea h2{font-size: 28px;}
#txtarea h2 span{font-size: 20px;}	
#txtarea h3{font-size: 24px;}
#txtarea p{font-size: 14px;width: 96%;margin: auto}
#txtarea div a{width: 90%;font-size: 18px;}
#txtarea div.line{width: 90%;margin: auto;}
}




/* ブロックコンテンツ--------------------------------------------------------------------- */
#block_concept{background: url("../images/top/concept_bg.jpg") no-repeat center top;background-size: cover;text-align: center;color: #fff;}
#block_concept .title{width:163px;margin: auto}
#block_concept h2{font-weight: normal;line-height: 1.2; margin: 100px 0;font-size: 42px;letter-spacing: 0.4em;text-indent: 0.4em}
#block_concept h2 span{color: #c79f62;font-size: 15px;letter-spacing: 0.2em;text-indent: 0.2em}
#block_concept .txt{font-size: 17px; line-height: 3;letter-spacing: 0.1em;text-indent: 0.1em}
#block_concept .img{width: 596px;margin: auto; padding: 100px 0}
@media screen and (max-width:767px){/*スマホ設定*/
#block_concept .title{width:26%;}
#block_concept h2{font-size: 28px;}
#block_concept h2 span{font-size: 13px;}
#block_concept .txt{font-size: 14px;}
#block_concept .img{width: 100%;}
}

#block_design{background: url("../images/top/design_bg.jpg") no-repeat center top;background-size: cover;text-align: center;color: #fff;}
#block_plan{background: url("../images/top/plan_bg.jpg") no-repeat center top;background-size: cover;text-align: center;color: #fff;}
#block_public{background: url("../images/top/public_bg.jpg") no-repeat center top;background-size: cover;text-align: center;color: #fff;}
#block_access{background: url("../images/top/access_bg.jpg") no-repeat center top;background-size: cover;text-align: center;color: #fff;}
.block h2{font-weight: normal;color: #c79f62; padding: 260px 0 30px;font-size: 37px;letter-spacing: 0.4em;text-indent: 0.4em}
.block .txt{font-size: 30px; letter-spacing: 0.1em;text-indent: 0.1em;}
.block .bt{width: 165px;margin: 100px auto}
@media screen and (max-width:767px){/*スマホ設定*/
.block h2{font-weight: normal;color: #c79f62; padding: 260px 0 30px;font-size: 26px;letter-spacing: 0.4em;text-indent: 0.4em}
.block .txt{font-size: 15px; letter-spacing: 0.1em;text-indent: 0.1em;}
.block .bt{width: 40%;margin: 100px auto}
}
/*インフォメーション --------------------------------------------------------------------- */
#info_area{background: #fff;width:100%;padding:60px 0 40px;border-bottom:1px solid #ececec}
#info_area .info_list{border-bottom: 1px solid #ececec;padding: 20px 0;margin-bottom: 20px;font-size: 14px;}
#info_area .info_list a{display: block;text-decoration: underline}
#info_area .info_list a:hover{color: #b59032;}
#info_area .info_list .info_title{font-weight: bold;letter-spacing: 0.1em; margin-bottom: 8px; }
#info_area .info_list .info_text{}
h2.pt{font-size: 26px;color: #b59032;text-align: center;position: relative;margin-bottom: 2em;letter-spacing: 0.1em;text-indent: 0.1em}
h2.pt:before {  content: '';  position: absolute;  left: 50%;  bottom: -15px;  display: inline-block;  width: 60px;  height: 1px;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  background-color: #b59032;}


@media screen and (min-width:768px){ /*PC設定*/
#info_area .info_list a:hover .cssArrow_r{opacity: 1;width: 90%;}
}
@media screen and (max-width:767px){/*スマホ設定*/
h2.pt{font-size: 20px;}
#info_area{padding:40px 0 20px;}
#info_area .info_list{padding: 10px 20px;font-size: 13px}
#info_area .info_list a .info_title,
#info_area .info_list a .info_text{width: 100%;}

#info_area .arrow{margin-top: 20px;margin-left: 0;width: 50px;margin-left: auto;margin-right: 10px;}
.spimg{width: 100%;height: auto}

}


/* TOPページ用フッターバナーエリア（スライドショー）-----------------------------------------*/
#top_footer_banner_area { width: 100%; background:#F7F4EE; padding: 10px 0; margin-bottom: 10px;}
#top_footer_banner_area ul.footer_slider { margin: 10px auto; width:1140px;}
#top_footer_banner_area a:hover img{opacity: 0.7;}
#top_footer_banner_area .slick-prev:before,
#top_footer_banner_area .slick-next:before {/*左右の矢印の色を変える*/color: #000;}
#top_footer_banner_area .slick-next {/*左右の矢印の位置を変える*/right: -26px; z-index: 99; width: 26px; height: 36px;}
#top_footer_banner_area .slick-prev {left: -30px; z-index: 100; width: 26px;height: 36px;}
#top_footer_banner_area .slick-dots li.slick-active button:before,
#top_footer_banner_area .slick-dots li button:before {/*スライド数のドットの色を変える*/color: #000;}
#top_footer_banner_area .footer_slider img {max-width: 98%;height: auto;}


@media screen and (max-width:767px){/*スマホ設定*/
#top_footer_banner_area {padding: 10px 0;}
#top_footer_banner_area ul.footer_slider {width: 70%;}
#top_footer_banner_area ul.footer_slider li{text-align: center}
#top_footer_banner_area .slick-next {right: -36px;}
#top_footer_banner_area .slick-prev {left: -36px;}
#top_footer_banner_area .footer_slider li img {width: 100%;height: auto;}
}



@media print{
#move{display: none}
#top_header_banner_area .mainBannerTxt,
#copy_area ul,
#copy_area2 ul{width: 100%}
#copy_area li img,
#copy_area2 li img{width: 90%;height: auto}
#online_service_area .online_service_wrapper,
#COVID19 ul{width:96%!important}
#COVID19 ul li.title{width:68%!important;}
#COVID19 ul li.movie{width: 30%!important;}
#online_service_area .online_detail_button{left:auto;right: 10px;width: 30%}
#online_service_area .online_regist_button{left:auto;right: 10px;width: 30%}

#footer_contents_menu_area,#top_footer_banner_area{display: none}
}