@charset "utf-8";
/* ==================================================
３試験申請フォーム用css（※出版は220701から別）
================================================== */
/* 0-1. Reset
-------------------------------------------------- */
html{font-family: sans-serif;}
body{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	}
	@media only screen and (min-width: 321px) and (max-width: 360px) {body{font-size: 15px !important;}}/* GalaxyJ 360x用 */
a{background: transparent;}
a:focus{outline: thin dotted;}
a:active,
a:hover{outline: 0;}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
caption {vertical-align: text-top;}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio,canvas,video{
	display: inline-block;
}
ul,ol{list-style-type: none;}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
a img{
	border: none;
	outline: none;
}
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
hr{
	box-sizing: content-box;
	height: 0;
}
dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	outline: none !important;
}
input{
	border: 1px solid #dad7d3;
	padding: 2px 5px;
	background-color: #fff;
	-webkit-appearance: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=search]:focus,
input[type=url]:focus,
textarea:focus {
	background-color: #e8faff;
}
button,label{background-color: transparent;cursor: pointer;	-webkit-appearance: none;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], input[disabled]{cursor: default;}
button:disabled, input:disabled {opacity : 0.5 !important;}
input[type="checkbox"],
input[type="radio"]{
	box-sizing: content-box;
	padding: 0;
	vertical-align: middle;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}
fieldset {border: none;}

/* 0-2. Base
-------------------------------------------------- */
*{box-sizing: border-box;}
body {font-size: 94%;}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
}
table{width: 100%; margin-bottom:25px; }
tr,th,td {padding:15px; word-break: break-all;}
th {padding: 15px 10px 15px 15px;}
th,td {vertical-align: middle;}
p {
	line-height: 1.8;
}
input,textarea,button,select{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 5px 7px;
	margin: 0 8px;
	width: auto;
	display: inline-block;
	font-size: 100%;
	outline: none !important;
}
input {vertical-align:middle;}
select {margin: 0 8px 0 0;}
a:link, a:visited{color: #0075c2;}
a:hover{
	color: #0075c2;
	text-decoration: none;
}
a:focus {outline: none;}

/* 1. プログラム制御用 css
-------------------------------------------------- */
input.param1{ ime-mode:active;}/*日本語入力OK*/
input.param2{ ime-mode:disabled;}/*日本語入力OFF選択不可*/
#wait {display: none;}/* 確認画面 入力内容表示waiting表示 */


/* 2. All Style
-------------------------------------------------- */
.pcOnly{display: block;}
.spOnly{display: none;}
label.dno {
	display: none;
}
header {	
}
header h1 {
    text-align: center;
    padding: 23px 3%;
    margin-bottom: 30px;
    color: #ffffff;
    font-size: 150%;
    letter-spacing: 2px;
}
header.hd_sh {border-top: 7px solid #006eb0; background-color: #006eb0;}
header.hd_se {border-top: 7px solid #5fa62a; background-color: #5fa62a;}
header.hd_ka {border-top: 7px solid #e95464; background-color: #e95464;}
header.hd_nomal {background-color: #5973be;}

#form_wrap {min-height:400px;}
section {width: 100%;}
.inner {
	width: 800px;
	margin: 0 auto 80px auto;
	}
	@media all and (-ms-high-contrast:none){
	  *::-ms-backdrop, .inner { line-height: 1.5 !important; } /* IE11 */
	}
.termsWrap { margin: 40px auto 110px auto;}
.txt_center {text-align: center !important;}
.txt_right {text-align: right !important;}
.txt_left {text-align: left !important;}

/* step */
ol.step {
	display: flex;
	flex-wrap: wrap;
	margin: 40px auto 50px auto;
	line-height: 1.4;
    font-size: 94%;
}
ol.step li {
	position: relative;
	width : 20% ;
	width : -webkit-calc(20% - 20px) ;
	width : calc(20% - 20px) ;
	margin:0 20px 0 0;
	list-style: none;
	text-align: center;
	padding: 9px 5px 9px 10px;
	text-decoration: none;
	color: #2E2E2E;
	background: #dddddd;
	letter-spacing: 1px;
}
ol.step li:last-child {margin-right: 0 !important;}
ol.step li::after {
	position: absolute;
	top: -1px;
    right: -17px;
    width: 0;
    height: 0;
    content: '';
    border-width: 20px 0 19px 18px;
	border-style: solid;
	border-color: transparent transparent transparent #dddddd;
	border-radius: 4px;
}
/*ol.step li.current {background-color: #dae2f6; color: #000000;}
ol.step li.current::after {border-color: transparent transparent transparent #dae2f6;}*/

ol.step_sh li.current  {background-color: #d6e9f6; color: #000000;}
ol.step_sh li.current::after  {border-color: transparent transparent transparent #d6e9f6;}
ol.step_se li.current  {background-color: #e3efd1; color: #000000;}
ol.step_se li.current::after  {border-color: transparent transparent transparent #e3efd1;}
ol.step_ka li.current  {background-color: #fbdcdd; color: #000000;}
ol.step_ka li.current::after  {border-color: transparent transparent transparent #fbdcdd;}
ol.step_nomal li.current  {background-color: #dae2f6; color: #000000;}
ol.step_nomal li.current::after  {border-color: transparent transparent transparent #dae2f6;}
p.step-info {margin: 1em 4% -1em; text-align: center; width: 94%}
/* ページタイトル */
h2 {
	font-size: 145%;
	text-align: center;
	letter-spacing: 2px;
	padding-bottom: 8px;
	margin-bottom: 30px;
	border-bottom: 3px solid #ccc;
	position: relative;
}
h2::before {
    position: absolute;
    content: "";
    display: block;
    border-bottom: solid 3px #f7c125;
    bottom: -3px;
	left: 40%;
    width: 20%;
	text-align: center;
}
h2 span {display: block; font-size: 85%;}
h2.h2_sh::before {border-bottom: solid 3px #006eb0;}
h2.h2_se::before {border-bottom: solid 3px #5fa62a;}
h2.h2_ka::before {border-bottom: solid 3px #e95464;}
h2.h2_nomal::before {border-bottom: solid 3px #5973be;}

/* error */
.errorWrap {
	background-color: #ffecee;
	color: #ff0000;
	padding: 25px;
	margin-bottom: 20px;
}
.errorWrap h3 {
	font-size: 120%;
	margin-bottom: 6px;
	padding: 5px;
	
}
.errorWrap ul li {
	list-style: disc;
	text-indent: -1em;
	margin-left: 1.5em;
	margin-bottom: 5px;
}
.error_cl {
	background-color: #ffecee !important;
}
/* 必須・任意マーク */
th {position: relative;}
.ico_required {
	display: inline-block;
	padding: 1px 5px;
	margin-right: 5px;
	border-radius: 3px;
	background-color: #db1b25;
	color: #ffffff;
	font-size: 80%;
}
.ico_optional {
	display: inline-block;
	padding: 1px 5px;
	margin-right: 5px;
	border-radius: 3px;
	background-color: #707070;
	color: #ffffff;
	font-size: 80%;
}
table caption {
	text-align: left;
	font-size: 120%;
	letter-spacing: 1px;
	padding: 4px 0 4px 10px;
	margin-bottom: 20px;
	line-height: 1.5;
}
table caption.cap_sh {border-left: 3px solid #006eb0;}
table caption.cap_se {border-left: 3px solid #5fa62a;} 
table caption.cap_ka {border-left: 3px solid #e95464;}
table caption.cap_nomal {border-left: 3px solid #5973be;} 
	table caption.cap_nomal span {font-size: 100%;font-weight: bold;}
table caption.cap_ka-epa {
	text-align: left;
	padding: 4px 0 4px 0 !important;
	margin-bottom: 8px;
	line-height: 1.5;
}
table caption.cap_ka-epa span {
	font-size: 120%;
	letter-spacing: 1px;
	padding: 4px 0 4px 10px;
	border-left: 3px solid #e95464;
}
table caption.cap_ka-epa ul.att_kome {font-size: 86%;margin: 5px auto auto 2em;}

tr {border-bottom: 2px solid #F7F7F7;}
tr:last-child {border-bottom: none;}
th {
	width: 30%;
	background-color: #e0e0e0;
}
td {background-color: #f2f2f2;}

/* 各入力tableの詳細設定　たぶんつかわない
table.table_Stystep1 td {
	padding: 15px 12px 15px 20px;
	display: flex;
	flex-wrap: wrap;
}
 */
/* step1:ラジオボタン 
table.table_Stystep1 label {
	cursor       : pointer;
	position     : relative;
	overflow     : hidden;
	display      : inline-block;
	line-height:2;
	border-radius: 5px;
	padding: 8px 35px 4px 45px;
	background-color: #fff;
	width : 33% ;
	width : -webkit-calc(33% - 15px) ;
	width : calc(33% - 15px) ;
	margin: 8px 20px 8px 0;
}
table.table_Stystep1 label:last-child {
	margin-right: 0;
}
table.table_Stystep1 label:before {
	position      : absolute;
	width         : 22px;
	height        : 22px;
	border        : 1px solid #666;
	border-radius : 50%;
	left          : 10px;
	top           : 8px;
	content       : '';
	z-index       : 3;
}
table.table_Stystep1 label:after {
	content          : '';
	position         : absolute;
	width            : 16px;
	height           : 16px;
	border-radius    : 100%;
	left             : 14px;
	top              : 12px;
	background-color : #f7c125;
	z-index          : 1;
}
table.table_Stystep1 label input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	width      : 22px;
	height     : 24px;
	left       : -24px;
	top        : 5px;
	background-color : #fff;
	margin     : 0px;
	box-shadow : 30px -1px #FFF;
}
		@media all and (-ms-high-contrast:none){
		  *::-ms-backdrop, table.table_Stystep1 label input[type="radio"] {
			  	width: 23px;
				left: -23px;
		  }
		}
table.table_Stystep1 input[type="radio"]:checked {
	box-shadow : none;
}
table.table_Stystep1 label input[type="radio"]:focus {
	opacity    : 0;
	box-shadow : 22px -1px #FFF;
}*/

/* -- 共通プルダウン設定・各プルダウン幅設定-- */
input { height: 35px;}
select {
	border-radius: 3px;
	border: 1px solid #dad7d3;
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: rgba(255,255,255,1.00);
	overflow: hidden;
	/*min-width: 165px;*/
	height: 35px;
    font-size: 96%;
}
.selectWrap {
	position: relative;
	display: inline-block;
}
.selectWrap::before {
	content: '';
	width: 20px;
	height: 23px;
	padding: 5px 0 5px 7px;
	background-color: #e0e0e0;
	position: absolute;
	top: 1px;
	right: 9px;
	z-index: 0;
	pointer-events: none;
	}
		@media all and (-ms-high-contrast:none){
		  *::-ms-backdrop, .selectWrap::before {
				height: 26px;
			}
		}
.selectWrap::after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-bottom: solid 2px #666;
	border-right: solid 2px #666;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 49%;
	right: 17px;
	margin-top: -5px;
	z-index: 3;
	pointer-events: none;
}
select::-ms-expand {display: none;}


/* 全請求フォーム共通：step① 郵便番号入力, step② 町名等選択
---------------------------------------------------------- */

/* 郵便番号幅 */
table.table_Stystep1 td.width_yuubin input {
	width: 60px;
	text-align: center;
}
table.table_Stystep1 td.width_yuubin input:nth-child(2) {
	width: 90px;
	text-align: center;
}


table.table_Stystep2 select { min-width: 165px;}

/* 出版「払込取扱票」請求フォーム：step③ 必要事項入力画面
---------------------------------------------------------- */

/* -- 3-1「年間購読」申し込みtable -- */
/*table.orderyear-warp .selectWrap select {width: 165px;}*/
table.orderyear-warp .selectWrap select {width: 240px;}
table.orderyear-warp input {
    width: 140px;
    margin-left: 0;
    text-align: center;
}
table.orderyear-warp span.att-nenkan {
    display: block;
    color: #c9171e;
}

/* -- 3-2「バックナンバー購読」申し込みtable -- */
th.width_numberselect_th {width: 15%;}
div.order-warp {
    width: 100%;
    margin-bottom: 7px;
}
div.order-warp span { display: inline-block;}
div.order-warp .selectWrap { width: 84%;}
div.order-warp .selectWrap select {width:100%;}
div.order-warp .selectWrap::before {right: 0;}
div.order-warp .selectWrap::after {right: 9px;}
div.order-warp input {
	width: 7%;
	text-align: center;
    margin: 0 8px 0 0;
}

/* -- 3-3 送付先入力table, 4-2 送付先確認table -- */
/* 請求手引タイトル */
.tebikiname_sh { background-color: #8fc2e8; text-align: center; font-size: 115%; font-weight: bold; letter-spacing: 1px;}
.tebikiname_se { background-color: #84c058; text-align: center; font-size: 115%; font-weight: bold; letter-spacing: 1px;}
.tebikiname_ka { background-color: #f198a2; text-align: center; font-size: 115%; font-weight: bold; letter-spacing: 1px;}

/* 郵便番号幅 */
table.table_Stystep3-3 td.width_yuubin input, table.table_Stystep4-2 td.width_yuubin input {
	width:96px;
	text-align: center;
}
/* 氏名幅：姓 名入力分割ver(出版のみ) */
table.table_Stystep3-3 td.width_seimei2col input, table.table_Stystep4-2 td.width_seimei2col input  {
	width: 200px;
}
/* 氏名（ひらがな）：姓 名入力分割ver(出版のみ) */
table.table_Stystep3-3 td.width_seimei2col_hira input, table.table_Stystep4-2 td.width_seimei2col_hira input  {
	width: 200px;
}
/* 氏名幅：入力一括割ver(試験のみ) */
table.table_Stystep3-3 td.width_seimei1col input, table.table_Stystep4-2 td.width_seimei1col input  {
	width: 98%;
}
/* 氏名（ひらがな）：入力一括割ver(試験のみ) */
table.table_Stystep3-3 td.width_seimei1col_hira input, table.table_Stystep4-2 td.width_seimei1col_hira input  {
	width: 98%;
}
/* 生年月日幅 */
table.table_Stystep3-3 td.width_birthday .nengouWrap, table.table_Stystep4-2 td.width_birthday .nengouWrap {
	display: inline-block;
}
table.table_Stystep3-3 td.width_birthday input, table.table_Stystep4-2 td.width_birthday input {
	width: 50px;
	text-align: center;
}
table.table_Stystep3-3 td.width_birthday input.year, table.table_Stystep4-2 td.width_birthday input.year {width: 75px;}

/* 住所入力幅 */
table.table_Stystep3-3 td.width_freetxt input, table.table_Stystep4-2 td.width_freetxt input { width: 98%;}
/* 電話番号*/
table.table_Stystep3-3 td.width_telnum input, table.table_Stystep4-2 td.width_telnum input { width: 50%;} 
/* メールアドレス(出版のみ) */
table.table_Stystep3-3 td.width_mail1 input, table.table_Stystep4-2 td.width_mail1 input { width: 98%;}
table.table_Stystep3-3 td.width_mail2 input { width: 41%;}
/* 必要数(試験のみ) */
table.table_Stystep3-3 td.width_piece input, table.table_Stystep4-2 td.width_piece input {
	width: 50px;
	text-align: center;
    margin: 0 8px 0 0;
}

/* 入力注意テキスト */
.input-att {
	color: #c9171e;
	margin-bottom: 5px;
	font-size: 94%;
}
/* 資格チェックボタン */
.shikaku_check {
}
.shikaku_check label {
	cursor       : pointer;
	position     : relative;
	padding-left : 25px;
	margin-top: 8px;
	margin-left: 8px;
	margin-right: auto;
	overflow     : hidden;
	position     : relative;
	padding-left : 28px;
	display      : inline-block;
	box-sizing   : border-box;
	display:block;
	margin-bottom:8px;
	vertical-align:middle;
	line-height:1.6;
	font-size: 100%;
}
.shikaku_check label:before {
	content  : '';
	position : absolute;
	width    : 22px;
	height   : 22px;
	left     : 0px;
	top      : 0;
    border-radius: 3px;
	border   : 1px solid #cccccc;
	z-index  : 3;
}
.shikaku_check label:after {
	content           : '';
	position          : absolute;
	top               : 10px;
	left              : 7px;
	display           : block;
	margin-top        : -7px;
	width             : 8px;
	height            : 12px;
	border-right      : 2px solid #555555;
	border-bottom     : 2px solid #555555;
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	z-index           : 1;
}
.shikaku_check label input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	left       : -40px;
	width      : 22px;
	height     : 22px;
	display    : block;
	box-shadow : 39px 0px #FFF;
	z-index    : 2;
	margin     : 0px;
	padding    : 0px;
}
.shikaku_check label input[type="checkbox"]:checked {box-shadow : none;}

/* -- 請求部数の注意喚起（順に介護、社会、精神） -- */
#wrap_busuu_check,#wrap_busuu_check1,#wrap_busuu_check2,#wrap_busuu_check3 {
	width: 600px;
	margin: auto;
	padding:40px 60px 20px 60px;
	}
dl.busuu_check {
	margin:0 10px 35px 10px;
}
dl.busuu_check dt {
	margin-bottom:12px;
	text-indent: -1em;
	margin-left: 1em;
}
dl.busuu_check dd a {
	display:block;
	background-color:#dfdfdf;
	min-height: 40px;
	padding:11px 10px 11px 2.5em;
	margin:0 1em 25px 1em;
	border-radius: 3px;
	text-indent: -1.5em;
	margin-left: 1em;
	color:#000;
	text-decoration:none;
}
dl.busuu_check dd a:visited {
	text-decoration:none;
}
dl.busuu_check dd a:hover {
	background-color:#afafaf;
	text-decoration:none;
}
dl.busuu_check dd a:active {
	text-decoration:none;
}
.uLine { text-decoration:underline; }

/* -- 部数チェック注意喚起 -- */
#wrap_back_check,#wrap_back_check1,#wrap_back_check2 {
	padding:40px 60px 20px 60px;
}
/* 被っているリスト */
ul.back_list {
	margin:0 10px 35px 30px;
}
ul.back_list li {
	margin-bottom:12px;
  list-style-type:disc;
}
ul.back_list li a {
	display:block;
	background-color:#dfdfdf;
	padding:7px 10px;
	margin:0 1em 25px 1em;
	color:#000;
	text-decoration:none;
}
/* 部数確認ボタン */
#wrap_back_check dl.busuu_check dt {
  margin:0 20px 35px 20px;
  padding:20px;
  background-color:#F8DBE0;
}
ul.busuu_check li button {
	display:block;
    border-radius: 3px;
    background-color:#dfdfdf;
	padding:7px 10px;
	margin:0 1em 25px 1em;
	color:#000;
	text-decoration:none;
    text-indent:-1em;
    padding-left:2em;
    border: 0;
    text-align: left;
}
ul.busuu_check li button:visited {
	text-decoration:none;
}
ul.busuu_check li button:hover {
	background-color:#ececec;
	text-decoration:none;
}
ul.busuu_check li button:active {
	text-decoration:none;
}
span.busuu-deco {font-size: 120%; margin: 0 6px;}

/* -- 配慮案内 -- */
div.gohairyo {
	padding: 20px 15px;
	background-color: #fff3f3;
	width: 85%;	
	margin: 30px auto 0 auto;
	border: 1px solid #999;
	text-align:center;
}
div.gohairyo.shakai {
	padding: 20px 15px;
	background-color: #e1f2ff;
	width: 85%;	
	margin: 30px auto 0 auto;
	border: 1px solid #999;
	text-align:center;
}
div.gohairyo.seishin {
	padding: 20px 15px;
	background-color: #f1fce1;
	width: 85%;	
	margin: 30px auto 0 auto;
	border: 1px solid #999;
	text-align:center;
}
dl.terms {
    margin:0 25px 0 25px;
    padding-bottom: 10px;
    background-color: #ffffff;
}
dl.terms:last-child {
        margin:0 0 5px 0;
}
dl.terms dt {
    font-weight: bold;
    background-color: #f198a2;
    padding: 8px 10px;
    margin-bottom: 8px;
	text-align: center;
}
div.gohairyo.shakai  dl.terms dt {background-color: #8fc2e8;}
div.gohairyo.seishin  dl.terms dt {background-color: #84c058;}

dl.terms dd ul {
    margin-left: 3em;
    text-align: left;
}
dl.terms dd li {
	text-align: left;
	list-style: disc;
	list-style-position: inside;
	text-indent: -1.5em;
	margin-left: 1em;
}
div.gohairyo .btnArea {margin-top: 20px;}
div.button {
	margin: 15px auto;
	text-align: center;
}
/*	配慮注意枠 */
.heigan {
  border:3px solid #c9171e;
  padding:10px 15px;
  margin-bottom:20px;
}
.heigan dt {
  font-weight:bold;
  margin-bottom:5px;
}

/*step③ 配慮チェック画面（介護のみ）
---------------------------------------------------------- */
h3.hairyo {
	color: #c9171e;
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	margin: 0 10px 2em;
	border-right: 10px solid #c9171e;
	border-left: 10px solid #c9171e;
	border-bottom: 5px solid #eee;
	border-top: 5px solid #eee;
	background-color: #f5f5f5;
	padding: 3px;
}

/*20220701から追加のエリア*/
/* 配慮説明画面（旧配慮チェック1）---------*/
/*	配慮ページリスト枠	*/
/*.checkWrap {
	background-color: #ebebeb;
	padding: 15px 3% 5px 3%;;
	margin: 0 auto 20px auto;
}*/
.h3_ka{
	border-left: 3px solid #e95464;
	text-align: left;
    font-size: 120%;
    letter-spacing: 1px;
    padding: 4px 0 4px 10px;
    margin-bottom: 10px;
    line-height: 1.5;
}
.h3_sh{
	border-left: 3px solid #006eb0;
	text-align: left;
    font-size: 120%;
    letter-spacing: 1px;
    padding: 4px 0 4px 10px;
    margin-bottom: 10px;
    line-height: 1.5;
}
.h3_se{
	border-left: 3px solid #5fa62a;
	text-align: left;
    font-size: 120%;
    letter-spacing: 1px;
    padding: 4px 0 4px 10px;
    margin-bottom: 10px;
    line-height: 1.5;
}
/* 配慮チェック2---------*/
.checkttl {
	text-align: center;
	font-size: 135%;
	line-height: 150%;
	margin-bottom: 1em;
	font-weight: bold !important;
}

/* 配慮チェック2：チェックボックス */
ul.hairyo-check2 li, ol.hairyo-check2 li {
	border-radius: 5px;
	padding: 15px 3% 5px 3%;
	background-color: #ebebeb;
	margin-bottom: 1em;
}
ul.hairyo-check2 li:hover, ol.hairyo-check2 li:hover {
	background-color: #f2f2f2;
}
ul.hairyo-check2 li label, ol.hairyo-check2 li label {
	cursor       : pointer;
	position     : relative;
	margin-right : 0;
	overflow     : hidden;
	box-sizing   : border-box;
	display:block;
	margin:0 8px 15px 0;
	vertical-align:middle;
	line-height:1.7;
	padding-left: 53px;
    text-indent: -24px;
	}
ul.hairyo-check2 li label { padding-left: 43px; text-indent: -14px;}
ul.hairyo-check2 li label input[type="checkbox"], ol.hairyo-check2 li label input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	top        :0;
	left     : 0;
	width      : 20px;
	height     : 20px;
    min-height: 20px;/* L76指定打消し */
	display    : block;
	box-shadow : 0 0 ;
	z-index    : 2;
	margin     : 0px;
	padding    : 0px;
	border   : 1px solid #b3b3b3;
}
ul.hairyo-check2 li label input[type="checkbox"]:checked, ol.hairyo-check2 li label input[type="checkbox"]:checked {
   /* background:url("../img/checkbox_on_ka.png") no-repeat 0 center;*/
	-webkit-background-size: 20px auto;
	-moz-background-size: 20px auto;
	-o-background-size: 20px auto;
    background-size:20px auto !important;
	position   : absolute;
	top        :0;
	left     : 0;
	width      : 20px;
	height     : 20px !important;
	display    : block;
    box-shadow : 41px 0px #fff;
	z-index    : 2;
	margin     : 0px;
	padding    : 0px;
	}
	ul.hairyo-check2_ka li label input[type="checkbox"]:checked, ol.hairyo-check2_ka li label input[type="checkbox"]:checked {background:url("/enq/image/checkbox_on_ka.png") no-repeat 0 center;}
	ul.hairyo-check2_sh li label input[type="checkbox"]:checked, ol.hairyo-check2_sh li label input[type="checkbox"]:checked {background:url("/enq/image/checkbox_on_sh.png") no-repeat 0 center;}
	ul.hairyo-check2_se li label input[type="checkbox"]:checked, ol.hairyo-check2_se li label input[type="checkbox"]:checked {background:url("/enq/image/checkbox_on_se.png") no-repeat 0 center;}

ul.hairyo-check2 li label input[type="checkbox"]:checked, ol.hairyo-check2 li label input[type="checkbox"]:checked {box-shadow : none;}
ul.hairyo-check2 li img {max-width: 334px; width: 100%;}
/*220701削除.hairyo-img_and img {display: block; margin: auto auto 1em auto; max-width: 75px;}*/
/* 配慮table幅調整 */
#h_1 table th {width: 38%;}
#h_1 table th:first-child {width: 18%;}

/*	配慮ページリスト ----------------------------------	*/
.checkWrap input {
	margin-left: 20px;
	margin-right: 8px;
	display: inline-block;
	vertical-align: text-top;
}
.checkWrap label {
	text-indent: -22px;
	margin-left: 22px;
	margin-bottom: 1em;
	display: inline-block;
	vertical-align: text-top;
/*	width: 540px;
*/}
/* チェックボックスハック順注意 */
.checkWrap input[type=checkbox] {
	width:26px;
	height:26px;
	-webkit-transform-origin: right bottom;
	-webkit-transform: scale(0.8);
	margin-top: -3px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.checkWrap input[type=checkbox] {
	margin-top: -5px;
	}
}
@-moz-document url-prefix() {
	.checkWrap input[type=checkbox] {
	width:26px;
	height:26px;
	margin-top: 5px;
	-moz-transform-origin: right bottom;
	-moz-transform: scale(1.5);
	}
	.checkWrap input {
	margin-right: 0px;
	}
}
/* --------------------------------------------------------------- */
/*220701削除
.checkWrap dl.hairyo-terms dt {
	font-size: 115%;
	line-height: 130%;
	margin-bottom: 0.5em;
	font-weight: bold !important;
    margin-left:1em;
	margin-right: 0.5em;
}
.checkWrap dl.hairyo-terms dd {
    background-color: #fff;
    padding:20px 2% 10px 2%;
    margin: 0.5em 3% 1em 3%;
}
.checkWrap dl.hairyo-terms dd ul li {position: relative; margin-bottom: 1em;}

.checkWrap dl.hairyo-terms dd ul li.hairyoimg {margin-bottom: 4em;}
	@media only screen and (min-width: 1px) and (max-width: 896px){.checkWrap dl.hairyo-terms dd ul li.hairyoimg {margin-bottom: 40px;}}
.checkWrap dl.hairyo-terms dd ul li img {
    display: inline-block;
	vertical-align: text-top;
	position: absolute;
	top: -5px;
}*/


/*	配慮ページボタン	*/
form.btnH {display: inline;}

/*	配慮へのリンク	*/
input.formbtn1 {
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 3px 15px;
	letter-spacing: 0.1em;
}
input.formbtn2 {
	padding: 3px 15px;
	letter-spacing: 0.05em;
	margin-left: 20px;
}
input.formbtn3 {
	padding: 3px 15px;
	letter-spacing: 0.05em;
  margin-right:20px;
}


/*step④ 確認画面
---------------------------------------------------------- */
.th-cl_nomal { background-color: #d7dbe4;}
.kei {
	text-align:right !important;
}
.koudokusu {
	margin-right:70px;
	display:inline;
}
.syoukei {
	display:inline;
}
.syoukei span {
	padding-right:5px;
}
.goukei {
	font-size:140%;	
  font-weight:bold;
}
tr.boderT_B th {
	border-top:2px solid #b3b3b3;
  font-size:110%;
  font-weight:bold;
}
tr.boderT_B td {
	border-top:2px solid #b3b3b3;
}
.send-caution {
	width: 35em;
	margin: 0 auto;
}

/* 出版「払込取扱票」請求フォーム：step⑤ 完了画面
---------------------------------------------------------- */
.waku-gray_border {
    margin: 0 auto 30px auto;
    padding: 20px 4%;
    border: 3px solid #dddddd;
    background-color: #ffffff; 
    text-align: center;
}
.waku-gray_border h3{
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 122%;
	margin-bottom: 0.8em;
}
div.date {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 1.5em;
    letter-spacing: 1px;                                                                                             
}
.contact-add {
    width: 26em;
    margin: 0 auto;
    text-align: left;
    background-color: #f7f7f7;
    padding: 1em;
}
.contact-add2 {
    width: 32em;
    margin: 0 auto;
    text-align: left;
    font-weight: bold;
    padding-bottom: 1em;
}
/* 入力指定 */
span.exam {
	color: #313131;
	padding-left: 5px;
    font-size: 90%;
}
/* 注意書き */
.value_notice {
	font-size: 90% !important;
	text-indent: -1em;
	margin-left: 1em;
	margin-top: 4px;
}
/* step04_受付完了table */
.comp_shikaku_name {
	display: inline-block;
	margin-right: 10px;
}
/* step04_eメールあり */
.email_true p.emailtxt {
	text-align: center;
	padding: 18px 20px;
	background-color: #faf5e5;
	width: 40%;
	margin-left:auto;
	margin-right: auto;
}
/* ボタンエリア */
.btnArea {
	margin-top: 60px;
	text-align: center;
    min-height: 44px;
}
.btnArea input, .btnArea a, .btnArea button {
	text-align: center;
	width: 150px;
	height: 44px;
	background-color: #dddddd;
	padding: 11px 20px;
	border-radius: 3px;
	border: none;
	/*position: relative;*/
	color: #000;
	font-size: 90%;
    margin: 0 15px 0 0;
}
.btnArea .pcOnly {display: inline-block !important;}/* ボタンが2つあるときの回り込み防止 */
.btnclo-next_nomal{ background-color: #b9cbf6 !important; }
.btnclo-next_sh{ background-color: #b8ddf6 !important;}
.btnclo-next_se{ background-color: #d7efb3 !important;}
.btnclo-next_ka{ background-color: #fbc3c5 !important;}
.btnclo-next_hairyo{ background-color: #ffffff !important; border: 1px solid #cccccc!important;}

.btnArea input:hover, .btnArea a:hover, .btnArea button:hover{color: #555555;}
input.btnclo:hover { color: #333 !important;}

/* window close案内 */
input.btn-finish_close {
	width: 60%;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 0.05em;
	background-color: #c9171e;
	color: #ffffff;
	border: 0;
	height: 47px;
	border-bottom: 3px solid #b1141a;
	margin-bottom: 1em;
	margin-right: 0 !important;
}
input.btn-finish_close:hover {background-color: #c92f35; color: #fff;}	

/* 印刷ボタン */
.print {
	text-align: center;
	margin-bottom: 40px;
}
 input.print {
	padding: 8px 20px;
	background-color: #dddddd;
	margin-right: 0 !important;
}
footer {
	background-color: #5f5f5f;
	text-align: center;
	color: #fff;
	font-size: 80%;
	padding: 25px;
}
footer a {color: #fff; margin-right: 20px; letter-spacing: 1px;}
footer a:hover {text-decoration: underline !important;}
footer a.arrow {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  color: #ffffff;
  text-decoration: none;
}
footer a.arrow:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #ffffff;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

/*======================================*/
/* 以下サイト共通設定：common.css一部コピー */
/*======================================*/

.fclAtt {
    color: #c9171e;
    font-size: 90%;
    font-weight: bold;
}
/* ※印リスト（字下げつき） */
.att_kome {
    display: block;
    margin-left:1em;
    text-indent:-1em;
}
/* === フォントサイズ === */
.fsizeSS { font-size: 70%; }
.fsizeS { font-size: 80%; }
.fsize90 { font-size: 90%; }
.fsize105 { font-size: 105%!important; }
.fsize110 { font-size: 110%!important; }
.fsize120 { font-size: 120%!important; }
.fsize130 { font-size: 130%!important; }
.fsize140 { font-size: 140%!important; }
.fsize190 { font-size: 190%!important; }
/* 中央寄せ */
.txt-center {text-align: center !important;}
/* 赤 */
.txt-clRed {
    color: #c9171e;
}
/* 赤＋太字 */
.txt-clRedB {
    color: #c9171e;
    font-weight: bold;
}
/* 太字 */
strong, .txt-bold {font-weight: bold !important;}
/* 下線 */
.txt-underline {text-decoration: underline;}
/* 下線なし */
.txt-underlinenone {text-decoration: none !important;}
/* 下線_二重 */
.txt-doubleline {border-bottom: double 3px #000;}
/* 波状の線 */
.txt-namiline {text-decoration:underline wavy #333;}
/* 打ち消し・取り消し線 */
del.txt-delline {text-decoration: line-through;}
/* 下線点線 */
.dottedline {border-bottom: dotted #ddd 2px;}

/* 中黒 点リスト（字下げあり） */
.list-disc_indent li {
    list-style:disc;
    margin-left:1.5em;
    margin-bottom: 5px;
    }
    .list-disc_indent li:last-child {margin-bottom: 0;}
/* （注意）リスト */
ul.list-kakko-att { margin: 0 0 0 3.5em; }
ul.list-kakko-att li { text-indent: -3.7em; margin-bottom: 5px; list-style: none;}

/* 枠 */
.waku-yellow_thin {
    margin-bottom:20px;
    padding: 20px 4%;
    background-color: #fefde2;    
}
/* PDF
a[href$=".pdf"]::after, a[href*=".pdf#page="]::after {
    content : "PDFを別ウインドウで開きます" !important;
    display : inline-block !important;
    background: url("/image/common/ico_pdf_min.png") no-repeat !important;
    padding : 16px 0 0 16px !important;
    margin-left: 3px;
    width : 0;
    height : 0;
    overflow : hidden ;
}*/
/*======================================*/
/* 12.table */
/*======================================*/
div.table-scroll {margin-bottom: 2em;}

span.att_table {display: none;}
table.table_sh, table.table_se, table.table_ka, table.table_to, table.table_nomal, table.table_purple, table.table_bluecream, table.table_bluecream_hoken, table.table_zaimu, table.cellcolor-odd, table.cellcolor-odd_ppl {
	border: 1px solid #bbbbbb;
	border-collapse: collapse;
    table-layout: auto !important;
}
table.table_sh caption,  table.table_se caption, table.table_ka caption, table.table_to caption, table.table_nomal caption, table.table_bluecream caption, table.table_bluecream_hoken caption, table.table_zaimu caption, table.cellcolor-odd caption, table.cellcolor-odd_ppl caption {
	text-indent: -9999px;
    height: 0;
}
/* tableにタイトルを付ける場合（＜caption＞タグを使用しない） */
h6.title-h6_table {
    font-weight: bold;
    margin-bottom: 5px;
}
table.table_sh tr, table.table_se tr, table.table_ka tr, table.table_to tr, table.table_nomal tr, table.table_zaimu tr, table.cellcolor-odd tr, table.cellcolor-odd_ppl tr {border-bottom: 1px solid #bbbbbb;}
table.table_sh th, table.table_se th, table.table_ka th, table.table_to th, table.table_nomal th, table.table_zaimu th, table.cellcolor-odd th, table.cellcolor-odd_ppl th {
	background-color: #eeeeee;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	vertical-align: middle;
    padding: 7px 8px;
    }
table.table_sh td, table.table_se td, table.table_ka td, table.table_to td, table.table_nomal td, table.table_zaimu td, table.cellcolor-odd td, table.cellcolor-odd_ppl td {
	background-color: #ffffff;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
    padding: 5px 8px;
}

/* 奇数行目に色付け */
table.cellcolor-odd tr:nth-child(odd) td { background-color:#f5f5f5;}/* 灰 important付与_厳禁 */
table.cellcolor-odd_ppl tr:nth-child(odd) td { background-color:#f2f6ff;}/* 紫 */

/* 各カテゴリcolor (※1番目のtdに自動的に背景色がつくようにしてある。他もつけたければ以下のクラスを使う) */
table.table_sh td:nth-child(1) {background-color: #f1f8ff;}
table.table_se td:nth-child(1) {background-color: #f2f8e8;}
table.table_ka td:nth-child(1) {background-color: #fff4f4;}
table.table_to td:nth-child(1) {background-color: #fcfaca;}
.cellcolor_sh {background-color: #f1f8ff !important;}
.cellcolor_se {background-color: #f2f8e8 !important;}
.cellcolor_ka {background-color: #fff4f4 !important;}
.cellcolor_to {background-color: #fcfaca !important;}
.cellcolor_cream {background-color: #fffcf0 !important;}
.cellcolor_zaimu {background-color: #f2f6ff !important;}

/* 部分的に使用セルcolorなし（白色に） */
th.cellcolor_none, .cellcolor_none td, td.cellcolor_none { background-color:#ffffff !important;}

/*業務財務資料color */
table.table_zaimu th:nth-child(1), table .cellcolor_zaimu td, table.table_zaimu th {background-color: #f2f6ff !important;}

/*ハイライトセルcolor */
.highlight-cellcolor_to {background-color: #fc0 !important;}
tr.thYellow th {background-color: #fff4c0; padding: 5px 8px !important;}
tr.borderdouble, th.borderdouble, td.borderdouble {border-bottom: double;}
/* 出題基準（別添table用）color thブルー×tdクリーム */
table.table_bluecream th {
    background-color: #e2ebf4;
    border-right: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    vertical-align: middle;
    padding: 7px 8px;
	width: 33%;
    }
    table.table_bluecream td {
        background-color: #fffcf0;
        border-right: 1px solid #bbbbbb;
        border-bottom: 1px solid #bbbbbb;
        padding: 5px 8px;
    }
/* 保険見舞金 color thブルー×tdクリーム */
table.table_bluecream_hoken th {
    background-color: #e2ebf4;
    border-right: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    vertical-align: middle;
    padding: 7px 8px;
    }
    table.table_bluecream_hoken td {
        background-color: #fffcf0;
        border-right: 1px solid #bbbbbb;
        border-bottom: 1px solid #bbbbbb;
        padding: 5px 8px;
    }

/* グレー枠注意枠内table */
table.table_att-gray {
	width: auto;
	margin-bottom: 1em;
	border: 1px solid #999;
	border-collapse: collapse;
	text-indent:0;
}
table.table_att-gray caption {
	text-indent: -9999px;
	line-height: 0.8em;
}

table.table_att-gray th {
	background-color: #ddd;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 3px 5px;
	font-size: 90%;
}

table.table_att-gray td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 3px 7px;
	background-color: #fff;
}
/* table内でPDFアイコンを表示する用 */
table.tablein-icon_pdf a[href$=".pdf"]::after {display : none !important;}
    table.tablein-icon_pdf img.icon_pdf {display: block;margin: 0 auto; vertical-align:bottom;}

/* セル内容：横中央寄せ */
table.th_center th, .th_center {text-align: center !important;}
table.td_center td, .td_center {text-align: center !important;}
    table.th_center th img,  table.td_center td img, .txt-center img {display: block; margin: 0 auto;}
/* tdセル内容：右寄せ */
table.td_right td, .td_right {text-align: right !important;}
    table.td_right td img, .td_center img {display: block; margin: 0 0 0 auto;}
/* tdセル内容の：縦中央寄せ */
table.td_middle td, .td_middle { vertical-align: middle;}
/* tdセル内容：左寄せ */
table.td_left td, .td_left {text-align: left !important;}
/* memo: 効かない場合は直接タグに指定：（例）style="text-align: center !important;"*/
/*======================================*/
/* 99.イレギュラー設定（margin,padding,indentなど） */
/*======================================*/

/* === padding === */
.pdT0 { padding-top: 0!important; }
.pdT15 { padding-top: 15px!important; }
.pdR10 { padding-right: 10px; }
.pdB0 { padding-bottom: 0px; }
.pdB5 { padding-bottom: 5px; }
.pdB10 { padding-bottom: 20px; }
.pdB1em { padding-bottom: 1em; }

/* === margin === */
.mgB5 { margin-bottom: 5px!important; }
.mgB10 { margin-bottom: 10px!important; }
.mgB20 { margin-bottom: 20px!important; }
.mgB3em { margin-bottom: 3em!important; }
.mgB3_5em { margin-bottom: 3.5em!important; }
.mgB2em { margin-bottom: 2em!important; }
.mgB1em { margin-bottom: 1em!important; }
.mgB4em { margin-bottom: 4em!important; }
.mgB5em { margin-bottom: 5em!important; }
.mgB8em { margin-bottom: 8em!important; }
.mgB0 { margin-bottom: 0px!important; }
.mgL30 { margin-left: 30px!important; }
.mgL40 { margin-left: 40px!important; }
.mgL60 { margin-left: 60px!important; }
.mgL55 {margin-left: 55px; _margin-left: 27px;}
.mgL90 { margin-left: 90px!important; }
* html .mgL55 { margin-left: 27px;}
.mgL_1em { margin-left: -1em!important; }
.mgL1em { margin-left: 1em!important; }
.mgL2em { margin-left: 2em!important; }
.mgL2_3em { margin-left: 2.3em !important; }
.mgL4em { margin-left: 4em!important; }
.mgL5em { margin-left: 5em!important; }
.mgL0 { margin-left: 0!important; }
.mgL10 { margin-left: 10px!important; }
.mgL20 { margin-left: 20px!important; }
.mgT-1em {margin-top: -1em !important;}
.mgT5 { margin-top: 5px!important; }
.mgT10 { margin-top: 10px !important; }
.mgT20 { margin-top: 20px !important; }
.mgT1em { margin-top: 1em !important; }
.mgT2em { margin-top: 2em !important; }
.mgR0 { margin-right: 0!important; }
.mgR1em { margin-right: 1em!important; }


/* === indent === */
.in0em { text-indent: 0em; }
.in1em { text-indent: 1em; }
.in_1em { text-indent: -1em; }
.in_2em { text-indent: -2em; margin-left:4em; }

.w80per {width: 80% !important;}
.w100per {width: 100% !important;}
.w19em {width: 30em !important}

/* === block === */
.block {display: block !important;}

@media only screen and (min-width: 1px) and (max-width: 896px){
		/* 1. Style
		-------------------------------------------------- */
		body {font-size: 100%;}/* 16px */
			@media only screen and (min-width: 321px) and (max-width: 360px) {body {font-size: 98%;}}
		p {margin-bottom: 25px; line-height: 1.7;}
		input, textarea, button, select {
			font-size: 94%;
			padding: 8px 10px;
			margin: 0 4px;
			}

		.pcOnly{display: none !important;}
		.spOnly{display: block !important;}
		.btnArea .pcOnly {display: none !important;}

		header h1 {font-size: 130%; letter-spacing: 0;}
		.inner {
			width: 92%;
			margin: 0 4% 40px 4%;
		}
		.termsWrap { margin: 20px auto 60px auto;}
		/* step */
		ol.step {
			
			width: 92%;
			margin: 20px 4%;
		}
		ol.step li {
			width : 33% ;
			width : -webkit-calc(33% - 15px) ;
			width : calc(33% - 15px) ;
			margin:0 17px 10px 0;
			font-size: 13px;
            padding: 9px 0px 9px 0px;
			letter-spacing: 0;
		}
        ol.step li:nth-child(3n), ol.step li:nth-child(5n){margin-right: 0;}
        ol.step li:nth-child(4n), ol.step li:nth-child(5n) {
            width: 45% !important;
            width: -webkit-calc(45% - 20px);
            width: calc(45% - 20px);
			margin:0 20px 10px 0;
    }    
   	h2 {
			font-size: 120%;
			letter-spacing: 1px;
			padding-bottom: 8px;
			margin-bottom: 20px;
		}
		h2::before {width: 40%;left: 30%;}
		/* 必須・任意マーク */
		.ico_required {
			display: inline-block;
			padding: 1px 5px;
			margin-right: 5px;
			border-radius: 3px;
			background-color: #db1b25;
			color: #fff;
			font-size: 80%;
		}
		.ico_optional {
			display: inline-block;
			padding: 1px 5px;
			margin-right: 5px;
			border-radius: 3px;
			background-color: #707070;
			color: #fff;
			font-size: 80%;
		}
		table {width: 100%;}
		table caption /*, p.radio_cation*/ {
			font-size: 105%;
			margin-bottom: 15px;
			display: block;/* ラジオボタンクリック時の移動防止 */
		}
		table caption.cap_ka-epa span{font-size: 105%;}
		table caption.cap_ka-epa ul.att_kome {font-size: 85%;}
	
		fieldset th {width: 100%;display: block;}
		fieldset td {width: 100%;display: block; padding: 12px 3%; min-height: 48px;}
		/* 各入力tableの詳細設定 */
		table.table_Stystep1 td {
			padding: 15px 3%;
		}
		/* :ラジオボタン */
		table.table_Stystep1 label {
			padding: 10px 0 6px 45px;
			padding: 10px 0 6px 0;
			width : 100% ;
			width : -webkit-calc(100% - 0) ;
			width : calc(100% - 0) ;
			margin: 8px 0 4px 0;
		}
		table.table_Stystep1 label:first-child {margin: 0 0 4px 0;}
		table.table_Stystep1 label:before {top: 12px;}
		table.table_Stystep1 label:after {top: 16px;}
			table.table_Stystep1 label input {width: 100%;}
		table.table_Stystep1 label input[type="radio"] {top: 9px;}
		table.table_Stystep1 label input[type="radio"]:focus {box-shadow : 22px -1px #FFF;}
	
		/* -- プルダウン設定・各プルダウン幅設定-- */
		select {
			padding-left: 5px;
			height: 42px;
		}
		table input {height: 42px;}/* select+inputの横並びの高さズレ防止 */
		.selectWrap::before {
			width: 20px;
			height: 22px;
			padding: 9px 0 9px 10px;
			top: 1px;
		}
		.selectWrap::after {
			top: 49%;
			right: 20px;
		}
    
    /* 全請求フォーム共通：step① 郵便番号入力 ページ
    ---------------------------------------------------------- */

    /* 郵便番号幅 */
    table.table_Stystep1 td.width_yuubin input {width: 18%;}
    table.table_Stystep1 td.width_yuubin input:nth-child(2) {width: 22%;}
    
    /* 全請求フォーム共通：step② 郵便番号入力町名等選択 ページ
    ---------------------------------------------------------- */
    table.table_Stystep2 td .selectWrap { width: 100%;}
    table.table_Stystep2 td .selectWrap select {width:96%;}
    
    /* 出版「払込取扱票」請求フォーム：step③ 必要事項入力画面
    ---------------------------------------------------------- */

    /* -- 3-1「年間購読」申し込みtable -- */
    table.orderyear-warp .selectWrap {width: 49%;}
	table.orderyear-warp .selectWrap::before {right: 2px;}
		@media only screen and (min-width: 321px) and (max-width: 360px) {table.orderyear-warp .selectWrap::before {right: 1px;}}
		@media only screen and (min-width: 361px) and (max-width: 896px) {table.orderyear-warp .selectWrap::after {right: 12px;}}
		@media only screen and (min-width: 321px) and (max-width: 360px) {table.orderyear-warp .selectWrap::after {right: 12px;}}
    table.orderyear-warp .selectWrap select {width:97%;}
	
    table.orderyear-warp input {
        width: 80px;
        margin-left: 8px;
    }
    table.orderyear-warp span.att-nenkan {
        display: inline-block;
    }

    /* -- 3-2「バックナンバー購読」申し込みtable -- */
    th.width_numberselect_th {width: 100%;}
    div.order-warp {
        width: 100%;
        margin-bottom: 7px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e0e0e0;
    }
    div.order-warp span { display: block; margin-left: 10px; margin-bottom: 4px;}
    div.order-warp .selectWrap { width: 76%;}
    div.order-warp .selectWrap select {width:100%;}
    div.order-warp .selectWrap::before {right: -4px;}
    div.order-warp .selectWrap::after {right: 9px;}
    div.order-warp input {
        width: 13%;
        text-align: center;
        margin: 0 8px 0 6px;
    }
    /* -- 3-3 送付先入力table -- */
    /* 郵便番号幅 */
    table.table_Stystep3-3 td.width_yuubin input {
        width: 100px;
        text-align: center;
    }
    /* 氏名幅 */
    table.table_Stystep3-3 td.width_seimei2col input {width: 41%;}
    table.table_Stystep3-3 td.width_seimei2col_hira input {width: 37%;}
    /* 電話番号*/
    table.table_Stystep3-3 td.width_telnum input {width: 98%; } 
    
    /* -- 出版の注意喚起 -- */
    #wrap_back_check,#wrap_back_check1,#wrap_back_check2 {
        padding:40px 4% 20px 4%;
    }    
		/* 入力指定 */
		span.exam {
			font-size: 88%;
		}
		/* 注意書き */
		.value_notice {
			font-size: 85% !important;
			text-indent: -1em;
			margin-left: 1em;
			margin-top: 4px;
		}
    
		/* step04_受付完了table 資格名 */
		.comp_shikaku_name {
			display: block;
			margin-right: 0;
			line-height: 1.4;
	}
		/* step04_eメールあり */
		.email_true p.emailtxt {
			padding: 15px 20px;
			width: 90%;
			margin-bottom: 25px;
		}
		/* ボタンエリア */
		.btnArea {
			margin-top: 30px;
			margin-bottom: 40px;
		}
		.btnArea input, .btnArea a, .btnArea button {
			width : 41% ;
			width : -webkit-calc(50% - 15) ;
			width : calc(50% - 15) ;
			margin: 0 15px 0 0;
			padding: 10px 20px;
			font-size: 100%;
		}
	.btnArea input.formbtn3 {width : 50% ;}
	.btnArea input:last-child, .btnArea a:last-child, .btnArea button:last-child { margin-right: 5px;}
	/* window close案内 */
		input.btn-finish_close {width: 70%;}
		/* 印刷ボタン */
		.print {
			margin-bottom: 30px;
		}
		.print input {
			padding: 8px 20px;
		}
		footer {
			font-size: 80%;
			padding: 15px 4%;
		}
	footer copy {display: block;}
		/* ツール使用同意ボタン */
		.precautions_check {
			padding: 10px 4%;
			width: 100%;
		}	
	.precautions_check label {width: 110px; font-size: 110%;}	
    
    .contact-add {width:100%;}
    .contact-add2 {width:100%; padding:1em;}
    
	/* -- 請求部数の注意喚起 -- */
	#wrap_busuu_check,#wrap_busuu_check1,#wrap_busuu_check2,#wrap_busuu_check3 {
		width: 90%;
		margin: 4% auto;
		padding:40px 2% 20px 2%;
		overflow-y: scroll;
		height: 80vh;
	}
	dl.busuu_check dd a {min-height: 44px; padding: 11px 20px 11px 2.5em;}
	
	/* -- 配慮案内 -- */
	div.gohairyo {width: 94% !important;}
	dl.terms {margin:0 0 0 0;}
	dl.terms dd ul {margin-left: 2em;}
	div.gohairyo .btnArea {margin-top: 15px;  margin-bottom: 0;}
	/*220701削除
	.checkWrap dl.hairyo-terms dd ul li:nth-child(3) {
		padding-bottom: 5em;
	}
	.checkWrap dl.hairyo-terms dd ul li img:nth-child(2), .checkWrap dl.hairyo-terms dd ul li img:nth-child(3) {top: 5em;}
	.checkWrap dl.hairyo-terms dd ul li img:nth-child(3) {left: 50%;}
	.checkttl {font-size: 115%;}
.hairyo-img_and img {max-width: 50px;}*/
	.send-caution {width: 100% !important;}
	.fsize190 { font-size: 150%!important; }
	
	/*======================================*/
	/* （SP） 12.table */
	/*======================================*/
	div.table-scroll {
		width: 100%;
		display: block;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		}
	span.att_table {
		display: block;
		padding-left: 25px;
		margin-bottom: 10px;
		background: url("/enq/image/ico_att-table.png") no-repeat left top;
		background-size: 20px auto;
	} 
	table.table_sh, table.table_se, table.table_ka, table.table_to, table.table_nomal, table.table_bluecream, table.table_bluecream_hoken, table.table_zaimu, table.cellcolor-odd, table.cellcolor-odd_ppl  {
		border-bottom: 0;
		width: 720px;/* table横スクロール最大幅 */
		}
		/* table横スクロールなしのとき */
		table.tbl_noScroll {width: 100% !important;}
	
}/* End_ and (min-width: 1px) and (max-width: 896px) */

@media only screen and (min-width: 768px) and (max-width: 896px) {
		/* stepのみタブレットはPCと同じサイズにもどす */
        ol.step {
            display: flex;
            flex-wrap: wrap;
            margin: 40px auto 20px auto;
            line-height: 1.4;
            font-size: 94%;
        }
        ol.step li, ol.step li:nth-child(4n), ol.step li:nth-child(5n) {
            position: relative;
            width : 18% !important;
            width : -webkit-calc(18% - 15px) ;
            width : calc(18% - 15px) ;
            margin:0 15px 0 0;
            list-style: none;
            text-align: center;
            padding: 9px 5px 9px 10px;
            text-decoration: none;
            color: #2E2E2E;
            background: #dddddd;
            letter-spacing: 1px;
        }
        ol.step li:last-child {margin-right: 0 !important;}
        ol.step li::after {
            position: absolute;
            top: -1px;
            right: -10px;
            width: 0;
            height: 0;
            content: '';
            border-width: 18px 0 21px 11px;
            border-style: solid;
            border-color: transparent transparent transparent #dddddd;
            border-radius: 4px;
        }
        ol.step li:nth-child(3n) {margin:0 15px 0 0;}
	/*220701削除
		.checkWrap dl.hairyo-terms dd ul li img:nth-child(2), .checkWrap dl.hairyo-terms dd ul li img:nth-child(3) {top: 4em;}
		.checkWrap dl.hairyo-terms dd ul li img:nth-child(2) {left: 25%;}*/
}
@media only screen and (min-width: 1px) and (max-width: 320px){
		body {font-size: 90%;}
		input, textarea, button, select {
			font-size: 88%;
			padding: 8px 10px;
			margin: 0 4px;
			}
        th  {padding: 10px 10px 10px 15px;}
        td {padding: 10px 3%;}
		header h1 {font-size: 105%; letter-spacing: 0; margin-bottom: 20px; padding: 18px 3%;}
        ol.step {margin: 15px 4% 10px 4% ;}
        ol.step li {font-size: 10px; padding: 6px 0px 6px 0px;}
        ol.step li::after {
            right:-13px;
            border-width: 14px 0 14px 14px;
            }   
    		.selectWrap::before {
			width: 20px;
			height: 22px;
			padding: 9px 0 9px 10px;
			top: 1px;
			}
		.send-caution {width: 100% !important;}
	
        /* 出版「払込取扱票」請求フォーム：step③ 必要事項入力画面
        ---------------------------------------------------------- */
        /* -- 3-1「年間購読」申し込みtable -- */
        table.orderyear-warp .selectWrap {width: 49%;}
        table.orderyear-warp .selectWrap::before {
            content: '';
            width: 16px;
            height: 22px;
            padding: 9px 0 9px 10px;
            background-color: #e0e0e0;
            position: absolute;
            top: 1px;
            right: 1px !important;
            z-index: 0;
            pointer-events: none;
        }     
        table.orderyear-warp .selectWrap::after { right: 10px;}
        table.orderyear-warp .selectWrap select {width:97%; font-size: 80%; padding: 8px 0px 8px 6px;}
        div.order-warp .selectWrap {width: 97%; margin-bottom: 5px;}
        div.order-warp input {width: 30%; padding: 6px 10px; }
        table.table_Stystep3-3 td.width_seimei2col_hira input {width: 36%;}
        .shikaku_check label { line-height: 1.8;}
	}