@charset "utf-8";
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
body {font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#3d3333}*/
body {font-size: 1rem;}
a {text-decoration:none}
a:link,a:visited {color:#29abe2}
a:link {text-decoration:underline}
a:hover {color:#666;transition:background-color .5s ease 0}
a:active {color:#333}
a img {background:none!important}
a:hover img {opacity:.75;filter:alpha(opacity=75);-ms-filter:"alpha( opacity=75 )";background:none!important}
h1,h2,h3,h4,h5,h6 {font-size:1em;font-style:normal;font-weight:bold;color:#000000;}
.titleSub p, .titleSub h1 {
    line-height: 1.4;
    margin: 0;
    border-bottom: 1px dotted #ccc;
    color: #666;
    font-size: 1.667em;
}
p {font-size:1.3em;}
strong {font-size:1em;color:#000;font-weight:bold;}
em {font-size:1em;color:#be1f33;font-style:normal;text-decoration:underline}
small {font-size:.78em;line-height:.8em}
img {border:0}
.Right {float:right}
.Left {float:left}
.Cnt {text-align:center!important}
.MgnBtm {margin-bottom:2em}
.MgnBtm0 {margin-bottom:0}
.MgnTop {margin-top:3em}
section,aside {clear:both;margin-bottom:30px}
hr {border:0;
height:1px;
background:#333;
background-image:-webkit-linear-gradient(left,#ccc,#333,#ccc);
background-image:-moz-linear-gradient(left,#ccc,#333,#ccc);
background-image:-ms-linear-gradient(left,#ccc,#333,#ccc);
background-image:-o-linear-gradient(left,#ccc,#333,#ccc);
margin:0 auto 5px;
width:950px}
.box-under-shadow {box-shadow: 0 0 3px #989898;
-webkit-box-shadow: 0 0 3px #989898;
-moz-box-shadow: 0 0 3px #989898;}
.box-under-shadow-2 {box-shadow: 0 5px 0 #000000;
-webkit-box-shadow-2: 0 5px 0 #000000;
-moz-box-shadow-2: 0 5 0px #000000;}
.box-under-shadow-2:hover{box-shadow: none;
transform: translate3d(0, 5px, 0);}
.cf:after {visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0}
* html .cf {zoom:1}
:first-child+html .cf {zoom:1}

/* 文字設定 */
h2 {
display: inline-block;
width: 100%;
margin-bottom: .4em;
font-size: 2.2em;
font-weight: normal;
}
h2.multi{
display: block;
box-sizing: border-box;
padding:6px 0;
border-bottom:8px solid rgba(225,0,51,1.00);
position:relative;
}
h2.multi:before, h2.multi:after{
content:"";
display:block;
height:8px;
position:absolute;
bottom:-8px;
}
h2.multi:before{
width:20%;
left:8%;
background:rgba(255,255,255,0.7);
}
h2.multi:after{
width:30%;
left:12%;
background:rgba(225,0,51,0.6);
}
.sml {font-size:0.6em;}

/* 位置設定 */
.Right {float:right}
.Left {float:left}
.textCenter {text-align:center}
.textRight {text-align:right}
.textLeft {text-align:left}

.MgnAuto {margin:0 auto}

.MgnBtm0 {margin-bottom:0}
.MgnBtm5 {margin-bottom:5px}
.MgnBtm10 {margin-bottom:10px}
.MgnBtm15 {margin-bottom:15px}
.MgnBtm20 {margin-bottom:20px}
.MgnBtm25 {margin-bottom:25px}
.MgnBtm30 {margin-bottom:30px}
.MgnBtm40 {margin-bottom:40px}
.MgnBtm50 {margin-bottom:50px}
.MgnBtm80 {margin-bottom:80px}
.MgnBtm100 {margin-bottom:100px}

.MgnTop0 {margin-top:0}
.MgnTop5 {margin-top:5px}
.MgnTop10 {margin-top:10px}
.MgnTop15 {margin-top:15px}
.MgnTop20 {margin-top:20px}
.MgnTop25 {margin-top:25px}
.MgnTop30 {margin-top:30px}
.MgnTop40 {margin-top:40px}
.MgnTop50 {margin-top:50px}
.MgnTop80 {margin-top:80px}
.MgnTop100 {margin-top:100px}

.Pad {padding:0}
.Pad5 {padding:5px}
.Pad10 {padding:10px}
.Pad15 {padding:15px}
.Pad20 {padding:20px}
.Pad25 {padding:25px}
.Pad30 {padding:30px}
.Pad40 {padding:40px}
.Pad50 {padding:50px}

/* 2分割 */
.box {/* 2個並べるときはここに入れる */
width: 100%;
  display:flex;
  justify-content: space-between;
}
.inner_left,
.inner_right{
  min-width: 48%;
  text-align: center;
}

/* ボタンの設定 */
a.btn,a.btn-2{
  padding: 0.3em;
  margin: 5px 0;
  display: block;
  color: #fff!important;
  background: #1f82c6;
  text-decoration: none;
  font-weight: bold;
  font-size:28px!important;
  border-radius: 10px;
  text-align:center;
  text-decoration:none !important;
}
a.btn span,a.btn-2 span {
font-size: 16px;
font-weight: normal;
}
a.btn:hover {
 background: #79b5e5;
 transition: .5s;
}
a.btn:hover {
 transition: .2s;
}
 
@media screen and (min-width: 768px){
  a.btn{
    padding: 0.5em 2em;
    margin: 10px auto;
    font-size:20px;
    display:inline-block;
    }
  a.btn:before {
        margin: -3px 0 0 10px;
    }
}

@media screen and (max-width: 767px) { /* スマホ */
body {font:28px/1.6em;padding:0}
h2 {background-color: #ffffff;}
.box {
display: block;
width: 95%;
margin: 30px auto;
}
.box .inner_left {
margin-bottom: 28px
}
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}