@charset "utf-8";

*{padding:0; margin:0; outline:0;}

body {overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,p,ul,li,em {font-style:normal; word-wrap:break-word; word-break:break-all;}
ul,li {list-style-type:none; margin:0;}
table {width: 100%; border-collapse: collapse;}
th,td {border-collapse: collapse; font-weight: normal; text-align: left; vertical-align: top;}

/*HTML5対応*/
img {border:none; vertical-align:bottom; max-width: 100%;}
img[src$=".svg"] {width:100%;}
section, article, nav, aside, details, figcaption, figure, footer, header, hgroup, menu, main {display:block;}


/*ディスプレイ設定*/
.tab_none, .sp_none {display: inline;}
.sp_block, .tab_block {display: none;}
@media (max-width:768px) {
	.tab_none {display: none;}
	.tab_block {display: block;}
}
@media (max-width:767px) {
	.sp_none {display: none;}
	.sp_block {display: block;}
}

.ib {display: inline-block;}


/*リンク対策*/
a {text-decoration:none;}
@media screen and (min-width: 768px) {
	a[href^="tel:"] {pointer-events: none;}
}
a img:hover {opacity: 0.8;}

/*ボックスサイジング設定*/
*, *:before, *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

/*flexレイアウト*/
.flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.flex_center {
    -webkit-align-items: center;
    align-items: center;
}

.flex_wrap {flex-wrap: wrap;}



/* オーダー */
.order1 {order: 1;}
.order2 {order: 2;}
.order3 {order: 3;}

@media screen and (max-width: 767px) {
	.sp_order1 {order: 1;}
	.sp_order2 {order: 2;}
	.sp_order3 {order: 3;}
}

/*余白指定*/
.pt_0 {padding-top: 0em !important;}
.pt_1 {padding-top: 1em !important;}
.pt_2 {padding-top: 2em !important;}
.pt_3 {padding-top: 3em !important;}
.pt_4 {padding-top: 4em !important;}
.pl_0 {padding-left: 0em !important;}
.pl_1 {padding-left: 1em !important;}
.pl_2 {padding-left: 2em !important;}
.pl_3 {padding-left: 3em !important;}
.pl_4 {padding-left: 4em !important;}
.pr_0 {padding-right: 0em !important;}
.pr_1 {padding-right: 1em !important;}
.pr_2 {padding-right: 2em !important;}
.pr_3 {padding-right: 3em !important;}
.pr_4 {padding-right: 4em !important;}
.pb_0 {padding-bottom: 0em !important;}
.pb_1 {padding-bottom: 1em !important;}
.pb_2 {padding-bottom: 2em !important;}
.pb_3 {padding-bottom: 3em !important;}
.pb_4 {padding-bottom: 4em !important;}

/*余白指定*/
.mt_0 {margin-top: 0em !important;}
.mt_1 {margin-top: 1em !important;}
.mt_2 {margin-top: 2em !important;}
.mt_3 {margin-top: 3em !important;}
.mt_4 {margin-top: 4em !important;}
.ml_0 {margin-left: 0em !important;}
.ml_1 {margin-left: 1em !important;}
.ml_2 {margin-left: 2em !important;}
.ml_3 {margin-left: 3em !important;}
.ml_4 {margin-left: 4em !important;}
.mr_0 {margin-right: 0em !important;}
.mr_1 {margin-right: 1em !important;}
.mr_2 {margin-right: 2em !important;}
.mr_3 {margin-right: 3em !important;}
.mr_4 {margin-right: 4em !important;}
.mb_0 {margin-bottom: 0em !important;}
.mb_05 {margin-bottom: 0.5em !important;}
.mb_1 {margin-bottom: 1em !important;}
.mb_2 {margin-bottom: 2em !important;}
.mb_3 {margin-bottom: 3em !important;}
.mb_4 {margin-bottom: 4em !important;}

/*フォント指定*/
.f0_6 {font-size: 0.6em;}
.f0_7 {font-size: 0.7em;}
.f0_8 {font-size: 0.8em;}
.f0_9 {font-size: 0.9em;}
.f1_0 {font-size: 1em;}
.f1_1 {font-size: 1.1em;}
.f1_2 {font-size: 1.2em;}
.f1_3 {font-size: 1.3em;}
.f1_4 {font-size: 1.4em;}
.f1_5 {font-size: 1.5em;}
.f1_6 {font-size: 1.6em;}
.f1_7 {font-size: 1.7em;}
.f1_8 {font-size: 1.8em;}
.f1_9 {font-size: 1.9em;}
.f2_0 {font-size: 2em;}

.lh_1_2 {line-height: 1.2em;}
.lh_1_3 {line-height: 1.3em;}
.lh_1_4 {line-height: 1.4em;}
.lh_1_5 {line-height: 1.5em;}
.lh_1_6 {line-height: 1.6em;}
.lh_1_7 {line-height: 1.7em;}
.lh_1_8 {line-height: 1.8em;}
.lh_1_9 {line-height: 1.9em;}
.lh_2_0 {line-height: 2.0em;}
.lh_2_1 {line-height: 2.1em;}
.lh_2_2 {line-height: 2.2em;}
.lh_2_3 {line-height: 2.3em;}

.tx_left {text-align: left !important;}
.tx_center {text-align: center !important;}
.tx_right {text-align: right !important;}

@media screen and (max-width: 767px) {
	.sp_tx_left {text-align: left !important;}
	.sp_tx_center {text-align: center !important;}
	.sp_tx_right {text-align: right !important;}
}