@charset "UTF-8";
/********************************/
/* トップ　*/
/********************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

img{width:100%; height:auto;}
::before, ::after {box-sizing: border-box;}
body {width:100%;font-family: "Noto Serif JP", serif, "Yu Gothic","游ゴシック",YuGothic,"游ゴシック体",sans-serif,"Hiragino Kaku Gothic Pro W6","ヒラギノ角ゴ Pro W6","Osaka","ＭＳ Ｐゴシック"; font-weight:600;background-attachment:fixed;background:#fff;padding:0;margin:0;vertical-align: middle;height:100%;text-align:center;line-height:165%;}

#mainback{ position:relative;height: auto; background-size: cover; padding-top:42.3%; overflow:hidden;}

header{width:100%;margin:0 auto; padding:8px 0; background:rgba(255, 255, 255, 0.8);overflow:hidden;position: fixed;top: 0;left: 0;z-index:20;}
h1.menulogo{max-width:300px; float:left; margin:0; padding: 0 0 0 1%;}
h1.menulogo a:hover{ opacity:1 !important;}
ul.hmenu{ width:68%;display:flex; justify-content:  flex-end; margin:10px auto 0; padding:0; float:right;}
ul.hmenu li{text-align:center; list-style:none;color:#000; font-size:1.0rem; padding:5px 15px 0;}
ul.hmenu li.htoi{padding:0px 15px 0;}
ul.hmenu li a{color:#000; text-decoration:none;vertical-align: -webkit-baseline-middle;}
a:hover{ opacity:0.5;}
a:visited {color: inherit;}
ul.hmenu li.htoi img{ vertical-align: middle;}

#mainback .maintex{max-width:1200px;position: absolute;top:50%;left:40%;transform: translate(-50%, -50%);margin:0 auto;padding:0; text-align:left;text-shadow:0 0 10px #fff;z-index: 10;}
#mainback .maintex p{font-size:3.2vw; color:#000; line-height:120%;text-shadow:#fff 1px 1px 5px, #fff -1px 1px 5px, #fff 1px -1px 5px, #fff -1px -1px 5px; font-weight:400;}

#mainback .fade{
background-image: url(../img/mainback.jpg);position: absolute;top: 0;left: 0;width: 100%;height: auto;padding-top:42.3%;background-position: center center;background-size: cover;background-repeat: no-repeat;z-index: 10;opacity: 0;inset: 0;animation-name: slideShow;animation-iteration-count: infinite;animation: slideShow 15s linear infinite 0s;}
#mainback .fade:nth-child(2) {animation-delay: 5s;background-image: url(../img/mainback2.jpg);}
#mainback .fade:nth-child(3) {animation-delay: 10s;background-image: url(../img/mainback3.jpg);}

@keyframes slideShow {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    80%{
    opacity: 0;
    transform: scale(1.2);
  }
  100%{
    opacity: 0;
    z-index: 0;
  }
}

#wrapper{width:100%;margin:0px auto; padding:0;text-align:center; box-sizing:border-box;}
#wrapper2{width:100%;margin:0px auto; padding:2% 0 0;text-align:center; box-sizing:border-box;}
/********************************/
/* コンテンツ　*/
/********************************/

/********業務************/
#c1{max-width:1200px;margin:0 auto 8%; padding:0;}
.eng{ font-size:24px; color:#668dbb;}
#c1 h2{font-size:54px; color: #13315c; font-weight:normal; line-height:130%; text-align:center; margin:0 auto 7%; padding:0;}
.ls{ display:block;letter-spacing:0.5rem; text-indent:0.5rem;}
ul.gyoum{ max-width:1200px; display:flex;flex-wrap:wrap; margin:0 auto 6%; padding:5% 0 0 0;}
ul.gyoum li{max-width:520px; list-style:none; margin:0 auto 5%; padding:0 1.6%;}

/********紹介************/
#c2{width:100%;margin:0 auto 8%; padding:8% 0 7%;  background:url(../img/c2back.jpg) no-repeat; position:relative;height: auto; background-size: cover; overflow:hidden;}
#c2 h2{font-size:54px; color: #fff; font-weight:normal; line-height:130%; text-align:center; margin:0 auto 7%; padding:0;}
.bgsbox{max-width:1200px;margin:0 auto; padding:0; overflow:hidden;}
.bgsbox .bgstexbox{width:52%; float:right; margin:0; padding:0;}
.bgsbox p{text-align:left; color:#fff; line-height:150%; padding:0 5% 8% 0; font-size:21px;text-align: justify;}
.fs42{font-size:42px; font-weight:600; line-height:150%;}
.fs48{font-size:48px; font-weight:600; line-height:150%;}
.bgimg{position:absolute; left:0; top:22%; width:44%; height:auto; margin:0; padding:0;}
.fs18{font-size:18px;}
/*
.more1{max-width:156px; margin:0; padding:0; float:right;}
.more1 img{width:85%; height:auto;}
.more3{max-width:193px; margin:0; padding:0; float:right;}
.more3 img{width:85%; height:auto;}
*/
ul.ba_me{display:flex;margin:0; padding:0; clear:both; justify-content: flex-end;}
ul.ba_me2{display:flex;margin:0; padding:0; clear:both; justify-content:start;}
ul.ba_me li, ul.ba_me2 li{list-style:none; margin:0; padding:0 1%; max-width:295px;}
ul.ba_me li img, ul.ba_me2 li img{border:1px solid #ccc;}

/********特徴************/
#c3{max-width:1200px;margin:0 auto 6%; padding:0; overflow:hidden;}
#c3 h2{font-size:54px; color: #13315c; font-weight:normal; line-height:130%; text-align:center; margin:0 auto 12%; padding:0;}
ul.toku{width:100%; margin:0 auto; padding:0;}
ul.toku li{ list-style:none; margin:0 auto 5%; padding:0;}
ul.toku li:last-child{margin:0 auto 2%;}
ul.halfbox, ul.halfbox2{width:100%; display:flex;flex-wrap:wrap; margin:0 auto; padding:0;}
ul.halfbox li, ul.halfbox2 li{width:50%;list-style:none;}
.bkpo1{background:url(../img/no1.png) no-repeat;}
.bkpo2{background:url(../img/no2.png) no-repeat;background-position: top right;}
.bkpo3{background:url(../img/no3.png) no-repeat;}
ul.halfbox li h3{font-size:35px;text-align:right; color:#184b89; line-height:140%; padding:2% 8% 8% 0;}
ul.halfbox2 li h3{font-size:35px;text-align:left; color:#184b89; line-height:140%; padding:2% 0% 8% 8%;}
ul.halfbox li p{font-weight:normal;width:90%; color:#000; margin:0; padding:10px; text-align:left; font-size:21px; line-height:160%;}
ul.halfbox2 li p{font-weight:normal;width:90%; color:#000; margin:0; padding:10px 10px 10px 50px; text-align:left; font-size:21px; line-height:160%;}
/*
.more2{max-width:312px; margin: 2% auto 0; padding:0; float:right;}
.more2 img{width:85%; height:auto;}
*/

/********top問い合わせ************/
#toptoi{width:90%;margin:0 auto; padding:0; background:url(../img/toiback.jpg) no-repeat; position:relative;height: auto; background-size: cover; padding:5%; overflow:hidden;}
.toiin{ max-width:1000px; margin:0 auto; padding:2% 0 5%; background:#fff; opacity:0.9;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);}
.toiin p{padding:15px 10px; text-align:center; font-size:16px; color:red; font-weight:600;}
.toiin h2{font-size:54px; color: #13315c; font-weight:normal; line-height:130%; text-align:center; margin:0 auto 5%; padding:0;}
ul.telmail{width:100%; display:flex; margin:0 auto; padding:0;}
ul.telmail li{max-width:515px; list-style:none; margin:0; padding:0 3%;}

/********************************/
/* フッタ　*/
/********************************/
footer{ width:100%; background: url(../img/footback.png) repeat;padding:3% 0 2%;clear:both;margin:0px auto;}
.footbox{max-width:1200px; margin:0 auto 3%; padding:0; overflow:hidden; color:#fff;}
ul.fleftbox{width:600px; float:left; margin:0 auto; padding:0;}
ul.fleftbox li{list-style:none; font-size:16px; text-align:left; padding-left:4%;}
ul.frightbox{width:250px; float:right; margin:0 auto; padding:0;}
ul.frightbox li{list-style: disc; text-align:left; padding:3px; font-size:16px;}
.flogo{ max-width:403px;margin:0 0 4% 0; padding:0;}
p.ad{ clear:both;color:#fff;text-align:center;font-size:14px;}
ul.frightbox li a{color:#fff; text-decoration:none;}

/********************************/
/* パンくず　*/
/********************************/
#pank{max-width:960px; margin:0 auto; padding:0;}
#pank ol{width:100%; display:flex; margin:0; padding:0;}
#pank ol li{ list-style:none; font-size:14px; text-align:left;color:#333; padding:0 0 0 10px;}
#pank ol li a{text-decoration:none;color:#333;}

/********事務所案内・アクセス************/
#ac{max-width:960px;margin:0 auto 6%; padding:0; overflow:hidden;}
#ac h2{font-size:54px; color: #13315c; font-weight:normal; line-height:130%; text-align:center; margin:0 auto 5%; padding:0;}
#ac table{ width:90%; display:table;border-collapse:collapse;box-sizing: border-box;line-height: 1.8;text-align: left; margin:0 auto 5%; padding:0 5%;}
#ac table tr{border-bottom: 1px dotted #ccc;}
#ac table tr th{width:30%;display: table-cell; padding:15px 15px 15px 0;}
#ac table tr td{display: table-cell;padding: 15px 0;}
.acbox{width:90%; margin:0 auto; padding:0 5%;}
.map{ width:100%;height:100%; margin:0 auto 2%;position:relative;padding-top:46%; }
.map iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
#ac p{ margin:0 auto 2%; padding:0; font-size:18px; line-height:1.8;text-align:left;}
.fs16{font-size:16px;}
#ac h3{font-size:28px; color: #13315c; font-weight:normal; line-height:1.5; text-align:left; margin:0 auto 1%; padding:0 0 10px; border-bottom:1px solid #ccc;font-weight: 600;}
ul.room{width:94%; display:flex; margin:2% auto;}
ul.room li{width:50%; list-style:none; margin:0 auto; padding:0;}
.adbuild{display:flex; width:100%; margin:0 auto 3%; padding:0;}
.adtex{ width:69%;margin:0; padding:0;}
.buildimg{ width:30%;margin:0; padding:0; }
/********弁護士紹介************/
#bgs{max-width:960px;margin:0 auto 6%; padding:0; overflow:hidden;}
#bgs h2{font-size:54px; color: #13315c; font-weight:normal; line-height:130%; text-align:center; margin:0 auto 8%; padding:0;}
.bgbox{width:90%; display:flex; margin:0 auto 5%; padding:0 5%;}
.bgbox .person{ width:30%;margin:0; padding:0;}
.bgbox .person p{ font-size:24px; line-height:140%; text-align:center; color:#000; padding-top:10px;}
.alha{ font-size:21px; text-align:center; color:#668dbb; line-height:140%;}
.btit{ font-size:16px; text-align:center; color:#13315c; line-height:140%;}
.bgbox ul.keireki{ width:65%; margin:0 0 0 5%; padding:0;}
.bgbox ul.keireki li{list-style:disc; list-style-position:inside; border-bottom:1px dotted #898989; margin:0 10px; padding:10px 0px; text-align:left; font-size:16px; line-height:140%; color:#444; font-weight:600;}
.bgbox ul.keireki h3{margin:0 auto; padding:0 0 10px 5px; text-align:left; font-size:24px; border-bottom:1px solid #000; line-height:140%;}
ul.sikak{width:90%; margin:0 auto 5%; padding:0 5%;}
ul.sikak li{width: 96%;margin: 0 10px;list-style: disc; list-style-position:inside;border-bottom:1px dotted #898989; padding:10px 0; text-align:left; font-size:16px; line-height:140%; color:#444; font-weight:600;}
ul.sikak h3, .ais h3{ margin:0 auto; padding:0 0 10px 5px; text-align:left; font-size:24px; border-bottom:1px solid #000; line-height:140%;}
.ais{ width:90%; margin:0 auto; padding:0 5%;}
.ais p{text-align:left; padding:10px 20px; font-size:18px; color:#444; line-height:170%;}
.ais p.texr{text-align:right;}
/********弁護士費用************/
#fee{max-width:960px;margin:0 auto 6%; padding:0; overflow:hidden;}
#fee h2{font-size:54px; color: #13315c; font-weight:normal; line-height:130%; text-align:center; margin:0 auto 8%; padding:0;}
#fee h3{font-size:28px; color: #13315c;line-height:1.5; text-align:left; margin:0 auto 3%; padding:0 0 0 10px;font-weight: 600; border-left:7px solid #13315c;}
#fee h4{ width:98%;font-size:22px; color: #000; line-height:1.5; text-align:left; margin:0 auto 3%; padding:0 0 10px; border-bottom:1px solid #ccc;font-weight: 600;}
#fee table, #fee2 table{ width:100%;  margin:0 auto 7%; padding:0; border-collapse: collapse;border: solid 1px #ccc;}
#fee table tr, #fee2 table tr{border:1px solid #ccc;}
.feebox{width:96%; margin:0 auto; padding:0;}
table.feeta1 th{width:30%; font-size:21px; padding:15px 10px; background:#1e699b; color:#fff;vertical-align: middle;text-align:center;border-right:1px solid #ccc;}
table.feeta1 td{width:30%; font-size:18px; padding:15px 10px;background:#fff; color:#000; line-height:150%;vertical-align: middle;text-align:left;border-right:1px solid #ccc;}
table.feeta1 th.tl, table.feeta1 td.tl{width:40%;}
table.feeta2 th{width:33%; font-size:21px; padding:15px 10px; background:#1e699b; color:#fff;vertical-align: middle;text-align:center;border-right:1px solid #ccc;}
table.feeta2 td{width:33%; font-size:18px; padding:15px 10px;background:#fff; color:#000; line-height:150%;vertical-align: middle;text-align:left;border-right:1px solid #ccc;}
table.feeta3 th{width:49%; font-size:21px; padding:15px 10px; background:#1e699b; color:#fff;vertical-align: middle;text-align:center;border-right:1px solid #ccc;}
table.feeta3 td{width:49%; font-size:18px; padding:15px 10px;background:#fff; color:#000; line-height:150%;vertical-align: middle;text-align:left;border-right:1px solid #ccc;}
table.feeta3 td.bkb{background:#e9eff4; text-align:center;}
table.feeta4 th{width:29%; font-size:21px; padding:15px 10px; background:#1e699b; color:#fff;vertical-align: middle;text-align:center;border-right:1px solid #ccc;}
table.feeta4 td{width:69%; font-size:18px; padding:15px 10px;background:#fff; color:#000; line-height:150%;vertical-align: middle;text-align:left;border-right:1px solid #ccc;}
table.feeta5 th{width:30%; font-size:21px; padding:15px 10px; background:#1e699b; color:#fff;vertical-align: middle;text-align:center;border-right:1px solid #ccc;}
table.feeta5 td{width:30%; font-size:18px; padding:15px 10px;background:#fff; color:#000; line-height:150%;vertical-align: middle;text-align:left;border-right:1px solid #ccc;}
table.feeta5 th.tl, table.feeta1 td.tl{width:40%;}
#fee table.feeta5{margin:0 auto 1%;}
#fee p{text-align:left; line-height:1.5; font-size:18px; color:#000; margin-bottom:5%; padding-bottom:10px;}

#wrapper_fe{width:100%;margin:0px auto; padding:5% 0 3%;text-align:center; box-sizing:border-box;background:#dce6ef;}
#fee2{max-width:960px;margin:0 auto; padding:0; overflow:hidden;}
#fee2 h3{font-size:32px; color: #13315c;line-height:1.5; text-align:center; margin:0 auto 3%; padding:0 0 0 10px;font-weight: 600;}

.fsmid{font-size:21px;}
/********取扱業務************/
#serv{max-width:960px;margin:0 auto 6%; padding:0; overflow:hidden;}
#serv h2{font-size:54px; color: #13315c; font-weight:normal; line-height:130%; text-align:center; margin:0 auto 8%; padding:0;}
#serv h3{font-size:36px; color: #13315c;line-height:1.5; text-align:left; margin:0 auto 3%; padding:0 0 0 10px;font-weight: 600; border-left:7px solid #13315c;}
.servbox{width:100%; margin:0 auto 15%; padding:0;}
.servic{width:100%; margin:0 auto; padding:0;}
.nybox{width:90%; padding:5%; margin:0 auto; background:#e6eef4;}
.nytit{font-size:36px; font-weight:600; text-align:center;line-height:1.5; margin:0 auto 2%;}
.nyimg{ width:42%; margin:0 auto;}
ul.nyul{margin:0 auto; padding:2% 5% 5%;border-radius:10px;background-color: #fff;text-align:left; font-size:24px; line-height:1.5;}
ul.nyul li{list-style:none;text-align:left; font-size:24px; line-height:1.5; font-family: "Noto Sans JP", sans-serif;color: #333333;border-bottom: 2px dotted #999;padding: 2% 0;}
ul.nyul li img{width:8%; height:auto;vertical-align: middle;}
.marker1{background: linear-gradient(transparent 60%, #ffda40 30%);}
.nylast{text-align:center; margin:5% auto 0; font-size:28px;line-height:1.5;}

/*
ul.balloon-004{margin:0 auto;}
ul.balloon-004 li{ list-style:none;display: flex;text-align:left; font-size:24px; line-height:1.5; font-family: "Noto Sans JP", sans-serif;align-items: center;position: relative;max-width: 90%;margin:0 0 3% 15px;padding: .8em 1.2em;border-radius:10px;background-color: #fff;color: #333333;}
ul.balloon-004 li::before{position: absolute;left: -15px;width: 15px;height: 30px;background-color: #fff;clip-path: polygon(0 50%, 100% 0, 100% 100%);content: '';}
ul.balloon-004 li:last-child{margin-bottom:0;}
*/
.pobox{width:90%; padding:5%; margin:0 auto; background:#fff3e9;}
.poimg{ width:30%; margin:0 auto;}
.potex{margin:0 auto;border-radius: 10px; padding:3% 3% 1%; background:#fff;}
.potex p{text-align:left; font-size:18px; line-height:1.7; color:#333; padding-bottom:20px;}
/********************************/
/* form　*/
/********************************/
#container {max-width:1200px;margin:0 auto 5%; padding:0;}
#container h2{font-size:54px; color: #13315c; font-weight:normal; line-height:130%; text-align:center; margin:0 auto 4%; padding:0;}
#contents{font-family: "Noto Sans JP", sans-serif;max-width:960px;margin: 0 auto;padding:0 0 5%;}
#contents p{ font-size:18px; font-weight:normal; text-align:left; line-height:150%; padding:20px; margin:2% auto 0; text-align:left;}
form#mailformpro dl {width:92%;margin:0 auto 3vh;}
form#mailformpro dl dd, form#mailformpro dl dt {font-size:1rem}
form#mailformpro dl dt {width:30%;text-align:left;padding:1.5rem 0}
form#mailformpro dl dt .must {float:right}
form#mailformpro dl dd {padding:1.5rem 0;padding-left:35%}
div.mfp_buttons button {font-size:calc(1.325rem + .6vw)}
.mfp_element_button, .mfp_element_reset, .mfp_element_submit, .submit_btn {border-radius:12px;padding:5px 1.5rem;border:none;background:0 0;background-color:#222;text-shadow:none;font-size:calc(1.325rem + .6vw);cursor:pointer;
outline:0;color:#fff}
.mfp_element_button:hover, .mfp_element_reset:hover, .mfp_element_submit:hover, button.mfp_next:hover, button.mfp_prev:hover {background:#e51717;-webkit-box-shadow:none;box-shadow:none}
.mfp_achroma, .mfp_colored {background:0 0}
form#mailformpro dl dt {border-top: none;}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password {padding: 18px 12px;margin: 2px;}
p.formsyouhin{ width:50%; height:auto;}
div.mfp_buttons button {display: block;text-align: center;text-decoration: none;width: 50%;margin: auto;padding: 1rem;font-weight: bold;border-radius: 100vh;border-bottom: 7px solid #af0000;background: #e51717;color: #fff;}
div.mfp_buttons button:hover {margin-top: 6px;border-bottom: 1px solid #af0000;color: #fff;}
/********************************/
/* thanks　*/
/********************************/
#thanksbox{max-width:960px; margin:3% auto; padding:0;font-family: "Noto Sans JP", sans-serif;}
h2.h2tks{ width:100%; background: #13315c; padding:20px 0; font-size:32px; text-align:center; color:#fff;}
.totoppage{width:60%; color:#FFF; margin:40px auto 40px; padding:20px; background:#333; text-align:center; border-radius:6px;}
.totoppage a{color:#fff;}
div.mfp_thanks p {line-height: 1.7;font-size: 18px; text-align:left;}


/********************************/
/* 草食　*/
/********************************/
.rbl{font-size:24px;color:#CC0000;font-weight:700;background:#FF9;}
.blb{color: #03C;font-weight:700;}
.bl{color: #003399;}
.rb{font-weight:700;color:#ff0000;}
.rr{color: #CC0000;}
.bb{font-weight:700;color: #000000;}
.wb{font-weight:700;color: #FFF;}
.fb{font-weight:700;}
.yb{font-weight:700;color: #ffe400;}
.greenbold{font-weight:700;color: #006600;}
.tal{text-align:right;}
.db{display:block;}

.totop{position: fixed;bottom: 16px;right: 16px;}
.totop img{width:70%; height:auto;}
.totop a{display: block;text-decoration: none;}
.totop:hover{opacity: 0.85 ;}

.brsp {display:none;}
.pc { display: block !important; }
.sp { display: none !important; }

@media only screen and (max-width:1200px) {
	#mainback {padding-top:60%;}
}

@media only screen and (max-width:1111px) {
	ul.gyoum li {max-width: none; width: 46%;}
}

@media only screen and (max-width:1030px) {
 ul.hmenu li{font-size:0.95rem; padding:0 10px;}
}

@media only screen and (max-width:1069px) {
 .fs48{font-size:4.3vw;}
}

@media screen and (min-width:1025px) {
  .mfp_element_button, .mfp_element_reset, .mfp_element_submit, .submit_btn {font-size:1.75rem}
}

@media only screen and (max-width:969px) {
	h1.menulogo{max-width:250px;}
	 #serv h3{ margin:0 2% 3%;}
	 .servic{width:96%; margin:0 auto; padding:0;}
}

@media only screen and (max-width: 840px) {
.pc { display: none !important; }
.sp { display: block !important; line-height:0; }

#mainback {padding-top:91%;}
#mainback .fade{
background-image: url(../img/sp_main_1.jpg);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
  opacity: 0;
  inset: 0;
  animation-name: slideShow;
  animation-iteration-count: infinite;
  animation: slideShow 15s linear infinite 0s;
}

#mainback .fade:nth-child(2) {animation-delay: 5s;background-image: url(../img/sp_main_2.jpg);}
#mainback .fade:nth-child(3) {animation-delay: 10s;background-image: url(../img/sp_main_3.jpg);}
h1.menulogo{max-width:none; width:40%;}
#mainback .maintex {max-width:none;width:100%; left:50%;}
#mainback .maintex p{font-size: 6.2vw; text-align:center;}

.bgimg {position: static;width: 80%; height: auto;margin: 0 auto 5%;padding: 0;}
.bgsbox .bgstexbox {width: 80%;float: none;margin: 0  auto;padding: 0;}
.bgsbox p {padding: 0 5% 5% 0;}
#c1 h2, #c2 h2, #c3 h2, .toiin h2, #container h2, #bgs h2, #ac h2, #fee h2{font-size: 5.8vw;max-width: none; width:90%;}
.fs48{font-size:6.5vw;}

ul.toku li {margin: 0 auto 8%;}
ul.halfbox, ul.halfbox2{ width:100%;justify-content: center;}
ul.halfbox li, ul.halfbox2 li{width:90%; margin:0 auto 2%;}
ul.halfbox li h3, ul.halfbox2 li h3{ font-size:5.8vw;padding: 1% 2% 3%;}
ul.halfbox li p, ul.halfbox2 li p{font-size: 21px; padding:10px;}
ul.halfbox :nth-child(1) { order: 2; }
ul.halfbox :nth-child(2) { order: 1; }

#c2{background:url(../img/sp_bgback.jpg) no-repeat top center;padding:10% 0;}
.more1 {text-align: right;}
.more2 {text-align: right;padding-right: 5%;}
.more3 {text-align: right;}
#toptoi {background: url(../img/toiback.jpg) no-repeat top center;}
.nytit {font-size: 48px;}
.nyimg{ width:60%; margin:0 auto;}
.poimg{ width:50%; margin:0 auto;}
.marker1 {background: linear-gradient(transparent 70%, #ffda40 20%);}

.adbuild{ flex-wrap:wrap;}
.adtex{ width:98%;}
.buildimg{ width:50%;}

ul.ba_me, ul.ba_me2{justify-content: center;padding:5% 0 3%;}
ul.ba_me li, ul.ba_me2 li{max-width: 280px;}

footer {padding: 5%; width:90%;}
.footbox{display:flex;}
ul.fleftbox {width:62%; float:none; margin:0;}
.flogo { width: 70%;}
ul.frightbox {width:30%; float:none;margin:0;}
.brsp {display: block;}

.fsmid{font-size:18px;}

#container {max-width:none; width:100%;}
form#mailformpro dl dt {font-size: 1.6rem;}
.must {padding: 10px;font-size: 16px; margin:0 10px 0 5px;}
div.mfp_buttons button {width: 65%;padding: 20px 10px;}
/* 以下ハンバーガーメニュー */
#wrapper {position: relative;left: 0;transition: left 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); /* ドロワーメニューと同じ設定にしておく */}
#check_input:checked ~ #wrapper {left: -80%;}
/* input非表示 */
#check_input {display: none;}
/* ハンバーガーボタン */
#menu_btn {position: fixed;top: 10px;right: 10px;height:60px;width: 60px;display: flex;justify-content: center;align-items: center;z-index: 100;background-color: #13315c;cursor: pointer;}
/* 三本線*/
#menu_btn span,
#menu_btn span::before,
#menu_btn span::after {content: "";display: block;position: absolute; height: 3px; width: 25px;border-radius: 3px;background-color: #fff;transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);}
#menu_btn span::before { bottom: 8px;}
#menu_btn span::after {top: 8px;}
/* クリックされたら三本線が×に変化する */
#check_input:checked ~ #menu_btn span {background-color: transparent; }
#check_input:checked ~ #menu_btn span::before { bottom: 0; transform: rotate(45deg);}
#check_input:checked ~ #menu_btn span::after {top: 0;transform: rotate(-45deg);}
/* ドロワーメニュー */
#menu_cont {position: fixed;top: 0;left: 100%;width: 80%;height: 100%;background-color: #194272;opacity:0.9;z-index: 90;transition: left 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);}
/* ドロワーメニュー外の背景 */
#drawer_back {display: none;position: fixed; top: 0;left: 0;width: 100%; height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 80;opacity: 0.5;}
/* メニューリストの装飾 */
#menu_cont ul {padding: 10% 10% 0}
#menu_cont ul li {list-style: none;}
#menu_cont ul li a {display: block; width: 100%;padding:30px 10px;margin: 30px auto;color:#fff;text-decoration: none;font-size:28px;}
#menu_cont ul li a:hover {opacity: 0.7;}
/* クリックされたらドロワーメニュー表示 */
#check_input:checked ~ #menu_cont {left: 20%;}
#check_input:checked ~ #drawer_back {display: block;}

form#mailformpro dl dd,form#mailformpro dl dt { width:100%}
  form#mailformpro dl dt {padding-top:1rem}
  form#mailformpro dl dt .must {float:none;display:inline-block}
  form#mailformpro dl dd {padding:.5rem 1rem 1rem}
p.ad {font-size: 16px;}

#thanksbox{max-width:none;width:100%;}

.fs21{font-size:18px;}
/* 
.footbana {display:block; width: 100%;position: fixed; bottom: 0;z-index: 99;}
.footbana_back {display:block; background-color: rgba(0,0,0,0.5);width: 100%;height: auto; padding:5px 0;position: relative;z-index: 98;}
.footbana_back ul{margin:0 auto; padding:0; display:flex;justify-content: center;}
.footbana_back ul li{width:90%; list-style:none;}
.footbana_back img{display:block; height:150px !important;}
footer {margin-bottom:150px;}
*/
}



@media screen and (max-width:767px) {
ul.gyoum li {max-width:none; width:80%;}
}
@media screen and (max-width:599px) {
  form#mailformpro dl dd, form#mailformpro dl dt {border:none;}
  form#mailformpro dl dt {border:none;}
   form#mailformpro dl dd {padding:.5rem .3rem 1.5rem}
}

@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important;}

#mainback {padding-top: 115%;}
#mainback .maintex p {font-size: 7.2vw;}
h1.menulogo {max-width: none;width: 58%;}
#c1 h2, #c2 h2, #c3 h2, #container h2, #bgs h2, #ac h2, #fee h2, #serv h2{font-size: 9.6vw;max-width: none;width: 96%;}
#c2 {padding: 5% 0 10%;}
#c3{margin:0 auto 10%;}
.bgimg {width: 85%;margin: 10% auto 5%;}
.bgsbox .bgstexbox{width: 85%;}
.bgsbox p {padding: 0 0 10% 0; font-size:18px;}
.ls{ letter-spacing:0.4rem; text-indent:0.4rem;}
.fs42 {font-size: 7.0vw;}
.fs48{font-size:7.2vw;}
ul.halfbox li, ul.halfbox2 li {width: 94%;}
ul.halfbox li h3, ul.halfbox2 li h3 {font-size:7.0vw;}
.bkpo2 {left:0px;}
.bkpo4 {left:0px;}
ul.halfbox li p, ul.halfbox2 li p {font-size: 18px;}
ul.halfbox li h3, ul.halfbox2 li h3 {padding: 5% 2% 3%;}
.toiin h2{font-size: 7.6vw;max-width: none;width: 96%;}
.toiin{ padding:5% 0 5%;}
ul.telmail {flex-wrap: wrap;}
ul.telmail li { max-width: none;margin: 0  auto;padding:5% 0; width: 85%;}
ul.frightbox { display:none;}
ul.fleftbox {width: 100%;}
ul.fleftbox li {font-size: 13px;}
.more1 img, .more2 img, .more3 img{width: 85%;}

.bkpo1, .bkpo2, .bkpo3{background-size: 35%;}

ul.ba_me li, ul.ba_me2 li{max-width: 220px;}
ul.ba_me {margin: 0 2%;}

#ac table {width: 90%;display: block;margin: 0 auto 5%;padding: 0 5%;}
#ac table tr th{width:100%;display: block; padding:10px 0 0;}
#ac table tr td{display: block; width:100%; padding: 10px 0;}
#ac h3 {font-size: 21px;padding: 10px 0 10px;}
#ac p {font-size: 16px;}
.fs16 {font-size: 14px;}
.map {padding-top: 60%;}
ul.room{flex-wrap: wrap;}
ul.room li{width:96%;}
.buildimg{ width:80%; margin:0 auto;}

.bgbox {display: block;padding: 5% 5% 0;margin: 0 auto 10%;}
.bgbox ul.keireki {width: 90%;margin: 5%  auto;}
.bgbox .person {width: 75%;margin: 0  auto;padding:5% 0;}
ul.sikak li {width: 94%;margin: 0 20px;padding: 10px 0 10px;}
.ais p {font-size: 15px;}

#fee h3 {font-size: 24px;}
table.feeta1 th, table.feeta2 th, table.feeta3 th, table.feeta4 th, table.feeta5 th{font-size: 16px;}
table.feeta1 td, table.feeta2 td, table.feeta3 td, table.feeta4 td, table.feeta5 th{font-size: 16px;}
#fee h4 {font-size: 20px;}
#fee p {font-size: 16px; padding:10px 15px;}
#wrapper_fe{width:100%;margin:0px auto; padding:8% 0 6%;text-align:center; box-sizing:border-box;background:#dce6ef;}
#fee2 h3{font-size:24px;}
.fsmid{font-size:16px;}

.servbox {margin: 0 auto 10%;}
#serv h3 {font-size: 28px;}
.nytit {font-size: 32px;}
.nyimg {width:75%;}
ul.nyul li {font-size: 18px;padding: 4% 0;}
ul.nyul li img {width:12%;}
.nylast{text-align:center; margin:5% auto 0; font-size:22px;}
.nybox {width: 94%;padding: 5% 3%;}
.poimg {width: 60%;}
.pobox {width: 94%;padding: 5% 3%;}
.potex {padding: 5% 5% 1%;}
.potex p {font-size: 16px;font-weight: 600;}

#toptoi {background: url(../img/sp_toiback.jpg) no-repeat top center; background-size: cover;}

a.resbtn {width: 85%; padding: 1.7rem 1rem;font-size: 21px;}
#contents p {font-size: 16px; margin:0 auto; text-align:left;}
#container {padding-top: 15px;}

p.ad {font-size: 12px;}

.totop {opacity: 0.85 ;bottom: 12px; right:12px; text-align:right;}
.totop img{width:55%; height:auto;}

form#mailformpro dl dt{font-size: 1.2rem;}
.must {padding: 6px;font-size: 14px;margin: 0 10px 0 5px;}
div.mfp_buttons button {width: 85%;}
form#mailformpro dl {width: 92%;margin: 0 auto 1vh;}
form#mailformpro dl dt {padding-bottom:0.5rem;}

table.mailform tr td ol li.syou img {width: 70%;}
table.mailform tr td ul li {float: none;padding: 0px 0px 10px 0px;}
div.mfp_buttons ul {width:100%;height: auto;}
div.mfp_buttons ul li {width: 100%;height: auto;float: none;}
div#confirmBody {width: 100% !important;left: 0px !important;margin: 0 auto;}
/*
.footbana {display:block; width: 100%;position: fixed; bottom: 0;z-index: 99;}
.footbana_back {display:block; background-color: rgba(0,0,0,0.5);width: 100%;height: auto; padding:5px 0;position: relative;z-index: 98;}
.footbana_back ul{margin:0 auto; padding:0; display:flex;justify-content: center;}
.footbana_back ul li{width:90%; list-style:none;}
.footbana_back img{display:block; height:80px !important;}
footer {margin-bottom: 80px;}
*/
#menu_btn {position: fixed;top: 10px;right: 10px;height: 40px;width: 40px; display: flex; justify-content: center;align-items: center;z-index: 100;cursor: pointer;}
#menu_cont ul li a {display: block;width: 100%; color:#fff; text-decoration: none;font-size:21px; padding: 20px 10px;margin: 20px auto;}
h2.h2tks{ width:100%; background: #036; padding:20px 0; font-size:26px; text-align:center; color:#fff;}
div.mfp_thanks p {line-height: 1.7em;font-size: 14px;}
}