@charset "UTF-8";

@media screen and (max-width: 960px) {
	.pc {
	/*
		width:960px;
		*/
	}
	
}

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

/*----------------------------------------
 * 基本設定
 *----------------------------------------*/

body {
	font-size:0.85em;
}

.outer_width { width:100%;}
.std_width { width:96%;}
.std_harf_width {width:100%; }

/* PC、スマートフォンでの表示・非表示 */
.pc {display:none;}
.mb {display:block;}

.pc_inline {display:none;}
.mb_inline {display:inline;}

.pc_table_cell {display:none;}
.mb_table_cell {display:table_cell;}

/* パディング */
.padding5 {padding:5px;}
.padding10 {padding:5px;}
.padding15 {padding:10px;}
.padding20 {padding:10px;}
.padding30 {padding:10px;}

/* 角丸 */
.rad10 {border-radius:5px;}
.rad15 {border-radius:5px;}
.rad20 {border-radius:10px;}
.rad50p {border-radius:50%;}

/* レイアウト幅 */
.w10p {width:10%; margin-left:auto;margin-right:auto;}
.w20p {width:20%; margin-left:auto;margin-right:auto;}
.w25p {width:25%; margin-left:auto;margin-right:auto;}
.w30p {width:30%; margin-left:auto;margin-right:auto;}
.w40p {width:40%; margin-left:auto;margin-right:auto;}
.w33p {width:33%; margin-left:auto;margin-right:auto;}
/*
.w50p {width:70%; margin-left:auto;margin-right:auto;}
*/
.w50p {width:50%; margin-left:auto;margin-right:auto;}
.w60p {width:90%; margin-left:auto;margin-right:auto;}
.w70p {width:90%; margin-left:auto;margin-right:auto;}
.w80p {width:90%; margin-left:auto;margin-right:auto;}
.w90p {width:90%; margin-left:auto;margin-right:auto;}

.mb_w30p { width:30%;}
.mb_w40p { width:40%;}
.mb_w50p { width:50%;}
.mb_w60p { width:60%;}
.mb_w70p { width:70%;}
.mb_w80p { width:80%;}
.mb_w90p { width:90%;}

.mb_div_center {display:block;margin-left:auto;margin-right:auto;}

/* 文字サイス 16px基準 */
.f12 { font-size:0.75rem;}
.f13 { font-size:0.75rem;}
.f14 { font-size:0.875rem;}
.f16 { font-size:1rem;}
.f18 { font-size:1.1rem;}
.f20 { font-size:1.1rem;}
.f22 { font-size:1.1rem;}
.f24 { font-size:1.1rem;}
.f26 { font-size:1.1rem;}
.f28 { font-size:1.2rem;}
.f30 { font-size:1.3rem;}
.f32 { font-size:1.3rem;}
.f34 { font-size:1.3rem;}

/* 文字のウェイト */

/* 文字色 */

/* 左寄せ、右寄せ、センタリング */

/* 行の高さ */

/* コンテンツの幅（各コンテンツで指定） */

/* 上マージン */
.no_top_margin { margin-top:0;}
.std_margin_top0 { margin-top:0px;}
.std_margin_top_large { margin-top:50px;}
.std_margin_top { margin-top:40px;}
.std_margin_top2 { margin-top:20px;}
.std_margin_top3 { margin-top:10px;}
.std_margin_top4 { margin-top:5px;}

/* 下マージン */
.std_margin_bottom0 { margin-bottom:0px;}
.std_margin_bottom { margin-bottom:40px;}
.std_margin_bottom2 { margin-bottom:20px;}
.std_margin_bottom3 { margin-bottom:10px;}
.std_margin_bottom4 { margin-bottom:5px;}

/* 上パディング */
.std_padding_top_large { padding-top:50px;}
.std_padding_top { padding-top:40px;}
.std_padding_top2 { padding-top:20px;}
.std_padding_top3 { padding-top:10px;}
.std_padding_top4 { padding-top:5px;}

/* 下パディング */
.std_padding_bottom { padding-bottom:40px;}
.std_padding_bottom2 { padding-bottom:20px;}
.std_padding_bottom3 { padding-bottom:10px;}
.std_padding_bottom4 { padding-bottom:15x;}

/* 左マージン */

/* インデント */

/* 2カラム */
.std_column2 .left,
.std_column2 .right {
	width:100% !important;
	float:none !important;
	margin-bottom:15px;
}

.std_column2.mb_break {
}

.std_column2.mb_break .left,
.std_column2.mb_break .right {
	width:100%;
	float:none;
	margin-bottom:15px;
}

.std_column2.mb_no_break .left {
	float:left;
}

.std_column2.mb_no_break .right {
	float:right;
}

.std_column2.mb_no_break.col2_66_30 .left { width:66%;}
.std_column2.mb_no_break.col2_66_30 .right { width:30%;}

.std_column2.mb_no_break.col2_48_48 .left { width:48%;}
.std_column2.mb_no_break.col2_48_48 .right { width:48%;}

.std_column2.mb_no_break.col2_49_49 .left { width:49%;}
.std_column2.mb_no_break.col2_49_49 .right { width:49%;}

.std_column2.mb_no_break.col2_50_50 .left { width:50%;}
.std_column2.mb_no_break.col2_50_50 .right { width:50%;}

.std_column2.mb_no_break.col2_36_60 .left { width:36%;}
.std_column2.mb_no_break.col2_36_60 .right { width:60%;}

.std_column2.mb_no_break.col2_30_66 .left { width:30%;}
.std_column2.mb_no_break.col2_30_66 .right { width:66%;}

.std_column2.mb_no_break.col2_26_70 .left { width:26%;}
.std_column2.mb_no_break.col2_26_70 .right { width:70%;}

.std_column2.mb_no_break.col2_16_80 .left { width:16%;}
.std_column2.mb_no_break.col2_16_80 .right { width:80%;}

/* 3カラム */
.std_column3 {}

.std_column3 .column {
	width:100%;
	float:none;
	margin-bottom:10px;
}

.std_column3.mb_no_break .column {
	width:31.6%;
	margin-right:2.5%;
	float:left;
}

/* 4カラム */
.std_column4 {}

.std_column4 .column {
	width:100%;
	float:none;
	margin-bottom:10px;
}

.std_column4.mb_2col .column {
	width:48%;
	float:left;
	margin-right:4%;
	margin-bottom:10px;
}

.std_column4.mb_2col .column:nth-child(2n) {
	margin-right:0;
}

.std_column4.mb_2col .column:nth-child(2n+1) {
	clear:left;
}

/* 5カラム */
.std_column5 {}

.std_column5 .column {
	width:100%;
	float:none;
	margin-bottom:10px;
}

.std_column5.mb_2col .column {
	width:48%;
	float:left;
	margin-right:4%;
	margin-bottom:10px;
}

.std_column5.mb_2col .column:nth-child(2n) {
	margin-right:0;
}

.std_column5.mb_2col .column:nth-child(2n+1) {
	clear:left;
}

.std_column3.mb_no_break .column:nth-child(3),
.std_column4.mb_no_break .column:nth-child(4),
.std_column5.mb_no_break .column:nth-child(5) {
	margin-right:0;
}





/* ページの先頭へ */
.totop {
	width: 60px;
	height: 60px;
	bottom: -200px;
	right: 10px;
	z-index: 100;
}




}
/* @media screen and (max-width: 768px) */