/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  font-size: 62.5%;
  line-height: 1.6; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

body {
  margin: 0;
  font-family: 'Noto Sans JP',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /*font-size: inherit;
  line-height: inherit;*/
  font-weight:bold;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

li{
  position: relative;
}

i{
display: inline-block;
font-style: normal;
}

strong,
em{
font-weight:bold;
font-style: normal;
}

a {
color:#333;
display: inline-block;
text-decoration:none;
word-break: break-all;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: #ccc;
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

a.more{
position: absolute;
top:0;
bottom:0;
right:0;
left:0;
cursor: pointer;
text-indent:-9999px;
z-index: 9998;
}

a.more:hover{
background-color: rgba(225,225,225,0.3);
-webkit-transition: all .4s linear;
transition: all .4s linear;
}

/* Text-level semantics */
/* ============================================ */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */

/**
 * Prevent vertical alignment issues.
 */

img,
embed,
object,
iframe {
  vertical-align: bottom;
}

img{
max-width: 100%;
height:auto;
vertical-align:bottom;
display: inline-block;
}

span{
  display: inline-block;
}


table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: middle;
  padding: 0;
}

th {
  font-weight: bold;
}

#main_contents{
  z-index: 1;
}
/* 汎用
----------------------------------------------------*/


.bo2 a,
a.bo2,
.bo a:hover,
a.bo:hover{
text-decoration: underline;
}

.bo2 a:hover,
a.bo2:hover{
text-decoration: none;
-webkit-transition: all .4s linear;
transition: all .4s linear;
}


.op a:hover,
a.op:hover,
.op a:hover img {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
cursor:pointer;
-webkit-transition: all .4s linear;
transition: all .4s linear;
cursor:pointer;
backface-visibility: hidden;
}

.op2 a:hover img {
transform: scale(1.04,1.06);
-webkit-transition: all .4s linear;
transition: all .4s linear;
}

a.ho2,
.ho2 input,
.ho2 a{
  transition: all 0.4s linear;
}

.ho2 input[type="button"]:hover,
.ho2 input[type="submit"]:hover,
a.ho2:hover,
.ho2 a:hover{
margin-top: -5px;
}

.fade2.view,
.fade.view{
opacity: 1;
transition: 1.5s;
}

.fade2,
.fade{
opacity: 0;
}

.tL{
	text-align: left;
}

.tC{
	text-align: center;
}

.tR {
	text-align: right;
}

.cB{
clear: both;
}

.pr{
position: relative;
}

.db{
display: block;
}

.ib{
display: inline-block;
}

.txt_s{font-size:85%;}
.oh{overflow:hidden;}
.ov{overflow:visible ;}

.fb{font-weight:bold;}
.fn{font-weight:normal;}
.dn{display: none;}
.ti{text-indent: -1.2em;
padding-left: 1.2em;
}

.nowrap{ white-space: nowrap;}

.txt_yel{
color: #fff;
}

.txt_yel{
  color: #f3ff6b;
  }

.bt01{
border-top:1px solid #ccc;
}

.bb01{
border-bottom:1px solid #ccc;
}


.list01 li{
padding-left:1em;
}

.list01 li:before {
display: block;
content: "";
top:12px;
left: 5px;
margin: auto;
position: absolute;
width: 4px;
height: 4px;
background-color: #333;
border-radius: 100%;
}

.txt_red{
color: #ff0000;
}

.txt_rose{
color: #e27171;
}

.txt_blue{
color: #1ab0ff;
}

.txt_green{
color: #3ab9aa;
}

.txt_w{
color: #fff;
}

.bg_w{
background: #fff;
}

.bg_gray{
background: #f0f0f0;
}

.bg_rose{
background: #E27171;
}

.bg_pink{
background: #fff5f2;
}

.z1{
z-index: 1;
position: relative;
}

.z2{
z-index: 2;
position: relative;
}

.z3{
z-index: 3;
position: relative;
}

.stit01{
  line-height: 30px;
  font-weight: bold;
  font-size:28px;
  letter-spacing: 3px;
  position: relative;
  margin-bottom: 15px;
  text-align: center;
  color:#008cce;
  padding-top: 28px;
}

.stit01 i{
display: block;
  margin-bottom: 15px;
}

.stit01 span{
  border-bottom: 1px solid #008cce;
  padding-bottom: 5px;

}

.btn01{
text-align: center;
display: inline-block;
width:440px;
height: 80px;
background: #eee;
margin: 0 10px;
font-size:0;
box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
    -ms-box-sizing: border-box;
        box-sizing: border-box;
}

.btn01 a{
border: 2px solid #fff;
text-align: center;
font-weight: bold;
display: block;
position: relative;
color:#fff;
height: 80px;
line-height: 76px;
font-size: 24px;
letter-spacing: 0.5px;
background: #ef9e4e;
}

.btn01 a.inq{
background: #3ab9aa;
}

.btn01 a:hover{
opacity: .7;
-webkit-transition: all .4s linear;
transition: all .4s linear;
}


.btn01 a:before {
   display: block;
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   right: 25px;
   margin: auto;
   width: 12px;
   height: 12px;
   border-top: 2px solid #fff;
   border-right: 2px solid #fff;
   transform: rotate(45deg);
}

/*
.btn01 a:hover::before{
  right: 25px;
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
}*/

.txt11{ font-size:1.1rem; }
.txt12{ font-size:1.2rem; }
.txt13{ font-size:1.3rem; }
.txt14{ font-size:1.4rem; }
.txt15{ font-size:1.5rem; }
.txt16{ font-size:1.6rem; }
.txt18{ font-size:1.8rem; }
.txt20{ font-size:2.0rem; }
.txt22{ font-size:2.2rem; }
.txt24{ font-size:2.4rem; }
.txt26{ font-size:2.6rem; }
.txt28{ font-size:2.8rem; }
.txt30{ font-size:3.0rem; }
.txt32{ font-size:3.2rem; }
.txt34{ font-size:3.4rem; }
.txt35{ font-size:3.5rem; }
.txt36{ font-size:3.6rem; }
.txt38{ font-size:3.8rem; }
.txt40{font-size:4.0rem;}
.txt50{font-size:5.0rem;}
.txt55{font-size:5.5rem;}
.txt60{font-size:6.0rem;}

.bg_grade {
  background: linear-gradient(#e27272 0%, #fcb195 100%);
}

@media screen and (min-width: 737px) {/*-----------------------------*/

.w320_only,
.sp_only,
.sp_only ul{display:none !important;
}

body{
line-height: 1.6;
text-align: center;
min-width: 1100px;
letter-spacing: 0.15px;
}

.main p{
  line-height: 1.8;
}

a[href^="tel:"] {
cursor: default;
pointer-events: none;
text-decoration: none !important;
}

.no_mw{
  max-width: none;
}

.mb0_pc,
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb_20{margin-bottom:-20px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pb30{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pl10{padding-left:10px;}

.box1100 {
  width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

.box1000 {
    width: 1085px;
    max-width: 96%;
    margin-left: auto;
    margin-right: auto;
}
.w900{
  width: 900px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.justify{
  display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-justify-content: space-between;
     -ms-flex-pack:space-between;
       justify-content:space-between;
   -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
       flex-wrap: wrap;
  }
  
  .flex-start{
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-justify-content: flex-start;
     -ms-flex-pack:flex-start;
       justify-content:flex-start;
   -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
       flex-wrap: wrap;
  }
  
  .flex-center{
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-justify-content: center;
     -ms-flex-pack: center;
       justify-content: center;
   -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
       flex-wrap: wrap;
  }

  .flex-end{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
      -ms-flex-pack:flex-end;
        justify-content:flex-end;
    -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
        flex-wrap: wrap;
   }
   
 .aic{align-items: center;}  
   

#anchor-content{
margin-top: -110px;
padding-top: 110px;
}
}/*-----------------------------*/


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

body{

letter-spacing: 0.3px;
line-height: 1.6;
min-width: 375px;
/*overflow: hidden;*/
}
    
img{
max-width: 100%;
height:auto;
}

.main p{
  line-height: 1.8;
}

input[type="checkbox"],
input[type="radio"]{
border: 1px solid #ccc;
}

textarea,
input[type="submit"],
input[type="text"]{
-webkit-appearance: none;
border-radius: 0px;
}

.w320_only,
.pc_only{display:none !important;}
.sp_only{display:block;}

@media screen and (min-width: 481px) {/*-----------------------------*/
  .sp_only.w480{
    display: none !important;
  }

  .justify.w480{
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-justify-content: space-between;
       -ms-flex-pack:space-between;
         justify-content:space-between;
     -webkit-flex-wrap: wrap;
       -ms-flex-wrap: wrap;
         flex-wrap: wrap;
  }

  .flex-center.w480{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
      -ms-flex-pack: center;
        justify-content: center;
    -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
        flex-wrap: wrap;
 }

} /*-----------------------------*/


.sp_only.ib{display:inline-block;}

a.no_sp{
pointer-events: none;
}

.left{float: none;}
.right{float: none;}

.mb0_sp,
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:8px;}
.mb15{margin-bottom:10px;}
.mb20{margin-bottom:15px;}
.mb25{margin-bottom:18px;}
.mb30{margin-bottom:20px;}
.mb35{margin-bottom:25px;}
.mb25sp,
.mb40{margin-bottom:30px;}
.mb50{margin-bottom:35px;}
.mb60{margin-bottom:40px;}
.mb70{margin-bottom:50px;}
.mb80{margin-bottom:50px;}
.mb90{margin-bottom:60px;}
.mb100{margin-bottom:60px;}
.mt_15{margin-top:-15px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.pt10{padding-top:10px;}
.pt20{padding-top:10px;}
.pt25{padding-top:15px;}
.pt30{padding-top:15px;}
.pt35{padding-top:20px;}
.pt40{padding-top:20px;}
.pt45{padding-top:25px;}
.pt50{padding-top:25px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:10px;}
.pb30{padding-bottom:15px;}
.pb40{padding-bottom:20px;}
.pb45{padding-bottom:25px;}
.pl10{padding-left:10px;}

.txt55{font-size:4.0rem; line-height: 1.5;}
.txt36{font-size:2.4rem;}
.txt28{font-size:2.0rem;}
.txt20{font-size:1.6rem;}

.sptL,
.tLsp{
text-align: left!important;
}

.tCsp{
text-align: center;
}

.sp_only{display:block;}

.a_link{
padding-top: 70px !important;
margin-top: -70px !important;
}

.ls0{
letter-spacing: 0;
}

.txt120 {
font-size: 120%;
}

.w94sp{
width: 92% !important;
margin-left: auto;
margin-right: auto;
}

.w90sp{
  width: 90% !important;
  margin-left: auto;
  margin-right: auto;
  }

figure.img{
text-align: center;
}

.justify_sp,
.justify.sp{
display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: space-between;
   -ms-flex-pack:space-between;
     justify-content:space-between;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
.flex-center_sp,
.flex-center.sp{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
    -ms-flex-pack: center;
      justify-content: center;
  -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
 }

.scroll_x{
overflow-x: scroll;
transform: scale(1, -1); 
}

.scroll_x::-webkit-scrollbar{height:10px;}/*バーの太さ*/
.scroll_x::-webkit-scrollbar-track{background:#dddddd;}/*バーの背景色*/
.scroll_x::-webkit-scrollbar-thumb{background:#999;
border-radius: 5px;}/*バーの色*/

.scroll_x::-webkit-scrollbar-track-piece {
background: #dddddd;
}

.scroll_x img{
max-width: none;
}

.scroll_x table{
transform: scale(1, -1);  
}

.btn01 a:before {
  right: 20px;
  margin: auto;
  width: 9px;
  height: 9px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;

}
}/*-----------------------------*/