@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------------
■共通
--------------------------------------------------------------------*/
* {
    /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
    -webkit-appearance: none;
}
body {
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    min-width: 320px;
}
/*--------------------------------------------------------------------
■スマホのみ
--------------------------------------------------------------------*/
.pc_none {
    display: block;
}
.sp_none {
    display: none;
}
#container {
    overflow-x: hidden;
}
.inner {
    width: 94%;
}
.f_l {margin-bottom: 20px;}
/*----------------------------------
トップ
----------------------------------*/
#top_sec01 {
    padding: 50px 0 10px 0;
    background-size: 18px 18px;
}
#top_sec01:before {
    background: url(../../img/top/sec01_kazari01_sp.png) no-repeat;
    background-size: 90px 64px;
    width: 90px;
    height: 64px;
}
#top_sec01:after {
    background: url(../../img/top/sec01_kazari02_sp.png) no-repeat;
    background-size: 88px 60px;
    width: 88px;
    height: 60px;
}
#top_sec01 .img01 {
    margin-bottom: 40px;
}
#top_sec01 .box01 .f_l {
    width: 100%;
}
#top_sec01 .box01 .f_r {
    width: 100%;
    margin-bottom: 10px;
}
#top_sec01 .img01 {
    margin-bottom: 30px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
#top_sec02 {
    padding: 30px 0 30px 0;
    background-size: 10px 10px;
}
#top_sec02 .inner {
    padding-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#top_sec02 h2 {
    width: 86%;
    margin: 1px auto 0 auto;
}
#top_sec02 .box01 {
    width: 92%;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*margin-top: -15px;*/
}
#top_sec02 .box01 .L_block {
    width: 100%;
    display: block;
    vertical-align: top;
}
#top_sec02 .box01 .R_block {
    width: 100%;
    display: block;
    vertical-align: top;
    padding-bottom: 0;
}
#top_sec02 .box01 .txt01 {
    margin-top: 10px;
}
.txt01 {
    font-size: 100%;
    line-height: 180%;
    padding: 0 5px;
}
#top_sec03 h3 img {
    width: 96%;
    height: auto;
}
#top_sec03 #gakka01, #top_sec03 #gakka02, #top_sec03 #gakka03, #top_sec03 #gakka04 {
    padding-bottom: 30px;
}
#top_sec03 .box01 {
    padding: 20px 10px 15px 0;
}
.inner02 {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}
#top_sec03 .box02 .f_l {
    width: 100%;
    float: none;
}
#top_sec03 .box02 .f_r {
    width: 100%;
    float: none;
}
#top_sec03 .box03 {
    display: none;
}
#top_sec03 .btn01 {
    width: 80%;
    margin-top: 20px;
}
#top_sec03 #gakka02 .btn01, #top_sec03 #gakka03 .btn01, #top_sec03 #gakka04 .btn01 {
    margin-top: 20px;
}
#top_sec03 .box01 img, #top_sec03 .inner02 img {
    width: 100%;
    height: auto;
}
#gakka03 .inner02, #gakka04 .inner02 {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}
#top_sec03 #gakka03 .box02 .f_l, #top_sec03 #gakka04 .box02 .f_l {
    width: 100%;
    margin-left: 0;
}
#top_sec03 #gakka03 .box02 .f_r, #top_sec03 #gakka04 .box02 .f_r {
    width: 100%;
}
#top_sec04 {
    padding: 30px 0;
}
#top_sec04 .inner {
    padding: 5px 0 0 0;
    width: 88%;
}
#top_sec04 .img01 {
    margin-top: 20px;
    width: 112%;
    margin-left: -6%;
}
#top_sec04 h2 {
    width: 104%;
    margin-left: -6%;
}
#top_sec05 {
    background-size: 10px 10px;
    padding: 40px 0;
}
#top_sec05 .inner {
    margin-top: -65px;
    padding: 75px 4% 20px 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
}
#top_sec05 h2 {
    background: none;
    padding-top: 0;
    height: auto;
}
#top_sec05 h2 img {
    width: 100%;
    height: auto;
}
#top_sec05 .box04 .f_l, #top_sec05 .box04 .f_r {
    width: 100%;
    float: none;
}
#top_sec05 .box04 .f_l {
    margin-bottom: 10px;
}
#top_sec05 h3 {
    height: auto;
    padding: 0 0 6px 0;
    margin-bottom: 5px;
    margin-left: -6%;
    margin-right: -6%;
}
#top_sec05 .sec05_subt02 {
    margin-bottom: 10px;
    height: auto;
}
#top_sec05 .sec05_subt01 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-top: 0;
    height: auto;
    text-align: center;
}
#top_sec05 .sec05_subt01:before {
    width: 25px;
    height: 1px;
    border-bottom: 1px solid #45bcec;
    margin-top: 0;
}
#top_sec05 .sec05_subt01:after {
    width: 25px;
    height: 1px;
    border-bottom: 1px solid #45bcec;
    margin-top: 0;
}

#top_sec05 .sec05_subt011 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-top: 0;
    height: auto;
    text-align: center;
}
#top_sec05 .sec05_subt011:before, #top_sec05 .sec05_subt011:after {
    display: none;
}

#top_sec05 .list01 {
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
#top_sec05 .list01 ul {
    margin-bottom: 5px;
}
#top_sec05 #seido01 {
    padding-bottom: 15px;
    margin-bottom: 15px;
}
#top_sec05 .box04 {
    margin-bottom: 15px;
}
#top_sec06 {
    padding: 30px 0;
}
#top_sec06 .L_block {
    display: block;
    width: 80%;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    text-align: center;
}
#top_sec06 .R_block {
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#top_sec07 {
    padding: 30px 0;
}
#top_sec07 h2 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
#top_sec07 .instbox {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
}
/*#top_sec07 .instbox iframe{
	height: auto!important;
}*/
footer {
    padding-top: 15px;
    padding-bottom: 15px;
}
#top_sec05 .list01 li {
    font-size: 114%; /*16px*/
    text-align: left;
    padding-left: 15px;
}
#top_sec05 .list01 li:before {
    font-size: 81%; /*10px*/
}
.txt02 {
    font-size: 86%; /*12px*/
    text-align: left;
    padding-left: 1em;
    text-indent: -1em;
}
address {
    font-size: 86%; /*12px*/
}
#top_sec05 h3 img {
    height: 16px;
    width: auto;
}
#top_sec05 .sec05_subt02 img {
    height: 16px;
    width: auto;
}
#top_sec05 .sec05_subt01 img {
    height: 18px;
    width: auto;
}
@media (max-width: 768px) and (min-width: 481px) {
    #top_sec05 .list01 li {
        font-size: 140%; /*16px*/
        padding-left: 4.5%;
    }
    #top_sec05 .list01 li:before {
        font-size: 100%; /*10px*/
    }
    .txt01 {
        font-size: 120%;
    }
    .txt02 {
        font-size: 120%; /*12px*/
    }
    address {
        font-size: 120%; /*12px*/
    }
    #top_sec05 h3 img {
        height: 24px;
        padding-top: 8px;
        padding-bottom: 3px;
    }
    #top_sec05 .sec05_subt02 img {
        height: 20px;
        padding: 5px 0;
    }
    #top_sec05 .sec05_subt01 img {
        height: 26px;
    }
    #top_sec05 h3 {
        margin-bottom: 15px;
    }
}

/*--------------------------------------------------------------------
■BUZZHOOK追記
--------------------------------------------------------------------*/
#top_sec04 .btn01 {
    width: 100%!important;
}

.miryokubn {
	width: 145px;
	margin: 16px auto 0;
}
.miryokubn2 {
	width: 194px;
	margin: 16px auto 0;
}