@charset "utf-8";

@media screen and ( max-width:1100px) {
/*
============================================================
タブレット
------------------------------------------------------------

■ 

============================================================
*/	
.pc {
    display: none;
}	
.tb {
    display: block;
}
.sp {
    display: none;
}
img {
    width: 100%;
    height: auto;
}
	
a:hover img{
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
}
	
/* ---------------------------------------------------------
■ トップへ戻るボタン
--------------------------------------------------------- */	
#page-top a:hover {
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);

}
	
#page-top a {
    width: 50px;
    padding: 10px 0;
}
/* ---------------------------------------------------------
■ フェードイン
--------------------------------------------------------- */
.fadein_delay {
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
}
/* ---------------------------------------------------------
■ ベース
--------------------------------------------------------- */
body:before,body:after {
    top: 300px;
}    
    
/*ヘッダーロゴ*/
header #head_logo {
    width: 58%;
    left: 2%;
    text-align: left;
}
    
header #head_logo img {
    width: 100%;
    max-width: 218px;
}
	
header #head_logo a:hover img{
	transform: translateY(0);
}	
/*ヘッダーボタン*/
header #head_btnbox_tb {
    position: fixed;
    height: 70px;
    top: 0;
    width: 100%;
    z-index: 50;
	background: rgba(255,255,255,0.8);
}
header #head_btnbox_tb .img_btn {
    position: absolute;
    height: auto;
    width: 38%;
    top : 0;
    right: 1px;
    text-align: right;
}
header #head_btnbox_tb img {
    width: 48%;
    max-width: 70px;
    height: auto;
    margin-left: 1px;
}

header #head_btnbox_tb img.tel{
	background: #f17852;
}

header #head_btnbox_tb img.mail{
	background: #c01e1e;
}
    
/* ---------------------------------------------------------
■　メインコンテンツ 
--------------------------------------------------------- */
.main_contents ul{
    width: 98%;
}

.btn_line.tp {
    display: inline;
}

.btn_line.tp a {
    width: 85%;
    margin: 0 auto 12px;
}

.btn_line.btm a{
    width: 43%;
}

.flow_wrap .flow_inner p {
    font-size: 100%;
}


/* ---------------------------------------------------------
■ ライトボックス
--------------------------------------------------------- */
.lightbox { 
    padding: 15px;
}    
	
}


/* ---------------------------------------------------------
■ 申込の流れ+ボタン部分　調整分
--------------------------------------------------------- */


@media screen and ( max-width:990px) {
    .flow{
        padding-bottom: 50px;
    }
    .flow_wrap {
        display: inline;
    }
    .flow_wrap .flow_inner{
        margin-top: 30px;
        width: 60%;
    }
    .flow_wrap .flow_inner .border_box {
        margin: 0;
    }

    .flow_wrap .flow_inner p {
        text-align: center;
        font-size: 130%;
    }
    .flow_wrap p.next {
        margin: 10px auto;
        transform: rotate(135deg);
    }
    .btn_column a {
        font-size: 120%;
    }
}