@charset "utf-8";

/*ベース*/
body{
font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
font-size:100%;
color:#323232;
line-height:1.8;
margin:0;
padding:0;}

h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;}

img{
border:0;}

*:focus{
outline:none;}

.red{
color:#C33;}

.fade-up {
transition:opacity 1s;
-moz-transition:opacity 1s;
-webkit-transition:opacity 1s;
-o-transition:opacity 1s;
transition:transform 1s;
-moz-transition:transform 1s;
-webkit-transition:transform 1s;
-o-transition:transform 1s;}

/*レイアウト*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{
display:block;}

.clearfix:after{
content: "";
clear:both;
display:block;}

#contents a img{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;}

#contents a:hover img{
opacity:0.6;
filter:alpha(opacity=60);}

/*ヘッダー*/
#head{
background-image:url(../img/head_bg.png);
background-repeat:repeat-x;
position:fixed;
z-index:9999;
width:100%;}

#head_in{
width:1200px;
height:72px;
margin:0 auto;}

#logo{
float:left;
width:373px;
height:62px;
margin-top:7px;}

#logo a img{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;}

#logo a:hover img{
opacity:0.6;
filter:alpha(opacity=60);}

#logo h2{
display:none;}

#navi{
float:right;}

#navi li{
float:left;
margin:25px 0 0 9px;}

.sh_menu01{
margin-left:-5px!IMPORTANT;}

.sh_menu02{
margin-left:-15px!IMPORTANT;}

#navi a img{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;}

#navi a:hover img{
opacity:0.6;
filter:alpha(opacity=60);}

#menu_btm{
background-image:url(../img/menu_btm_bg.png);
background-repeat:repeat-x;
clear:both;
height:60px;}

#menu_btm a img{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;}

#menu_btm a:hover img{
opacity:0.6;
filter:alpha(opacity=60);}

#menu_btm_in{
width:1200px;
margin:0 auto;}

#menu_btm_l{
float:left;}

#menu_btm_l li{
float:left;
margin:18px 0 0 27px;}

#menu_btm_r{
float:right;
margin-top:11px;}

/*フッター*/
#foot_navi{
background-color:#eeeeed;
height:60px;
text-align:center;}

#foot_navi ul{
text-align:center;}

#foot_navi li{
display:inline-block;
margin:19px 15px 0 15px;}

#foot_navi a img{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;}

#foot_navi a:hover img{
opacity:0.6;
filter:alpha(opacity=60);}

#foot{
background-color:#dde0e9;
height:205px;
text-align:center;}

#foot p{
font-size:80%;
line-height:2;
padding-top:45px;}

#foot_btm{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align:center;
color:#fff;
background-color:#5f9ad1;
font-size:80%;
height:38px;
padding-top:17px;}

/*ページトップ*/
#page_top{
text-align:right;
margin:-32px 50px 0 0;}

/*スライダー*/
#slider{
left:0;}

/*スライダー下*/
#top_proposal{
text-align:center;
background-color:#fff;
padding-bottom:65px;}

#top_proposal h3{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:200%;
color:#141841!IMPORTANT;
padding:70px 0 30px 0;}

#top_proposal p{
line-height:2;
font-size:105%;
margin-bottom:60px;}

#top_proposal_img{
width:1200px;
margin:0 auto;}

/*トップスクエアコンテンツ*/
.snip1403{
float:left;
position:relative;
overflow:hidden;
min-width:400px;
max-width:400px;
width:100%;
color:#ffffff;
text-align:left;
font-size:16px;
background-color:#133b62;
line-height:1.4em;
font-weight:200;
-webkit-transform:translateZ(0);
transform:translateZ(0);}

.snip1403 *{
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:all 0.35s linear;
transition:all 0.35s linear;}

.snip1403 *:before,
.snip1403 *:after{
-webkit-transition:all 0.35s ease;
transition:all 0.35s ease;}

.snip1403 img{
max-width: 100%;
backface-visibility: hidden;
vertical-align: top;}

.snip1403 figcaption{
position:absolute;
top:50%;
margin:30px;
padding:0;
-webkit-transform: translate(0%, -50%);
transform:translate(0%, -50%);}

.snip1403 figcaption div{
-webkit-transform: rotate(-90deg);
transform:rotate(-90deg);
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
opacity:0.7;}

.snip1403 figcaption div:before,
.snip1403 figcaption div:after{
position:absolute;
content:'';
background-color:rgba(255, 255, 255, 0.75);
left:50%;
top:50%;}

.snip1403 figcaption div:before{
width:1px;
height:50px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);}

.snip1403 figcaption div:after{
height:1px;
width:50px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);}

.snip1403 p{
opacity:0;
margin:0;
font-size:85%!IMPORTANT;}

.ent_p{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:160%!IMPORTANT;}
  
.snip1403 a{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;}

.snip1403:hover img,
.snip1403.hover img{
zoom:1;
filter:alpha(opacity=15);
-webkit-opacity:0.15;
opacity:0.15;}

.snip1403:hover figcaption p,
.snip1403.hover figcaption p{
-webkit-transition-delay:0.6s;
transition-delay:0.6s;
opacity:1;}

.snip1403:hover figcaption .plus1,
.snip1403.hover figcaption .plus1,
.snip1403:hover figcaption .plus2,
.snip1403.hover figcaption .plus2{
-webkit-transform:rotate(0);
transform:rotate(0);}

.snip1403:hover figcaption .plus1:before,
.snip1403.hover figcaption .plus1:before,
.snip1403:hover figcaption .plus1:after,
.snip1403.hover figcaption .plus1:after{
top:0%;
left:0%;
-webkit-transition-delay:0.35s;
transition-delay:0.35s;}

.snip1403:hover figcaption .plus2:before,
.snip1403.hover figcaption .plus2:before,
.snip1403:hover figcaption .plus2:after,
.snip1403.hover figcaption .plus2:after{
top:100%;
left:100%;
-webkit-transition-delay:0.35s;
transition-delay:0.35s;}

/*セカンドページ*/
#sec_ttl{
background-image:url(../img/sec_ttl.png);
background-repeat:repeat-x;
position:absolute;
width:100%;
height:51px;
margin:-499px 0 448px 0;}

#sec_ttl h3{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align:center;
color:#FFF;
font-size:110%;
padding-top:12px;}

#sec_ttl_s{
background-image:url(../img/sec_ttl.png);
background-repeat:repeat-x;
position:absolute;
width:100%;
height:51px;
margin-top:-292px;}

#sec_ttl_s h3{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align:center;
color:#FFF;
font-size:110%;
padding-top:12px;}

#sec_ttl_in{
background-image:url(../img/sec_ttl_in.png);
background-repeat:repeat;
text-align:center;}

#sec_ttl_in h4{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight:bold;
font-size:26px;
padding:25px 0 20px 0;}

#facility_img{
background-image:url(../img/facility_img.png);
background-size:cover;
height:631px;}

#facility_in{
height:225px;
margin-top:-225px;}

#omoi_img{
background-image:url(../img/omoi_img.png);
background-size:cover;
height:631px;}

#omoi_in{
height:218px;
margin-top:-218px;}

#result_img{
background-image:url(../img/result_img.png);
background-size:cover;
height:631px;}

#result_in{
height:218px;
margin-top:-218px;
padding-top:40px;}

#manner_img{
background-image:url(../img/manner_img.png);
background-size:cover;
height:631px;}

#manner_in{
height:218px;
margin-top:-218px;
padding-top:8px;}

#hospitality_img{
background-image:url(../img/hospitality_img.png);
background-size:cover;
height:631px;}

#hospitality_in{
height:218px;
margin-top:-218px;
padding-top:30px;}

#relief_img{
background-image:url(../img/relief_img.png);
background-size:cover;
height:631px;}

#relief_in{
height:218px;
margin-top:-218px;
padding-top:30px;}

#boon_img{
background-image:url(../img/boon_img.png);
background-size:cover;
height:631px;}

#boon_in{
height:218px;
margin-top:-218px;
padding-top:30px;}

#event_img{
background-image:url(../img/event_img.png);
background-size:cover;
height:631px;}

#event_in{
height:218px;
margin-top:-218px;
padding-top:23px;}

#access_img{
background-image:url(../img/access_img.png);
background-size:cover;
height:424px;}

#sitemap_img{
background-image:url(../img/sitemap_img.png);
background-size:cover;
height:424px;}

.sec_box{
text-align:center;
width:1200px;
margin:80px auto 0 auto;}

.sec_box_top{
margin-top:40px;}

.sbt{
margin-bottom:50px;}

.sec_box h5{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight:bold;
font-size:26px;
text-align:center;
color:#092954;
display:inline;
border-bottom:2px solid #7f1085;
padding:10px;}

.sec_box_bottom h5{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight:bold;
font-size:26px;
text-align:center;
color:#092954;
display:inline;
border-bottom:2px solid #7f1085;
padding:10px;}

.sec_box_fl{
width:1200px;
padding-top:15px;}

.sec_left{
float:left;
width:402px;
margin-left:130px;}

.sec_left_rl01{
float:left;
width:340px;
margin:0 0 30px 80px;}

.sec_left_rl02{
float:left;
width:340px;
margin:0 0 30px 10px;}

.sec_left_rl03{
float:left;
width:340px;
margin:0 0 30px 30px;}

.sec_right{
float:right;
width:402px;
margin-right:130px;}

.sec_left_l{
float:left;
width:578px;
margin-top:15px;}

.sec_right_l{
float:right;
width:578px;
margin-top:15px;}

.sec_right_se{
float:right;
text-align:left;
display:flex;
align-items:center;
width:520px;
/*height:307px;*/
margin-right:80px;}

.sec_right_se_boon{
float:right;
text-align:left;
display:flex;
align-items:center;
width:520px;
margin-right:80px;}

.sec_left_s01{
float:left;
width:275px;
margin-top:15px;}

.sec_left_s02{
float:left;
width:275px;
margin:15px 16px 0 32px;}

.sec_left_s03{
float:left;
width:275px;
margin:15px 32px 0 16px;}

.sec_left_s04{
float:left;
width:275px;
margin-top:15px;}

.sec_box_st{
text-align:center;}

.sec_box_st h6{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:125%;
margin:20px 0 10px 0;}

.sec_h6{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:125%;
font-weight:bold;
margin:0 0 -12px 0;}

.sec_box_bottom{
text-align:center;
width:1200px;
margin:80px auto 150px auto;}

.sec_box_boon{
background-color:#eaeaea;
text-align:center;
padding:40px 0;
margin-top:40px;}

.sec_box_boon_bottom{
background-color:#eaeaea;
text-align:center;
padding:40px 0;
margin:40px 0 150px 0;}

.sec_box_boon_in{
width:1200px;
margin:20px auto 0 auto;}

.sec_box_boon h5{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight:bold;
font-size:26px;
text-align:center;
color:#092954;
display:inline;
border-bottom:2px solid #7f1085;
padding:10px;}

.sec_box_boon_bottom h5{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight:bold;
font-size:26px;
text-align:center;
color:#092954;
display:inline;
border-bottom:2px solid #7f1085;
padding:10px;}

.ssp{
font-size:85%;}

/*もしもの時*/
.sec_left_s01_m{
float:left;
text-align:left;
background-color:#eaeae9;
font-size:75%;
width:275px;
margin-top:15px;}

.sec_left_s02_m{
float:left;
text-align:left;
background-color:#eaeae9;
font-size:75%;
width:275px;
margin:15px 16px 0 32px;}

.sec_left_s03_m{
float:left;
text-align:left;
background-color:#eaeae9;
font-size:75%;
width:275px;
margin:15px 32px 0 16px;}

.sec_left_s04_m{
float:left;
text-align:left;
background-color:#eaeae9;
font-size:75%;
width:275px;
margin-top:15px;}

.sec_left_s01_m p, .sec_left_s02_m p, .sec_left_s03_m p, .sec_left_s04_m p{
padding:10px 10px 15px 15px;}

/*おもてなし*/
.sec_box_hos{
background-image:url(../img/hospitality_th01.png);
background-repeat:no-repeat;
width:1200px;
height:806px;
padding-top:40px;}

.sec_box_hos h5{
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight:bold;
font-size:26px;
text-align:center;
color:#fff;
display:inline;
border-bottom:2px solid #fff;
padding:10px;}

.sec_box_hos .sec_box_fl{
width:463px;
height:674px;
margin:-40px 0 0 365px;}

/*交通案内*/
#gm{margin-top:30px;}

/*キャプション小*/
.sec_box .caption_s {
font-size: 80%;
font-weight: normal;
font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;}

/*コロナ対策*/
#top_proposal_corona_bg{
background-color: #eeeeed;}

#top_proposal_corona_wrap{
width:840px;
margin:0 auto 0;
padding: 0 30px 20px;
/*border: 1px solid #7f1085;*/
/*background-color: #eff1f5;*/}

#top_proposal_corona_wrap h3{
padding: 70px 0 30px 0;}

#top_proposal_corona_wrap .corona_in {
text-align: left;
margin:0 0 30px;
padding: 0 0 15px;
overflow:hidden;}

#top_proposal_corona_wrap .corona_in.corona_border {
border-bottom: 1px solid #7f1085;}

#top_proposal_corona_wrap .corona_in_left {
width: 538px;
float: left;
overflow: hidden;}

#top_proposal_corona_wrap .corona_in_right {
width: 302px;
float: right;
overflow: hidden;
text-align: center;
line-height: 1;}

#top_proposal_corona_wrap .corona_in_right p {
font-size: 90%;
margin: 0;}

#top_proposal_corona_wrap .corona_in h6 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 125%;
font-weight: bold;
margin: 0 0 10px 0;}

#top_proposal_corona_wrap .corona_in ul {
list-style-type: disc;
padding: 0 0 0 40px;
margin: 0 0 10px 0;}

#top_proposal_corona_wrap .corona_in ol {
list-style-type: decimal;
padding: 0 0 0 40px;
margin: 0 0 10px 0;}