@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#292f38;
font-family: "Noto Sans Japanese";
}

a:visited {color:#206CFF;text-decoration:underline;}
a:hover {color:#3b5998;text-decoration:none;}
a img {border-style:none;}
img {vertical-align:bottom;}


p {
font-size:110%;
line-height:180%;
}
@media screen and (min-width:769px){
p {
font-size:18px;
letter-spacing:1px;
}
}

@media screen and (max-width:768px){.pcnone{}.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}.spnone{}}



#logo{
margin:0;
padding:10px 0 15px 0;
text-align:center;
}
#logo img{width:60%;}
#copy{margin:0;padding:0;}
#copy img{width:100%;}
@media screen and (min-width:769px){
#logo{padding:15px 0 20px 0;}
#logo img{width:400px;}
#copy{
text-align:center;
background-image:url(img/copy_bg.webp);
background-position:top center;
background-repeat:no-repeat;
background-color:#035aa6;
}
#copy img{width:1180px;}
}




.device_bg{
margin:0;
padding:45px 20px 30px 20px;
text-align:center;
background:#f3f6fa;
}
.device{margin:0;padding:0;}
.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}
.btn {
width:100%;
margin:0 auto;
padding:25px 0;
font-size:140%;
font-weight:bold;
display:inline-block;
text-decoration:none;
color:#fff;
background:#faa220;
border-radius:50px;
}
.btn:hover {
filter:brightness(130%);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
@media screen and (min-width:769px) {
.device_bg{padding:60px 0;}
.btn {width:640px;padding:30px 0;font-size:28px;}
}

.device_top{
margin:0;
padding:0;
}
.device_top img{width:100%;}
.device_day{
margin:0;
padding:10px 0 2px 0;
font-size:120%;
line-height:150%;
color:#035aa6;
}
.device_present{
margin:0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
color:#035aa6;
}
.device_join{
margin:0;
padding:20px 0 10px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
color:#035aa6;
}
.device_join span{font-size:180%;color:#faa220;font-family: 'Roboto Condensed', sans-serif;}
.device_caption{
margin:30px auto 0 auto;
padding:0;
font-size:75%;
line-height:180%;
text-align:left;
}
@media screen and (min-width:769px){
.device_top{
margin:0;
padding:0;
}
.device_top img{width:768px;}
.device_day{
margin:0;
padding:15px 0 0 0;
font-size:24px;
line-height:150%;
color:#035aa6;
}
.device_present{
margin:0;
padding:0;
font-size:36px;
font-weight:900;
line-height:150%;
color:#035aa6;
}
.device_join{
margin:0;
padding:25px 0 10px 0;
font-size:24px;
font-weight:bold;
line-height:150%;
color:#035aa6;
}
.device_join span{font-size:180%;color:#faa220;font-family: 'Roboto Condensed', sans-serif;}
.device_caption{
width:640px;
margin:30px auto 0 auto;
padding:0;
font-size:14px;
line-height:180%;
text-align:left;
}
}


#media{
margin:0;
padding:0;
}
.slider{margin:0;padding:0;}
.slider_item{margin:0;padding:0;}
.slider_item img{width:100%;}
@media screen and (min-width:769px){
}

.intro_bg{
margin:0;
padding:60px 20px 45px 20px;
background-color:#d5e2eb;
}
.intro_top{
margin:0 auto 10px auto;
padding:0;
font-size:180%;
font-weight:900;
line-height:150%;
text-align:center;
}
.intro_photo{
margin:0;
padding:0 0 20px 0;
}
.intro_photo img{width:100%;}
.intro{
margin:0 auto;
padding:0;
}
@media screen and (min-width:769px){
.intro_bg{
margin:0;
padding:90px 0 ;
background-image:url("img/intro_bg.webp");
background-position:bottom center;
background-repeat:no-repeat;
}
.intro_top{
margin:0 auto 45px auto;
padding:0;
font-size:48px;
font-weight:900;
line-height:150%;
text-align:center;
}
.intro_photo {display:none;}
.intro{
width:768px;
margin:0 auto;
padding:0;
}
}

table.check{
width:100%;
border-collapse:collapse;
margin:0 0 30px 0;
}
table.check th{
width:32px;
font-size:110%;
line-height:180%;
padding:10px 0 5px 0;
color:#ff5c4d;
vertical-align:top;
text-align:left;
}
table.check td{
font-size:110%;
font-weight:bold;
line-height:180%;
padding:10px 0 5px 0;
border-bottom:dotted 1px #999999;
vertical-align:top;
}
@media screen and (min-width:769px){
table.check th{width:32px;padding:15px 0;font-size:20px;}
table.check td{padding:15px 0;font-size:20px;letter-spacing:1px;}
}


.prf_bg{
margin:0;
padding:60px 0 15px 0;
background:#f9f8f4;
}
.prf_top{
margin:0 0 25px 0;
padding:0;
font-size:160%;
font-weight:900;
line-height:150%;
text-align:center;
color:#035aa6;
}
.prf{
margin:0 20px 25px 20px;
padding:0;
}
.prf_pict{
margin:0;
padding:0 0 10px 0;
text-align:center;
}
.prf_pict img{width:80%;}
.prf_detail{margin:0;padding:0;}
.prf_txt{margin:0;padding:0;}
.prf_txt p{font-size:100%;}
.prf_degree{
margin:0;
padding:10px 0 0 0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.prf_name{
margin:0;
padding:3px 0 10px 0;
font-size:160%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.prf_name span{font-size:80%;}
.prf_spec{
margin:0;
padding:0 0 10px 0;
font-size:100%;
line-height:180%;
text-align:center;
color:#035aa6;
}
.staff_box{
margin:15px 20px 20px 20px;
padding:25px 20px 1px 20px;
border:solid 1px #035aa6;
border-radius:15px;
background:#fff;
}
.staff{
margin:0 0 20px 0;
padding:0;
text-align:center;
}
.staff img{width:60%;border-radius:10px;}
.staff_degree{
margin:0;
padding:10px 0 5px 0;
font-size:90%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.staff_name{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.staff_name span{font-size:80%;}
@media screen and (min-width:769px){
.prf_bg{padding:90px 0 75px 0;}
.prf_top{margin:0 0 45px 0;font-size:36px;}
.prf{
width:1080px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.prf_pict{width:24%;padding:0;}
.prf_pict img{width:100%;}
.prf_detail{width:27%;}
.prf_txt{width:41%;}
.prf_txt p{font-size:14px;}
.prf_degree{padding:17px 0;font-size:16px;letter-spacing:1px;text-align:left;}
.prf_name{padding:0;font-size:28px;letter-spacing:1px;text-align:left;}
.prf_spec{padding:30px 0 0 0;font-size:16px;letter-spacing:1px;text-align:left;}
.staff_box{
width:1080px;
margin:0 auto;
padding:35px 45px 30px 45px;
border-radius:20px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
box-sizing:border-box;
}
.staff{width:30%;margin:0;}
.staff img{width:100%;}
.staff_degree{font-size:14px;letter-spacing:1px;}
.staff_name{font-size:21px;letter-spacing:1px;}
}


h2{}
h3{}
h4{}

#back{
margin:0;
padding:1px 0;
background:#f9f8f4;
}

.container{
margin:0;
padding:45px 0 1px 0;
}
.subhead{
margin:0;
padding:0 0 20px 0;
text-align:center;
}
.subhead img{width:100%;}
.subtitle{
margin:0;
padding:0 0 45px 0;
font-size:180%;
font-weight:900;
line-height:150%;
text-align:center;
position:relative;
}
.subtitle::after{
content: '';
width:30px;
height:5px;
display:inline-block;
background:#035aa6;
position:absolute;
bottom:20px;
left:calc(50% - 15px)
}
.contents{
margin:0 20px 45px 20px;
padding:0;
}
.excerpt{
margin:45px 0;
padding:10px 30px;
background:#fff;
border:1px solid #035aa6;
border-radius:10px;
}
.excerpt_caption{
margin:0 0 45px 0;
padding:5px 0 45px 0;
font-size:80%;
line-height:180%;
color:#999;
text-align:right;
border-bottom:1px solid #ccc;
}
@media screen and (min-width:769px){
.container{padding:90px 0 1px 0;}
.subhead{padding:0 0 30px 0;}
.subtitle{padding:0 0 60px 0;font-size:42px;}
.subtitle::after{bottom:40px;}
.contents{width:680px;margin:0 auto 90px auto;}
.excerpt{padding:20px 60px;}
.excerpt_caption{margin:0 0 60px 0;font-size:14px;}
}



.voice{
margin:0 0 30px 0;
padding:30px 25px 10px 25px;
border:solid 2px #035aa6;
background:#fff;
border-radius:20px;
}
.voice_eng{
margin:0;
padding:15px 0;
font-size:100%;
font-weight:bold;
line-height:100%;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.voice_eng span{
margin:0;
padding:10px 30px;
color:#fff;
background:#00a4e3;
border-radius:30px;
}
.voice_pict{
margin:0;
padding:15px 0 10px 0;
text-align:center;
}
.voice_pict img{width:50%;border-radius:50%;}
.voice_name{
margin:0;
padding:0;
font-size:140%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.voice_name span{font-size:75%;font-weight:normal;}
.voice_degree{
margin:0;
padding:0;
font-size:80%;
line-height:150%;
text-align:center;
color:#7d7c7b;
}
@media screen and (min-width:769px){
.voice{margin:0 0 45px 0;padding:30px 45px 20px 45px;}
.voice_eng{font-size:21px;}
.voice_pict img{width:240px;}
.voice_name{font-size:21px;}
.voice_name span{font-size:16px;}
.voice_degree{font-size:16px;}
}


.offer_number{
margin:30px 0 0 0;
padding:5px 0 10px 0;
font-size:100%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.offer_number span{
padding:2px 5px;
color:#00a4e3;
background:#fff;
border:solid 1px #00a4e3;
border-radius:2px;
}
.top_none{margin:20px 0 0 0;}
.offer_title{
margin:0;
padding:0;
font-size:140%;
font-weight:900;
line-height:150%;
text-align:center;
}
@media screen and (min-width:769px){
.offer_number{margin:45px 0 0 0;font-size:18px;}
.top_none{margin:20px 0 0 0;}
.offer_title{font-size:28px;}
}



.qus{
margin:30px 0 10px 0;
padding:3px 0 5px 28px;
font-size:120%;
font-weight:bold;
line-height:150%;
position:relative;
color:#035aa6;
border-bottom:solid 1px #035aa6;
}
.qus:after {
position:absolute;
top:0;
left:0;
content:"Q.";
color:#035aa6;
font-size:24px;
font-family: 'Roboto Condensed', sans-serif;
}
.ans{
margin:0;
padding:0 0 0 28px;
}
@media screen and (min-width:769px) {
.qus{
margin:45px 0 10px 0;
font-size:18px;
letter-spacing:1px;
}
}


.page_title{
margin:30px 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.contents_sub{
margin:0 20px 45px 20px;
padding:0;
}
.contents_sub p{font-size:80%;}
table.spec{
width:100%;
border-collapse:collapse;
margin:0;
}
table.spec th{
font-size:90%;
line-height:150%;
padding:0 0 5px 0;
border-bottom:solid 1px #999;
text-align:left;
display:block;
}
table.spec td{
font-size:90%;
line-height:150%;
padding:10px 0 20px 0;
display:block;
}
@media screen and (min-width:769px){
.page_title{
margin:45px 0;
font-size:24px;
letter-spacing:1px;
}
.contents_sub{width:650px;margin:0 auto 90px auto;}
.contents_sub p{font-size:14px;}
table.spec th{
width:180px;
font-size:14px;
line-height:160%;
letter-spacing:1px;
padding:20px 15px 15px 0;
border-bottom:solid 1px #999;
text-align:left;
display:table-cell;
}
table.spec td{
font-size:14px;
line-height:160%;
letter-spacing:1px;
padding:20px 15px 15px 15px;
border-bottom:dotted 1px #999;
display:table-cell;
}
}


/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {color:#ff5c4d;}
.through{text-decoration:line-through;}
.ym{font-weight:bold;background:linear-gradient(transparent 70%, #ffe113 70%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:150%;}

.center{text-align:center;}
.right{text-align:right;}

.mt{margin-top:30px;}
@media screen and (min-width:769px){.mt{margin-top:45px;}}


/*---------- フッター ----------*/

#footer{
margin:0;
padding:30px 0;
text-align:center;
color:#fff;
background:#64727a;
}
.footer_link{
margin:0;
padding:0;
font-size:70%;
line-height:150%;
}
.footer_ad{
margin:0;
padding:10px 0 0 0;
font-size:70%;
line-height:150%;
font-family:Arial, Helvetica, sans-serif;
}
@media screen and (min-width:769px){
#footer{padding:45px 0;}
.footer_link{font-size:12px;letter-spacing:1px;}
.footer_ad{font-size:12px;}
}

#footer a:link {color:#fff;text-decoration:none;}
#footer a:visited {color:#fff;text-decoration:none;}
#footer a:hover {color:#fff;text-decoration:underline;}


/*---------------------------------------

form-top

---------------------------------------*/
.form-top {
    background: rgba(27, 80, 161, 0.1);
    text-align: center;
    padding-top: 20px;
  }
  .form-top__title {
    margin: 20px auto;
    max-width: 768px;
    width: 95%;
  }
  .form-top__caption {
    margin: 1em 0;
    line-height: 1.5;
    font-size: 14px;
  }
  @media (min-width: 600px) {
    .form-top__caption {
      font-size: 16px;
    }
  }
  .form-top__bottom {
    max-width: 800px;
    margin: 20px auto;
  }
  .form-top__click {
    font-weight: bold;
  }
  @media (min-width: 1024px) {
    .form-top__click {
      font-size: 24px;
      margin-top: 40px;
    }
  }
  .form-top__jhonson {
    max-width: 828px;
    margin: 10px auto;
    padding: 10px;
    border: 4px double #000000;
    position: relative;
  }
  @media (min-width: 1024px) {
    .form-top__jhonson {
      padding: 20px 30px 20px;
    }
  }
  .form-top__jhonson--title span {
    background: #FCEE21;
    font-family: "Noto Sans JP", sans-serif;
  }
  .form-top__jhonson--text {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 0.5em;
  }
  .form-top__jhonson--text span {
    border-bottom: 1px solid #000;
  }


/* floating③ */
.floating {
  display:block;
  width:100%;
  position:fixed;
  left:0;
  bottom:0;
  z-index:9999;
  text-align:center;
  margin:0;
  padding:16px 0;
  background:rgba(0,0,0,0.3);
  }

  .floating__btn {
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .floating__btn a:link {
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .floating__btn a:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .floating__btn a:visited {
    color: #000;
    text-decoration: none;
  }
    

  .btn1 {
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    text-align: center;
    /* ボタンの色変更 */
    background: #f6b403;
    margin:  20px 0;
    max-width: 680px;
  }

  .size {
    width: 95%;
    margin: 0 auto 0 auto;
    padding: 20px 0;
    font-size: 110%;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    box-shadow: 0 0 10px rgba(246, 180, 3, 0.8);
  }