@charset "utf-8";


/* 色関係
======================================= */
.bg_skyblue{
    background: #c9f1ff;
}


@media screen and (min-width: 768px){

    /* レイアウト
    ======================================= */
    .clear,
    .pc_clear{
        clear: both !important;
    }
    .clearfix:after,
    .pc_clearfix:after{
        content: '';
        display: block;
        overflow: hidden !important;
        clear: both;
    }

    
    /* 追加装飾
    ======================================= */
    .bold,
    .pc_bold{
        font-weight: bold;
    }
    .left,
    .pc_left{
        float: left;
    }
    .right,
    .pc_right{
        float: right;
    }
    .block,
    .pc_block{
        display: block;
    }
    .inline_block,
    .pc_inline_block{
        display: inline-block;
    }
    
    .t_left,
    .pc_t_left{
        text-align: left;
    }
    .t_center,
    .pc_t_center{
        text-align: center !important;
    }
    .t_right,
    .pc_t_right{
        text-align: right !important;
    }
    .t_large,
    .pc_t_large{
        font-size: larger;
    }
    .t_small,
    .pc_t_small{
        font-size: smaller;
    }
    
    /* 数値調整
    ======================================= */
    .pc_h11em{
        height: 11em !important;
    }
    .lh1_5em{
        line-height: 1.5em !important;
    }
    .ma0{
        margin:0 !important;
    }
    .mt-1em,
    .pc_mt-1em{
        margin-top: -1em !important;
    }
    .mr0,
    .pc_mr0{
        margin-right: 0 !important;
    }
    .mb0,
    .pc_mb0{
        margin-bottom: 0 !important;
    }
    .pt3em,
    .pc_pt3em{
        padding-top: 3em !important;
    }
    .pt11em,
    .pc_pt11em{
        padding-top: 11em !important;
    }   
    .pb1em,
    .pc_pb1em{
        padding-bottom: 1em !important;
    }
    .pb1-5em,
    .pc_pb1-5em{
        padding-bottom: 1.5em !important;
    }
	 .pb2em,
    .pc_pb2em{
        padding-bottom: 2em !important;
    }
	 .pb3em,
    .pc_pb3em{
        padding-bottom: 3em !important;
    }
	 .pb3-5em,
    .pc_pb3-5em{
        padding-bottom: 3.5em !important;
    }
	 .pb4em,
    .pc_pb4em{
        padding-bottom: 4em !important;
    }
    .pb4-5em,
    .pc_pb4-5em{
        padding-bottom: 4.5em !important;
    }
	.pb5em,
    .pc_pb5em{
        padding-bottom: 5em !important;
    }
	.pb5-6em,
    .pc_pb5-6em{
        padding-bottom: 5.6em !important;
    }
	.pb6em,
    .pc_pb6em{
        padding-bottom: 6em !important;
    }
	.pb6-2em,
    .pc_pb6-2em{
        padding-bottom: 6.2em !important;
    }
	.pb7em,
    .pc_pb7em{
        padding-bottom: 7em !important;
    }
	.pb12em,
    .pc_pb12em{
        padding-bottom: 12em !important;
    }
	.mt6em,
    .pc_mt6em{
        margin-top: 6em !important;
    }
    
    /* clear
    ======================================= */
    .clear,
    .pc_clear {
        clear: both !important;
    }
    .clearfix:after,
    .pc_clearfix:after {
        content: '';
        display: block;
        overflow: hidden !important;
        clear: both;
    }

    /* none
    ======================================= */
    .pc_none{
        display: none;
    }
}

@media screen and (max-width: 767px){
    
    /* 追加装飾
    ======================================= */
    .bold,
    .sp_bold{
        font-weight: bold;
    }
    .left,
    .sp_left{
        float: left;
    }
    .right,
    .sp_right{
        float: right;
    }
    .block,
    .sp_block{
        display: block;
    }
    .inline_block,
    .sp_inline_block{
        display: inline-block;
    }
    
    .t_left,
    .sp_t_left{
        text-align: left;
    }
    .t_center,
    .sp_t_center{
        text-align: center !important;
    }
    .t_right,
    .sp_t_right{
        text-align: right;
    }
    .t_large,
    .sp_t_large{
        font-size: larger;
    }
    .t_small,
    .sp_t_small{
        font-size: smaller;
    }


    /* 数値調整
    ======================================= */
    .sp_h3em{
        height: 3em;
    }
	.pb1em,
    .sp_pb1em{
        padding-bottom: 1em !important;
    }
	.pb2em,
    .sp_pb2em{
        padding-bottom: 2em !important;
    }
	.pb3em,
    .sp_pb3em{
        padding-bottom: 3em !important;
    }
	.pb4em,
    .sp_pb4em{
        padding-bottom: 4em !important;
    }
	.pb5em,
    .sp_pb5em{
        padding-bottom: 5em !important;
    }
	.pb6em,
    .sp_pb6em{
        padding-bottom: 6em !important;
    }

    
    /* clear
    ======================================= */
    .clear,
    .sp_clear {
        clear: both !important;
    }
    .clearfix:after,
    .sp_clearfix:after {
        content: '';
        display: block;
        overflow: hidden !important;
        clear: both;
    }

    /* none
    ======================================= */
    .sp_none{
        display: none !important;
    }
}