@charset "utf-8";
/* +++++++++++++++++++++++++　PC・SP切替 */
.sp{
	display:none !important;
}
.pc{
	display:block !important;
}
/* +++++++++++++++++++++++++　テキスト揃え */
.t-al{ text-align:left;}
.t-ac{ text-align:center;}
.t-ar{ text-align:right;}
/* ++++++　インデント */
.indent{
	text-indent:-1em;
	padding-left:1em;	
}
/* +++++++++++++++++++++++++　文字調整関連 */
.red { 
    color: #c80b0b;
}
.bold{
	font-weight:bold;
}
.line-height1{
	line-height:1;
}
.line-height2{
	line-height:2;
}



/* +++++++++++++++++++++++++　画像 */

img {
    width: 100%;
	border: none;
	vertical-align:bottom;
}
svg {
	vertical-align:bottom;
}


/* +++++++++++++++++++++++++　ロールオーバー */

a{ transition: opacity .4s; }
a:hover{ opacity:0.50; }


/* +++++++++++++++++++++++++　flexbox */

.flex{
	display: flex;
}
.flexw{
	display: flex;
	flex-wrap: wrap;
}
/*上下中央*/
.flexwc{
	display: flex;
	flex-wrap: wrap;
    align-items: center;
}
/*下揃え*/
.flexwe{
	display: flex;
	flex-wrap: wrap;
    align-items: flex-end;
}
/*左右にいっぱい*/
.flexwb{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/*左右にいっぱい上下中央*/
.flexwbc{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; 
	align-items: center;
}
/*左右上下中央*/
.flexwcc{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.fl3-7 .flexl{width: 30%;}
.fl3-7 .flexr{width: 68%;}

.fl4-6 .flexl{width: 40%;}
.fl4-6 .flexr{width: 58%;}

.fl5-5 .flexl{width: 49%;}
.fl5-5 .flexr{width: 49%;}

.fl6-4 .flexl{width: 60%;}
.fl6-4 .flexr{width: 38%;}

.fl7-3 .flexl{width: 70%;}
.fl7-3 .flexr{width: 28%;}


/* +++++++++++++++++++++++++　clearfix */
.clearfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden; overflow:hidden;}

/* ++++++　・付き通常リスト */
.base-list{
	padding-left:25px;
}
.base-list li{
	list-style-type: disc;
}

/* ++++++　数字付き通常リスト */
.base-list-no{
	padding-left:25px;
}
.base-list-no li{
	list-style-type: decimal;
}

/* +++++++++++++++++++++++++　空き設定(margin) */
.mt00{ margin-top:0px !important;}
.mt05{ margin-top:5px !important;}
.mt1{ margin-top:10px !important;}
.mt2{ margin-top:20px !important;}
.mt3{ margin-top:30px !important;}
.mt4{ margin-top:40px !important;}
.mt5{ margin-top:50px !important;}
.mt6{ margin-top:60px !important;}
.mt7{ margin-top:70px !important;}
.mt8{ margin-top:80px !important;}
.mt9{ margin-top:90px !important;}
.mt10{ margin-top:100px !important;}

.mb05{ margin-bottom:5px !important;}
.mb1{ margin-bottom:10px !important;}
.mb2{ margin-bottom:20px !important;}
.mb3{ margin-bottom:30px !important;}
.mb4{ margin-bottom:40px !important;}
.mb5{ margin-bottom:50px !important;}
.mb6{ margin-bottom:60px !important;}
.mb7{ margin-bottom:70px !important;}
.mb8{ margin-bottom:80px !important;}
.mb9{ margin-bottom:90px !important;}
.mb10{ margin-bottom:100px !important;}
.mb12{ margin-bottom:120px !important;}
.mb15{ margin-bottom:150px !important;}
.mb20{ margin-bottom:200px !important;}

.mr05{ margin-right:5px !important;}
.mr1{ margin-right:10px !important;}
.mr2{ margin-right:20px !important;}
.mr3{ margin-right:30px !important;}
.mr4{ margin-right:40px !important;}
.mr5{ margin-right:50px !important;}
.mr6{ margin-right:60px !important;}
.mr7{ margin-right:70px !important;}
.mr8{ margin-right:80px !important;}
.mr9{ margin-right:90px !important;}
.mr10{ margin-right:100px !important;}

/* +++++++++++++++++++++++++　空き設定(padding) */

.pt05{ padding-top:5px !important;}
.pt1{ padding-top:10px !important;}
.pt2{ padding-top:20px !important;}
.pt3{ padding-top:30px !important;}
.pt4{ padding-top:40px !important;}
.pt5{ padding-top:50px !important;}
.pt6{ padding-top:60px !important;}
.pt7{ padding-top:70px !important;}
.pt8{ padding-top:80px !important;}
.pt9{ padding-top:90px !important;}
.pt10{ padding-top:100px !important;}

.pb05{ padding-bottom:5px !important;}
.pb1{ padding-bottom:10px !important;}
.pb2{ padding-bottom:20px !important;}
.pb3{ padding-bottom:30px !important;}
.pb4{ padding-bottom:40px !important;}
.pb5{ padding-bottom:50px !important;}
.pb6{ padding-bottom:60px !important;}
.pb7{ padding-bottom:70px !important;}
.pb8{ padding-bottom:80px !important;}
.pb9{ padding-bottom:90px !important;}
.pb10{ padding-bottom:100px !important;}



/* +++++++++++++++++++++++++　tab */
@media screen and (max-width: 1020px) and (min-width: 768px) {
    
}


/* +++++++++++++++++++++++++　SP */

@media screen and (max-width: 767px) {

    .sp{
        display:block !important;
    }
    .pc{
        display:none !important;
    }

    .fl3-7 .flexl{width: 100%;}
    .fl3-7 .flexr{width: 100%;}

    .fl4-6 .flexl{width: 100%;}
    .fl4-6 .flexr{width: 100%;}

    .fl5-5 .flexl{width: 100%;}
    .fl5-5 .flexr{width: 100%;}

    .fl6-4 .flexl{width: 100%;}
    .fl6-4 .flexr{width: 100%;}

    .fl7-3 .flexl{width: 100%;}
    .fl7-3 .flexr{width: 100%;}
}