@charset "UTF-8";

/* ==========================================================================
		Utility

		01. common class
				- clear
				- float
				- text_align
				- margin
				- width

		02. font

		03. rollover

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

/* ==========================================================================
		01. common class
========================================================================== */

/* text_align */
.u-text__center { text-align:center; }
.u-text__left { text-align:left; }
.u-text__right { text-align:right; }

/* margin */
/* sp */
@media screen and (max-width: 750px) {
/* top */
.l-content .u-mt0-sp { margin-top: 0; }
.l-content .u-mt5-sp { margin-top: 5px; }
.l-content .u-mt10-sp { margin-top: 10px; }
.l-content .u-mt15-sp { margin-top: 15px; }
.l-content .u-mt20-sp { margin-top: 20px; }
.l-content .u-mt25-sp { margin-top: 25px; }
.l-content .u-mt30-sp { margin-top: 30px; }
.l-content .u-mt35-sp { margin-top: 35px; }
.l-content .u-mt40-sp { margin-top: 40px; }

/* bottom */
.l-content .u-mb0-sp { margin-bottom: 0; }
.l-content .u-mb5-sp { margin-bottom: 5px; }
.l-content .u-mb10-sp { margin-bottom: 10px; }
.l-content .u-mb15-sp { margin-bottom: 15px; }
.l-content .u-mb20-sp { margin-bottom: 20px; }
.l-content .u-mb25-sp { margin-bottom: 25px; }
.l-content .u-mb30-sp { margin-bottom: 30px; }
.l-content .u-mb35-sp { margin-bottom: 35px; }
.l-content .u-mb40-sp { margin-bottom: 40px; }

/* left */
.l-content .u-ml0-sp { margin-left: 0; }
.l-content .u-ml5-sp { margin-left: 5px; }
.l-content .u-ml10-sp { margin-left: 10px; }
.l-content .u-ml15-sp { margin-left: 15px; }
.l-content .u-ml20-sp { margin-left: 20px; }
.l-content .u-ml25-sp { margin-left: 25px; }
.l-content .u-ml30-sp { margin-left: 30px; }
.l-content .u-ml35-sp { margin-left: 35px; }
.l-content .u-ml40-sp { margin-left: 40px; }

/* right */
.l-content .u-mr0-sp { margin-right: 0; }
.l-content .u-mr5-sp { margin-right: 5px; }
.l-content .u-mr10-sp { margin-right: 10px; }
.l-content .u-mr15-sp { margin-right: 15px; }
.l-content .u-mr20-sp { margin-right: 20px; }
.l-content .u-mr25-sp { margin-right: 25px; }
.l-content .u-mr30-sp { margin-right: 30px; }
.l-content .u-mr35-sp { margin-right: 35px; }
.l-content .u-mr40-sp { margin-right: 40px; }

/* all */
.l-content .u-m0-sp { margin: 0; }
.l-content .u-m5-sp { margin: 5px; }
.l-content .u-m10-sp { margin: 10px; }
.l-content .u-m15-sp { margin: 15px; }
.l-content .u-m20-sp { margin: 20px; }
.l-content .u-m25-sp { margin: 25px; }
.l-content .u-m30-sp { margin: 30px; }
.l-content .u-m35-sp { margin: 35px; }
.l-content .u-m40-sp { margin: 40px; }

/* padding */
/* top */
.l-content .u-pt0-sp { padding-top: 0; }
.l-content .u-pt5-sp { padding-top: 5px; }
.l-content .u-pt10-sp { padding-top: 10px; }
.l-content .u-pt15-sp { padding-top: 15px; }
.l-content .u-pt20-sp { padding-top: 20px; }
.l-content .u-pt25-sp { padding-top: 25px; }
.l-content .u-pt30-sp { padding-top: 30px; }
.l-content .u-pt35-sp { padding-top: 35px; }
.l-content .u-pt40-sp { padding-top: 40px; }

/* bottom */
.l-content .u-pb0-sp { padding-bottom: 0; }
.l-content .u-pb5-sp { padding-bottom: 5px; }
.l-content .u-pb10-sp { padding-bottom: 10px; }
.l-content .u-pb15-sp { padding-bottom: 15px; }
.l-content .u-pb20-sp { padding-bottom: 20px; }
.l-content .u-pb25-sp { padding-bottom: 25px; }
.l-content .u-pb30-sp { padding-bottom: 30px; }
.l-content .u-pb35-sp { padding-bottom: 35px; }
.l-content .u-pb40-sp { padding-bottom: 40px; }

/* left */
.l-content .u-pl0-sp { padding-left: 0; }
.l-content .u-pl5-sp { padding-left: 5px; }
.l-content .u-pl10-sp { padding-left: 10px; }
.l-content .u-pl15-sp { padding-left: 15px; }
.l-content .u-pl20-sp { padding-left: 20px; }
.l-content .u-pl25-sp { padding-left: 25px; }
.l-content .u-pl30-sp { padding-left: 30px; }
.l-content .u-pl35-sp { padding-left: 35px; }
.l-content .u-pl40-sp { padding-left: 40px; }

/* right */
.l-content .u-pr0-sp { padding-right: 0; }
.l-content .u-pr5-sp { padding-right: 5px; }
.l-content .u-pr10-sp { padding-right: 10px; }
.l-content .u-pr15-sp { padding-right: 15px; }
.l-content .u-pr20-sp { padding-right: 20px; }
.l-content .u-pr25-sp { padding-right: 25px; }
.l-content .u-pr30-sp { padding-right: 30px; }
.l-content .u-pr35-sp { padding-right: 35px; }
.l-content .u-pr40-sp { padding-right: 40px; }

/* all */
.l-content .u-p0-sp { padding: 0; }
.l-content .u-p5-sp { padding: 5px; }
.l-content .u-p10-sp { padding: 10px; }
.l-content .u-p15-sp { padding: 15px; }
.l-content .u-p20-sp { padding: 20px; }
.l-content .u-p25-sp { padding: 25px; }
.l-content .u-p30-sp { padding: 30px; }
.l-content .u-p35-sp { padding: 35px; }
.l-content .u-p40-sp { padding: 40px; }
}

/* PC */
@media screen and (min-width: 751px) {
/* top */
.l-content .u-mt0-pc { margin-top: 0; }
.l-content .u-mt5-pc { margin-top: 5px; }
.l-content .u-mt10-pc { margin-top: 10px; }
.l-content .u-mt15-pc { margin-top: 15px; }
.l-content .u-mt20-pc { margin-top: 20px; }
.l-content .u-mt25-pc { margin-top: 25px; }
.l-content .u-mt30-pc { margin-top: 30px; }
.l-content .u-mt35-pc { margin-top: 35px; }
.l-content .u-mt40-pc { margin-top: 40px; }

/* bottom */
.l-content .u-mb0-pc { margin-bottom: 0; }
.l-content .u-mb5-pc { margin-bottom: 5px; }
.l-content .u-mb10-pc { margin-bottom: 10px; }
.l-content .u-mb15-pc { margin-bottom: 15px; }
.l-content .u-mb20-pc { margin-bottom: 20px; }
.l-content .u-mb25-pc { margin-bottom: 25px; }
.l-content .u-mb30-pc { margin-bottom: 30px; }
.l-content .u-mb35-pc { margin-bottom: 35px; }
.l-content .u-mb40-pc { margin-bottom: 40px; }

/* left */
.l-content .u-ml0-pc { margin-left: 0; }
.l-content .u-ml5-pc { margin-left: 5px; }
.l-content .u-ml10-pc { margin-left: 10px; }
.l-content .u-ml15-pc { margin-left: 15px; }
.l-content .u-ml20-pc { margin-left: 20px; }
.l-content .u-ml25-pc { margin-left: 25px; }
.l-content .u-ml30-pc { margin-left: 30px; }
.l-content .u-ml35-pc { margin-left: 35px; }
.l-content .u-ml40-pc { margin-left: 40px; }

/* right */
.l-content .u-mr0-pc { margin-right: 0; }
.l-content .u-mr5-pc { margin-right: 5px; }
.l-content .u-mr10-pc { margin-right: 10px; }
.l-content .u-mr15-pc { margin-right: 15px; }
.l-content .u-mr20-pc { margin-right: 20px; }
.l-content .u-mr25-pc { margin-right: 25px; }
.l-content .u-mr30-pc { margin-right: 30px; }
.l-content .u-mr35-pc { margin-right: 35px; }
.l-content .u-mr40-pc { margin-right: 40px; }

/* all */
.l-content .u-m0-pc { margin: 0; }
.l-content .u-m5-pc { margin: 5px; }
.l-content .u-m10-pc { margin: 10px; }
.l-content .u-m15-pc { margin: 15px; }
.l-content .u-m20-pc { margin: 20px; }
.l-content .u-m25-pc { margin: 25px; }
.l-content .u-m30-pc { margin: 30px; }
.l-content .u-m35-pc { margin: 35px; }
.l-content .u-m40-pc { margin: 40px; }

/* padding */
/* top */
.l-content .u-pt0-pc { padding-top: 0; }
.l-content .u-pt5-pc { padding-top: 5px; }
.l-content .u-pt10-pc { padding-top: 10px; }
.l-content .u-pt15-pc { padding-top: 15px; }
.l-content .u-pt20-pc { padding-top: 20px; }
.l-content .u-pt25-pc { padding-top: 25px; }
.l-content .u-pt30-pc { padding-top: 30px; }
.l-content .u-pt35-pc { padding-top: 35px; }
.l-content .u-pt40-pc { padding-top: 40px; }

/* bottom */
.l-content .u-pb0-pc { padding-bottom: 0; }
.l-content .u-pb5-pc { padding-bottom: 5px; }
.l-content .u-pb10-pc { padding-bottom: 10px; }
.l-content .u-pb15-pc { padding-bottom: 15px; }
.l-content .u-pb20-pc { padding-bottom: 20px; }
.l-content .u-pb25-pc { padding-bottom: 25px; }
.l-content .u-pb30-pc { padding-bottom: 30px; }
.l-content .u-pb35-pc { padding-bottom: 35px; }
.l-content .u-pb40-pc { padding-bottom: 40px; }

/* left */
.l-content .u-pl0-pc { padding-left: 0; }
.l-content .u-pl5-pc { padding-left: 5px; }
.l-content .u-pl10-pc { padding-left: 10px; }
.l-content .u-pl15-pc { padding-left: 15px; }
.l-content .u-pl20-pc { padding-left: 20px; }
.l-content .u-pl25-pc { padding-left: 25px; }
.l-content .u-pl30-pc { padding-left: 30px; }
.l-content .u-pl35-pc { padding-left: 35px; }
.l-content .u-pl40-pc { padding-left: 40px; }

/* right */
.l-content .u-pr0-pc { padding-right: 0; }
.l-content .u-pr5-pc { padding-right: 5px; }
.l-content .u-pr10-pc { padding-right: 10px; }
.l-content .u-pr15-pc { padding-right: 15px; }
.l-content .u-pr20-pc { padding-right: 20px; }
.l-content .u-pr25-pc { padding-right: 25px; }
.l-content .u-pr30-pc { padding-right: 30px; }
.l-content .u-pr35-pc { padding-right: 35px; }
.l-content .u-pr40-pc { padding-right: 40px; }

/* all */
.l-content .u-p0-pc { padding: 0; }
.l-content .u-p5-pc { padding: 5px; }
.l-content .u-p10-pc { padding: 10px; }
.l-content .u-p15-pc { padding: 15px; }
.l-content .u-p20-pc { padding: 20px; }
.l-content .u-p25-pc { padding: 25px; }
.l-content .u-p30-pc { padding: 30px; }
.l-content .u-p35-pc { padding: 35px; }
.l-content .u-p40-pc { padding: 40px; }
}

/* width */
.u-w5p{width: 5%;}
.u-w10p{width: 10%;}
.u-w15p{width: 15%;}
.u-w20p{width: 20%;}
.u-w25p{width: 25%;}
.u-w30p{width: 30%;}
.u-w35p{width: 35%;}
.u-w40p{width: 40%;}
.u-w45p{width: 45%;}
.u-w50p{width: 50%;}
.u-w55p{width: 55%;}
.u-w60p{width: 60%;}
.u-w65p{width: 65%;}
.u-w70p{width: 70%;}
.u-w75p{width: 75%;}
.u-w80p{width: 80%;}
.u-w85p{width: 85%;}
.u-w90p{width: 90%;}
.u-w95p{width: 95%;}
.u-w100p{width: 100%;}

/* text */
.u-bold{
	font-weight: bold;
}
.u-blue{
    color: #165789;
    font-weight: bold;
}
.u-yellow{
    color: #fff65e;
    font-weight: bold;
}
.u-marker{
	background: #fff65e;
}
.u-underline{
    background: -webkit-linear-gradient(transparent 70%,#fff65e 70%);
    background: linear-gradient(transparent 70%,#fff65e 70%);
}
.u-underline__number{
	background: -webkit-linear-gradient(transparent 60%,#fff65e 60%, #fff65e 90%, #fff 90%);
	background: linear-gradient(transparent 60%,#fff65e 60%, #fff65e 90%, #fff 90%);
}
.u-text__ss{
    font-size: calc((22/750)*100vw);
}
.u-notes {
    font-size: calc((22/750)*100vw);
    padding-left: calc((22/750)*100vw);
    text-indent: calc((-22/750)*100vw);
}
.u-notes-number{
    font-size: calc((22/750)*100vw);
    padding-left: calc((40/750)*100vw);
    text-indent: calc((-40/750)*100vw);
}
@media screen and (min-width: 751px){
    .u-text__ss{
        font-size: 11px;
    }
	.u-notes {
        font-size: 11px;
        padding-left: 11px;
        text-indent: -11px;
	}
	.u-notes-number {
        font-size: 11px;
        padding-left: 20px;
        text-indent: -20px;
	}
	.u-underline__number{
		background: -webkit-linear-gradient(transparent 65%,#fff65e 65%, #fff65e 90%, #fff 90%);
		background: linear-gradient(transparent 65%,#fff65e 65%, #fff65e 90%, #fff 90%);
	}
}

/* img */
.u-img__center{
    display: block;
    text-align: center;
}

/* display */
.u-pc{
    display: none;
}
@media screen and (min-width: 751px){
	.u-pc{
        display: block;
    }
    .u-sp{
        display: none;
    }
}