

/*＝＝＝＝＝＝＝＝＝＝＝＝
トップページ
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.top_bk01{
    background: url(../img/top_01_bk.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}
.top01_01 img{
    margin:20em 0 4em;
}


.top_bk02{
    background:url(../img/top_02_bk.png) repeat;
}

.top02_01 ul li{/*540 1200*/
    width: 45%;
	margin:2em auto;
    /*margin:2em 2.5%;
    float: left;*/
    
}

.top_bk03{
    background: url(../img/top_03_bk.png) no-repeat bottom;
    background-size:cover;
}

.top_bk04{
    background: url(../img/top_04_bk.png) no-repeat bottom;
    background-size:cover;
}

.top_bk05{
    background: url(../img/top_05_bk.png) no-repeat bottom;
    background-size:cover;
}
.top_bk06{
    background: url(../img/top_06_bk.jpg) no-repeat top;
    background-size:cover;
}
.top_bk07{
    background: url(../img/top_07_bk.png) no-repeat center bottom;
    background-size:cover;
}
.top_bk08{
    background: url(../img/top_08_bk.png) repeat-y;
    background-size:100% auto;
}

.top08_01 ul {
    padding:2em 0;
}
.top08_01 ul li{/*1132 1190*/
    margin:2em 0;
    padding:1.5em 2.43697479%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    border:5px solid #FFFFFF;
}


.top_bk09{
    background: url(../img/top_cont_bk.jpg) no-repeat center;
    background-size:cover;
}

.top_bk10{
    background:#0BA0D9;
}

.cont01_01{
    width: 70%;
    margin:0 15%;
    float: none;
}
.cont01_02{
    width: 70%;
    margin:0 15%;
    float: none;
}

.top_bk11{
    background: url(../img/top_11_bk.png) repeat;
}

.top11_01{/*275 1200*/
    width:30%;
    margin:0 35%;
    float: none;
}
.top11_02{/*275 1200*/
    width:100%;
    margin:2em 0;
    float: none;
}

.top11_03{/*1017 1200*/
    width:90%;
    margin:2em auto;
}

.top11_04{
    padding:0 5%;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #FFFFFF;
    border-radius: 20px;
}
.top11_04_title{/*500 1200*/
    width:70%;
    margin:-2em auto 0 auto;
}
.top11_04 ul{
    padding:1em 0;
    
}
.top11_04 ul li{
    padding:0.5em 0;
    color:#FFFF00;
    
}

.top_bk12{
    background: url(../img/top_12_bk.jpg) no-repeat center bottom;
    background-size:cover;
}
.top13_01{
    width:72.66666%;/*920 1200*/
    padding:1em 22% 1em 5%;
    background:
        url(../img/top_huki_01_t.png) no-repeat,
        url(../img/top_huki_01_b.png) no-repeat,
        url(../img/top_huki_01_c.png) repeat-y;
    background-position:
         top,
         bottom,
         top;
    background-size:
        100%,
        100%,
        100% ;
}
.top13_02{
    width:72.66666%;/*920 1200*/
    padding:1em 5% 1em 22%;
    background:
        url(../img/top_huki_02_t.png) no-repeat,
        url(../img/top_huki_02_b.png) no-repeat,
        url(../img/top_huki_02_c.png) repeat-y;
    background-position:
         top,
         bottom,
         top;
    background-size:
        100%,
        100%,
        100% ;
}

.top13_03{
    width:72.66666%;/*920 1200*/
    padding:1em 22% 1em 5%;
    background:
        url(../img/top_huki_03_t.png) no-repeat,
        url(../img/top_huki_03_b.png) no-repeat,
        url(../img/top_huki_03_c.png) repeat-y;
    background-position:
         top,
         bottom,
         top;
    background-size:
        100%,
        100%,
        100% ;
}

@media (min-width : 768px) {
/*===============
    トップページ
===============*/
    

.cont01_01{
    width: 50%;
    margin:0;
    float: left;
}
.cont01_02{
    width: 50%;
    margin:0;
    float: left;
}

.top11_01{/*275 1200*/
    width:22.9166666%;
    margin:0;
    float: left;
}
.top11_02{/*275 1200*/
    width:73%;
    margin:2em 2%;
    float: left;
}

.top11_03{/*1017 1200*/
    width:84.75%;
    margin:2em auto;
}


.top11_04_title{/*500 1200*/
    width:41.66666666%;
    margin:-2em auto 0 auto;
}

.top13_01{
    padding:3em 22% 2em 5%;
}
.top13_02{
    padding:3em 5% 2em 22%;
}
.top13_03{
    padding:3em 22% 2em 5%;
}

}



@media (min-width : 1200px) {


}


