﻿@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Questrial&display=swap');

.clearfix, .clearfix:after {
    display: block;
    clear: both
}
*, h1, h2, h3, h4, h5, h6 {
}
*, body {
    margin: 0;
    padding: 0
}

* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
box-sizing: border-box;
-webkit-text-size-adjust:none; /*iPhone対策*/
}

a:active, a:hover, a:link, a:visited {
    text-decoration: none;
	color: #03004c;
}

.contents a {
color: #888;
text-decoration: underline;
}

code, kbd, pre, samp, tt {
    font-family: monospace;
    line-height: 100%
}
.clearfix::after {
    content: ".";
    height: 0;
    visibility: hidden
}
*html .clearfix {
    /*height: 1%;*/
    clear: both
}
html .clearfix img {
    height: auto;
}
body, html {
    height: 100%
}
li {
    list-style: none
}
*:not(em) {
    text-decoration: none;
    font-style: normal;
}
html {
    overflow-y: scroll;
    font-size: 62.5%;
}
img {
    border: none;
    vertical-align: middle;
}
p {
    line-height: 1.6;
}
body, td, th {
    color: #000;
}
body {
/*	font-family: "HG丸ｺﾞｼｯｸM-PRO","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'Hiragino Sans', 'Hiragino Kaku Gothic ProN',"メイリオ", meiryo,sans-serif;*/
	font-family: Meiryo,メイリオ,sans-serif;
	background: #fff;
font-size: 16px;
    background: #fdfcee;
    line-height: 1.6;
        border-top: 7px solid #03004c;
}
.fl_r {
    float: right
}
.fl_l {
    float: left
}
.text_R {
    text-align: right
}
.text_L {
    text-align: left
}
.text_C {
    text-align: center
}
.mt10 {
    margin-top: 10px
}
.mt20 {
    margin-top: 20px
}
.mt30 {
    margin-top: 30px
}
.mt40 {
    margin-top: 40px
}
.mt50 {
    margin-top: 50px
}
.mt60 {
    margin-top: 60px
}
.mt70 {
    margin-top: 70px
}
.mt80 {
    margin-top: 80px
}
.mt90 {
    margin-top: 90px
}
.mt100 {
    margin-top: 100px
}
.mr10 {
    margin-right: 10px
}
.mr5 {
    margin-right: 5px
}
.mr20 {
    margin-right: 20px
}
.mr30 {
    margin-right: 30px
}
.mr40 {
    margin-right: 40px
}
.mr50 {
    margin-right: 50px
}
.mr60 {
    margin-right: 60px
}
.mr70 {
    margin-right: 70px
}
.mr80 {
    margin-right: 80px
}
.mr90 {
    margin-right: 90px
}
.mr100 {
    margin-right: 100px
}
.ml10 {
    margin-left: 10px
}
.ml20 {
    margin-left: 20px
}
.ml30 {
    margin-left: 30px
}
.ml40 {
    margin-left: 40px
}
.ml50 {
    margin-left: 50px
}
.ml60 {
    margin-left: 60px
}
.ml70 {
    margin-left: 70px
}
.ml80 {
    margin-left: 80px
}
.ml90 {
    margin-left: 90px
}
.ml100 {
    margin-left: 100px
}
.mb-10 {
    margin-bottom: -10px;
    }
.mb10 {
    margin-bottom: 10px
}
.mb20 {
    margin-bottom: 20px
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb40 {
    margin-bottom: 40px
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb60 {
    margin-bottom: 60px
}
.mb70 {
    margin-bottom: 70px
}
.mb80 {
    margin-bottom: 80px
}
.mb90 {
    margin-bottom: 90px
}
.mb100 {
    margin-bottom: 100px
}
.ma10 {
    margin: 10px
}
.ma20 {
    margin: 20px
}
.ma30 {
    margin: 30px
}
.ma40 {
    margin: 40px
}
.pt10 {
    padding-top: 10px
}
.pt20 {
    padding-top: 20px
}
.pt30 {
    padding-top: 30px
}
.pt40 {
    padding-top: 40px
}
.pt50 {
    padding-top: 50px
}
.pt60 {
    padding-top: 60px
}
.pt70 {
    padding-top: 70px
}
.pt80 {
    padding-top: 80px
}
.pt90 {
    padding-top: 90px
}
.pt100 {
    padding-top: 100px
}
.pr10 {
    padding-right: 10px
}
.pr20 {
    padding-right: 20px
}
.pr30 {
    padding-right: 30px
}
.pr40 {
    padding-right: 40px
}
.pr50 {
    padding-right: 50px
}
.pr60 {
    padding-right: 60px
}
.pr70 {
    padding-right: 70px
}
.pr80 {
    padding-right: 80px
}
.pr90 {
    padding-right: 90px
}
.pr100 {
    padding-right: 100px
}
.pl10 {
    padding-left: 10px
}
.pl20 {
    padding-left: 20px
}
.pl30 {
    padding-left: 30px
}
.pl40 {
    padding-left: 40px
}
.pl50 {
    padding-left: 50px
}
.pl60 {
    padding-left: 60px
}
.pl70 {
    padding-left: 70px
}
.pl80 {
    padding-left: 80px
}
.pl90 {
    padding-left: 90px
}
.pl100 {
    padding-left: 100px
}
.pb10 {
    padding-bottom: 10px
}
.pb20 {
    padding-bottom: 20px
}
.pb30 {
    padding-bottom: 30px
}
.pb40 {
    padding-bottom: 40px
}
.pb50 {
    padding-bottom: 50px
}
.pb60 {
    padding-bottom: 60px
}
.pb70 {
    padding-bottom: 70px
}
.pb80 {
    padding-bottom: 80px
}
.pb90 {
    padding-bottom: 90px
}
.pb100 {
    padding-bottom: 100px
}
.pa10 {
    padding: 10px
}
.pa20 {
    padding: 20px
}
.pa30 {
    padding: 30px
}
.pa40 {
    padding: 40px
}
.pa50 {
    padding: 50px
}
.font-red {
    color: #c20000!important
}
@media screen and (max-width:767px) {
.pr0_sp {
    padding-right: 0px!important
}
.pl0_sp {
    padding-left: 0px!important
}
.pt0_sp {
    padding-top: 0px!important
}
.pt10_sp {
    padding-top: 10px!important
}
.pt20_sp {
    padding-top: 20px!important
}
.pt30_sp {
    padding-top: 30px!important
}
.pt40_sp {
    padding-top: 40px!important
}
.pt50_sp {
    padding-top: 50px!important
}
.pt60_sp {
    padding-top: 60px!important
}
.pb20_sp {
    padding-bottom: 20px!important
}
.pb30_sp {
    padding-bottom: 30px!important
}
.pb40_sp {
    padding-bottom: 40px!important
}
.pb50_sp {
    padding-bottom: 50px!important
}
.pb60_sp {
    padding-bottom: 60px!important
}
.mr0_sp {
    margin-right: 0px!important
}
.ml0_sp {
    margin-let: 0px!important
}
.mt0_sp {
    margin-top: 0px!important
}
.mt10_sp {
    margin-top: 10px!important
}
.mt20_sp {
    margin-top: 20px!important
}
.mt30_sp {
    margin-top: 30px!important
}
.mt40_sp {
    margin-top: 40px!important
}
.mt50_sp {
    margin-top: 50px!important
}
.mt60_sp {
    margin-top: 60px!important
}
.mb0_sp {
    margin-bottom: 0px!important
}
.mb20_sp {
    margin-bottom: 20px!important
}
.mb30_sp {
    margin-bottom: 30px!important
}
.mb40_sp {
    margin-bottom: 40px!important
}
.mb60_sp {
    margin-bottom: 60px!important
}
	
}



.in_title {
font-size: 22px;
font-weight: bold;
color: #f90;
margin-bottom: 20px;
font-family: 'Kosugi Maru',Meiryo,メイリオ,sans-serif;
line-height: 1.3;
}
#knocks .in_title {
color: #009fec;
}
#steps .in_title {
color: #e75296;
}
#hands .in_title {
color: #f8bb00;
}
#contact .in_title {
color: #a7c870;
}


