/*
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;900&display=swap');
body {font-family: "Montserrat","見出ゴMB31","Roboto","Noto Sans Japanese","Helvetica",sans-serif;}
*/
/************************************************ 共通設定 ************************************************/
body {background:#fff;color:#4c4948;line-height:18px;position:relative;}
body {font-family: "Roboto","Noto Sans Japanese","Helvetica",sans-serif;}
.wrapper {position:relative;}
.mincho {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
div,h1,h2,h3,h4,ul,li,dl,dt,dd,img {margin:0px; padding: 0px;}
ul {list-style: none; margin: 0px; padding:0px;}
p {margin: 0px; padding: 0px;}
a,a:visited {color: #33f; text-decoration: none;}
a:hover {color: #99f; text-decoration: underline;}
a img {border-style:none;}
input, button, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
* {box-sizing:border-box;}
.clear {clear:both;}
.text-center {text-align:center!important; }
.text-left {text-align:left!important;}
.text-right {text-align:right!important;}
.cta {text-align:center; }
.cta a.button {width:350px;}
.w100 {width:100%;}
.w68 {width:68%;}
.w38 {width:38%;}
.w80px {width:80px;max-width:100%;}
.w100px {width:100px;max-width:100%;}
.w120px {width:120px;max-width:100%;}
.w140px {width:140px;max-width:100%;}
.w160px {width:160px;max-width:100%;}
.w180px {width:180px;max-width:100%;}
.w200px {width:200px;max-width:100%;}
.w250px {width:250px;max-width:100%;}
.w300px {width:300px;max-width:100%;}
.w400px {width:400px;max-width:100%;}
.w500px {width:500px;max-width:100%;}

.marker {background:#ff0;}
.red {color:#d80011;}
.bold {font-weight:bold;}
.f120 {font-size:120%;}
.f140 {font-size:140%;}
.f160 {font-size:160%;}
.f180 {font-size:180%;}
.f200 {font-size:200%;}
.bgimage {background-repeat:no-repeat;background-position:center center;background-size:cover;}
.bg1 {background:#f2f2f2;}
.bg2 {background:#eee;}
.bg3 {background:#ddd;}
.center {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.coverbg {position:absolute;top:0px;left:0px;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.cover {position:absolute;top:0px;left:0px;width:100%;height:100%;}


.popupwrap {position:fixed;top:0px;left:0px;width:100%;height:100vh;background:rgba(0,0,0,0.6);z-index:5000;}
.popupwrap .popup {position:fixed;top:5%;left:50%;width:1000px;max-width:90%;height:auto;transform:translateX(-50%);background:#fff;padding:50px 50px;}
.popupwrap img.close {position:absolute;top:0px;right:0px;width:50px;}
.contentarea .popupwrap p {text-align:center;font-size:18px;margin:0px;padding:0px;color:#666; }

.paginationwrap {text-align:center;padding:30px 0px;}
.paginationwrap .nav-links {}
.paginationwrap .nav-links .page-numbers {display:inline-block;font-size:21px;width:70px;height:70px;line-height:64px;text-align:center;border-radius:50%;background:#4c4948;border:solid #4c4948 3px;cursor:pointer;}
.paginationwrap .nav-links .page-numbers.current {cursor:default;background:#fff;color:#4c4948;}
.paginationwrap .nav-links .page-numbers {color:#fff;text-decoration:none;}
.paginationwrap .nav-links .page-numbers:hover {background:#fff;color:#4c4948;}



form {font-size:16px;}
label { display:block; clear:both; width:100%; color:#4c4948;font-size:0.7rem;padding-left:3px;  }
input {border:solid 1px #ddd; font-size: 1em; padding: 0.8em 0.8em; margin:0px; width:100%; background:#fdfdfd; clear:both;}
input:hover {border:solid 1px #bbb;}
input:focus {outline:none;border:solid 1px #7777bb;}
textarea {border:solid 1px #ddd; font-size: 1em; padding: 0.8em 0.8em; margin:0px; width:100%; height:10em; background:#fdfdfd; clear:both;}
textarea:hover {border:solid 1px #bbb;}
textarea:focus {outline:none;border:solid 1px #7777bb;}
select {border:solid 1px #ddd; font-size: 1em; padding: 0.8em 0.8em; margin:0px; width:100%; background:#fdfdfd;clear:both;
background:#fff url(../img/cmn/select.svg) no-repeat right center; background-size:30px 30px;}
select:hover {border:solid 1px #bbb;}
select:focus {outline:none;border:solid 1px #7777bb;}

.submit {background:#7777bb;color:#fff;cursor:pointer; padding:1.2em 0.8em;width:50%;}
.submit:hover {background:#333;}
input[type=submit]:disabled {background:#ccc;border:solid 5px #ccc;cursor:default;}

input[type=checkbox] {width:30px;height:30px;vertical-align:middle;vertical-align:-webkit-baseline-middle;margin-right:0.5em;}
input[type=checkbox]:checked {background:#fff url(../img/cmn/check.svg) no-repeat right center; background-size:30px 30px;}
input[type=radio] {width:30px;height:30px;border-radius:50%;vertical-align:middle;vertical-align:-webkit-baseline-middle;margin-right:0.5em;}
input[type=radio]:checked {background:#fff url(../img/cmn/radio.svg) no-repeat center center; background-size:30px 30px;}
body {margin:0px;}

a.btn, span.btn {display:inline-block;text-align:center;padding:12px 25px 12px 55px;background:#4c4948 url(../img/cmn/arrow02.svg) no-repeat left 20px center;background-size:14px auto;color:#fff;margin-top:10px;font-size:1.0rem;line-height:1em;}
a.btn:hover, span.btn:hover {text-decoration:none;opacity:0.8;}
a.btn2, span.btn2 {display:inline-block;text-align:center;padding:12px 25px 12px 55px;background:#fff url(../img/cmn/arrow01.svg) no-repeat left 20px center;background-size:14px auto;color:#4c4948;margin-top:10px;font-size:1.0rem;line-height:1em;}
a.btn2:hover, span.btn2:hover {text-decoration:none;opacity:0.8;}
a.btn_out, span.btn_out {display:inline-block;text-align:center;padding:12px 55px 12px 25px;background:#4c4948 url(../img/cmn/arrow_out.svg) no-repeat right 20px center;background-size:14px auto;color:#fff;margin-top:10px;font-size:1.0rem;line-height:1em;}
a.btn_out:hover, span.btn_out:hover {text-decoration:none;opacity:0.8;}

.cta {text-align:center;padding:75px 0px;background:#eee;margin-top:35px;}
.cta p {color:#333;}
.cta a {color:#fff;}
.ctabtn {display:inline-block;text-align:center;padding:12px 34px;background:#66a;color:#fff;font-size:0.9rem;}
.ctabtn:hover {text-decoration:none;color:#fff;background:#88c;}

h1 {font-size:2.6rem;font-weight:700;line-height:1.5em;letter-spacing:0.1em;}
h2 {font-size:2.4rem;font-weight:700;line-height:1.5em;color:#4c4948;}
h3 {line-height: 1.5em;}
p {font-size:1.0rem;line-height:1.8em;color:#4c4948;}
li {font-size:1.0rem;line-height:1.8em;color:#4c4948;}
dt {font-size:1.0rem;line-height:1.8em;color:#4c4948;}
dd {font-size:1.0rem;line-height:1.8em;color:#4c4948;}
/*レスポンシブメニュー*/
@media (max-width: 1200px){
	h1 {font-size:2.4rem;}
	h2 {font-size:2.2rem;}
}
@media (max-width: 1000px){
	h1 {font-size:2.2rem;}
	h2 {font-size:2.0rem;}
	p {font-size:0.9rem;}
}
@media (max-width: 896px){
	h1 {font-size:1.4rem;}
	h2 {font-size:1.2rem;}
}