@charset "utf-8";

/* basic setting */
html{ font-size:70%; }
html, body{ position:relative; width:100%; height:100%; }
body{ -webkit-text-size-adjust: 100%; }
body{
  margin:0;
  padding:0;
  font-size:1.6rem;
  font-family: "游ゴシック", YuGothic, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
  line-height:1.5;
  color:#000;
  background:#fff;
  word-break:break-word;
/*  font-feature-settings: "palt";*/
}
h1,h2,h3,h4,h5,h6,p,em,pre,th,td,blockquote{margin:0; padding:0; font-size:1.6rem}
img,table{border:0; vertical-align:bottom}
img{
max-width:100%; height:auto;
-webkit-backface-visibility: hidden;
}
form,ul,dl,ol{margin:0; padding:0}
li{list-style:none}
li,dt,dd{font-size:100%}
a, a:visited{color:#141414;text-decoration:none;}
input[type="submit"],input[type="button"]{cursor:pointer}
@media screen and (min-width:769px){
  a,input[type="submit"],input[type="button"]{transition-duration:0.2s}
  a:hover,input[type="submit"]:hover,input[type="button"]:hover{opacity:0.7}
  a[href^="tel"]{pointer-events:none}
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{display: block; margin:0; padding:0}
.clr{clear:both}
/*.cf{*zoom:1}*/
.cf:after{content:""; display:block; clear:both}
input[type="submit"]{-webkit-appearance: none}

input:invalid,
input:focus,
textarea:focus{
  outline:none;
  box-shadow:none;
}

/* WEBフォント使用（英文箇所）
  font-family: 'Noto Sans JP',Arial,sans-serif;
  font-weight: 900;
  font-style: normal;
*/

/* ---ローディング--- */
#loadingWrap {
    width: 100%;
    height: 100vh;
    background: #2F67B2;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

#loading,
#loading:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
#loading {
  margin: 350px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.4em solid rgba(255, 255, 255, 0.2);
  border-right: 0.4em solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.4em solid rgba(255, 255, 255, 0.2);
  border-left: 0.4em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loadingNone {
    animation: loadingAnime 1s forwards;
}

@keyframes loadingAnime {
    0% {
        opacity: 1;
    }
    99% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        visibility:hidden;
    }
}

/* header */
header{
  width:100%;
  background:#fff;
  position:fixed;
  z-index:9999;
}
header > .inner{
  padding:20px 50px;
  border-bottom:solid 1px #ddd;
  position:relative;
}
header h1{
  width:169px;
}
header h1 img {
  -webkit-backface-visibility: hidden;  
}
header > .inner .info{
  display:flex;
  align-items:center;
  position:absolute;
  top:50%;
  right:110px;
  transform:translateY(-50%);
}
header > .inner .info p{
  font-size:1.3rem;
  line-height:1;
  margin-right:54px;
}
header > .inner .info p .current{
  border-bottom:solid 1px #000;
}
header > .inner .info a, header > .inner .info a:visited{
  color:#000;
}
header > .inner .info img{
  width:146px;
  -webkit-backface-visibility: hidden; 
}
header nav .inner{
  max-width:1200px;
  margin:0 auto;
  padding:14px 20px;
}
header nav .inner > ul{
  display:flex;
  justify-content:center;
}
header nav .inner > ul > li{
  width:calc((100% - 4px) / 5);
  font-weight:bold;
  position:relative;
}
header nav .inner > ul > li + li{
  border-left:solid 1px #ddd;
}
header nav .inner > ul > li > a, header nav .inner > ul > li > a:visited{
  display:block;
  font-size:1.6rem;
  text-align:center;
  padding:4px 0;
  color:#141414;
}
header nav .inner > ul > li > ul{
  min-width:calc(100% - 40px);
  max-height:0;
  padding:0 20px;
  background:rgba(255, 255, 255, 0.95);
  position:absolute;
  top:100%;
  left:0;
  overflow:hidden;
  transition:0.5s ease-in-out;
}
header nav .inner > ul > li:nth-child(1):hover ul{
  max-height:230px;
}
header nav .inner > ul > li:nth-child(2):hover ul{
  max-height:435px;
}
header nav .inner > ul > li:nth-child(3):hover ul{
  max-height:120px;
}
header nav .inner > ul > li:nth-child(4):hover ul{
  max-height:200px;
}
header nav .inner > ul > li > ul li{
  padding:5px 5px 5px 15px;
  border-bottom:solid 1px #dbdbdb;
  font-weight:normal;
}
header nav .inner > ul > li > ul li.subguide{
  padding:5px 0;
  font-weight:bold;
}
header nav .inner > ul > li > ul li:first-child{
  margin-top:25px;
}
header nav .inner > ul > li > ul li:last-child{
  margin-bottom:10px;
  border-bottom:none;
}
header nav .inner > ul > li > ul li + li.subguide{
  padding-top:15px;
}
header nav .inner > ul > li > ul li a, header nav .inner > ul > li > ul li a:visited{
  display:block;
  font-size:1.5rem;
  padding:2px 0;
  color:#000;
}

header .menu{
  display:none;
}

/* footer */
footer .inner{
  padding:56px 48px 55px;
}
footer .inner .info{
  float:left;
  width:245px;
}
footer .inner .info h3{
  width:127px;
  margin-bottom:7px;
}
footer .inner .info .fttl p{
  font-size:1.5rem;
  font-weight:bold;
  line-height:1.7;
  margin-bottom:10px;
}
footer .inner .info > p{
  font-size:1.4rem;
  line-height:1.5;
  margin-bottom:20px;
}
footer .inner .info a img{
  width:48px;
}

footer .inner .navi{
  float:left;
  display:flex;
  width:calc(100% - 245px);
  flex-wrap:wrap;
}
footer .inner .navi .item{
  margin:0 5% 40px 0;
}
footer .inner .navi .item p{
  font-size:1.4rem;
  margin-bottom:10px;
  font-weight: bold;
}
footer .inner .navi .item a, footer .inner .navi .item a:visited{
  color:#000;
}
footer .inner .navi .item li{
  font-size:1.3rem;
  padding-left:5px;
  margin-bottom:3px;
}
footer .inner .navi .item li.subguide{
  margin-bottom:5px;
  font-weight:bold;
}
footer .inner .navi .item li + li.subguide{
  margin-top:14px;
}
footer .inner .navi .item .box{
  margin-top:30px;
}
footer .inner .navi .item p + ul{
  margin-top:20px;
}
footer .inner .navi .item .current{
  border-bottom:solid 1px #000;
}

footer .copyright{
  padding:26px 20px;
  font-size:1.1rem;
  color:#fff;
  text-align:center;
  background:linear-gradient( 95deg, #2B5EA1, #59BCAE );
}

.gotop{
  position:fixed;
  bottom:0;
  right:0;
  display:none;
  opacity:0;
  z-index:450;
}
.gotop a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:60px;
  height:60px;
  font-size:1rem;
  color:#fff;
  background:#2F67B2;
}
.gotop a span{
  transform:rotate(90deg);
}

/* text style */
.fbold{font-weight:bold !important}
.fnormal{font-weight:normal !important}
.talcnt{text-align:center !important}
.tallf{text-align:left !important}
.talrg{text-align:right !important}
.undrln{text-decoration:underline}
.fcred{color:#BA2727 !important;}

/* container */
.container{
  padding-top:161px;
}

.spinline, .spblock{
  display:none;
}

.under_ttl{
  background:linear-gradient(120deg, #2B5EA1 calc(50% - 500px), #59BCAE calc(50% + 500px));
  position:relative;
}
.under_ttl .inner{
  max-width:1366px;
  margin:0 auto;
  position:relative;
  overflow:hidden;
}
.under_ttl .inner::before {
  content:"";
  display:block;
  width:100%;
  height:0;
  padding-top:17.56%;
}
.under_ttl .inner img{
  max-width:inherit;
  max-height:100%;
  width:auto;
  position:absolute;
  top:0;
  right:0;
}
.under_ttl .inner h2{
  width:56.2%;
  font-size:2.8rem;
  color:#fff;
  position:absolute;
  top:50%;
  left:6.9%;
  transform:translateY(-50%);
}
.under_ttl .inner h2 span{
  display:block;
  padding-top:15px;
  margin-top:10px;
  font-size:1.6rem;
  color:#B2C2D6;
  border-top:solid 1px #ccc;
  opacity: 0.5
}

.page_block{
  max-width:1210px;
  margin:0 auto 120px;
  padding:0 20px;
}
.page_block .subnavi{
  float:left;
  width:172px;
  margin:-3.3% 0 0 -20px;
  padding:80px 15px 50px 43px;
  background:rgba(215, 215, 215, 0.3);
  position:relative;
}
.page_block .contents_body{
  float:right;
  width:calc(100% - 280px);
  margin-right:20px;
}
.page_block .subnavi p{
  font-size:1.3rem;
  font-weight:bold;
  color:#A7A7A7;
  margin-bottom:30px;
}
.page_block .subnavi li{
  margin-bottom:15px;
  font-size:1.2rem;
}
.page_block .subnavi li.page_anchor{
  padding-left:11px;
  font-size:1.1rem;
}
.page_block .subnavi li.fcgray{
  color:#9A9A9A;
}
.page_block .subnavi li.jisage{
  padding-left:0.5em;
}
.page_block .subnavi li.jisage + li:not(.jisage){
  margin-top:25px;
}

.single_page_block{
  max-width:940px;
  margin:0 auto 120px;
  padding:0 20px;
}

.breadcrumb{
  padding-top:18px;
  margin-bottom:25px;
}
.breadcrumb ul{
  float:right;
  display:flex;
  flex-wrap:wrap;
}
.breadcrumb li{
  font-size:1.1rem;
}
.breadcrumb li span{
  color:#B7B7B7;
}

.contents_body .content_box{
  margin-bottom:50px;
}
.contents_body .content_box h3{
  font-size:2.8rem;
  line-height:1.1;
  padding-left:22px;
  margin-bottom:57px;
  background:url(../img/ico_sttl.png) no-repeat 0 0.1em;
  background-size:10px 20px;
}
.contents_body .content_box h3.grayico{
  background:url(../img/ico_ssttl.png) no-repeat 0 0.1em;
  background-size:10px 20px;
}
.contents_body .content_box > p{
  padding:0 5px 0 23px;
  margin-bottom:50px;
  line-height:1.6;
}

.btn_link, .btn_link:visited,
.btn_link_fill, .btn_link_fill:visited,
.btn_file_link, .btn_file_link:visited,
.btn_file_grlink, .btn_file_grlink:visited{
  display:inline-block;
  min-width:248px;
  padding:22px 15px;
  font-size:1.4rem;
  font-family: 'Noto Sans JP',Arial,sans-serif;
  font-weight: 900;
  font-style: normal;
  line-height:1;
  text-align:center;
  color:#2F67B2;
  border:solid 1px #2F67B2;
}

@media screen and (min-width:769px){

  .btn_link:hover{
    color:#fff;
    background:#2F67B2;
    opacity:1;
  }

}

.btn_link_fill, .btn_link_fill:visited{
  color:#fff;
  background:#2F67B2;
}

.btn_file_link, .btn_file_link:visited,
.btn_file_grlink, .btn_file_grlink:visited{
  padding:19px 15px;
  letter-spacing:0.1em;
  color:#fff;
  background:#2F67B2;
}
.btn_file_grlink, .btn_file_grlink:visited{
  background:#7B8A9F;
  border:solid 1px #7B8A9F;
}
.btn_file_link::before,
.btn_file_grlink::before{
  content:"";
  display:inline-block;
  width:16px;
  height:20px;
  background:url(../img/ico_file.png) no-repeat 50% 50%;
  background-size:contain;
  vertical-align:-0.3em;
  margin-right:10px;
}



/* トップページ */
.top_visual_block{
  margin-bottom:70px;
  background:linear-gradient(125deg, #3162a4 calc(50% - 570px), #59bcaa calc(50% + 560px));
}
.top_visual_block .inner{
  max-width:1366px;
  margin:0 auto;
  position:relative;
}
.top_visual_block .inner .inbound{
  font-family: 'Noto Sans JP',Arial,sans-serif;
  font-weight: 900;
  font-style: normal;
  position:absolute;
  top:42%;
  left:51.5%;
  z-index: 1000;
}
.top_visual_block .inner .inbound p{
  font-size:1.6rem;
  color:#C5C4D1;
  margin-bottom:7px;
}
.top_visual_block .inner .inbound .number{
  display:block;
  line-height:1;
  font-size:9.6rem;
  color:#fff;
  margin-bottom:8px;
}
.top_visual_block .inner .inbound .letter{
  display:block;
  line-height:1;
  font-size:1.1rem;
  color:#C5C4D1;
}
.top_visual_block .inner .inbound li{
  float:left;
}
.top_visual_block .inner .inbound li + li{
  margin-left:60px;
}

.top_visual_block .inner .scroll{
  font-size:1rem;
  font-family: 'Noto Sans JP',Arial,sans-serif;
  font-weight: 900;
  font-style: normal;
  color:#fff;
  position:absolute;
  bottom:40%;
  left:2%;
  transform:rotate(90deg);
}
.top_visual_block .inner .scroll::after{
  content:"";
  display:inline-block;
  width:14px;
  height:1rem;
  margin-left:5px;
  border-bottom:solid 1px #fff;
}

.top_visual_block .inner .news{
  width:90%;
  position:absolute;
  top:70%;
  left:4%;
}
.top_visual_block .inner .news .ttl{
  float:left;
  width:97px;
}
.top_visual_block .inner .news .ttl h3{
  font-size:2.2rem;
  font-family: 'Noto Sans JP',Arial,sans-serif;
  font-weight: 900;
  font-style: normal;
  color:#fff;
  padding-bottom:7px;
  margin-bottom:25px;
  border-bottom:solid 1px #fff;
}
.top_visual_block .inner .news .ttl a, .top_visual_block .inner .news .ttl a:visited{
  display:block;
  font-size:1.1rem;
  font-family: 'Noto Sans JP',Arial,sans-serif;
  font-weight: 900;
  font-style: normal;
  color:#fff;
  text-align:center;
  padding:7px;
  border:solid 1px #fff;
}
.top_visual_block .inner .news dl{
  margin-left:130px;
  padding-top:22px;
}
.top_visual_block .inner .news dt{
  float:left;
  font-size:1.4rem;
  color:#fff;
}
.top_visual_block .inner .news dd{
  margin:0 0 15px 8em;
  font-size:1.4rem;
}
.top_visual_block .inner .news dd a, .top_visual_block .inner .news dd a:visited{
  color:#fff;
}

@media screen and (max-width:1366px){

  .top_visual_block .inner .inbound p{
    font-size:2vw;
    margin-bottom:1.2vw;
  }
  .top_visual_block .inner .inbound .number{
    font-size:6.5vw;
    margin-bottom:0.5vw;
  }
  .top_visual_block .inner .inbound .letter{
    font-size:1.5vw;
  }
  .top_visual_block .inner .inbound li + li{
    margin-left:4.4vw;
  }

  .top_visual_block .inner .scroll{
    font-size:0.7vw;
  }
  .top_visual_block .inner .scroll::after{
    width:1vw;
    height:0.7vw;
    margin-left:0.3vw;
  }

  .top_visual_block .inner .news .ttl{
    width:7vw;
  }
  .top_visual_block .inner .news .ttl h3{
    font-size:1.6vw;
    padding-bottom:0.5vw;
    margin-bottom:1.8vw;
  }
  .top_visual_block .inner .news .ttl a, .top_visual_block .inner .news .ttl a:visited{
    font-size:0.8vw;
    padding:0.5vw;
  }
  .top_visual_block .inner .news dl{
    margin-left:9.5vw;
    padding-top:1.6vw;
  }
  .top_visual_block .inner .news dt{
    font-size:1.2vw;
  }
  .top_visual_block .inner .news dd{
    margin:0 0 1vw 8em;
    font-size:1.2vw;
  }
  
}

.top_block_fb{
    text-align: right;
    padding-top: 25%;
}
.top_block_fb img{
      width:40px;
}

.top_block_01{
  max-width:1920px;
  margin:0 auto 60px;
  padding-top:135px;
  position:relative;
}
.top_block_01 figure{
  width:58.5%;
  max-width:800px;
  position:absolute;
  top:0;
  left:0;
}
.top_block_01 .inner{
  max-width:450px;
  margin:0 auto 0 calc(50% + 182px);
  padding:0 20px 0 0;
}
@media screen and (max-width:1366px){
  .top_block_01{
    padding-top:10%;
  }
  .top_block_01 .inner{
    margin-left:60.8%;
  }
}

.top_block_01 .inner h3,
.top_block_02 .inner h3,
.top_block_03 .inner h3{
  font-size:1.6rem;
  margin-bottom:15px;
}
.top_block_01 .inner h3::before,
.top_block_02 .inner h3::before,
.top_block_03 .inner h3::before{
  content:"";
  display:block;
  width:10px;
  height:20px;
  margin-bottom:7px;
  background:url(../img/ico_sttl.png) no-repeat 50% 50%;
  background-size:contain;
}
.top_block_01 .inner h3 span,
.top_block_02 .inner h3 span,
.top_block_03 .inner h3 span{
  display:block;
  font-size:2.4rem;
  line-height:1.2;
  font-family: 'Noto Sans JP',Arial,sans-serif;
  font-weight: 900;
  font-style: normal;
  color:#C9C9C9;
  margin-bottom:5px;
}
.top_block_01 .inner p,
.top_block_02 .inner p{
  margin-bottom:20px;
  line-height:1.6;
}
.top_block_01 .inner .btn{
  text-align:right;
}

.top_block_02{
  max-width:1920px;
  margin:0 auto 145px;
  position:relative;
}
.top_block_02 figure{
  width:50%;
  max-width:660px;
  position:absolute;
  top:60px;
  left:45%;
}
.top_block_02 .inner{
  max-width:450px;
  margin:0 calc(50% + 182px) 0 auto;
  padding:0 0 0 20px;
}
@media screen and (max-width:1366px){
  .top_block_02 .inner{
    margin-right:60.8%;
  }
}
.top_block_02 .inner h3{
  margin-bottom:17%;
}
.top_block_02 .inner p{
  margin-bottom:10%;
}
.top_block_02 .outer{
  max-width:1267px;
  margin:0 auto;
  padding:60px 20px 0;
}
.top_block_02 .outer .box{
  width:42.6%;
}
.top_block_02 .outer .box:nth-child(1){
  float:left;
}
.top_block_02 .outer .box:nth-child(2){
  float:right;
}
.top_block_02 .outer .box h4{
  text-align:center;
  width:128px;
  padding:6px 10px;
  margin-bottom:20px;
  border:solid 1px #E5E4ED;
}
.top_block_02 .outer .box p{
  line-height:1.6;
}
.top_block_02 .outer .box .link{
  text-align:right;
  margin-top:0.5em;
  line-height:1;
}
.top_block_02 .outer .box .link a, .top_block_02 .outer .box .link a:visited{
  font-size:1.4rem;
  font-weight:bold;
  color:#2F67B2;
}
.top_block_02 .outer .box .link a::before{
  content:"";
  display:inline-block;
  width:28px;
  height:1px;
  background:#2F67B2;
  margin-right:10px;
  vertical-align:0.3em;
}

.top_block_03{
  border-top:solid 1px #DBDBDB;
  border-bottom:solid 1px #DBDBDB;
}
.top_block_03 .inner{
  max-width:1267px;
  margin:0 auto;
  padding:0 20px;
  position:relative;
}
.top_block_03 .inner .box{
  width:45.8%;
  padding:45px 0;
}
.top_block_03 .inner .box:nth-child(1){
  float:left;
}
.top_block_03 .inner .box:nth-child(2){
  float:right;
}
.top_block_03 .inner::before{
  content:"";
  display:block;
  width:1px;
  height:100%;
  background:#dbdbdb;
  position:absolute;
  top:0;
  left:calc(50% - 1px);
}
.top_block_03 .inner h3{
  margin-bottom:38px;
}
.top_block_03 .inner p{
  line-height:1.6;
}
.top_block_03 .inner .box figure{
  margin-bottom:17px;
}

.top_block_04{
  padding:70px 20px 100px;
  background:#F2F2F2;
}
.top_block_04 h3{
  text-align:center;
  margin-bottom:20px;
}
.top_block_04 h3 span{
  display:block;
  font-size:2.9rem;
  font-family: 'Noto Sans JP',Arial,sans-serif;
  font-weight: 900;
  font-style: normal;
  color:#C9C9C9;
  margin-bottom:5px;
}
.top_block_04 p{
  text-align:center;
  line-height:1.6;
  margin-bottom:58px;
}
.top_block_04 .btn{
  width:280px;
  margin:0 auto;
}

.top_block_05{
  padding:52px 0;
  background:#F0F0E9;
}
.top_block_05 ul{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  max-width:1110px;
  margin:0 auto;
  padding:0 30px;
}
.top_block_05 ul li{
  width:30.63%;
}
.top_block_05 ul li:nth-child(1), .top_block_05 ul li:nth-child(2), .top_block_05 ul li:nth-child(3) {
  margin-bottom:3.15%;
}


/* ------------------------------------------------------------------------------------------- */
@media screen and (max-width:768px){
/* ------------------------------------------------------------------------------------------- */

.tbinline{
  display:inline;
}

.pcinline{
  display:none;
}

/* header */
header h1{
  width:120px;
}
header .inner{
  padding:10px 15px;
}
header .inner .info{
  right: 10%;
}
header .inner .info_logo{
  display:none;
}

header .menu{
  display:block;
  width:44px;
  height:44px;
  position:absolute;
  top:calc(50% - 22px);
  right:20px;
}
header .menu a{
  display:block;
  width:44px;
  height:44px;
  position:relative;
}
header .menu a span{
  text-indent:-999em;
  overflow:hidden;
}
header .menu a::before,
header .menu a::after{
  content:"";
}
header .menu a span,
header .menu a::before,
header .menu a::after{
  display:block;
  height:1px;
  background:#2F67B2;
  position:absolute;
  right:0;
  transition-duration:0.4s;
}
header .menu a::before{
  width:100%;
  top:30%;
}
header .menu a span{
  width:75%;
  top:50%;
}
header .menu a::after{
  width:50%;
  top:70%;
}
header .menu.active a span{
  width:0;
}
header .menu.active a::before{
  width:75%;
  top:50%;
  transform:rotate(-135deg);
}
header .menu.active a::after{
  width:75%;
  top:50%;
  transform:rotate(135deg);
}
header nav{
  width:280px;
  height:calc(100% - 62px);
  overflow:auto;
  background:rgba(70,175,215,0.95);
  position:fixed;
  top:62px;
  left:100%;
  z-index:500;
  transition:0.5s ease-in-out;
}
header nav.active{
  left:calc(100% - 280px);
}
header nav .inner > ul{
  display:block;
}
header nav .inner > ul > li{
  width:auto;
  text-align:left;
  padding-bottom:10px;
}
header nav .inner > ul > li + li{
  border-left:none;
  border-top:solid 1px #fff;
  padding-top:15px;
}
header nav .inner > ul > li > ul{
  max-height:1000px;
  background:transparent;
  position:static;
}
header nav .inner > ul > li:nth-child(1):hover ul,
header nav .inner > ul > li:nth-child(2):hover ul,
header nav .inner > ul > li:nth-child(3):hover ul,
header nav .inner > ul > li:nth-child(4):hover ul{
  max-height:1000px;
}
header nav .inner > ul > li > ul{
  padding:0;
}
header nav .inner > ul > li > ul li{
  padding:0 0 3px 20px;
  border-bottom:none;
}
header nav .inner > ul > li > ul li.subguide{
  padding:0 0 3px 10px;
  color:#fff;
}
header nav .inner > ul > li > ul li:first-child{
  margin-top:10px;
}
header nav .inner > ul > li > ul li:last-child{
  margin-bottom:10px;
}
header nav .inner > ul > li > ul li + li.subguide{
  padding:15px 0 3px 10px;
}
header nav .inner > ul > li > a, header nav .inner > ul > li > a:visited{
  display:inline-block;
  padding:2px 0;
  color:#fff;
}
header nav .inner > ul > li > ul li a, header nav .inner > ul > li > ul li a:visited{
  display:inline-block;
  color:#fff;
}

/* footer */
footer .inner{
  padding:40px 0 65px;
}
footer .inner .info{
  float:none;
  width:auto;
  max-width:320px;
  margin:0 auto 40px;
  padding:0 20px;
}
footer .inner .info::after{
  content:"";
  display:block;
  clear:both;
  height:0;
}
footer .inner .info .fttl{
  margin-bottom:10px;
}
footer .inner .info h3{
  float:left;
  margin-bottom:0;
  margin-right:10px;
}
footer .inner .info .fttl p{
  font-size:1.3rem;
  margin-bottom:0;
}
footer .inner .info > p{
  float:left;
  margin-bottom:0;
}
footer .inner .info a{
  display:block;
  float:right;
}

footer .inner .navi{
  float:none;
  width:auto;
  justify-content:space-between;
  padding:0 20px;
}
footer .inner .navi .item{
  margin-right:0;
}

/* container */
.container{
  padding-top:62px;
}

.under_ttl{
  background:linear-gradient(120deg, #2B5EA1 5%, #59BCAE 95%);
}
.under_ttl .inner::before{
  padding-top:23%;
}
.under_ttl .inner h2{
  width:70%;
  font-size:2.4rem;
  left:4%;
}
.under_ttl .inner h2 span{
  padding-top:10px;
  margin-top:7px;
  font-size:1.5rem;
}

.page_block .subnavi{
  display:none;
}
.page_block .contents_body{
  float:none;
  width:auto;
  margin-right:0;
}

/* トップページ */
.top_visual_block{
  margin-bottom:15px;
}
.top_visual_block .inner .inbound{
  top:37%;
  left:50%;
}
.top_visual_block .inner .inbound p{
  font-size:1.3rem;
  margin-bottom:5px;
}
.top_visual_block .inner .inbound .number{
  font-size:5.4rem;
  margin-bottom:4px;
}
.top_visual_block .inner .inbound .letter{
  font-size:1rem;
}

.top_visual_block .inner .scroll{
  font-size:1rem;
  bottom:45%;
  left:1.4%;
}
.top_visual_block .inner .scroll::after{
  width:10px;
  height:1rem;
}

.top_visual_block .inner .news{
  top:68%;
}
.top_visual_block .inner .news .ttl{
  width:70px;
}
.top_visual_block .inner .news .ttl h3{
  font-size:1.6rem;
}
.top_visual_block .inner .news .ttl a, .top_visual_block .inner .news .ttl a:visited{
  font-size:1rem;
}
.top_visual_block .inner .news dl{
  margin-left:100px;
}
.top_visual_block .inner .news dt{
  font-size:1rem;
}
.top_visual_block .inner .news dd{
  font-size:1rem;
}

.top_block_fb{

}

.top_block_01{
  padding-top:0;
}
.top_block_01 figure,
.top_block_02 figure{
  width:auto;
  max-width:inherit;
  position:static;
  margin:0 30px 30px;
  text-align:center;
}
.top_block_01 .inner,
.top_block_02 .inner{
  max-width:inherit;
  width:auto;
  margin:0;
  padding:0 80px;
}
.top_block_02 .inner{
  margin-bottom:20px;
}
.top_block_02 .inner h3{
  margin-bottom:15px;
}
.top_block_02 .inner p{
  margin-bottom:20px;
}
.top_block_02 .outer{
  padding-top:0;
}
.top_block_02 .outer .box{
  width:46%;
}

.top_block_03 .inner{
  padding:0;
}
.top_block_03 .inner .box{
  width:auto;
  padding:40px 80px;
}
.top_block_03 .inner .box:nth-child(1),
.top_block_03 .inner .box:nth-child(2){
  float:none;
}
.top_block_03 .inner .box:nth-child(1){
  border-bottom:solid 1px #dbdbdb;
}
.top_block_03 .inner::before{
  display:none;
}
.top_block_03 .inner h3{
  margin-bottom:20px;
}

.top_block_05 ul li{
  width:48%;
}
.top_block_05 ul li:nth-child(1), .top_block_05 ul li:nth-child(2), .top_block_05 ul li:nth-child(3), .top_block_05 ul li:nth-child(4) {
  margin-bottom:3.15%;
}

}/* max-width:768px */


/* ------------------------------------------------------------------------------------------- */
@media screen and (max-width:480px){
/* ------------------------------------------------------------------------------------------- */

.spblock{
  display:block;
}
.spinline{
  display:inline;
}
.pcinline, .pctbinline{
  display:none;
}

/* header */

/* footer */
footer .inner .navi{
  display:block;
  padding:0;
}
footer .inner .navi .item{
  border-top:solid 1px #DBDBDB;
  padding:25px 0;
  margin:0;
}
footer .inner .navi .item p{
  margin-bottom:0;
  padding:0 15px;
}
footer .inner .navi .item p.acordbtn{
  position:relative;
}
footer .inner .navi .item ul{
  display:none;
  padding:0 15px;
}
footer .inner .navi .item li{
  padding-left:10px;
  margin-top:8px;
}
footer .inner .navi .item p.acordbtn::before,
footer .inner .navi .item p.acordbtn::after{
  content:"";
  display:block;
  background:#707070;
  position:absolute;
  transition:0.4s;
}
footer .inner .navi .item p.acordbtn::before{
  width:19px;
  height:1px;
  top:calc(50% - 1px);
  right:25px;
}
footer .inner .navi .item p.acordbtn::after{
  width:1px;
  height:19px;
  top:calc(50% - 1px);
  right:34px;
  transform:translateY(-50%);
}
footer .inner .navi .item p.acordbtn.active::after{
  height:0;
}
footer .inner .navi .item li.subguide{
  margin-bottom:8px;
}
footer .inner .navi .item li + li.subguide{
  margin-top:22px;
}
footer .inner .navi .item p + ul{
  margin-top:0;
  padding-top:8px;
}
footer .inner .navi .item .box{
  margin:25px 0 0 0;
}
footer .inner .navi .item .box p{
  padding:25px 15px;
  border-top:solid 1px #dbdbdb;
}
footer .inner .navi .item .box p:last-child{
  padding-bottom:0;
}

/* container */
.under_ttl .inner::before {
  padding-top:30%;
}
.under_ttl .inner h2{
  width:75%;
  font-size:1.5rem;
}
.under_ttl .inner h2 span{
  padding-top:8px;
  margin-top:6px;
  font-size:1.2rem;
}

.page_block{
  margin-bottom:80px;
}

.breadcrumb{
  padding-top:10px;
}

.contents_body .content_box h3{
  font-size:2rem;
  margin-bottom:30px;
}
.contents_body .content_box > p{
  padding:0;
  margin-bottom:30px;
  font-size:1.4rem;
}

.btn_link, .btn_link:visited{
  display:block;
  min-width:inherit;
}

.btn_link_fill, .btn_link_fill:visited{
  display:block;
  min-width:inherit;
}

.tbl_wrap{
  overflow:auto;
  padding-bottom:10px;
}
.tbl_wrap::-webkit-scrollbar{
  height: 4px;
}
.tbl_wrap::-webkit-scrollbar-track-piece{
  background: #f1f1f1;
  border-radius: 4px;
}
.tbl_wrap::-webkit-scrollbar-thumb {
  background: #bcbcbc;
}

/* トップページ */
.top_visual_block{
  background:none;
}
.top_visual_block .inner .inbound{
  width:100%;
  top:0;
  left:0;
}
.top_visual_block .inner .inbound::before{
  content:"";
  display:block;
  width:100%;
  height:0;
  padding-top:95%;
}
.top_visual_block .inner .inbound p{
  font-size:1.25rem;
  position:absolute;
  top:66%;
  left:4%;
}
.top_visual_block .inner .inbound ul{
  position:absolute;
  top:calc(67% + 17px);
  left:4%;
}
.top_visual_block .inner .inbound .number{
  font-size:14.4vw;
}
.top_visual_block .inner .inbound li + li{
  margin-left:9.5vw;
}

.top_visual_block .inner .scroll{
  display:none;
}

.top_visual_block .inner .news{
  width:auto;
  position:static;
  padding:20px 20px 0;
}
.top_visual_block .inner .news .ttl{
  float:none;
  width:auto;
}
.top_visual_block .inner .news .ttl::after{
  content:"";
  display:block;
  height:0;
  clear:both;
}
.top_visual_block .inner .news .ttl h3{
  width:97px;
  float:left;
  color:#000;
  letter-spacing:0.3em;
  margin-bottom:0;
  border-bottom:solid 1px #ddd;
}
.top_visual_block .inner .news .ttl a, .top_visual_block .inner .news .ttl a:visited{
  float:right;
  width:81px;
  padding:6px 7px;
  color:#000;
  border:solid 1px #ddd;
}
.top_visual_block .inner .news dl{
  margin-left:0;
  padding-top:20px;
}
.top_visual_block .inner .news dt{
  float:none;
  font-size:1.4rem;
  color:#9D9D9D;
}
.top_visual_block .inner .news dd{
  margin:0 0 12px;
  padding-bottom:12px;
  font-size:1.4rem;
  border-bottom:solid 1px #ddd;
}
.top_visual_block .inner .news dd a, .top_visual_block .inner .news dd a:visited{
  color:#333;
}

.top_block_fb{
  padding-top: 2%;
  padding-right: 5%;
}
.top_block_fb img{
      width:30px;
}

.top_block_01 figure,
.top_block_02 figure{
  margin:0 20px 20px;
}
.top_block_01 .inner,
.top_block_02 .inner{
  padding:0 20px;
}
.top_block_01 .inner h3,
.top_block_02 .inner h3,
.top_block_03 .inner h3{
  margin-bottom:15px;
}
.top_block_01 .inner h3 span,
.top_block_02 .inner h3 span,
.top_block_03 .inner h3 span{
  font-size:2.4rem;
  margin-bottom:2px;
}
.top_block_01 .inner p,
.top_block_02 .inner p{
  font-size:1.4rem;
}
.top_block_02{
  margin-bottom:50px;
}
.top_block_02 .inner{
  margin-bottom:40px;
}
.top_block_02 .outer{
  padding-top:20px;
}
.top_block_02 .outer .box{
  width:auto;
  margin-bottom:30px;
}
.top_block_02 .outer .box:nth-child(1),
.top_block_02 .outer .box:nth-child(2){
  float:none;
}
.top_block_02 .outer .box h4{
  margin-bottom:15px;
}
.top_block_02 .outer .box p{
  font-size:1.4rem;
}
.top_block_02 .outer .box .link{
  margin-top:0.5em;
}

.top_block_03 .inner .box{
  padding:40px 20px;
}
.top_block_03 .inner .box p{
  font-size:1.4rem;
}

.top_block_04{
  padding:55px 20px 67px;
}
.top_block_04 h3{
  margin-bottom:35px;
}
.top_block_04 h3 span{
  font-size:2.4rem;
  margin-bottom:2px;
}
.top_block_04 p{
  font-size:1.4rem;
  margin-bottom:30px;
}
.top_block_04 .btn{
  width:auto;
}

.top_block_05{
  padding:30px 0;
}
.top_block_05 ul{
  justify-content:center;
  padding:0 20px;
}
.top_block_05 ul li{
  max-width:340px;
  width:100%;
}
.top_block_05 ul li:nth-child(1), .top_block_05 ul li:nth-child(2), .top_block_05 ul li:nth-child(3), .top_block_05 ul li:nth-child(4) {
  margin-bottom:0;
}
.top_block_05 ul li + li{
  margin-top:14px;
}

}/* max-width:480px */