/*a38a77*/
/************************************************ 共通設定 ************************************************/
html,body {font-size:0.9vw;}
body {background:#fff;color:#000;line-height:1.5em;}
body {font-family: "Roboto","Noto Sans Japanese","Helvetica",sans-serif;}
.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;}
/*SP*/
@media (max-width: 896px){
	html,body {font-size:3.5vw;}
}

.clear {clear:both;}
.text-center {text-align:center!important; }
.text-left {text-align:left!important;}
.text-right {text-align:right!important;}
.w100 {width:100%;}
.w68 {width:68%;}
.w38 {width:38%;}
.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:90vw;height:auto;transform:translateX(-50%);background:#fff;padding:6vw;}
.popupwrap img.close {position:absolute;top:0px;right:0px;width:3vw;}
.contentarea .popupwrap p {text-align:center;font-size:1rem;margin:0px;padding:0px;color:#666; }

.paginationwrap {text-align:center;padding:3vw 0px;}
.paginationwrap .nav-links {}
.paginationwrap .nav-links .page-numbers {display:inline-block;font-size:1.5rem;width:3vw;height:3vw;line-height:2.6vw;
	text-align:center;border-radius:50%;background:#000;border:solid #000 0.2vw;cursor:pointer;}
.paginationwrap .nav-links .page-numbers.current {cursor:default;background:#fff;color:#000;}
.paginationwrap .nav-links .page-numbers {color:#fff;text-decoration:none;}
.paginationwrap .nav-links .page-numbers:hover {background:#fff;color:#000;}



form {font-size:1rem;}
label { display:block; clear:both; width:100%; color:#000;font-size:0.9rem;padding-left:0.2em;}
input {border:solid 0.1rem #ddd; font-size: 1rem; padding: 0.8em 0.8em; margin: 0em 0em 1em 0em; width:100%;
	background:#fdfdfd; border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; clear:both;}
input:hover {border:solid 0.1rem #bbb;}
input:focus {outline:none;border:solid 0.1rem #2083e6;}
textarea {border:solid 0.1rem #ddd; font-size: 1rem; padding: 0.8em 0.8em; margin: 0em 0em 1em 0em; width:100%;
	height:10em; background:#fdfdfd; border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; clear:both;}
textarea:hover {border:solid 0.1rem #bbb;}
textarea:focus {outline:none;border:solid 0.1rem #2083e6;}
select {border:solid 0.1rem #ddd; font-size: 1rem; padding: 0.8em 0.8em; margin: 0em 0em 1em 0em; width:100%;
	background:#fdfdfd; border-radius: 0.4rem; -webkit-border-radius: 0.4rem; -moz-border-radius: 0.4rem; clear:both;
background:#fff url(../img/cmn/select.svg) no-repeat right center; background-size:3rem 3rem;}
select:hover {border:solid 0.1rem #bbb;}
select:focus {outline:none;border:solid 0.1rem #2083e6;}

.submit {background:#2083e6;color:#fff;cursor:pointer; padding:1.2em 0.8em;width:50%;}
.submit:hover {background:#333;}
input[type=checkbox] {width:2rem;height:2rem;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:contain;}
input[type=radio] {width:2rem;height:2rem;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:contain;}
body {margin:0px;}

/*
a.btn, span.btn {display:inline-block;text-align:left;padding:20px 25px 20px 40px;background:#fff url(../img/cmn/arrow01.svg) no-repeat left 20px center;background-size:7px auto;border:solid #000 1px;color:#000;margin-top:10px;font-size:1.0rem;line-height:1em;max-width:100%;}
a.btn:hover, span.btn:hover {text-decoration:none;background:#000 url(../img/cmn/arrow02.svg) no-repeat left 20px center;background-size:7px auto;border:solid #fff 1px;color:#fff;}
a.btn2, span.btn2 {display:inline-block;text-align:left;padding:20px 25px 20px 40px;background:#000 url(../img/cmn/arrow02.svg) no-repeat left 20px center;background-size:7px auto;border:solid #fff 1px;color:#fff;margin-top:10px;font-size:1.0rem;line-height:1em;max-width:100%;}
a.btn2:hover, span.btn2:hover {text-decoration:none;background:#fff url(../img/cmn/arrow01.svg) no-repeat left 20px center;background-size:7px auto;border:solid #000 1px;color:#000;}
*/
a.btn, span.btn {display:inline-block;text-align:center;padding:1.5em 3em;border-radius:3em;font-weight:bold;
	background:#fff;background:linear-gradient(135deg,#acf,#fff,#acf);
	border:solid #2063a3 0.3rem;color:#2063a3;margin-top:1vw;font-size:1.0rem;line-height:1em;max-width:100%;}
a.btn:hover, span.btn:hover {text-decoration:none;transform:scale(1.05);transition:0.2s;}
a.btn2, span.btn2 {display:inline-block;text-align:center;padding:1.5em 3em;border-radius:3em;font-weight:bold;
	background:#2063a3;background:linear-gradient(135deg,#2063a3,#5093d3,#2063a3);
	border:solid #fff 0.3rem;color:#fff;margin-top:1vw;font-size:1.0rem;line-height:1em;max-width:100%;}
a.btn2:hover, span.btn2:hover {text-decoration:none;transform:scale(1.05);transition:0.2s; }


h1 {font-size:2.6rem;font-weight:700;line-height:1.5em;letter-spacing:0.1em;}
h2 {font-size:1.8rem;font-weight:700;line-height:1.5em;color:#000;}
h3 {line-height: 1.3em;}
p {font-size:1.0rem;line-height:1.8em;color:#000;}
li {font-size:1.0rem;line-height:1.8em;color:#000;}
dt {font-size:1.0rem;line-height:1.8em;color:#000;}
dd {font-size:1.0rem;line-height:1.8em;color:#000;}
/*レスポンシブメニュー*/
@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;}
}