@charset "utf-8";
body {-webkit-text-size-adjust: none;}
.sp_size {display:none;}
.container-fluid {padding:0;width: 100%;
overflow:hidden;}
.sec03,.sec04,.sec05,.sec06,.sec07,.sec08,.sec09,.sec10,.sec11
{padding:0 0 80px;}
.sec00{padding:0;}
.sec01 {padding:40px 0;}
.contact{padding:0 0 40px;}
.modoru{margin: 30px 0 0 0;}
.sec01 .container {width: 60%;}
.sec02 .container {width: 60%;}
.sec03 .container {width: 60%;}
.cv .container {width: 60%;}
.sec04 .container {width: 60%;}
.sec05 .container {width: 60%;}
.sec06 .container {width: 60%;}
.sec07 .container {width: 60%;}
.sec08 .container {width: 60%;}
.sec09 .container {width: 60%;}
.sec10 .container {width: 60%;}
.contact .container{width: 60%;}
.contact-title{margin-top: 120px;font-size: 30px;}
.container2 img{
width: 60%;
}

a:hover {text-decoration: none;}
img {width:100%;margin-bottom:0px;}

.index img {width:100%;margin-bottom:20px;}
.index-c img {width:100%;margin:30px 0 20px;}
.text-center {margin-bottom:30px;}
ul {margin:0;padding:0;list-style: none;}

button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;

}

table{
  border-spacing: 20px;
    width: 100%;
}

table th{

  padding: 10px 5px;
    width: 20%;
    text-align: left;
}

table td{

  text-align: left;
  padding: 10px 20px;
}

h2 {background:#154696;background-size:cover;
text-align: center;color:#fff;padding:20px 0;margin-bottom:30px;line-height:1.1em;}


  h2 span{color: #ffc952;}


h3 {
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  border: 1px solid #154696;
  border-radius: 0 10px 10px 10px;

}

h3:before {
  font-size: 15px;
  font-size: 1rem;
  position: absolute;
  top: -20px;
  left: 0;
  height: 20px;
  padding: 0 1em;
  content: '\メリット';
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #154696;
}

h4 {
  position: relative;
  padding: 1rem 2rem;
  text-align: center;
  border: 1px solid #34314c;
  border-radius: 0 10px 10px 10px;
  background-color: #f6f6f6;

}

h4:before {
  font-size: 15px;
  font-size: 1rem;
  position: absolute;
  top: -20px;
  left: 0;
  height: 20px;
  padding: 0 1em;
  content: '\デメリット';
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #34314c;
}


h5 {
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #001868;
  border-bottom: 1px solid #001868;
  font-size:24px;
}


  h5 {
    animation-duration: 2s;/* アニメーション時間 */
    animation-name: RightToLeft;/* アニメーション名 */
    animation-iteration-count: infinite;/* アニメーションの繰り返し（無限）*/
  }

  /*
  ** The Header Media Queries **
  ** Tweak as per your needs **
  */
  .brand {
  width: 20%;}

  .site-header {
    position: relative;
    background-color: #fff;
  border-bottom: 3px solid #154696;
  padding: 10px;
}

  .site-header__wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    @media (min-width: 600px) {

      .site-header__wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0; }
      }


  @media (min-width: 600px) {
    .nav__wrapper {
      display: flex; } }

  @media (max-width: 599px) {
    .nav__wrapper {
      position: absolute;
      top: 100%;
      right: 0;
      left: 0;
      z-index: -1;
      background-color: #d9f0f7;
      visibility: hidden;
      opacity: 0;
      transform: translateY(-100%);
      transition: transform 0.3s ease-out, opacity 0.3s ease-out; }

      .nav__wrapper.active {
        visibility: visible;
        opacity: 1;
        transform: translateY(0); } }

  .nav__item a {
    display: block;
    padding: 1rem 0.7rem;
    vertical-align: middle; /* 「vertical-align」を指定してもテキストは縦方向中央揃いにならない */
     text-align: center;
     color: #000;

  }

  .nav__toggle {
    display: none; border: 2px solid #000;}

    @media (max-width: 599px) {
      .nav__toggle {
        display: block;
        position: absolute;
        right: 1rem;
        top: 1rem; }
      }

  .srt_box{padding: 8px 0 0px 0;text-align: center;margin: 0px 5px 0px 5px;}

    .srt_box img{margin-bottom: 20px;}

    .srt_box00{border: 4px solid #39b54a;background-color: #fff;}

    .radiobutton {
          display: none;
        }

        label {
          background-color: #dcdcdc;
          width: 46%;
          padding: 10px 5px;
          border-radius: 8px;
        }

        .radiobutton:checked + label {
          background-color: orange;
        }

        .radiobox2 label {
          background-color: #dcdcdc;
          width: 46%;
          padding: 10px 10px;
          border-radius: 8px;
        }


.other .header {position: static;}

.header {padding:10px 0 0 0;position: fixed;background:#fff;width:100%;z-index:9999;opacity:0.95;}
.header .container

.header .row,.header .col {padding:0 5px 0 0;}

.header .offset-md-4{padding:0 5px 0 0;}
.header .logo {margin-top:5px;}
.logo{border: 2px solid #000;width: 300px;}
.header a:hover img  {opacity: 0.8;}
.header .red {color:#ff0000;margin:2px 0 0;font-size:16px;text-align: right;}

.sec00 {

}



.sec002{
}



  .sec0{text-align: center;padding: 10px 0 0px 0;}
  .sec0 .container {width: 60%;padding: 0;}
.sec0 p{font-weight: bold;}

.sim{border: 4px solid #154696;background-color: #fff;}
.sim h2{padding: 0px 0 3px 0;margin-bottom: 10px;background-color: #154696;}
.sim img{width: 200px;}

.contact2{margin: 0 10px 18px 10px;background-color: #fffff0}

.contact2 table{
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  border:solid 1px #ddd;
  width:100%;margin:0 auto;
    margin-bottom:5px;
}
.contact2 th {
  width:45%;
  text-align: left;
  padding:5px 10px;

  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  border-bottom:solid 1px #ddd;
  background-color:#f9f9f9;
  }

.contact2 td {width:100%;padding:5px;border-bottom:solid 1px #ddd;  text-align: left;}
.contact2 th span {margin-left:12px;padding:3px 7px;background:#f06a13;color:#fff;font-size:0.7em;font-weight:normal;
border-radius:4px;}

.contact2 input[type="checkbox"] {width:10%;border-radius:6px;border:1px solid #ccc;padding:5px 5px;margin-left:10px;}
.contact2 input[type="text"] {width:85%;border-radius:6px;border:1px solid #ccc;padding:3px 10px;margin-right:5px;}
.contact2 input#tex[type="text"] {width:100%;border-radius:6px;border:1px solid #ccc;padding:3px 10px;margin-right:5px;}
.contact2 input#tex2[type="text"] {width:100%;border-radius:6px;border:1px solid #ccc;padding:3px 10px;margin-right:5px;height: 150px;vertical-align : text-top;}


.sec01 {background:#fff;}
.sec01 img{
margin-bottom: 35px;

}

.in01{
  position: relative;
  padding: 10px;
  text-align: center;
  border: 3px solid #154696;
  text-align: left;
}

.in01:before {

  font-size: 1rem;
  position: absolute;
  top: -24px;
  left: -3px;
  height: 24px;
  padding: 0 1em;
  content: 'ご利用について';
  color: #fff;
  background: #154696;
    border-radius: 5px 5px 0 0;
}

.sec02{text-align: center;}
#lt{margin-bottom: 0px;}
#lt2{margin-top: 40px;}
#yazi{width: 20%;margin: 20px;}



.sec03 {background:#fff;padding:30px 0;}

}




.sec03 h3 {
    font-size:20px;
    padding: .25em 0 .25em .75em;
    border-left: 6px solid #154696;
    margin:30px;
}



.cv {padding:40px 20px;;text-align:left;
  background-size:cover;
  background-image: url("cv_bk.jpg")
}


.cv #endl{margin-bottom: 0;font-weight: bold;font-size: 1.3em}

.parenthesis {
  position: relative;
  width: 60%;
  padding: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  margin-bottom: 20px;
}
.parenthesis::before,
.parenthesis::after {
  position: absolute;
  top: 0;
  content: '';
  width: 20px;
  height: 100%;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parenthesis::before {
  left: 0;
  border-left: 1px solid #555;
}
.parenthesis::after {
  right: 0;
  border-right: 1px solid #555;
}



.cv_in{padding-right: 40%;}
.cv_in p{text-align: center;}
.cv_img{width: 70%;margin: 0 auto;}
.cv-btn{}
.cv_in img{margin-top: 15px;width: 70%}


.sec04 {}

.sec04_innner {border:0px solid #333;padding:5px 30px; text-align: center;
	margin-right:10px;margin-bottom:10px;position: relative;}
.sec04_innner:last-child {margin-right:0;}
.sec04_innner img{width: 30%;margin: 10px 0 0 0;}
.sec04_innner h3{color: #154696;font-size: 1.1em;margin-bottom: 10px;color: #154696;padding: 5px;}
.sec04_innner h4{font-size: 1.1em;margin-bottom: 10px;padding: 5px;}
.sec04_innner2{text-align: left;padding: 0px 20px;}
.cp_card {
  position: relative;
  overflow: visible;
}


.sec05 {background:#f9f9f9;text-align: center;}
.sec05_innner {border:3px solid #001868; margin-right:12px;}
.sec05_innner:last-child {margin-right:0;}
.sec05_innner img {height:300px;width:auto;}
.in05{width: 70%;margin: 0 auto;}
.in05 img{margin-bottom: 20px;}


.sec06 {background:#fff;}
.sec06_innner {padding:0 12px;margin-bottom:30px;}
.sec06 .row {border-bottom:1px solid #ccc;padding:36px 0;}

.sec07 {background:#f9f9f9;text-align: center;padding-top: 10px;}
.sec07 img {width:60%;padding:5px;}
.sec07 .big {font-size:23px;margin:30px 0 0;;display:inline-block;color: #154696;}
.sec07_inner {margin-bottom:10px;}
.sec07 h3 {padding:3px 0 3px 5px;
  text-align: left;font-size: 20px;
margin: 80px 15% 5px 15%;
font-weight: bold;
  border-left: solid 5px #154696;
background-position: right 10px;
}
.sec07 p{
  margin: 0 15% 30px 15%;
  text-align: left;
}

.sec08 {background:#f9f9f9;
}


/* アコーディオン */
  details {
  	display: block; /*書かないとIEで表示が崩れる*/
  	border: 1px solid #ccc;
  	font-size: 14px;
  	background: #fff;
  	transition: background 0.3s;
    width: 100%;
    margin: auto;
    border-radius: 10px;
  }

  details[open] { /*アコーディオンが開いているとき*/
  	background: #eee;
    padding: 10px;
  }

  summary {
  	display: block; /*書かないとIEで表示が崩れる*/
  	padding: 10px;
  	font-size: 20px;
  	cursor: pointer;
    text-align: center;

  }


.sec08 .container {padding:0;}


.sec08 table{
  width: 100%;
  border-collapse: collapse;
}

.sec08 table tr{
  border-bottom: solid 2px white;
}

t.sec08 able tr:last-child{
  border-bottom: none;
}

.sec08 table th{
  position: relative;
  text-align: left;
  width: 20%;
  background-color: #159ad4;
  color: white;
  text-align: center;
  padding: 5px 0;
  border-bottom: 2px solid #fff;
}

.sec08 table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #159ad4;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.sec08 table td{
  text-align: left;
  width: 40%;
  text-align: center;
  background-color: #eee;
  padding: 5px 0;
}


.example{display: flex;
justify-content: center;margin: 40px 0 5px 0;}

.example li{
  float: left;
  list-style: none;
  margin-right: 0px;
  width: 100%;
text-align: center;
}

#vvv{width: 180px;text-align: right;padding:5px 20px 0 0;}

.under-element{
  clear: both;
}





.sec08 .sec08_inner {display:inline-block;background:#fff;text-align:center;
	border:1px solid #ccc;padding:12px;border-radius:6px;width:22%;}
.sec08 .arrow {width:3%;display:inline-block;position: relative;}
.sec08 .arrow .fas {position: absolute;bottom:100px;left:10px;}
.sec08 li img {width:107%;}
.sec08 li p {margin:16px 0 0;}


.sec9{}
  .sec9 h3{}

.sec9 img{width: 100%;}

.media {
    background: #FFF;
    padding: 20px 10px;
    overflow: hidden;



}
.media__image {
    float: left;
    margin-right: 10px;
    width: 120px;

}
.media__summary {
    overflow: hidden;
    width: 90%;

}
.media__heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    background-color: #159ad4;
    border-radius: 2px;
    color: #fff;
    padding: 3px;
    width: 100px;
    text-align: center;

}

.media__text{}

.box26 {
    position: relative;
    margin: 1em 0;
    padding: 0 1em 0 0em;
    border: solid 2px #154696;
    border-radius: 2px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #154696;
    font-weight: bold;
}
.box26 p {
    margin: 0;
    padding: 0;
}

.arrow1{
  width: 30px;
  height: 30px;
  border: 5px solid;
  border-color:  transparent transparent #565656 #565656;
  transform: rotate(-45deg);margin: 0 auto;
}



.sec10_innner {margin-bottom:30px;}
.sec10 table{background-color: #fff;}
.sec10 table th{border: 1px solid #000;font-weight: normal;text-align: center;background-color: #f9f9f9;}
.sec10 table td{border: 1px solid #000;}


.sec11 {background:#e4fafd;}

.contact {text-align: center;}

.contact table{
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  border:solid 1px #ddd;
  width:100%;margin:0 auto;
}
.contact th {
  width:45%;
  text-align: left;
  padding:8px 24px;
  vertical-align: middle;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  border-bottom:solid 1px #ddd;
  background-color:#f9f9f9;
  }

.contact td {width:68%;padding:5px;border-bottom:solid 1px #ddd;}
.contact th span {margin-left:7px;padding:3px 7px;background:#f06a13;color:#fff;font-size:12px;font-weight:normal;
border-radius:4px;}

.contact input[type="text"] {width:88%;border-radius:6px;border:1px solid #ccc;padding:3px 2px;}
.contact textarea {width:100%;border-radius:6px;border:1px solid #ccc;}
.contact h2 {padding:14px 0;line-height:46px;}



.btn-submit {background:#dcdcdc;padding:20px 100px;font-size:18px;letter-spacing: 0.1em;width: 95%;
border-radius:6px;display:block;margin-top:20px;border: 2px solid #dcdcdc;}

.btn-submit:hover {background:#e77f00;border:2px solid #e77f00;color:#fff;text-decoration: none;font-weight: bold;}
.btn-before {background:#ccc;padding:8px 60px;font-size:16px;letter-spacing: 0.1em;
border-radius:6px;border:2px solid #ccc;display:block;margin-top:30px;}
.btn-before:hover {background:#fff;border:2px solid #ccc;text-decoration: none;}



.shiny-btn3 {
    display: block;
    position: relative;
    width: 400px;/*ボタンの幅*/
    padding: 20px 0;
    margin: 0 auto;
    background-color: #ed4545;/*ボタンの色*/
    box-shadow: 0 3px 0 0 rgba(198, 39, 39, 1);/*影の色(rgbaの値を変更)*/
    border-radius: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}
.shiny-btn3:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.7;
}
.shiny-btn3::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn3 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn3 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}






/*ナビゲーションバー*/
.header ul{
display: table;
margin: 0 auto;
padding: 1px;
margin-top: 10px;
width: 100%;
text-align: center;
background-color: #154696;
font-size: 12px;
}

.header ul li{
display: table-cell;
border-right: 1px solid #ddd;
min-width: 100px;
}
.header ul li a{
display: block;
width: 100%;
padding: 2px 0;
text-decoration: none;
color: #fff;
font-weight: bold;
}
.header ul li.current{

background-color: #DEEBF7;
}
.header ul li.current a{
color: #fff;
}
.header ul li:hover{
background-color: #fff;
}

.footer {background:#154696;font-size:12px;color:#fff;padding:40px 0;}
.footer p {margin-bottom:0;}
.footer .copy {text-align: center;}

.in10{border: 2px solid #fff;color: #fff;padding: 15px;font-size: 1em;
border-radius: 10px;}








.relative {position: relative;width: 100%;}

.tttt{/* フレーム */
  position: absolute;
  top: 70%;
  left: -0%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 90%;
  z-index: 30;
}

.p1 {/* フレーム */
  position: absolute;
  top: -52%;
  left: -0%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 90%;
  z-index: 30;
}

.p2 {/* フレーム */
  position: absolute;
  top: -30%;
  left: -0%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 90%;
  z-index: 30;
}

.p3 {/* フレーム */
  position: absolute;
  top: -6%;
  left: -0%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 90%;
  z-index: 30;
}

.p4 {/* フレーム */
  position: absolute;
  top: 18%;
  left: -0%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 90%;
  z-index: 30;
}

.p5 {/* フレーム */
  position: absolute;
  top: 41%;
  left: -0%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 90%;
  z-index: 30;
}

.p6 {/* フレーム */
  position: absolute;
  top: 64%;
  left: -0%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 90%;
  z-index: 30;
}




.t1 {/* フレーム */
  position: absolute;
  top: -9%;
  left: 0%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 75%;
  z-index: 30;
}

.t2 {/* フレーム */
  position: absolute;
  top: -24%;
  left: -20%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 33%;
  z-index: 30;
}

.t3 {/* フレーム */
  position: absolute;
  top: 14%;
  left: -17%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 44%;
  z-index: 30;
}

.t4 {/* フレーム */
  position: absolute;
  top: 65%;
  left: -13%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 44%;
  z-index: 30;
}

.b_box26 {
    position: relative;
    margin: 2em 0;
    padding: 1em 1em;
    border: solid 3px #ffc952;
    border-radius: 8px;
}
.b_box26 .b_box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color:  #ffc952;
    font-weight: bold;
}
.b_box26 p {
    margin: 0;
    padding: 0;
}






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

.sp_size {display:inline;}
.pc_size {display:none;}

.sec03,.sec04,.sec05,.sec06,.sec07,.sec08,.sec09,.sec10,.sec11{padding:0  0 20px;}
.sec01 {padding:0;}
.contact{padding:0 0 5px;}

.row {padding: 0 12px;}
.header .row {padding: 0 8px;}
.header .container {padding: 0 8px;}
.header .col-md {padding: 0;}
.header .logo {margin-top:-5px;}
.container2 img{
width: 80%;
}

.sec00{padding:0;}
.sec01 {padding:10px 0;}
.contact{padding:0 0 40px;}
.sec01 .container {width: 100%;}
.sec02 .container {width: 100%;}
.sec03 .container {width: 100%;}
.cv .container {width: 100%;}
.sec04 .container {width: 100%;}
.sec05 .container {width: 100%;}
.sec06 .container {width: 100%;}
.sec07 .container {width: 100%;}
.sec08 .container {width: 95%;}
.sec09 .container {width: 100%;}
.sec10 .container {width: 100%;}
.contact .container{width: 100%;}
.contact-title{margin-top: 120px;font-size: 30px;}
.container2 img{width: 60%;}

.brand img {width: 30%;}

h2 {font-size:25px;padding:16px 0;margin-bottom:16px;}
h3 {font-size:18px;}
h4 {font-size:18px;}
h5 {font-size:20px;}
h6 {font-size:20px;}

.contact-title {font-size:20px;font-weight:bold;margin-top: 50px}
.sp_banner {position: fixed;bottom:0;z-index:9999;padding:0px 0px;width:100%;text-align: center;}
.sp_banner ul {width:100%;}
.sp_banner li {display:inline-block;width:32%;}

.header {padding:10px 0;position: relative;width:100%;}
.header .logo img {width:95%;margin-left:5px;}

.header li {display:inline-block;}
.head_btn .red {font-size:11px;margin:3px 0 0;}



.shiny-btn3 {
    display: block;
    position: relative;
    width: 95%;/*ボタンの幅*/
    padding: 20px 0;
    margin: 0 auto;
    background-color: #ed4545;/*ボタンの色*/
    box-shadow: 0 3px 0 0 rgba(198, 39, 39, 1);/*影の色(rgbaの値を変更)*/
    border-radius: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}



.site-header__wrapper {
  padding-top: 0em;
  padding-bottom: 0em;

 }
  @media (min-width: 600px) {

    .site-header__wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 0;
      padding-bottom: 0; }
    }


@media (min-width: 600px) {
  .nav__wrapper {
    display: flex; } }

@media (max-width: 599px) {
  .nav__wrapper {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: -1;
    background-color: #d9f0f7;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.3s ease-out, opacity 0.3s ease-out; }

    .nav__wrapper.active {
      visibility: visible;
      opacity: 1;
      transform: translateY(0); } }

.nav__item a {
  display: block;
  padding: 1rem 0.7rem;
  vertical-align: middle; /* 「vertical-align」を指定してもテキストは縦方向中央揃いにならない */
   text-align: center;
   color: #000;

}

.nav__toggle {
  display: none; border: 2px solid #000;}

  @media (max-width: 599px) {
    .nav__toggle {
      display: block;
      position: absolute;
      right: 1rem;
      top: 1rem; }
    }

/*  */
.srt_box{padding: 8px 0 0px 0;text-align: center;margin: 0px 5px 0px 5px;}

  .srt_box img{margin-bottom: 20px;}

  .srt_box00{border: 4px solid #39b54a;background-color: #fff;}

  .radiobutton {
        display: none;
      }

      label {
        background-color: #dcdcdc;
        width: 46%;
        padding: 10px 5px;
        border-radius: 8px;
      }

      .radiobutton:checked + label {
        background-color: #e77f00;
        color: #fff;
        font-weight: bold;
      }

      .radiobox2 label {
        background-color: #dcdcdc;
        width: 46%;
        padding: 10px 10px;
        border-radius: 8px;
      }




        .sec0{text-align: center;padding: 10px 0 0px 0;}
        .sec0 .container {width: 100%;padding: 0;}





.sec00 {padding-top:0;}
.sec00 .container{width:100%;}
.index-c img {width:100%;margin:0px 0 20px;}
.sec01 .container {padding:30px 8px;}
.sec01 img{margin-bottom: 15px;}



.sim{border: 3px solid #154696;border-radius: 10px 10px 10px 10px;background-color: #fff;}
.sim h2{padding: 0px 0 10px 0;margin-bottom: 10px;background-color: #154696;}
.sim img{width: 50%;}

.contact2{margin: 0 10px 18px 10px;background-color: #fffff0}

.contact2 table{
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  border:solid 1px #ddd;
  width:100%;margin:0 auto;
    margin-bottom:5px;
}
.contact2 th {
  width:45%;
  text-align: left;
  padding:5px 10px;
  border-right:solid 1px #ddd;
  border-left:solid 1px #ddd;
  border-bottom:solid 1px #ddd;
  background-color:#f9f9f9;
  }

.contact2 td {width:100%;padding:5px;border-bottom:solid 1px #ddd;  text-align: left;}
.contact2 th span {margin-left:12px;padding:3px 7px;background:#f06a13;color:#fff;font-size:0.7em;font-weight:normal;
border-radius:4px;}

.contact2 input[type="checkbox"] {width:10%;border-radius:6px;border:1px solid #ccc;padding:5px 5px;margin-left:10px;}

.contact2 input[type="text"] {width:85%;border-radius:6px;border:1px solid #ccc;padding:5px 10px;margin: 5px 0;}

.contact2 input#tex[type="text"] {width:100%;border-radius:6px;border:1px solid #ccc;padding:5px 10px;}
.contact2 input#tex2[type="text"] {width:100%;border-radius:6px;border:1px solid #ccc;padding:3px 10px;height: 150px;}


.btn-submit {padding:15px 30px;}

.contact2 table {width:100%;}
.contact2 th {width:100%;display:block;padding:3px 12px;}
.contact2 td {width:100%;display:block;}
.contact2 td {width:100%;padding:2px;c #ddd;padding:3px 12px;font-size: 13px;}
.contact2 th span {margin-left:12px;padding:3px 12px;background:#f06a13;color:#fff;font-size:12px;font-weight:normal;
border-radius:4px;}






.banner {text-align: center;padding:30px 8px;}
.banner img {width:100%;}





table{

  border-spacing: 20px;
    width: 100%;

}

table th{
  border-bottom: solid 2px #154696;
  padding: 10px 5px;
    width: 100px;
    text-align: left;
    font-size:13px;
}

table td{
  border-bottom: solid 2px #ddd;
  text-align: left;
  padding: 10px 5px;
  font-size:13px;
}




.cv {padding:40px 0px;;text-align:left;
  background-size:cover;
  background-image: url("cv_haikei.png");
border-top:5px solid #154696;
}

.cv #endl{margin-bottom: 0;font-weight: bold;font-size: 1.2em}

.parenthesis {
  position: relative;
  width: 73%;
  padding: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  margin-bottom: 20px;
}
.parenthesis::before,
.parenthesis::after {
  position: absolute;
  top: 0;
  content: '';
  width: 20px;
  height: 100%;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.parenthesis::before {
  left: 0;
  border-left: 1px solid #555;
}
.parenthesis::after {
  right: 0;
  border-right: 1px solid #555;
}



.cv_in{padding-right: 0}
.cv_in p{text-align: center;}
.cv_img{width: 70%;margin: 0 auto;}
.cv-btn{}
.cv_in img{margin-top: 15px;width: 90%}

.sec04 {}

.sec04_innner {border:0px solid #333;padding:0px 5px; text-align: center;
	margin-right:10px;margin-bottom:10px;position: relative;}
.sec04_innner:last-child {margin-right:0;}
.sec04_innner img{width: 30%;margin: 10px 0 0 0;}
.sec04_innner h3{color: #154696;font-size: 1.1em;margin-bottom: 10px;color: #154696;padding: 5px;}
.sec04_innner h4{font-size: 1.1em;margin-bottom: 10px;padding: 5px;}
.sec04_innner2{text-align: left;padding: 0px 20px;}
.cp_card {
  position: relative;
  overflow: visible;
}


.sec05 {background:#f9f9f9;text-align: center;}
.sec05_innner {border:3px solid #001868; margin-right:12px;}
.sec05_innner:last-child {margin-right:0;}
.sec05_innner img {height:300px;width:auto;}
.in05{width: 95%;margin: 0 auto;}
.in05 img{margin-bottom: 5px;}


.sec06 {background:#fff;}
.sec06_innner {padding:0 12px;margin-bottom:30px;}
.sec06 .row {border-bottom:1px solid #ccc;padding:36px 0;}

.sec07 {background:#f9f9f9;text-align: center;padding-top: 10px;}
.sec07 img {width:60%;padding:5px;}
.sec07 .big {font-size:23px;margin:30px 0 0;;display:inline-block;color: #154696;}
.sec07_inner {margin-bottom:10px;}
.sec07 h3 {padding:3px 0 3px 5px;
  text-align: left;font-size: 20px;
margin: 80px 15% 5px 15%;
font-weight: bold;
  border-left: solid 5px #154696;
background-position: right 10px;
}
.sec07 p{
  margin: 0 15% 30px 15%;
  text-align: left;
}




.sec08 .container {padding:0;}


.sec08 table{
  width: 100%;
  border-collapse: collapse;
}

.sec08 table tr{
  border-bottom: solid 2px white;
}

t.sec08 able tr:last-child{
  border-bottom: none;
}

.sec08 table th{
  position: relative;
  text-align: left;
  width: 20%;
  background-color: #159ad4;
  color: white;
  text-align: center;
  padding: 5px 0;
}

.sec08 table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #159ad4;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.sec08 table td{
  text-align: left;
  width: 20%;
  text-align: center;
  background-color: #eee;
  padding: 5px 0;

}


.example{display: flex;
justify-content: center;margin: 40px 0 5px 0;}

.example li{
  float: left;
  list-style: none;
  margin-right: 0px;
  width: 100%;
text-align: center;
}

#vvv{width: 180px;text-align: right;padding:5px 20px 0 0;}

.under-element{
  clear: both;
}





.sec08 .sec08_inner {display:inline-block;background:#fff;text-align:center;
	border:1px solid #ccc;padding:12px;border-radius:6px;width:22%;}
.sec08 .arrow {width:3%;display:inline-block;position: relative;}
.sec08 .arrow .fas {position: absolute;bottom:100px;left:10px;}
.sec08 li img {width:107%;}
.sec08 li p {margin:16px 0 0;}


.media {
    background: #FFF;
    padding: 20px 10px;
    overflow: hidden;



}
.media__image {
    float: left;
    margin-right: 10px;
    width: 120px;

}
.media__summary {
    overflow: hidden;
    width: 90%;

}
.media__heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    background-color: #159ad4;
    border-radius: 2px;
    color: #fff;
    padding: 3px;
    width: 100px;
    text-align: center;

}

.media__text{}

.box26 {
    position: relative;
    margin: 15px 0 0 0;
    padding: 0 1em 0 0em;
    border: solid 2px #154696;
    border-radius: 2px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #154696;
    font-weight: bold;
}
.box26 p {
    margin: 0;
    padding: 0;
}

.arrow1{
  width: 30px;
  height: 30px;
  border: 5px solid;
  border-color:  transparent transparent #565656 #565656;
  transform: rotate(-45deg);margin: 0 auto;
}





.footer {background:#154696;font-size:12px;padding:20px 12px 50px;color:#fff;}
.footer p {margin-bottom:8px;text-align: center;}
.footer .copy {text-align: center;margin-bottom:0;}





.t1 {/* フレーム */
  position: absolute;
  top: -3%;
  left: 0%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 95%;
  z-index: 30;
}

.t2 {/* フレーム */
  position: absolute;
  top: -28%;
  left: -35%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 58%;
  z-index: 30;
}

.t3 {/* フレーム */
  position: absolute;
  top: 14%;
  left: -24%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70%;
  z-index: 30;
}

.t4 {/* フレーム */
  position: absolute;
  top: 65%;
  left: -23%;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70%;
  z-index: 30;
}









}




.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
  transition-delay:30ms;/*表示タイミング*/
}


.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}


.tesuto1 {transform: translate3d(10, 0, 0);}
    .left {transform: translate3d(-8%, 0, 0);}
    .right {transform: translate3d(8%, 0, 0);}

    .left2 {transform: translate3d(-50%, 0, 0);}
    .right2 {transform: translate3d(50%, 0, 0);}

    .top {transform: translate3d(0, -30%, 0);}
    .top2 {transform: translate3d(0, -90%, 0);}

    .delay {transition: all 1s ease;}
    .delay2 {transition: all 2s ease;}
    .fast {transition: all 0.8s ease;}
    .fast2 {transition: all 0.5s ease;}
    .fast3 {transition: all 0.4s ease;}
    .fast4 {transition: all 0.3s ease;}
    .fast5 {transition: all 0.2s ease;}
    .fast6 {transition: all 0.1s ease;}


	}