@charset "UTF-8";
/* --------------------------------------------------
**
** default(修正不可)
**
** -------------------------------------------------- */
/*html { overflow-y: scroll }*/
body { -webkit-text-size-adjust: 100%; }
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
code,
em,
img,
q,
strong,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
fieldset,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
button,
figure {
	padding: 0;
	margin: 0;
	font-style: normal;
	/*font-weight: normal;*/
	outline: 0;
	border: none;
	background: none;
}
section,
nav,
article,
aside,
header,
footer { display: block; }
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	overflow-wrap: break-word;
	word-wrap:break-word;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
* html body { font-size: x-small; }
*:first-child+html body { font-size: x-small; }
ol li,
ul li { list-style: none; }
blockquote,
q { quotes: none; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a,
img,
fieldset { border: 0; }
img,
input { vertical-align: middle; }
textarea:focus,
input:focus { outline: 0; /*safariの自動フォーカスを切る */ }

/* --------------------------------------------------
**
** typography(修正不可)
**
** -------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
th,
td,
dt,
dd,
pre,
caption,
address {
	font-size: 100%;
	color: #333;
	line-height: 1.875;
}
table { font-size: 100%; }
p input,
p select,
p textarea,
li p,
li li,
li dt,
li dd,
li input,
li select,
li textarea,
dd p,
dd li,
dd dt,
dd dd,
dd input,
dd select,
dd textarea,
th p,
th li,
th dt,
th dd,
th input,
th select,
th textarea,
td p,
td li,
td dt,
td dd,
td input,
td select,
td textarea { font-size: inherit; }
textarea {
	color: #333;
	line-height: 1.875;
}
input {
	padding: 0;
	margin: 0;
}
strong {
	font-weight: bold;
	color: #333;
}
em { }
/*a:link,
a:visited,
a:active,
a:hover,
a:link li,
a:visited li,
a:active li,
a:hover li { color: #000; }*/
a {
	text-decoration: underline;
	/*word-break: break-all;*/
}
a:hover { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { font-weight: normal; }

/* --------------------------------------------------
**
** column(修正不可)
**
** -------------------------------------------------- */
div.row { clear: both; }
.col1of1 { width: 100%; }
.col1of3 { width: 33.33%; }
.col2of3 { width: 66.66%; }
.col1of4 { width: 25%; }
.col1of5 { width: 20%; }
.col2of5 { width: 40%; }
.col3of5 { width: 60%; }
.col4of5 { width: 80%; }
.col2of4 { width: 50%; }
.col3of4 { width: 75%; }
.colL,
.col1of3,
.col2of3,
.col1of4,
.col2of4,
.col3of4,
.col1of5,
.col2of5,
.col3of5,
.col4of5 {
	float: left;
	zoom: 1;
}
.colR,
.col1of3.rtl,
.col2of3.rtl,
.col1of4.rtl,
.col2of4.rtl,
.col3of4.rtl,
.col1of5.rtl,
.col2of5.rtl,
.col3of5.rtl,
.col4of5.rtl { float: right; }

/* --------------------------------------------------
**
** adjustment(修正不可)
**
** -------------------------------------------------- */
/* margin */
.mT0pc { margin-top: 0 !important; }
.mT5pc { margin-top: 5px !important; }
.mT10pc { margin-top: 10px !important; }
.mT20pc { margin-top: 20px !important; }
.mT30pc { margin-top: 30px !important; }
.mT40pc { margin-top: 40px !important; }
.mT50pc { margin-top: 50px !important; }
.mT60pc { margin-top: 50px !important; }
.mL0pc { margin-left: 0 !important; }
.mL5pc { margin-left: 5px !important; }
.mL10pc { margin-left: 10px !important; }
.mL20pc { margin-left: 20px !important; }
.mL30pc { margin-left: 30px !important; }
.mL40pc { margin-left: 40px !important; }
.mL50pc { margin-left: 50px !important; }
.mB0pc { margin-bottom: 0 !important; }
.mB5pc { margin-bottom: 5px !important; }
.mB10pc { margin-bottom: 10px !important; }
.mB20pc { margin-bottom: 20px !important; }
.mB30pc { margin-bottom: 30px !important; }
.mB40pc { margin-bottom: 40px !important; }
.mB50pc { margin-bottom: 50px !important; }
.mB60pc { margin-bottom: 60px !important; }
.mR0pc { margin-right: 0 !important; }
.mR5pc { margin-right: 5px !important; }
.mR10pc { margin-right: 10px !important; }
.mR20pc { margin-right: 20px !important; }
.mR30pc { margin-right: 30px !important; }
.mR40pc { margin-right: 40px !important; }
.mR50pc { margin-right: 50px !important; }
/* text-align */
.txtAL { text-align: left !important; }
.txtAC { text-align: center !important; }
.txtAR { text-align: right !important; }
/* vertical-align */
.vAT { vertical-align: top !important; }
.vAM { vertical-align: middle !important; }
.vAB { vertical-align: bottom !important; }
/* font-size */
.fz10 { font-size:10px !important; }
.fz11 { font-size:11px !important; }
.fz12 { font-size:12px !important; }
.fz13 { font-size:13px !important; }
.fz14 { font-size:14px !important; }
.fz15 { font-size:15px !important; }
.fz16 { font-size:16px !important; }
.fz17 { font-size:17px !important; }
.fz18 { font-size:18px !important; }
.fz19 { font-size:19px !important; }
.fz20 { font-size:20px !important; }
.fz21 { font-size:21px !important; }
.fz22 { font-size:22px !important; }
.fz23 { font-size:23px !important; }
.fz24 { font-size:24px !important; }
.fz25 { font-size:25px !important; }
.fz26 { font-size:26px !important; }
.fz27 { font-size:27px !important; }
.fz28 { font-size:28px !important; }
.fz29 { font-size:29px !important; }
.fz30 { font-size:30px !important; }
.fz31 { font-size:31px !important; }
.fz32 { font-size:32px !important; }
.fz33 { font-size:33px !important; }
.fz34 { font-size:34px !important; }
.fz35 { font-size:35px !important; }
.fz36 { font-size:36px !important; }
.fz37 { font-size:37px !important; }
.fz38 { font-size:38px !important; }
.fz39 { font-size:39px !important; }
.fz40 { font-size:40px !important; }
.fz41 { font-size:41px !important; }
.fz42 { font-size:42px !important; }
.fz43 { font-size:43px !important; }
.fz44 { font-size:44px !important; }
.fz45 { font-size:45px !important; }
.fz46 { font-size:46px !important; }
.fz47 { font-size:47px !important; }
.fz48 { font-size:48px !important; }
.fz49 { font-size:49px !important; }
.fz50 { font-size:50px !important; }

/* -------------------------------------------------- 
**
** clearfix(修正不可)
**
** -------------------------------------------------- */
#content:after,
.container:after,
.row:after,
.colL:after,
.colR:after {
	content: "";
	display: block;
	clear: both;
}
#content,
.container,
.row,
.colL,
.colR { display: inline-table; }
* html #content,
* html .container,
* html .row,
* html .colL,
* html .colR { height: 1%; }
#content,
.container,
.row,
.colL,
.colR {
	zoom: 1;
	display: block;
}

/* --------------------------------------------------
**
** PC:Hide
**
** -------------------------------------------------- */
.pcHide { display: none !important; }
.spHide { display: block !important; }

/* EOD */



/* CSS Document */

/*----------------------
*【概要】共通スタイルの設定 
*PC・共通版
	-layout
	-font
	-clearfix
	-header
	-lead
	-infoList
	-contactBox
	-footer
----------------------*/

/* --------------------------------------------------
**
** layout
**
** -------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
th,
td,
dt,
dd,
pre,
caption,
address {
	font-size: 16px;
	line-height: 1.875;
	color: #333;
}
img { vertical-align: top; }
body {
	background-color: #FFF;
}
html,
body,
#platform {
	width: 100%;
	height: 100%;
}
#content { box-sizing: border-box; }


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

/*----------------------
【概要】共通スタイルの設定 
*SP版
	-レイアウト
	-clearfix
	-ヘッダー
	-フッター
----------------------*/

/* --------------------------------------------------
**
** SP:layout
**
** -------------------------------------------------- */
/*html{ overflow-x: hidden; }*/
body{ -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; }
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
th,
td,
dt,
dd,
pre,
caption,
address {
	font-size: 14px;
	line-height: 1.875;
}
img { width: 100%; }
#platform {
/*	position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	/*height: auto;*/
	margin: 0 auto;
	padding: 0;
	text-align: left;
	z-index: 1;
}
/*#platform {
	position: static\9; /* IE8 */
/*}*/
.col1of3,
.col2of3,
.col1of4,
.col2of4,
.col3of4,
.col1of5,
.col2of5,
.col3of5,
.col4of5,
.colL,
.colR,
.col1of3.rtl,
.col2of3.rtl,
.col1of4.rtl,
.col2of4.rtl,
.col3of4.rtl,
.col1of5.rtl,
.col2of5.rtl,
.col3of5.rtl,
.col4of5.rtl {
	float: none;
	width: 100%;
}
.spCol1of3 { width: 33.33%; }
.spCol2of3 { width: 66.66%; }
.spCol1of4 { width: 25%; }
.spCol1of5 { width: 20%; }
.spCol2of5 { width: 40%; }
.spCol3of5 { width: 60%; }
.spCol4of5 { width: 80%; }
.spCol2of4 { width: 50%; }
.spCol3of4 { width: 75%; }
.spCol1of3,
.spCol2of3,
.spCol1of4,
.spCol2of4,
.spCol3of4,
.spCol1of5,
.spCol2of5,
.spCol3of5,
.spCol4of5 {
	float: left;
	zoom: 1;
}
#content { min-height: auto; }
/*#content.typeA,
#content.typeB {
	box-sizing: border-box;
    width: 100%;
	margin: 0;
	padding: 0 20px;
}*/

div.container {
	/*position: inherit;*/
	width: 100%;
}


/* --------------------------------------------------
**
** SP:clearfix
**
** -------------------------------------------------- */
/*.footerSNav li.sns ul:after {
	content: "";
	display: block;
	clear: both;
}
.footerSNav li.sns ul { display: inline-table; }
* html .footerSNav li.sns ul { height: 1%; }
.footerSNav li.sns ul {
	zoom: 1;
	display: block;
}*/


/* --------------------------------------------------
**
** SP:Hide
**
** -------------------------------------------------- */
.pcHide { display: block !important; }
.spHide { display: none !important; }

/* --------------------------------------------------
**
** adjustment(修正不可)
**
** -------------------------------------------------- */
/* margin */
#platform .mT0sp { margin-top: 0 !important; }
#platform .mT5sp { margin-top: 5px !important; }
#platform .mT10sp { margin-top: 10px !important; }
#platform .mT20sp { margin-top: 20px !important; }
#platform .mT30sp { margin-top: 30px !important; }
#platform .mT40sp { margin-top: 40px !important; }
#platform .mT50sp { margin-top: 50px !important; }
#platform .mT60sp { margin-top: 50px !important; }
#platform .mL0sp { margin-left: 0 !important; }
#platform .mL5sp { margin-left: 5px !important; }
#platform .mL10sp { margin-left: 10px !important; }
#platform .mL20sp { margin-left: 20px !important; }
#platform .mL30sp { margin-left: 30px !important; }
#platform .mL40sp { margin-left: 40px !important; }
#platform .mL50sp { margin-left: 50px !important; }
#platform .mB0sp { margin-bottom: 0 !important; }
#platform .mB5sp { margin-bottom: 5px !important; }
#platform .mB10sp { margin-bottom: 10px !important; }
#platform .mB20sp { margin-bottom: 20px !important; }
#platform .mB30sp { margin-bottom: 30px !important; }
#platform .mB40sp { margin-bottom: 40px !important; }
#platform .mB50sp { margin-bottom: 50px !important; }
#platform .mB60sp { margin-bottom: 60px !important; }
#platform .mR0sp { margin-right: 0 !important; }
#platform .mR5sp { margin-right: 5px !important; }
#platform .mR10sp { margin-right: 10px !important; }
#platform .mR20sp { margin-right: 20px !important; }
#platform .mR30sp { margin-right: 30px !important; }
#platform .mR40sp { margin-right: 40px !important; }
#platform .mR50sp { margin-right: 50px !important; }

/* text-align */
#platform .txtALsp { text-align: left !important; }
#platform .txtACsp { text-align: center !important; }
#platform .txtARsp { text-align: right !important; }
/* vertical-align */
#platform .vATsp { vertical-align: top !important; }
#platform .vAMsp { vertical-align: middle !important; }
#platform .vABsp { vertical-align: bottom !important; }

}