@charset "utf-8";

/*---------------------------------------------

メールサポートページ用シート

---------------------------------------------*/

/* ▼2025追加 */
.gmailtxt {
	border: solid 3px #f00;
	color: #f00;margin-bottom: 30px;
	padding: 10px;
	font-size: 96%;
}

.gmailtxt > p {line-height: 1.5;}

.gmailtxt a {
	color: #0078d4;
	text-decoration: underline;
}

.cyuui {
	background: #eee;
	color: #e00000;
	font-weight: bold;
	padding: 20px 20px 20px 40px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.5;
	text-indent: -1em;
	font-size: 96%;
}

/* ▼メイン */

#pagetitle {
	width: 680px;
	height: 220px;
	background: #dbebfb url("../img/mail2021/title_bk.png") no-repeat;
	padding: 0;
	margin: 0 0 40px 0;
	box-sizing: border-box;
	background-position: 460px 30px;
}

#serv_txt {
	font-size: 128%;
	text-align: left;
	background: none;
	color: #000;
	padding: 50px 0 0 35px;
	margin: 0;
	font-weight: bold;
}

#main h2 {
	width: 100%;
	font-size: 203%;
	text-align: left;
	background: none;
	color: #000;
	padding: 5px 0 0 35px;
	margin: 0;
	font-weight: bold;
}

#app_txt {
	font-size: 128%;
	font-weight: bold;
	background: #0067b8;
	display: inline-block;
	color: #fff;
	margin: 25px 0 0 35px;
	padding: 4px 6px;
}

#date_txt {
	font-size: 90%;
	text-align: right;
	margin: 15px 20px 0 0;
}

.chart_box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}

.chart_box > div:nth-of-type(1) {
	width: 400px;
}

.chart_box > div:nth-of-type(2) {
	width: 230px;
}

#main h3 {
	color: #0067b8;
	line-height: 1.8;
	border-left: solid 10px #0067b8;
	padding-left: 10px;
}

#main h3 span {
	display: inline-block;
	background: #0067b8;
	color: #fff;
	width: 38px;
	padding: 2px 0;
	text-align: center;
	font-size: 121%;
	margin: 0 8px 0 0;
	text-indent: 0;
	line-height: 1.5;
}

.chart_box p {
	padding: 18px 0;
	line-height: 1.5;
}

.chart_box table {
	border-left: solid 1px #d4d5d5;
	border-top: solid 1px #d4d5d5;
	width: 100%;
}

.chart_box th, .chart_box td {
	border-bottom: solid 1px #d4d5d5;
	border-right: solid 1px #d4d5d5;
	font-weight: normal;
	font-size: 84%;
	line-height: 1.5;
	padding: 8px 0;
}

.chart_box th {
	text-align: center;
	width: 115px;
}

.chart_box td {
	padding-left: 10px;
	padding-right: 10px;
}

.endtxt {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 115%;
}

.chart_box_pc {margin-bottom: 60px;}

.chart_box_pc p {
	padding: 18px 0;
	line-height: 1.5;
}

.chart_box_pc table {
	border-left: solid 1px #d4d5d5;
	border-top: solid 1px #d4d5d5;
	width: 100%;
}

.chart_box_pc th, .chart_box_pc td {
	border-bottom: solid 1px #d4d5d5;
	border-right: solid 1px #d4d5d5;
	font-weight: normal;
	font-size: 84%;
	line-height: 1.5;
	padding: 8px 0;
}

.chart_box_pc th {
	text-align: center;
	width: 160px;
}

.chart_box_pc td {
	padding-left: 10px;
	padding-right: 10px;
}

.setumei {
	font-weight: bold;
	padding: 18px 0;
	line-height: 1.5;
}

.setumeiimg {margin-bottom: 50px;}

/*---------------------------------------------

Font Size

32px 200～203
30px 188～190
28px 175～178
26px 163～165
24px 150～153
22px 138～140
20px 125～128
19px 119～121
18px 113～115
17px 107～109
16px 100～103
15px 94～96
14px 88～90
13px 82～84
12px 75～78
11px 69～71 *
10px 63～65 *

* IE6,7では，文字コードをUTF-8以外の日本語コードShift_JISやEUC-JPにするか，font-familyで最初に日本語フォントを指定しないと，日本語フォントが指定どおりの大きさにならない。

---------------------------------------------*/