@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Lato:400,700";
@import "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
}

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;
border-style:none;
}

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:700;
color:#000
}

section p {
font-size: 1.8rem;
}

strong {
color:#000;
font-weight:700
}

em {
color:#d60a23;
font-style:normal;
text-decoration:underline
}

small {
font-size:.78em;
ine-height:.8em
}

img {
border:0
}

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
}

.pc {
display:inherit
}

.sp {
display:none
}

/* h1の装飾設定*/
h1 {
display:inline-block;
width:100%;
margin-bottom:.8rem;
padding-bottom: .6rem;
font-size:2.8rem;
font-weight:400;
border-bottom: 1px dotted #ccc
}

/* h2.multiの装飾設定*/
h2 {
display:inline-block;
width:100%;
margin-bottom:1.8rem;
padding-bottom: .6rem;
font-size:2.8rem;
font-weight:400
}
h2.multi {
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)
}

/* aタグボタン */
.button {
display:block;
width: 250px;
height:70px;
line-height: 70px;
color: #FFF;
text-decoration: none;
text-align: center;
background-color: #d60a23; /*ボタン色*/
border-radius: 5px; /*角丸*/
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.button:hover{
background-color: #d82f44; /*ボタン色*/
}

/* flexboxの設定 */
.flex-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.flex-item {
flex-basis: auto; /* デフォルト */
}

section,aside {
clear:both;
margin-bottom: 50px;
}

.float-right {
float:right
}

.float-left {
float:left
}

.text-center {
text-align:center
}

.text-right {
text-align:right
}

.text-left {
text-align:left
}

/*Margin*/
.mgn-auto {
margin:0 auto
}

.mgn-btm-0 {
margin-bottom:0
}

.mgn-btm-5 {
margin-bottom:5px
}

.mgn-btm-10 {
margin-bottom:10px
}

.mgn-btm-15 {
margin-bottom:15px
}

.mgn-btm-20 {
margin-bottom:20px
}

.mgn-btm-25 {
margin-bottom:25px
}

.mgn-btm-30 {
margin-bottom:30px
}

.mgn-btm-40 {
margin-bottom:40px
}

.mgn-btm-50 {
margin-bottom:50px
}

.mgn-btm-80 {
margin-bottom:80px
}

.mgn-btm-100 {
margin-bottom:100px
}

.mgn-top-0 {
margin-top:0
}

.mgn-top-5 {
margin-top:5px
}

.mgn-top-10 {
margin-top:10px
}

.mgn-top-15 {
margin-top:15px
}

.mgn-top-20 {
margin-top:20px
}

.mgn-top-25 {
margin-top:25px
}

.mgn-top-30 {
margin-top:30px
}

.mgn-top-40 {
margin-top:40px
}

.mgn-top-50 {
margin-top:50px
}

/*Padding*/
.pad-0 {
padding:0
}

.pad-5 {
padding:5px
}

.pad-10 {
padding:10px
}

.pad-15 {
padding:15px
}

.pad-20 {
padding:20px
}

.pad-25 {
padding:25px
}

.pad-30 {
padding:30px
}

.pad-40 {
padding:40px
}

.pad-50 {
padding:50px
}

#top-images {
height: auto;
width: 100%;
margin-bottom: 30px;
}

.cf:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0
}

* html .cf {
zoom:1
}

:first-child+html .cf {
zoom:1
}

@media screen and (max-width: 767px) {/* スマホここから */
body {
font:28px/1.6em;
padding:0
}

/* h1の装飾設定*/
h1 {
font-size:2.4rem;
width:96%;
margin:0 2% .8rem;
}

h2 {
font-size: 2.4rem;
background-color:#fff
}

section {
width:96%;
margin:0 2% 2.4rem;
}

section p {
font-size: 1.8rem;
}

.pc {
display:none
}

.sp {
display:inherit
}
/* スマホここまで */}