@charset "utf-8";
/* ==========================================================

online.css

============================================================ */

@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

  PC

  _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/*-------------------------------------------------------

	メインビジュアル

	--------------------------------------------------------*/

    .mb_20{margin-bottom: 20px;}

    .wrap_online01{
        margin: 30px 0 60px;
    }

    .list_online01{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .list_online01 li{
        padding: 20px;
        text-align: center;
        background: rgb(238, 242, 248);
        width: calc(100% / 4 - 2% );
        font-size: 1.3rem;
    }

    .ico01::before,.ico02::before,.ico03::before,.ico04::before{
        width: 100%;
        height: 50px;
        display: block;
        margin: 0 auto 15px;
    }


    .ico01::before{
        content: '';
        background: url("../online/img/ico_house01.svg") no-repeat center;
    }

    .ico02::before{
        content: '';
        background: url("../online/img/ico_time01.svg") no-repeat center;
    }

    .ico03::before{
        content: '';
        background: url("../online/img/ico_free01.svg") no-repeat center;
    }

    .ico04::before{
        content: '';
        background: url("../online/img/ico_online01.svg") no-repeat center;
    }


    .wrap_pass01{
        margin-bottom: 60px;
        background: rgb(238, 242, 248);
        padding: 20px;
    }

    .wrap_pass01 input{
        width: 30%;
    }

    .pass_send01{
        background-color: #3549AF;
		border: none;
		outline: none;
		display:inline-block;
		color: #FFF;
		font-weight: bold;
		width: 15% !important;
		height: 50px;
		cursor: pointer;
		padding: 0;
		border-radius: 5px;
		-webkit-appearance: none;
    }


    .pass_send01:hover{opacity: .7;}

    .days01{width: 30% !important;}

		.link_txt{
			margin-bottom: 50px;
		}
}


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

スマートフォン（iPhone,Android)

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/*-------------------------------------------------------

	メインビジュアル

	--------------------------------------------------------*/

    .heading03{
        font-size: 1.7rem !important;
    }

    .mb_20{margin-bottom: 10px;}

    .wrap_online01{
        margin: 30px 0 45px;
    }

    .list_online01{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .list_online01 li{
        padding: 20px 5px;
        text-align: center;
        background: rgb(238, 242, 248);
        width: 48%;
        font-size: 1.3rem;
        margin-bottom: 10px;
    }

    .ico01::before,.ico02::before,.ico03::before,.ico04::before{
        width: 100%;
        height: 50px;
        display: block;
        margin: 0 auto 15px;
    }


    .ico01::before{
        content: '';
        background: url("../online/img/ico_house01.svg") no-repeat center;
    }

    .ico02::before{
        content: '';
        background: url("../online/img/ico_time01.svg") no-repeat center;
    }

    .ico03::before{
        content: '';
        background: url("../online/img/ico_free01.svg") no-repeat center;
    }

    .ico04::before{
        content: '';
        background: url("../online/img/ico_online01.svg") no-repeat center;
    }

    .wrap_pass01{
        margin-bottom: 60px;
        background: rgb(238, 242, 248);
        padding: 20px;
    }


    .pass_send01{
        background-color: #3549AF;
		border: none;
		outline: none;
		display:inline-block;
		color: #FFF;
		font-weight: bold;
		width: 100% !important;
		height: 50px;
		cursor: pointer;
		padding: 0;
		border-radius: 5px;
		-webkit-appearance: none;
        margin-top: 10px;
    }


    .pass_send01:hover{opacity: .7;}


}