@charset "utf-8";
/* CSS Document */

html,body{font-family: "Noto Sans Japanese", sans-serif;font-size: 16px;}
body.home{line-height: 1.8em;margin: 0;padding: 0;color: #575757;}
body{line-height: 1.8em;margin: 0;padding: 0;color: #575757;font-family: 'Noto Sans JP', sans-serif;}
a{color: #575757;text-decoration:none;}
a:hover{color: rgba(109,109,109,.70);}
a.anchor {display: block;padding-top: 70px;margin-top: -70px;}
table {  border-collapse: collapse;  border-spacing: 0;}
table.tbtitle{margin: 0;padding: 0;box-sizing: border-box; width: 100%;background-color: #375FA8;color: #fff;}
.wrap{position: relative;min-height: 100vh;box-sizing: border-box;}
.clearfix::after {  content: "";  display: block;  clear: both;}
.Container{width: 100%;margin: 0;padding: 0;}
.Container::after {  content: "";  display: block;  clear: both;}
.contents{margin: 0 auto;padding: 100px 0 5em;width:1367px;}
.contents::after {  content: "";  display: block;  clear: both;}
.contentsmember {margin: auto 0;padding: 100px 0 0;position: relative;height: 100%;}
.sign .contentsmember {margin: auto 0;padding: 50px 0 0;position: relative;height: 100%;}
.contentsmember::after {  content: "";  display: block;  clear: both;}
.sign .contentsmember::after {  content: "";  display: block;  clear: both;}
.contents h2{display: inline-block;font-size: 2.4rem;margin: 30px auto;padding: 1em 1em .5em;box-sizing: border-box;color: #575757;text-align: center;font-weight: bold;letter-spacing: .1em; width: 100%;}
a:hover img{opacity:0.6;filter: alpha(opacity=60);-ms-filter: "alpha( pacity=60 )";}
.small{font-size: 14px;}
@media screen and (max-width:1367px){
.Container{width: 100%;margin: 0;padding: 0;}
.contents{margin: 0 auto;padding: 100px 0 3em;width:100%;}
}
@media screen and (max-width:1000px){
.contents{margin: 0 auto;padding: 100px 0 5em;width:100%;}
}
@media screen and (max-width:800px){
.contentsmember {margin: auto 0;padding: 90px 0 0;box-sizing: border-box; position: relative;height: 100%;}
.sign .contentsmember {margin: auto 0;padding: 0;position: relative;height: 100%;}
}
@media screen and (max-width:414px){
html,body{font-family: "Noto Sans Japanese", sans-serif;ont-size: 14px;}
.contents{margin: 0 auto;padding: 100px 0 5em;width:100%;}
.small{font-size: 10px;}
.contents h2{font-size: 1.6rem;margin: 15px auto auto;padding: .5em;box-sizing: border-box;font-weight: bolder;}
.contentsmember {margin: auto 0;padding: 75px 0 0;position: relative;height: 100%;}
}
@media screen and (max-width:375px){
.contentsmember {margin: auto 0;padding: 65px 0 0;position: relative;height: 100%;}
}
@media (orientation: landscape)and (max-width: 800px){
.contentsmember {margin: auto 0;padding: 70px 0 0;position: relative;height: 100%;}
}
@media (orientation: landscape)and (max-width: 600px){
.contentsmember {margin: auto 0;padding: 60px 0 0;position: relative;height: 100%;}
}

header{position: fixed;width: 100%;height: 100px; display: none;padding-top: 1.3em; box-sizing:border-box; margin: 0;background-color: rgba(49,100,175,1.00);z-index: 10;text-align: center;}
header.member{position: fixed;width: 100%;height: 100px;display: block; padding: .5em 0; box-sizing:border-box; margin: 0;background-color: #fff;z-index: 10;}
.public header.member{position: fixed;width: 100%;height: 100px;display: block; padding: .5em 0; box-sizing:border-box; margin: 0;background-color: #fff;z-index: 10;}
header::after {  content: "";  display: block;  clear: both;}
header .headbox{width: 1367px;margin: auto;}
header h1{display: block;margin: auto;float: left;padding: 0;}
header.member h1{display: block;margin: 0 auto;padding: 0;float: none;}
.public header.member h1{display: block;margin: 0 auto;padding: 0;float: none;}
header nav{display: block;margin: auto;padding:.8em 0 0;float: right;box-sizing: border-box;}
header nav ul{display: block;margin: auto;padding: 0;}
header nav ul::after {  content: "";  display: block;clear: both;}
header nav li{display: block;margin: auto 0;padding: 0 1em;box-sizing: border-box; list-style: none;text-align: center;  float: left;}
header nav li a{display: block;margin: 0;padding: .2em;color: #fff;}
header nav li a:hover{display: block;margin: 0;padding: .2em;color: rgba(255,255,255,.40);}
header nav li.contactbtn a{display: block;margin: 0;padding: .3em 1.1em .2em 1em;color: rgba(49,100,175,1.00);border-radius: 50px;background-color: #fff;}
header nav li.contactbtn a:hover{display: block;margin: 0;padding: .3em 1.1em .2em 1em;color: rgba(49,100,175,.40);border-radius: 50px;}
header nav li a span{display: block;margin: 0;padding: 0;}
header nav li:last-child{display: block;margin: auto 1em auto auto;padding: 0 1em; text-align: center;float: left;}
header .navi{display: none;}
header.member .memberbtn{display: block;position: fixed; height: 90px;width: 90px; top: 0px;right: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
header.member .memberbtn a img{width: 100%;}
/*header.member .backbtn, header.member .memberbtn{display: none;}*/

@media screen and (max-width:1367px){
header .headbox{width: 90%;margin: auto;}
header{position: fixed;width: 100%;padding-top: 1.3em;box-sizing:border-box; margin: 0;background-color: rgba(49,100,175,1.00);z-index: 10;}
header h1{display: block;margin: auto;float: left;padding: 0;}
}
@media screen and (max-width:800px){
header{padding: 0;height: 70px;}
header nav{display: none;}
header .navi{display: block;}
header h1{margin:0;padding: 12px 0 0;box-sizing: border-box; width: 160px;}
header h1 img{width: 100%;}
header.member{position: fixed;width: 100%;height: 90px;padding: 0; box-sizing:border-box; margin: 0;background-color: #fff;z-index: 10;text-align: left;}
.public header.member{position: fixed;width: 100%;height: 90px;padding: 0; box-sizing:border-box; margin: 0;background-color: #fff;z-index: 10;text-align: left;}
header.member h1{display: block;width: 100%; margin: auto;padding: 10px;box-sizing: border-box;}
header.member h1.back{display: block;width: 100%; margin: auto auto auto 80px;padding: 10px;box-sizing: border-box;}
header.member h1 img{display: block;height: 70px; width: auto; margin: auto auto auto 0;}
header.member .backbtn{display: block;position: fixed; height: 90px;width: 90px; top: 0px;left: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
header.member .backbtn a img{width: 100%;}
header.member .memberbtn{display: block;position: fixed; height: 90px;width: 90px; top: 0px;right: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
header.member .memberbtn a img{width: 100%;}
.public header.member h1{display: block;width:100%; text-align: center; margin: auto 0 auto;padding: 10px;box-sizing: border-box;}
.public header.member h1.back{display: block;width: 100%; margin: auto auto auto 80px;padding: 10px;box-sizing: border-box;}
.public header.member h1 img{display: block;height: 70px; width: auto; margin: auto;}
/*.public header.member .backbtn{display: block;position: fixed; height: 90px;width: 90px; top: 0px;left: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
.public header.member .backbtn a img{width: 100%;}*/
.public header.member .memberbtn{display: block;position: fixed; height: 90px;width: 90px; top: 0px;right: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
.public header.member .memberbtn a img{width: 100%;}
}
@media screen and (max-width:600px){
header{padding: 0;height: 70px;}
header h1{margin:.4em auto auto;padding: 0;width: 160px;}
.public header.member h1 img{display: block;margin: auto 20% auto auto;}
}
@media screen and (max-width:414px){
header{padding: 0;height: 55px;}
header h1{margin:.3em auto auto;padding: 0;width: 120px;}
header.member{height: 75px;padding:0;}
header.member h1{display: block;width: 100%; margin: auto;padding: 10px;box-sizing: border-box;}
header.member h1.back{display: block;width: 100%; margin: auto auto auto 70px;padding: 10px;box-sizing: border-box;}
header.member h1 img{display: block;height: 55px; width: auto; margin: auto auto auto 0;}
header.member .backbtn{display: block;position: fixed; height: 75px;width: 75px; top: 0px;left: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
header.member .memberbtn{display: block;position: fixed; height: 75px;width: 75px; top: 0px;right: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
.public header.member{height: 75px;padding:0;}
.public header.member h1{display: block;width: 100%; margin: auto;padding: 10px;box-sizing: border-box;}
.public header.member h1.back{display: block;width: 100%; margin: auto auto auto 70px;padding: 10px;box-sizing: border-box;}
.public header.member h1 img{display: block;height: 55px; width: auto; margin: auto 10% auto auto;}
.public header.member .backbtn{display: block;position: fixed; height: 75px;width: 75px; top: 0px;left: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
.public header.member .memberbtn{display: block;position: fixed; height: 75px;width: 75px; top: 0px;right: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
}
@media screen and (max-width:375px){
header.member{height: 65px;padding:0;}
header.member h1{display: block;width: 100%; margin: auto;padding: 10px;box-sizing: border-box;}
header.member h1.back{display: block;width: 100%; margin: auto auto auto 60px;padding: 10px;box-sizing: border-box;}
header.member h1 img{display: block;height: 45px; width: auto; margin: auto auto auto 0;}
header.member .backbtn{display: block;position: fixed; height: 65px;width: 65px; top: 0px;left: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
header.member .memberbtn{display: block;position: fixed; height: 65px;width: 65px; top: 0px;right: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
.public header.member{height: 65px;padding:0;}
.public header.member h1{display: block;width: 100%; margin: auto;padding: 10px;box-sizing: border-box;}
.public header.member h1.back{display: block;width: 100%; margin: auto auto auto 60px;padding: 17px;box-sizing: border-box;}
.public header.member h1 img{display: block;height: 45px; width: auto; margin: auto 15% auto auto;}
.public header.member .backbtn{display: block;position: fixed; height: 65px;width: 65px; top: 0px;left: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
.public header.member .memberbtn{display: block;position: fixed; height: 65px;width: 65px; top: 0px;right: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
}
@media screen and (max-width:320px){
.public header.member h1 img{display: block;height: 42px; width: auto; margin: auto 10% auto auto;}
}
@media (orientation: landscape)and (max-width: 1550px){
}
@media (orientation: landscape)and (max-width: 1300px){
}
@media (orientation: landscape)and (max-width: 1200px){
header{position: fixed;width: 100%;padding: 0 10px;box-sizing:border-box; margin: 0;background-color: rgba(49,100,175,1.00);height: 70px;z-index: 11;}
header::after {  content: "";  display: block;  clear: both;}
header .headbox{width: 98%;margin: auto;}
header nav{display: block;margin: auto;padding:1em 0 0;float: right;box-sizing: border-box;}
header .headermenu{display: none;}
header .navi{display: block;}
header h1{margin:.4em auto auto;padding: 0;width: 160px;}
}
@media (orientation: landscape)and (max-width: 1080px){
header nav{display: none;}
header h1{margin:0;padding: 12px 0 0;box-sizing: border-box; width: 160px;}
header h1 img{width: 100%;}
header.member{position: fixed;width: 100%;height: 90px;padding: 0; box-sizing:border-box; margin: 0;background-color: #fff;z-index: 10;text-align: left;}
header.member h1{display: block;width: 100%; margin: auto;padding: 10px;box-sizing: border-box;}
header.member h1 img{display: block;height: 70px; width: auto; margin: auto auto auto 0;}
header.member .backbtn{display: block;position: fixed; height: 90px;width: 90px; top: 0px;left: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
header.member .backbtn a img{width: 100%;}
header.member .memberbtn{display: block;position: fixed; height: 90px;width: 90px; top: 0px;right: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
header.member .memberbtn a img{width: 100%;}
.public header.member{position: fixed;width: 100%;height: 90px;padding: 0; box-sizing:border-box; margin: 0;background-color: #fff;z-index: 10;text-align: left;}
.public header.member h1{display: block;width: 100%; margin: auto;padding: 10px;box-sizing: border-box;}
.public header.member h1 img{display: block;height: 70px; width: auto; margin: auto;}
.public header.member .backbtn{display: block;position: fixed; height: 90px;width: 90px; top: 0px;left: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
.public header.member .backbtn a img{width: 100%;}
.public header.member .memberbtn{display: block;position: fixed; height: 90px;width: 90px; top: 0px;right: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
.public header.member .memberbtn a img{width: 100%;}
}
@media (orientation: landscape)and (max-width: 1000px){
header{position: fixed;width: 100%;padding: 0 10px;box-sizing:border-box; margin: 0;background-color: rgba(49,100,175,1.00);height: 70px;z-index: 11;}
header::after {  content: "";  display: block;  clear: both;}
header .headbox{width: 98%;margin: auto;}
header nav{display: none;}
header .headermenu{display: none;}
header .navi{display: block;}
header h1{margin:.4em auto auto;padding: 0;width: 160px;}
}
@media (orientation: landscape)and (max-width: 800px){
header{position: fixed;width: 100%;padding: 0 10px;box-sizing:border-box; margin: 0;background-color: rgba(49,100,175,1.00);height: 70px;z-index: 11;}
header h1{margin:.4em auto auto;padding: 0;width: 140px;}
header.member{position: fixed;width: 100%;height: 70px;padding: 0; box-sizing:border-box; margin: 0;background-color: #fff;z-index: 10;text-align: left;}
header.member h1{display: block;width: 100%; margin: auto;padding: 5px;box-sizing: border-box;}
header.member h1 img{display: block;height: 60px; width: auto; margin: auto auto auto 0;}
header.member .backbtn{display: block;position: fixed; height: 70px;width: 70px; top: 0px;left: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
header.member .backbtn a img{width: 100%;}
header.member .memberbtn{display: block;position: fixed; height: 70px;width: 70px; top: 0px;right: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
header.member .memberbtn a img{width: 100%;}
.public header.member{position: fixed;width: 100%;height: 70px;padding: 0; box-sizing:border-box; margin: 0;background-color: #fff;z-index: 10;text-align: left;}
.public header.member h1{display: block;width: 100%; margin: auto;padding: 5px;box-sizing: border-box;}
.public header.member h1 img{display: block;height: 60px; width: auto; margin: auto;}
.public header.member .backbtn{display: block;position: fixed; height: 70px;width: 70px; top: 0px;left: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
.public header.member .backbtn a img{width: 100%;}
.public header.member .memberbtn{display: block;position: fixed; height: 70px;width: 70px; top: 0px;right: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
.public header.member .memberbtn a img{width: 100%;}
}
@media (orientation: landscape)and (max-width: 600px){
header.member{position: fixed;width: 100%;height: 60px;padding: 0; box-sizing:border-box; margin: 0;background-color: #fff;z-index: 10;text-align: left;}
header.member h1{display: block;width: 100%; margin: auto;padding: 5px;box-sizing: border-box;}
header.member h1 img{display: block;height: 50px; width: auto; margin: auto auto auto 0;}
header.member .backbtn{display: block;position: fixed; height: 60px;width: 60px; top: 0px;left: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
header.member .backbtn a img{width: 100%;}
header.member .memberbtn{display: block;position: fixed; height: 60px;width: 60px; top: 0px;right: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
header.member .memberbtn a img{width: 100%;}
.public header.member{position: fixed;width: 100%;height: 60px;padding: 0; box-sizing:border-box; margin: 0;background-color: #fff;z-index: 10;text-align: left;}
.public header.member h1{display: block;width: 100%; margin: auto;padding: 5px;box-sizing: border-box;}
.public header.member h1 img{display: block;height: 50px; width: auto; margin: auto;}
.public header.member .backbtn{display: block;position: fixed; height: 60px;width: 60px; top: 0px;left: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
.public header.member .backbtn a img{width: 100%;}
.public header.member .memberbtn{display: block;position: fixed; height: 60px;width: 60px; top: 0px;right: 0; z-index: 11;margin: 0;padding: 0;box-sizing: border-box;}
.public header.member .memberbtn a img{width: 100%;}
}

.hamburger-menu{display: none;}
@media screen and (max-width:800px){
.hamburger-menu{display: flex;}
}

.loginContent{width: 800px;margin:auto;}
.loginContent h1{margin:auto;width: 80%;display: block; text-align: center;}
.loginContent h1 img{width: auto;}
.loginContent h2{margin:2em auto 1em;text-align: center;color:#375FA8;font-weight: bolder;}
.loginContent hr{margin:1em auto;height: 0;border-top: 1px solid #375FA8;}
.loginContent .text{margin: 2em auto;width: 80%;text-align: center;}
.loginContent .block{margin: 2em auto 1em;width: 95%;}
.loginContent .block table{width: 50%;}
.loginContent .block h3{margin: 0;}
.loginContent .block td input{width: 100%; padding: 1em;box-sizing: border-box;outline:1px solid #D0D0D0;border:none;}
.loginContent .block .pass {text-align: center;padding: 1em;box-sizing: border-box;}
.loginContent .block .pass a{color: #375FA8;}
.loginContent .block .pass a:hover{color: rgba(55,95,168,.70);}
.loginContent .sendbox{display: block;text-align: center;margin: 3em auto 1em;box-sizing: border-box;width: 100%;padding: 0.5em;}
/*.loginContent .sendbox input{display: inline-block;margin: auto 1em;padding: .8em; width: 9em;border-radius: 50px;background-color: rgba(217,217,217,1.00);cursor: pointer;border: none;}
.loginContent .sendbox input:hover{display: inline-block;margin: auto 1em;width: 9em;border-radius: 50px;background-color: rgba(217,217,217,.60);cursor: pointer;border: none;}*/
.loginContent .sendbox .sign, .loginContent .sendbox .login{display: inline-block;width: 45%;margin: auto 2%;}
.loginContent .sendbox .sign{display: block;border-radius: 50px;background-color: #80BCE4;color: #fff; font-weight: bold;font-size: 1.4rem; text-align: center;padding: .4em 0 .5em;box-sizing: border-box;margin: 1em auto;width: 90%;border: 0;}
.loginContent .sendbox .sign:hover{color: rgba(255,255,255,0.60);cursor: pointer;}

@media screen and (max-width:800px){
.loginContent{width: 90%;margin: 2em auto;}
.loginContent h1{margin:auto;width: 80%;display: block; text-align: center;}
.loginContent h1 img{width: 100%;}
.loginContent h2{margin:2em auto 1em;text-align: center;color:#375FA8;font-weight: bolder;font-size: 1.3rem;}
.loginContent .block{margin: 2em auto 1em;width: 100%;}
.loginContent .block h3{margin: 0;}
.loginContent .block table{width: 100%;}
.loginContent .block td input{width: 100%;padding: 1em;box-sizing: border-box;}
.loginContent .sendbox{display: block;text-align: center;margin: 2em auto;box-sizing: border-box;width: 100%;}
.loginContent .sendbox .sign{display: block;border-radius: 50px;background-color: #80BCE4;color: #fff; font-weight: bold;font-size: 1.2rem; text-align: center;padding: .4em 0 .5em;box-sizing: border-box;margin: 1em auto;width: 90%;border: 0;}
}
@media screen and (max-width:414px){
.loginContent h2{margin:2em auto 1em;text-align: center;color:#375FA8;font-weight: bolder;font-size: 1.1rem;}
.loginContent .block{margin: 1em auto;width: 100%;}
.loginContent .sendbox{display: block;text-align: center;margin: auto;box-sizing: border-box;width: 100%;}
.loginContent .sendbox .sign{display: block;border-radius: 50px;background-color: #80BCE4;color: #fff; font-weight: bold;font-size: 1rem; text-align: center;padding: .4em 0 .5em;box-sizing: border-box;margin: auto;width: 90%;border: 0;}
.loginContent .block .pass {text-align: center;padding: 1em;box-sizing: border-box;font-size: .9rem;}
}
@media screen and (max-width:375px){
.loginContent{padding-bottom: 1em;}
.loginContent .sendbox .sign{display: block;border-radius: 50px;background-color: #80BCE4;color: #fff; font-weight: bold;font-size: .9rem; text-align: center;padding: .4em 0 .5em;box-sizing: border-box;margin: 1em auto;width: 90%;border: 0;}
}
@media screen and (max-width:320px){
.loginContent .sendbox input{display: inline-block;margin: auto 1em;padding: .8em; width: 7em;border-radius: 50px;background-color: rgba(217,217,217,1.00);cursor: pointer;border: none;}
.loginContent .sendbox input:hover{display: inline-block;margin: auto 1em;width: 7em;border-radius: 50px;background-color: rgba(217,217,217,.60);cursor: pointer;border: none;}
}

.form table{margin: 3em auto;}
.form th{padding: 1em;text-align: left;vertical-align: top;box-sizing: border-box;}
.form th span{font-size: 90%;padding: 0 .5em;vertical-align: top;box-sizing: border-box;}
.form td{padding: 1em;box-sizing: border-box;}
.form td input{padding: .5em;text-align: left;box-sizing: border-box;}
.form td textarea{width: 100%;padding: .5em;box-sizing: border-box;}
.form td p{text-align: center;}
.form p.sendbtn input{padding: 1em 2em;box-sizing: border-box; cursor: pointer;margin: auto;display: block;border-radius: 50px;border: 0; background-color: #3164af;color: #fff;}
.form p.sendbtn input:hover{padding: 1em 2em;box-sizing: border-box;cursor: pointer;margin: auto;display: block;border-radius: 50px;background-color: #3164af;color: rgba(255,255,255,.50);}
@media screen and (max-width:800px){
.form table{margin: 0 auto 3em;}
.form th{padding: .5em .5em 0;box-sizing: border-box; text-align: left;vertical-align: top;display: block;}
.form th span{font-size: 90%;padding: 0 .5em;vertical-align: top;}
.form td{padding: .5em;box-sizing: border-box;display: block;}
.form td input{padding: .3em 1em;box-sizing: border-box;text-align: left;width: 100%;}
.form td textarea{width: 100%;}
}
@media screen and (max-width:800px){
.form table{margin: 0 auto 3em auto;width: 90%;}
}

footer{width: 100%;}
footer.member{width: 100%;background-color: rgba(217,217,217,1.00);box-sizing: border-box;padding: .5em;text-align: center;font-size: .6em;display: none;position: absolute;bottom: 0;}
footer::after {content: "";  display: block;  clear: both;}
footer .contactbox{background-image: url("../common/footer_pc_bg.jpg");background-repeat: no-repeat;background-size: cover;width: 100%;height: 550px;padding: 160px 0 85px;box-sizing: border-box;}
footer .contactbox h3{font-weight: bolder;letter-spacing: .1em; font-size: 2.4rem;text-align: center;width: 100%;padding: 0;margin: 0 auto 1em;line-height: 1.1em;color: #375FA8;}
footer .contactbox h3 span{color:#3164af;font-size: 40%;display: block;letter-spacing: .1em;}
footer .textbox{text-align: center;padding:0;font-weight: 600;}
footer .btnbox{text-align: center;margin-top: 3em;}
footer .btnbox a{background-color: #3164af;color: #fff;display: inline-block;text-align: center; padding: .5em 4em;box-sizing: border-box; border-radius: 50px;margin: auto;font-weight: 600;}
footer .btnbox a:hover{background-color: #3164af;color: rgba(255,255,255,.60);display: inline-block;text-align: center; padding: .5em 4em;box-sizing: border-box; border-radius: 50px;margin: auto;font-weight: 600;}
footer .menubox{padding: 0;box-sizing: border-box; width: 100%;background-color: #fff;}
footer .menubox::after {content: "";  display: block;  clear: both;}
footer .menubox .contents {margin: 0 auto;width: 1200px;}
footer .menubox .contents::after {content: "";  display: block;  clear: both;}
footer .menubox .images {margin: 0;width: 50%;display: block;padding: 3em 0 0;float: left;box-sizing: border-box;}
footer .menubox .images img{width: 70%;}
footer .list{color: #3164af;width: 40%;display: block;padding: 0;float: right;box-sizing: border-box;}
footer .list ul{display: block;float: left;box-sizing: border-box;width: 50%;padding: 0 2em;margin: 0;}
footer .list li {margin: .5em 0;list-style: disc;}
footer .list li a{color:#3164af;}
footer .list li a:hover{color:rgba(49,100,175,.60);}
footer .list::after {content: "";  display: block;  clear: both;}
footer .copyright{background-color: #3164af;text-align: center;padding: .6em;box-sizing: border-box;font-size: .6em;color: #fff;}
footer .copyright::after {content: "";  display: block;  clear: both;}
@media screen and (max-width:1200px){
footer .menubox .contents {margin: auto;width: 95%;}
}
@media screen and (max-width:1030px){
footer .menubox .contents {margin: auto;width: 95%;}
footer .menubox .images {margin: 0;width: 40%;display: block;padding: 3em 0 0;float: left;box-sizing: border-box;}
footer .list{color: #3164af;width: 55%;display: block;padding: 0;float: right;box-sizing: border-box;}
}
@media screen and (max-width:800px){
footer.member{width: 100%;height: 30px; background-color: rgba(217,217,217,1.00);box-sizing: border-box;padding: .5em;text-align: center;font-size: .6em;display: none;position: fixed;bottom: 0;}
footer .contactbox{background-image: url("../common/footer_sp_bg.jpg");background-repeat: no-repeat;background-size: cover;width: 100%;height: 650px;padding: 150px 0 90px;box-sizing: border-box;}
footer .textbox span{display: block;margin-bottom: -1.8em;}
footer .menubox{padding: 3em 0 0;box-sizing: border-box; width: 100%;background-color: #fff;}
footer .menubox .contents {margin: 0;width: 100%;}
footer .menubox .images {margin: 0;width: 100%;display: block;padding: 0;float: none;box-sizing: border-box;}
footer .menubox .images img{display: block;width: 55%;margin: auto;}
footer .list{display: block;width: 70%;margin: 1.5em auto 3em auto;float: none;}
footer .list ul{display: block;float: left;width: 50%;padding: 0 0 0 1em;box-sizing: border-box; }
footer .list li{font-size: 1rem;margin: .5em 0;font-weight: 400;padding: 0;line-height: 1.8em;}
}
@media screen and (max-width:600px){
footer .menubox .contents {padding: 1em 0; margin: 0;width: 100%;}
}
@media screen and (max-width:414px){
footer .contactbox h3{font-weight: bolder;letter-spacing: .1em; font-size: 1.8rem;text-align: center;width: 100%;padding: 0;margin: 0 auto 1em;line-height: 1.1em;color: #375FA8;}
footer .textbox{font-size: .9rem;}
footer .menubox{padding: 1em 0 0;box-sizing: border-box; width: 100%;background-color: #fff;}
footer .menubox .contents {padding: .5em 0; box-sizing: border-box; margin: 0;width: 100%;}
footer .menubox .images img{display: block;width: 75%;margin: auto;}
footer .list{display: block;width: 85%;margin: 1.5em auto 2em auto;}
footer .list li{font-size: .9rem;margin: .2em 0;font-weight: 400;}
}
@media screen and (max-width:375px){
footer .textbox{font-size: .8rem;}
footer .textbox span{display: block;margin-bottom: -3em;}
footer .menubox .images img{display: block;width: 65%;margin: auto;}
footer .list{display: block;width: 75%;margin: 1.5em auto 2em auto;}
footer .list li{font-size: .7rem;margin: .2em 0;font-weight: 400;}
}
@media screen and (max-width:320px){
footer .textbox{font-size: .7rem;}
footer .list{display: block;width: 80%;margin: 1.5em auto 2em auto;}
footer .list li{font-size: .65rem;margin: .2em 0;font-weight: 400;}
}
@media (orientation: landscape)and (max-width: 1030px){
footer.member{width: 100%;height: 30px; background-color: rgba(217,217,217,1.00);box-sizing: border-box;padding: .5em;text-align: center;font-size: .6em;display: block;position: fixed;bottom: 0;}
}
@media (orientation: landscape)and (max-width: 800px){
footer .menubox .contents {padding: 1em 0; margin: 0;width: 100%;}
}
@media (orientation: landscape)and (max-width: 480px){
footer .menubox .contents {padding: 1em 0; margin: 0;width: 100%;}
footer .list{display: block;width: 80%;margin: 1.5em auto 2em auto;}
footer .list li {font-size: 1rem;}
}