@charset "UTF-8";/* ====================================
reset
==================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&family=Zen+Old+Mincho:wght@400&display=swap');

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}html{overflow-y:scroll;}blockquote,q{quotes:none;}blockquote:before,blockquote:after{content:"";content:none;}q:before,q:after{content:"";content:none;}input,textarea{margin:0;padding:0;}ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}a:focus{outline:none;}.blue{color:#0d3764;}.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{zoom:1;}img{vertical-align:top;}a{color:inherit;text-decoration:none;}

/* ====================================
common
==================================== */
body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*
font-family: 'Noto Sans JP', sans-serif;*/
margin:0;padding:0;}
#container{width:100%;overflow:hidden;font-family: 'Noto Sans JP', sans-serif;}
.mb10{margin-bottom:10px !important;}.mb20{margin-bottom:20px !important;}.mb30{margin-bottom:30px !important;}.mb40{margin-bottom:40px !important;}.mb50{margin-bottom:50px !important;}.mb60{margin-bottom:60px !important;}.mb70{margin-bottom:70px !important;}.mb80{margin-bottom:80px !important;}.mt10{margin-top:10px !important;}.mt20{margin-top:20px !important;}.mt30{margin-top:30px !important;}.mt40{margin-top:40px !important;}.mt50{margin-top:50px !important;}.mt60{margin-top:60px !important;}.mt70{margin-top:70px !important;}.mt80{margin-top:80px !important;}.mr10{margin-right:10px !important;}.mr20{margin-right:20px !important;}.mr30{margin-right:30px !important;}.mt100{margin-top:100px !important;}.ml40{margin-left:40px !important;}.ml20{margin-left:20px !important;}
.floatL{ float:left;}.floatR{ float:right;}.txtL{ text-align:left}.txtR{ text-align:right}.txtC{ text-align:center}.txt12{ font-size:12px;}
a img.imgover:hover{-ms-filter:"alpha( opacity=70 )";filter:alpha(opacity=70);opacity:0.7;}

/*.fontM{ font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-weight: 700; fotransform: rotate(.03deg);-webkit-transform: rotate(.03deg);font-size:14px;}*/
.fontM{font-family: 'Noto Serif JP', serif;font-weight: 400; line-height: 1.6em;font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
.fontM2{font-family: 'Zen Old Mincho', serif;font-weight: 400; line-height: 1.6em;font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
/*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    transform: rotate(0.05deg)*/

.body_area{text-align:center;padding:0px 0 0 0;color: #333}
.body_area_inner{width:1200px;margin:0 auto;font-size:14px;text-align:center;}
/* 下階層メインイメージエリア */
.pages_main_image{overflow:hidden;width:100%;height:250px;text-align:center;margin:0;padding:0;position:relative;}.pages_main_image .inner{position:relative;max-width:1200px;margin:0 auto;}.pages_main_image .inner .image{position:relative;margin-left:-360px;z-index:0;}.pages_main_image .inner .text_content{position:absolute;text-align:left;}.pages_main_image .inner .text_content .ttl{margin-bottom:25px;}.pages_main_image .breadcrumb{max-width:1200px;margin:0 auto;color:#FFF;font-size:11px;text-align:left;padding:8px 0 0 0;position:absolute;top:0;left:0;right:0;}.pages_main_image .breadcrumb a{padding-bottom:1px;border-bottom:1px solid #FFF;}
.pages_main_image .breadcrumb.black{color: #000}.pages_main_image .breadcrumb.black a{border-bottom:1px solid #000;color: #000}
/* 下階層メインイメージなし ページタイトル */
.pages_main_title{}.pages_main_title .inner{position:relative;max-width:1200px;margin:0 auto;text-align:center;padding:53px 0 35px;}.pages_main_title .breadcrumb{max-width:1200px;margin:0 auto;color:#fff;font-size:11px;text-align:left;padding:8px 0 0 0;position:absolute;top:0;left:0;right:0;}.pages_main_title .breadcrumb a{padding-bottom:1px;	color:#fff;border-bottom:1px solid #fff;}
.pages_main_title .breadcrumb.black{color: #000}.pages_main_title .breadcrumb.black a{border-bottom:1px solid #000;color: #000}
/* 下階層 左右余白ありコンテンツエリア */
.contents_box{padding:30px 0;}
/* 下階層 コンテンツ上部ボーダー */
.contents_border_pc{padding:50px 0 0; border-top: 1px solid #ccc}
/* 下階層 注釈エリア */
#annotation_area{background:#f7f4ee;width:100%;font-size:11px;line-height:15px;padding:30px 0 25px;}#annotation_inner{max-width:1200px;margin:0 auto;}#annotation_inner .ind{margin-left:1em;margin-bottom:10px;text-indent:-1em;}
/*--------------------------
下階層 modal
--------------------------*/
#modals_bg{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:10000;display:none;}#modals{display:none;width:100%;height:100%;position:absolute;z-index:10000;overflow:auto;overflow:visible;}#modals img{max-width:100%;height:auto;}#modals .modal_arrow{position:fixed;top:50%;left:0;right:0;width:480px;margin:-36px auto 0;z-index:10001;}#modals .modal_left{position:absolute;right:500px;width:72px;}#modals .modal_right{position:absolute;left:500px;width:72px;}#modals .modal_wrap{vertical-align:middle;padding:50px 0;overflow:auto;}#modals .modal_fmt{width:480px;background-color:#FFFFFF;background-image:url(../images/structure/modal_frame.png), url(../images/structure/modal_frame.png);background-repeat:no-repeat, no-repeat;background-position:center 1%, center 99%;margin-left:auto;margin-right:auto;border-radius:5px;padding:60px 0 55px 0;display:none;}#security #modals .modal_fmt{height:540px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}#modals .modal_box{margin:25px 0;}#structure #modals .modal_box{margin:25px 30px 25px 30px;}#modals .modal_title{text-align:center;margin:0 0 35px 0;}#modals .modal_title_num{text-align:center;margin:0 0 20px 0;}#modals .modal_headline{text-align:center;margin:0 0 25px 0;}#modals .modal_lead{font-size:18px;line-height:1.8em;margin:0 0 20px 0;text-align:left;}#modals .modal_close{text-align:center;}#modals .modal_img{text-align:center;margin:0 0 30px 0;}

/*===============================================================================
===============================================================================*/
/*flexbox*/
.flex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.flex--start{/*左寄せ*/justify-content: flex-start;-webkit-justify-content: flex-start;}
.flex--center{/*中央寄せ*/justify-content: center;-webkit-justify-content: center;}
.flex--end{/*右寄せ*/justify-content: flex-end;-webkit-justify-content: flex-end;}
.flex--bet{/*残り余白の均等割り*/justify-content: space-between;-webkit-justify-content: space-between;}
.flex--around{/*左右余白 ＋ 均等割り*/justify-content: space-around;-webkit-justify-content: space-around;}
/*col*/
.col1{width:100%;}.col2{width:48%;}.col3{width:30%;}.col4{width:24%;}.col5{width:18.4%;}.col6{width:15%;}.col3_2{width: 68%}
.vaC{align-items: center;}.vaB{align-items: flex-end;}


.print_only{ display:none}

@media screen{
/*順番入れ替え*/
body{display:-webkit-box;display: -webkit-flex;display:-ms-flexbox;display: flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#container{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
#footer_contents_menu_area{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
#annotation_area{-webkit-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3;}
#footer_navi_area,
#tei{-webkit-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4;}
h1{-webkit-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5;}
#top_footer_banner_area{-webkit-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6;}
#common_footer_area,
#footer{-webkit-box-ordinal-group:7;-ms-flex-order:7;-webkit-order:7;order:7;}
}

h1{text-align: center;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 20px 0;font-size: 14px;letter-spacing: 0.1em;text-indent: 0.1em;width:100%;}
@media screen and (max-width:767px){/*スマホ対応*/
h1{font-size: 12px;padding: 10px;}

}
@media print{
h1{text-align: left;border-top: none;padding: 0;}
}

@media print,screen and (min-width:768px){ /*PC独自設定*/
.tel_Link{pointer-events: none;}
.sp{display:none !important;}
/* ---------------------------------------------------------------------
 * ヘッダー
 * --------------------------------------------------------------------- */
body{min-width:960px;}
#header{width:100%;height:118px;text-align:center;position:fixed;left:0;top:0;z-index:100;background:#fff}
#container{padding-top:118px;}
#header_box{max-width:1200px;min-width:960px;height:118px;margin:0 auto;position:relative;}
#logo{position:absolute;left:0;top:12px;}
#logo img{width: 400px;}
#logo:hover{-ms-filter:"alpha( opacity=80 )";filter:alpha(opacity=80);opacity:0.8;}
#hbt{position: absolute;top: 12px;right: 0}
#hbt li{margin-left:20px;letter-spacing: 0.1em;}
#hbt li a{display: block}
#hbt li a:hover{color: #b59032;}
#hbt li.st1{font-size: 12px;position: relative; display: inline-block;padding-right: 10px;}
#hbt li.st1 a::after{position: absolute;top: 0;bottom: 0;margin: auto;content: "";vertical-align: middle;right: 3px;width: 4px;height: 4px;border-top: 1px solid #000;border-right: 1px solid #000;-webkit-transform: rotate(45deg); transform: rotate(45deg);}
#hbt li.st2{margin-left: 10px}
#hbt li.st2 a{background: #982124;color: #fff;padding: 12px 0px;text-align: center;width: 220px;border: 2px solid #982124;  -webkit-box-shadow:0px 0px 0px 1px #ffffff inset;  -moz-box-shadow:0px 0px 0px 1px #ffffff inset;  box-shadow:0px 0px 0px 1px #ffffff inset;  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;}
#hbt li.st2 a:hover{background: #42010f}
#hbt li.st3{margin-left: 30px}
#hbt li.st3 a{background: #4c4f71;color: #fff;padding: 12px 0px;text-align: center;width: 220px;border: 2px solid #4c4f71;  -webkit-box-shadow:0px 0px 0px 1px #ffffff inset;  -moz-box-shadow:0px 0px 0px 1px #ffffff inset;  box-shadow:0px 0px 0px 1px #ffffff inset;  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;}
#hbt li.st3 a:hover{background: #6f738e}

/*
#logo{margin:0;position:absolute;left:0;margin:auto;top:18px;}
#logo img{}
*/


/* ---------------------------------------------------------------------
 * グローバルメニュー
 * --------------------------------------------------------------------- */
#global{position:absolute;width: 100%;min-width: 1200px; bottom:0px;left:0;background: #FFF;}
#global_list{width: 1200px;margin:0 auto;background: url("../images/common/gnav_line.png") no-repeat left center;
display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;
justify-content: space-between;-webkit-justify-content: space-between;}
#global_list>li{margin:0;position:relative;text-align: center; font-size: 13px;line-height: 1.3em;vertical-align: middle;color: #333;letter-spacing: 0.1em;text-indent: 0.1em;
background: url("../images/common/gnav_line.png") no-repeat right center;flex-grow: 2;flex-shrink: 0; padding: 0;}
#global_list>li.close{pointer-events:none;-ms-filter:"alpha( opacity=50 )";filter:alpha(opacity=50);opacity:0.5;}
#global_list>li.new:after{content:"";width:27px;height:13px;background:url(../images/common/gnav_ico_new.png) no-repeat 0 0;position:absolute;top:-3px;right:3px;z-index:1;pointer-events:none;}
#global_list>li.menber:before{content:"";width:33px;height:30px;background:url(../images/common/gnav_ico_menber.png) no-repeat 0 0;position:absolute;top:8px;left:10px;z-index:1;pointer-events:none;}
#global_list>li.menber{padding-left: 20px}
#global_list>li a{display: inline-block;position: relative; color: #333;padding: 12px 0;}
#global_list>li>a::after {
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
#global_list>li>a:hover::after {
  transform: scale(1, 1);
}
#global_list>li>a:hover{color: #000}
#toppage #global_list li#globalnav01 a,
#movie #global_list li#globalnav11 a,
#concept #global_list li#globalnav02 a,
#location #global_list li#globalnav03 a,
#landscape #global_list li#globalnav04 a,
#plan #global_list li#globalnav05 a,
#gallery #global_list li#globalnav06 a,
#zeh #global_list li#globalnav07 a,
#equipment #global_list li#globalnav08 a,
#superiority #global_list li#globalnav09 >a,
#outline #global_list li#globalnav10 >a{
/*background: url("../images/common/gnav_act.png") no-repeat center bottom;*/
color:#000;
border-bottom: 3px solid #333
}
}

#global_list .sub_gnavi{position: absolute;overflow: visible; left: 10px; top: 40px;padding: 2px 0; margin:auto;width: 165px;z-index: 1;visibility: hidden;opacity: 0;}
#global_list li#globalnav09:hover .sub_gnavi{visibility: visible;opacity: 1;}
#global_list li#globalnav09:hover .sub_gnavi a{background: #fff;color: #000}
#global_list li#globalnav09:hover .sub_gnavi a:hover{background: #000;color: #fff}
#global_list li .sub_gnavi li{font-size: 11.5px;border: 1px solid #ccc;background: rgba(255,255,255,1);color: #000}
#global_list li .sub_gnavi a{color: #000;display: block}
#global_list li .sub_gnavi a:hover{color: #fff}
#global_list li .sub_gnavi li.close a{color: #ccc!important;pointer-events:none;}


/* ---------------------------------------------------------------------
/*物件別フッターメニューエリア*/
/* --------------------------------------------------------------------- */
#footer_contents_menu_area{ width: 100%; overflow: hidden; padding: 40px 0;}
#footer_contents_menu_area ul{ width: 1200px; margin: 0 auto;}
#footer_contents_menu_area ul li { width: 240px; height: 214px; background-color: #888;}
#footer_contents_menu_area ul li:nth-child(1){background: url("../images/common/footer_menu01.jpg") no-repeat center top; background-size: contain;}/*ホーム*/
#footer_contents_menu_area ul li:nth-child(2){background: url("../images/common/footer_menu12.jpg") no-repeat center top; background-size: contain;}/*ホーム*/

#footer_contents_menu_area ul li:nth-child(3){background: url("../images/common/footer_menu02.jpg") no-repeat center top; background-size: contain;}/*コンセプト*/
#footer_contents_menu_area ul li:nth-child(4){background: url("../images/common/footer_menu03.jpg") no-repeat center top; background-size: contain;}/*ロケーション*/
#footer_contents_menu_area ul li:nth-child(5){background: url("../images/common/footer_menu04.jpg") no-repeat center top; background-size: contain;}/*ランドスケープ*/
#footer_contents_menu_area ul li:nth-child(6){background: url("../images/common/footer_menu05.jpg") no-repeat center top; background-size: contain;}/*間取り*/
#footer_contents_menu_area ul li:nth-child(7){background: url("../images/common/footer_menu06.jpg") no-repeat center top; background-size: contain;}/*ギャラリー*/
#footer_contents_menu_area ul li:nth-child(8){background: url("../images/common/footer_menu07.jpg") no-repeat center top; background-size: contain;}/*ZEH*/
#footer_contents_menu_area ul li:nth-child(9){background: url("../images/common/footer_menu08.jpg") no-repeat center top; background-size: contain;}/*仕様設備*/
#footer_contents_menu_area ul li:nth-child(10){background: url("../images/common/footer_menu09.jpg") no-repeat center top; background-size: contain;}/*サーパス強み*/
#footer_contents_menu_area ul li:nth-child(11){background: url("../images/common/footer_menu10.jpg") no-repeat center top; background-size: contain;}/*ブランド*/
#footer_contents_menu_area ul li:nth-child(12){background: url("../images/common/footer_menu11.jpg") no-repeat center top; background-size: contain;}/*物件概要*/


#footer_contents_menu_area ul li a { display: flex; align-items: center; color: #fff; text-align: center; overflow: hidden; width: 240px; height: 214px; transition: 0.2s;}
#footer_contents_menu_area ul li a strong { flex-grow: 1; letter-spacing: 0.1em; font-weight: bold; font-size: 22px; /*padding-top: 40%;*/ text-shadow: 0 0 10px  #000;}

#footer_contents_menu_area li a:hover {opacity: 0.7}
#footer_contents_menu_area li.close{ display: none;}
/*
#footer_contents_menu_area li.close{ pointer-events:none;-ms-filter:"alpha( opacity=40 )"; filter:alpha(opacity=40);opacity:0.4;}
#footer_contents_menu_area li.close a strong{ color: #CCC;}
*/

@media screen and (max-width:767px){/*スマホ設定*/
#footer_contents_menu_area{overflow: hidden; padding: 40px 0 0;}
#footer_contents_menu_area ul{ width: 100%; margin: 0 auto;}
#footer_contents_menu_area ul li { width: 50%; height: 0; padding-top: 44.5%; margin: 0;}
#footer_contents_menu_area ul li figure { width: 100%; height: 100%; margin-top: -88%;}
#footer_contents_menu_area ul li figure a { width: 100%; height: 100%; padding: 44% 0; display: flex; align-items: center;}
#footer_contents_menu_area ul li figure a strong { font-size: 16px;flex-flow: 1;}
}


/* ---------------------------------------------------------------------
/*販売*/
/* --------------------------------------------------------------------- */
#tei{background:#fff;padding:40px 0;width: 100%; text-align:center;border-bottom:1px solid #ececec;color: #000}
#tei ul{width: 660px;margin: auto}
#tei li{width:40%;text-align: left;margin:0 2%}
#tei li img{width: 100%;height: auto}
#tei li p{font-size: 12px;margin-bottom: 10px}
@media screen and (max-width:767px){/*スマホ設定*/
#tei{background:#fff;padding:10px 0;}
#tei ul{width: 96%}
#tei li{font-size: 13px;}
}
/* ---------------------------------------------------------------------
 * 予約・資料請求バナー
 * --------------------------------------------------------------------- */
#footer_navi_area{position:relative;width:100%;text-align:center;
background: #000;/* 物件別設定 */padding-bottom:40px;color: #fff}
#footer_navi_area:before{content:"";display:block;width:100%;height:3px;/*background:url(../images/common/footer_navi_box_top.png) repeat center top; 物件別設定 */
position:absolute;top:0;}
#footer_navibox{background:#BCC7CC;clear:both;padding:27px 0 24px 0;width:100%;margin:0 auto;border-bottom:1px solid #37485a;}
#footer_navi_tel{ padding:50px 0 0;margin:0 0 15px;}
#footer_navi_tel h3{font-size:18px;padding-bottom:15px;}
#footer_navi_tel #tel_free{font-size:30px;-webkit-font-smoothing:antialiased;letter-spacing:2px;/*background:url(../images/common/footer_tel.png) no-repeat left center;*/display:table;margin:0 auto;padding:0 0 0 0px;}
#footer_navi_tel #tel_std{font-size:17px;letter-spacing:1px;display:table;margin:0 auto;padding:0 10px 0 0px;}
#footer_navi_tel #opan_time{font-size:16px;letter-spacing:1px;}
#footer_navi_tel #opan_time span{font-size:14px;}
#footer_navi_document{display:none;text-align:center;}
#footer_navi_document li{display:inline-block;line-height:0;}
#footer_navi_document li:first-child{margin-right:10px;}
#footer_navi_document.act{display:block;}


@media screen and (max-width:767px){/*スマホ設定*/
#footer_navi_area{padding-bottom:20px;}
#footer_navi_tel{ padding:30px 0 0; margin:0 0 15px;}
#footer_navi_tel h3{ font-size:18px;}
#footer_navi_tel #tel_free{font-size:30px;}
#footer_navi_tel #tel_std{font-size:16px; margin:0 auto 10px;}
#footer_navi_tel #opan_time{font-size:14px;}
#footer_navi_tel #opan_time span{font-size:14px;}
}


/* ---------------------------------------------------------------------
 * フッター　サイト共通メニュー
 * --------------------------------------------------------------------- */
#common_footer_area{ width: 100%; min-width: 1200px; background: #FFF; margin: 0 auto;}
#common_footer_menu_list{ width: 1200px; margin: 16px auto 0; border-left: 1px solid #333; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
#common_footer_menu_list li{ margin:0; text-align: center; font-size: 12px; line-height: 1; color: #333; letter-spacing: 0.1em; text-indent: 0.1em; border-right: 1px solid #333; flex-grow: 2; flex-shrink: 0;}
#common_footer_area .footer_sns{ width: 28px; height: 28px; margin: 20px auto 0;}
#common_footer_area .footer_logo{ width: 109px; height: 20px; margin: 10px auto 0;}
#common_footer_area .footer_sns img,
#common_footer_area .footer_logo img{ max-width: 100%; height: auto;}
#common_footer_area .copyright{ margin-top: 10px; margin-bottom: 20px; text-align: center; font-size: 11px;}


@media screen and (max-width:767px){/*スマホ設定*/
#common_footer_area{ width: 100%; min-width: 100%; background: #FFF; margin: 0 auto;}
#common_footer_menu_list{ width: 96%; margin: 10px auto 16px; border-left: none; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
#common_footer_menu_list li{ margin:6px 0; text-align: center; font-size: 11px; line-height: 1; color: #333; letter-spacing: 0.1em; text-indent: 0.1em; border-right: none;}
#common_footer_menu_list li a{ text-decoration: underline;}
#common_footer_area .footer_sns{ width: 28px; height: 28px; margin: 10px auto 0;}
#common_footer_area .footer_logo{ width: 109px; height: 20px; margin: 10px auto 0;}
#common_footer_area .footer_sns img,
#common_footer_area .footer_logo img{ max-width: 100%; height: auto;}
#common_footer_area .copyright{ margin-top: 10px; margin-bottom: 10px; text-align: center; font-size: 11px;}
}


@media print,screen and (max-width:1200px){ /*1200px以下*/
#global_list{width: 100%;min-width: 100%;}
#global_list>li{font-size: 12px;}
}


/* ---------------------------------------------------------------------
 * ページトップ
 * --------------------------------------------------------------------- */
p.menu_top{position: fixed;z-index: 100; bottom: 0;right: 0;font-size: 11px;text-align: center;display: none;}
p.menu_top img{width: 60px;height: 60px;}
p.menu_top a:hover{opacity: 0.7}
/* ---------------------------------------------------------------------
 * スマホ横表示
 * --------------------------------------------------------------------- */
@media screen and (max-width:767px) and (min-width: 481px){
p.menu_top{bottom: 6vw}
}
/* ---------------------------------------------------------------------
 * スマホ縦表示
 * --------------------------------------------------------------------- */
@media screen and (max-width:480px){
p.menu_top{bottom: 76px}
}



/* ---------------------------------------------------------------------
 * スマホ横のメニュー表示
 * --------------------------------------------------------------------- */
@media screen and (max-width:767px) and (min-width: 481px){
#header{width:100%; height:50px; text-align:left;padding: 0; position: fixed; top: 0; left: 0; z-index:99999; background: #FFF;}
#container{padding-top:50px;}
p#description{display:none}
#header_box{position: relative; width: 100%; height: 50px; margin: 0 auto; z-index: 99999; background: #FFF;}
#logo{position:absolute;top:5px;left:3px!important; text-align: left; width: 90%;}
#logo img{ height: 40px!important; width: auto!important;}
#logo:hover{-ms-filter:"alpha( opacity=80 )";filter:alpha(opacity=80);opacity:0.8;}
#menu_btn{position:absolute; top: 0; right: 0; cursor:pointer; width: auto; height: 50px; z-index: 99999;}
#menu_btn .close{position:absolute; top: 0; right: 0; display:none;}
#menu_btn img{ width: auto; height: 50px!important;}

#top_footer_menu_area{width:100%;position:fixed;left:0;right:0;bottom:0;z-index:99999;background:#FFFFFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
#top_footer_menu_list{width:100%;display: flex; }
#top_footer_menu_list li{margin:0 auto;float:left;text-align:center;width:33.333%;display: flex;  flex-direction: column;}
/*#top_footer_menu_list li{width:25%;}onlineボタンあり なしの場合コメントアウト*/
#top_footer_menu_list li.online{ background-color: #4c4f71;}
#top_footer_menu_list li.contact{ background-color: #1D2B49;}
#top_footer_menu_list li img{ max-width: auto; height: 6vw;}

#global{font-size:12px;width:100%;position:fixed; top: -100%; right: 0; z-index:1;background:#161e23; padding-bottom: 10px;
height:  calc(100svh - 120px);padding-bottom: 120px; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;z-index: 3;-webkit-overflow-scrolling: touch;-webkit-overflow-scrolling: touch;

height:100%;
overflow-y: scroll;  -webkit-overflow-scrolling: touch;
}
#global_list>li{border-bottom:1px solid #25313d; color:#FFF; width: 20%; text-align:center; text-indent: 2em; float:left;-webkit-text-size-adjust:100%;font-size:12px;position: relative;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
#global_list>li a{ border-right:1px solid #25313d; display:block;padding:10% 0;text-decoration:none;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
#global_list>li.current a{ color: #FFF; pointer-events:none;}
#global_list>li.close{pointer-events:none;-ms-filter:"alpha( opacity=50 )";filter:alpha(opacity=50);opacity:0.5;}
/*#global_list>li.new:after{content:"new"; color: #FF2626; font-size: 12px; position:absolute; top:8px; left: 0; text-indent: 2em; z-index:1; pointer-events:none;}*/
/*#global_list>li.member:before{content:"限定公開"; color: #FFF; font-size: 12px; background: #982124; padding: 0.4em; text-indent: 0; position:absolute; top:1em; left:7em; z-index:1; pointer-events:none;}*/

#common_menu>li{color:#666666;font-weight:bold;width:98%;background:#FEFEFE; margin: 4px auto; text-align:center;-webkit-text-size-adjust:100%;font-size:12px;}
#common_menu>li:first-child{ color: #FFF; margin-top: 10px; margin-bottom: 4px; outline:1px solid #FFF; outline-offset: -4px; background-color: #982224; font-size: 12px; letter-spacing: 0.1em;}
#common_menu>li a{color:inherit;text-decoration:none;display:block;padding:6px 0;}
#common_menu>li .icon{ margin-left: 0;}
#common_menu>li .icon img{width:18px; vertical-align: middle;}
}


/* ---------------------------------------------------------------------
 * スマホ縦のメニュー表示
 * --------------------------------------------------------------------- */
@media screen and (max-width: 480px) {
#header{width:100%; height:60px; text-align:left; padding: 0; position: fixed; top: 0; left: 0; z-index:99999; background: #FFF;}
#container{padding-top:60px;}
p#description{display:none}
#header_box{position: relative; width: 100%; height: 60px; margin: 0 auto; z-index: 99999; background: #FFF;}
#logo{position:absolute;top:7px;left:5px;text-align: left;}
#logo img{ max-width: 76%!important; height: 48px!important;}
#logo:hover{-ms-filter:"alpha( opacity=80 )";filter:alpha(opacity=80);opacity:0.8;}
#menu_btn{position:absolute; top: 0; right: 0; cursor:pointer; width: auto; /*height: 16vw;*/height: 60px; z-index: 99999;}
#menu_btn .close{position:absolute; top: 0; right: 0; display:none;}
#menu_btn img{ width: auto; height: 60px!important;}

#top_footer_menu_area{width:100%;position:fixed;left:0;right:0;bottom:0;z-index:99999;background:#FFFFFF;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
#top_footer_menu_list{width:100%;display: flex;}/*20220309修正*/
#top_footer_menu_list li{margin:0 auto;float:left;text-align:center;width:30%;display: flex;flex-direction: column;}
/*#top_footer_menu_list li{width:23%;}オンラインボタンある場合*/
#top_footer_menu_list li.contact{ width:40%}/*オンラインボタンない場合*/
/*#top_footer_menu_list li.contact{ width:31%;}オンラインボタンある場合*/
#top_footer_menu_list li.contact{background-color: #1D2B49;}
#top_footer_menu_list li.online{ background-color: #4c4f71;}
#top_footer_menu_list li img{max-width:100%;height: auto}

#global{font-size:12px;width:100%;position:fixed; top: -100%; right: 0; z-index:1;background:#161e23; padding-bottom: 20px;
height:  calc(100svh - 120px);padding-bottom: 120px; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;z-index: 3;-webkit-overflow-scrolling: touch;-webkit-overflow-scrolling: touch;

height:100%;
overflow-y: scroll;  -webkit-overflow-scrolling: touch;
}
#global_list>li{border-bottom:1px solid #25313d; color:#FFF; width: 50%; text-align:center; /*text-indent: 2em;*/ float:left;-webkit-text-size-adjust:100%;font-size:12px;position: relative;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
#global_list>li a{ border-right:1px solid #25313d; display:block;padding:10% 0;text-decoration:none;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
#global_list>li.current a{ color: #FFF; pointer-events:none;}
#global_list>li.close{pointer-events:none;-ms-filter:"alpha( opacity=50 )";filter:alpha(opacity=50);opacity:0.5;}
/*#global_list>li.new:after{content:"new"; color: #FF2626; font-size: 12px; position:absolute; top:8px; left: 0; text-indent: 2em; z-index:1; pointer-events:none;}*/
/*#global_list>li.member:before{content:"限定公開"; color: #FFF; font-size: 12px; background: #982124; padding: 0.4em; text-indent: 0; position:absolute; top:1em; left:7em; z-index:1; pointer-events:none;}*/

#common_menu>li{color:#666666;font-weight:bold;width:90%;background:#FEFEFE; margin: 8px auto; text-align:center;-webkit-text-size-adjust:100%;font-size:16px;}
#common_menu>li:first-child{ color: #FFF; margin-top: 10px; margin-bottom: 20px; outline:1px solid #FFF; outline-offset: -4px; background-color: #982224; font-size: 18px; letter-spacing: 0.1em;}
#common_menu>li a{color:inherit;text-decoration:none;display:block;padding:20px 0;}
#common_menu>li .icon{ margin-left: 0;}
#common_menu>li .icon img{width:18px; vertical-align: middle;}
}


/*===============================================================================
===============================================================================*/
@media screen and (max-width:767px){/*スマホ対応*/
.tel_Link{pointer-events: auto;}
.pc{display:none !important;}
body{padding-bottom: 80px}
.body_area{padding:0px 0 0 0;background-size:contain}
.body_area_inner{width:96%;padding-bottom:0px;}
.body_area_inner img{max-width: 100%;height: auto}
.body_area h2{margin-bottom:0px;}
.contents_box{width:94%;margin:0 auto;padding:0;}
.contents_border_pc{background:none;}
.contents_border_sp{background-size:100% auto;padding:60px 0 0 0;}

/* 下階層 modal */
#modals{}
#modals .modal_box{margin:0 10px 25px 10px;}
#modals .modal_fmt{width:75%;max-width:480px;left:0;right:0;margin:auto;-webkit-background-size:100% auto, 100% auto;padding:30px 0 25px 0;background-size:100% auto, 100% auto;}
#security #modals .modal_fmt{height:290px;}
#modals .modal_left{right:88%;width:36px;}
#modals .modal_right{left:88%;width:36px;}
#modals .modal_arrow{width:auto;}
#modals .modal_title{text-align:center;margin:0 0 15px 0;}
#modals .modal_lead{font-size:10px;padding:0 10px;}
#modals .modal_close{margin:0 20px;}
#annotation_inner{width:90%;padding:0 5%;-webkit-text-size-adjust:100%;}
.mb10{margin-bottom:20px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:20px !important;}
.mb40{margin-bottom:20px !important;}
.mb50{margin-bottom:20px !important;}
.mb60{margin-bottom:20px !important;}
.mb70{margin-bottom:20px !important;}
.mb80{margin-bottom:20px !important;}
.mt10{margin-top:20px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:20px !important;}
.mt40{margin-top:20px !important;}
.mt50{margin-top:20px !important;}
.mt60{margin-top:20px !important;}
.mt70{margin-top:20px !important;}
.mt80{margin-top:20px !important;}
.mr10{margin-right:0 !important;}
.mr20{margin-right:0 !important;}
.mr30{margin-right:0 !important;}
.variable img{ max-width:100%;height:auto}

/* 下階層メインイメージエリア */
.pages_main_image{height:auto;}

.pages_main_title .inner{width:100%;padding:30px 0 30px;}
.pages_main_image img,
.pages_main_title img{max-width: 100%;height: auto}



/* ---------------------------------------------------------------------
 * バナーエリア
 * --------------------------------------------------------------------- */
#footer_upperbox{width:100%;margin:0 auto;background: #fff}
#footer_banner_box_left{display: none}
#footer_banner_right{padding:0px 0% 0px;width: 100%;float: none;background: #fff}
#footer_banner_right li{margin:0;float:left;}
#footer_banner_right li:nth-child(even){margin-right:0;}
#footer_banner_right li{color:inherit;font-size:11px;text-decoration:none;float:left;width:50%;display:block;padding:0 0 5px;}
#footer_banner_right li a img{width:94%;height:auto;padding:0 3%;}
#footer_banner_right li span{padding:0 3%;}
#sp_fb_area{width:100%;background:#25478B;float: none;text-align:center;padding:17px 0 17px 0;}
/* ---------------------------------------------------------------------
 * フッター　サイト共通メニュー *
 * --------------------------------------------------------------------- */
#footer_logo_area{background:#ebebe7;width:100%;text-align:center;padding:10px 0 28px;}
#footer_logo_area li{display:inline-block;}
#copyright{background:#ebebe7;font-size:10px;color:#666666;width:100%;text-align:center;padding:0 0 100px;}

}
/*===============================================================================
===============================================================================*/
@media screen and (max-width:479px){/*スマホ縦のみ*/
#footer_global_menu .menu li{border-bottom:1px solid #25313d;width:50%;text-align:center;float:left;}
}

@media all and (-ms-high-contrast:none){/* IE10以降 */
  #footer_navi_tel{ font-weight: bold;}
}



@media print{
.print_only{ display:block!important}
html,body{width:1020px;overflow:hidden;}
.sp{display:none !important;}
img{max-width: 100%;height: auto}
#logo{margin:0;position:absolute;left:30px;top:20px;}
#logo:hover{-ms-filter:"alpha( opacity=80 )";filter:alpha(opacity=80);opacity:0.8;}
#global,#side,#footer_upper_banner_area,#footer_under_area,#inc_footer,#footer_policy,#footer_logo,
#footer_navi_document.act,
#footer_upper_banner_area,
#footer_under_area,

#hbt,
#footer,
.breadcrumb,
.menu_top{display:none;}

#global_list{left:30px !important;}
#container{padding-top:0 !important;}
#container{width:100%;min-width:960px;margin:0;padding:0;}
.fixed #header{position:static;top:0;z-index:100;}
#header{position:static;top:0;z-index:100;	}
.body_area_inner,
.inner,
.pages_main_title .inner,
.pages_main_title .breadcrumb,
#annotation_inner,
#header_box{width:100%;min-width:960px;}
.pages_main_image .inner .image{margin-left:0px;}
#footer_contents_menu_area,
#common_footer_area{display: none;}

}