@charset "utf-8";
/* ----------------------------------------------------

★下層ページ共通css
-------------------------------------------------------

build:2014-11
lastupdate:2015-12
version:1.1
author:kh

-------------------------------------------------------


/* ■01.共通動作
--------------------------------------------------- */

/* ■基本レイアウト　テーブル風 */
#formwrap dl.formitem{
	display:table;
	width:100%;
	margin:0 auto;
	padding: 20px 0;
	background-position: left bottom;
    border-bottom: 2px dotted #dcdcdc;
}

#formwrap dl dt.item_name{
	display: table-cell;
	width: 27%;
	vertical-align: middle;
	line-height: 29px;
}
#formwrap dl dd.item_content{
	display: table-cell;
	width: 72%;
}

/* ■共通入力パーツ1：フォームタグ */
input[type=text],
textarea{/*
	background-color: #ececec;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    height: 2em;
    line-height: 2em;
    padding: 1px 0;
    text-indent: 0.35em;
	*/
	background: #ececec;
	border: solid 1px #dcdcdc;
    width: 96%;
	padding: 4px;
}
input[type=text]:focus,
textarea:focus,
select:focus{
	background-color:#e3f7e8!important;
	border:solid 1px #6fe0b7!important;
	transition-duration:0.2s;
	}
input[type=checkbox],
input[type=radio]{
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:120%;
	height:2em;
	vertical-align: middle;
	}
select{ height: 2em; }

input::-webkit-input-placeholder{ color: #8d8d8d!important; }
input:-ms-input-placeholder{ color: #8d8d8d!important; }
input::-moz-placeholder{ color: #8d8d8d!important; }

/* ■共通入力パーツ2：送信ボタン枠 */
ul.sendarea{
	display:table;
	margin:2em auto 60px;
	text-align:center;
	}
ul.sendarea li{
	display:table-cell;
	padding: 10px;
	vertical-align: middle;
	
	}

/* ■共通入力パーツ2-1：送信ボタン cssタイプ */
ul.sendarea.type_css li input{ 
/*
	width: 6em; 
	border-radius: 4px;
	
*/
	
}
input.btn_css_check{ 
    font-size: 13px;
	font-weight: bold;
	padding: 20px;
    width: 250px;
	background: url("/common/img/arrow02.png") , url("/common/img/mainv_bg.gif");
	background-position: right 10px center , 0 0;
	background-repeat: no-repeat;
	background-size: 17px auto , auto;
	border: none;
	border-radius: 3px;
	color: #fff;
    display: block;
    padding: 15px;
}
input.btn_css_reset{
	background: #a0a0a0 url("/common/img/arrow02.png") no-repeat scroll right 10px center / 17px auto;
	border: none;
	border-radius: 3px;
    color: #fff;
    font-size: 13px;
	font-weight: bold;
	padding: 15px;
    width: 250px;
}
input.btn_css_back {
	background: #a0a0a0 url("/common/img/arrow02.png") no-repeat scroll right 10px center / 17px auto;
	border: none;
	border-radius: 3px;
    color: #fff;
    font-size: 13px;
	font-weight: bold;
	padding: 15px;
    width: 250px;
 }
input.btn_css_send { 
	font-size: 13px;
	font-weight: bold;
	padding: 20px;
    width: 250px;
	background: url("/common/img/arrow02.png") , url("/common/img/mainv_bg.gif");
	background-position: right 10px center , 0 0;
	background-repeat: no-repeat;
	background-size: 17px auto , auto;
	border: none;
	border-radius: 3px;
	color: #fff;
    display: block;
    padding: 15px;
}
input.btn_css_reset:hover,
input.btn_css_back:hover{
	opacity: 0.8;
	cursor: pointer;
}
input.btn_css_check:hover,
input.btn_css_send:hover{
	opacity: 0.8;
	cursor: pointer;
}


/* ■共通表示パーツ1：必須マーク */
.hissu > dt:after{
	background: url(/common/img/mainv_bg.gif) repeat;
	border-radius: 2px;
    color: #fff;
    content: "必須";
    font-size: 80%;
    line-height: 23px;
    padding: 0 7px;
	float: left;
	margin-right: 8px;
	margin-top: 3px;
}

/* ■共通表示パーツ2：テーブル内注釈（字下げ有） */
.info_indent{
	margin:0.5em 0 0 1em;
	text-indent:-1em;
	font-size:11px;
	color:#FF0000;
	}

/* --------------------------------------------------- 
 各モジュールパーツ 
--------------------------------------------------- */

/* ■名前 */
.innerlist_name { list-style-type: none; }
.innerlist_name li {
    display: block;
    width: auto;
	overflow: hidden;
}

/* ■カナ */
.innerlist_kana::after {
    clear: both;
    content: "";
    display: block;
}
.innerlist_kana { display: inline-block; }
.innerlist_kana { display: block; }
.innerlist_kana { list-style-type: none; }
.innerlist_kana li {
    display: table;
    float: right;
    width: 47.5%;
}
.innerlist_kana li:first-child { float: left; }
.innerlist_kana li::before {
    content: "メイ：";
    display: table-cell;
    width: 4em;
}
.innerlist_kana li:first-child::before { content: "セイ："; }
.innerlist_kana li input { display: table-cell; }

.name_conf > dt {
    display: inline;
}

/* ■性別 */
.innerlist_radio input{ margin-right: 8px!important; }
.kubun .innerlist_radio > li {
    display: inline-block;
    margin-right: 30px;
    width: 45%;
}

/* 掲載 */
.innerlist_chkbox::after {
	clear: both;
	content: "";
	display: block;
}
.innerlist_chkbox { display: inline-block; }
.innerlist_chkbox { display: block; }
.innerlist_chkbox input{ margin-right: 8px!important; }
.innerlist_chkbox > li {
	display: inline-block;
	margin-right: 30px;
	width: 45%;
	float: left;
}

/* 年間費 */
.innerlist_price li input{ width: 60px; margin-right: 5px; }

/* ■郵便番号 */
.innerlist_addressnumber{ margin-bottom: 10px; }
.innerlist_addressnumber:before{ content:"〒"; }
.innerlist_addressnumber input{ 
	width: 5em; 
	display:inline-block; 
	margin: 0 6px; 
}

/* ■住所 */

.innerlist_address{
	display:table;
	width:100%;
	margin:0;
	margin-bottom: 10px;
}
.innerlist_address.add01{ width: 20em; }
.innerlist_address.add02{ margin-top: 8px; }
.innerlist_address.add02 input{ width: 100%;  }
.innerlist_kana li input{ display:table-cell; }
.innerlist_address.add03 > input{ width: 84%; }
.innerlist_address.add04 > input{ width: 73%; }
	
/* ■TEL */
.innerlist_tel{ display: table; }
.innerlist_tel li{ display: table-cell; }
.innerlist_tel li:before{
	content:"-";
	display:inline-block;
	padding:0 0.5em;
	}
.innerlist_tel li:first-child:before{ content:""; padding: 0; }
.innerlist_tel li input{ width: 4.65em; }

/* ■fax */
.innerlist_fax{ display: table; }
.innerlist_fax li{ display: table-cell; }
.innerlist_fax li:before{
	content:"-";
	display:inline-block;
	padding:0 0.5em;
	}
.innerlist_fax li:first-child:before{ content:""; padding: 0; }
.innerlist_fax li input{ width: 4.65em; }

/* ■生年月日 */
.innerlist_birth{ display: table; }
.innerlist_birth li{ display: table-cell; }
.innerlist_birth li:before{ display:inline-block; }
.innerlist_birth li:after{ margin-right: 15px; }
.innerlist_birth li:first-child:after{ content:"年"; }
.innerlist_birth li:nth-child(2):after{ content:"月"; }
.innerlist_birth li:nth-child(3):after{ content:"日"; }
.innerlist_birth li input{ width: 4.65em; }


/* ■メール */
.innerlist_mail{ margin-bottom: 10px;}
.innerlist_mailc{ margin-top: 10px; }

/* ■ラジオボタン */
.radio_lower:after{content:""; display:block; clear:both;}
.radio_lower{display:inline-block;} 
.radio_lower{display:block;}
.radio_lower p{ 
	width: 65%; 
	display: inline-block;
	float: left;
}
.radio_lower .innerlist_radio { 
	display: inline-block; 
	width: 33%;
	float: right;
}
.radio_lower p input{ width: 80%; margin-right: 8px; }

.radio_lower .innerlist_radio ul:after{content:""; display:block; clear:both;}
.radio_lower .innerlist_radio ul{display:inline-block;} 
.radio_lower .innerlist_radio ul{display:block;}

.radio_lower .innerlist_radio li{ display: inline-block; line-height: 1.5em; float: left; }
.radio_lower .innerlist_radio li:last-child{ margin-left:3em; }
.radio_lower .innerlist_radio li input{
	display: inline-block;
	margin-right: 0.2em;
	height: 2em;
	}
.radio_lower .innerlist_radio .inputsize_ll{ width: 87%; margin-right: 6px; }

/* ■テキストエリア */
.innerlist_textarea{}
.innerlist_textarea textarea{
	height:7em;
	resize: none;  
	font-size: 13px;
}
	



/* ■02.横幅1300px以上（PC用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:1320px) {
/* ▼PC用================================================================== */

.flow_form:after{content:""; display:block; clear:both;}
.flow_form{display:inline-block;} 
.flow_form{display:block;}
.flow_form{ width: 60%; margin: 0 auto; }
.flow_form li{ 
	display: inline-block;
	width: 180px;
	float: left;
	margin-left: 30px;
}
.flow_form li:first-child{ margin-left: 0; }

/* form */

#formwrap dl dd.item_content{　display:table-cell; padding: 3px; }

.form_txt{ text-align: center; }

/* 住所_conf */	
.address_conf dt { display: inline; margin-right: 10px; }
.address_conf dd { display: inline-block; width: auto; }


/* ▲PC用================================================================== */
}


/* ■03.横幅768px以上、1299px以下（Tab用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1319px) {
/* ▼Tab用================================================================= */

.flow_form:after{content:""; display:block; clear:both;}
.flow_form{display:inline-block;} 
.flow_form{display:block;}
.flow_form{ width: 60%; margin: 0 auto; }
.flow_form li{ 
	display: inline-block;
	width: 30%;
	float: left;
	margin-left: 5%;
}
.flow_form li:first-child{ margin-left: 0; }

/* form */

#formwrap dl dd.item_content{　display:table-cell; padding: 3px; }
.form_txt{ text-align: center; }

/* 住所_conf */	
.address_conf dt { display: inline; margin-right: 10px; }
.address_conf dd { display: inline-block; width: auto; }

	ul.sendarea li { 
		width: auto!important; 
		height: auto!important;
		margin-bottom: 10px!important;
		display: block;
		padding: 0!important;
	}
/* ▲Tab用================================================================= */
}


/* ■04.横幅480px以上、767px以下（SP横用）
--------------------------------------------------- */
@media screen and (min-width:480px) and (max-width:767px) {
/* ▼SP横用================================================================ */
	
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
input[type="reset"]{
  border-radius: 0px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
	border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration{
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus{
  outline-offset: -2px;
}	

.flow_form:after{content:""; display:block; clear:both;}
.flow_form{display:inline-block;} 
.flow_form{display:block;}
.flow_form{ width: auto; margin: 0 auto; }
.flow_form li{ 
	display: inline-block;
	width: 30%;
	float: left;
	margin-left: 4.9%;
}
.flow_form li:first-child{ margin-left: 0; }

.hissu dt:after{
	content: "※";
	background: none!important;
	font-size: 80%;
	font-weight: bold;
	padding: 0;
	padding-left:0.2em;
	float: none!important;
	color: #a7547f;
}



input[type=text],
textarea,
select{
	width: 100%;
	height:2em;
	padding:1px 0px;
	text-indent:0.35em;
	line-height:2em;
}
input[type="checkbox"], input[type="radio"] { height: 1.5em!important; }	

input::-webkit-input-placeholder{ color: #adadad!important; }
input:-ms-input-placeholder{ color: #adadad!important; }
input::-moz-placeholder{ color: #adadad!important; }


#formwrap dl{ margin-bottom: 30px; border-bottom: none!important; }
	#formwrap dl dt.item_name{
		color: #a7547f;
		border-bottom: dotted 2px #bb7f9e;
		margin: 0;
		padding: 0;
		margin-bottom: 10px;
		display: block!important;
		float: none;
		width: auto;
	}
	
#formwrap dl dd.item_content{
	width: auto;
	display: block!important;
	float: none;
}

/*性別*/
.sex .innerlist_radio > li {
    display: inline-block;
    width: 47%;
	margin-right: 0!important;
	height: 1.5em;
	line-height: 1.5em;
}

/* 生年月日 */
.innerlist_day input{ width: 22%; }

/* 生年月日 */	

.innerlist_birth { display: block; }
.innerlist_birth li {
	display: inline-block;
	float: left;
}
.innerlist_birth li select { width: auto; }

/* 郵便番号 */
.innerlist_addressnumber input{ width: 25%; }
.innerlist_address input{ margin-left: 0!important; width: 100%!important; }

/* メールアドレス */
.innerlist_mail input{ margin-left: 0!important; width: 100%!important; }
.innerlist_mailc input{ margin-left: 0!important; width: 100%!important; }

/* 卒業年 */
.innerlist_gradu input{ width: 45%; }

/* 最終履歴 */
.radio_lower p {
  	display: block!important;
    float: none!important;
    width: auto!important;
}
.innerlist_radio {
  	display: block!important;
    float: none!important;
    width: auto!important;
}
.innerlist_radio li {
    float: none !important;
    margin-top: 10px;
}

input.btn_css_check_img { height: 43px!important; width: 290px!important; }

/* 住所_conf */	
.address_conf { margin-bottom: 10px!important; }
.address_conf dt { display: inline; margin-right: 10px; }
.address_conf dd { display: inline-block; width: auto; }

/* ボタン */

input.btn_css_check_img,
input.btn_css_reset_img,
input.btn_css_back_img,
input.btn_css_send_img { height: 43px!important; width: 210px!important; }
ul.sendarea li { 
	width: auto!important; 
	height: auto!important;
	margin-bottom: 10px!important;
	display: block;
	padding: 0!important;
 }


/* ▲SP横用================================================================ */
}


/* ■05.横幅479px以下（SP縦用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:479px) {
/* ▼SP縦用================================================================ */
	
	
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
input[type="reset"]{
  border-radius: 0px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
	border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
	width: 250px!important;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration{
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="reset"]::focus{
  outline-offset: -2px;
}	
	
#sample{width:30%; margin:0px auto 0; background-color:#FC6;}

h1 span {
    margin: 0 20px;
    padding: 20px 0 20px 52px;
    width: auto;
 background-size: 37px;
}

h2.atte{ 
	background-position: top center , left bottom 8px; 
	background-size: 22px auto , 5px auto;
}

.atte_img{ margin-top: 30px; }

.flow_form:after{content:""; display:block; clear:both;}
.flow_form{display:inline-block;} 
.flow_form{display:block;}
.flow_form{ width: auto; margin: 0 auto; }
.flow_form li{ 
	display: inline-block;
	width: 30%;
	float: left;
	margin-left: 4.9%;
}
.flow_form li:first-child{ margin-left: 0; }

.hissu dt:after{
	content: "※";
	color: #a7547f;
	background: none!important;
	font-size: 80%;
	font-weight: bold;
	padding: 0;
	padding-left:0.2em;
	float: none!important;
}

input[type=text],
textarea,
select{
	width: 100%;
	height:2em;
	padding:1px 0px;
	text-indent:0.35em;
	line-height:2em;
}
	
input[type="button"],,input[type="text"]input[type="submit"] {
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -webkit-appearance: none;
}
input[type="checkbox"], input[type="radio"] { height: 1.5em!important; }	

input::-webkit-input-placeholder{ color: #adadad!important; }
input:-ms-input-placeholder{ color: #adadad!important; }
input::-moz-placeholder{ color: #adadad!important; }


	#formwrap dl.formitem{  padding: 10px 0; border-bottom: none;  }
#formwrap dl dt.item_name{
	color: #a7547f;
	border-bottom: dotted 2px #bb7f9e;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	display: block!important;
	float: none;
	width: auto;
}

#formwrap dl dd.item_content{
	width: auto;
	display: block!important;
	float: none;
}

/*性別*/
.sex .innerlist_radio > li {
    display: inline-block;
    width: 47%;
	margin-right: 0!important;
	height: 1.5em;
	line-height: 1.5em;
}


/* 生年月日 */
.innerlist_day li{ margin-right: 0; }
.innerlist_day input{ width: 20%; }

/* 生年月日 */	

.innerlist_birth { display: block; }
.innerlist_birth li {
	display: inline-block;
	float: left;
}
.innerlist_birth li select { width: auto; }

/* 郵便番号 */
.innerlist_addressnumber input{ width: 25%; }
.innerlist_address input{ margin-left: 0!important; width: 100%!important; }

/* メールアドレス */
.innerlist_mail input{ margin-left: 0!important; width: 100%!important; }
.innerlist_mailc input{ margin-left: 0!important; width: 100%!important; }

/* 卒業年 */
.innerlist_gradu input{ width: 45%; }

/* 最終履歴 */
.radio_lower p {
  	display: block!important;
    float: none!important;
    width: auto!important;
}
.radio_lower .innerlist_radio {
  	display: block!important;
    float: none!important;
    width: auto!important;
}
.radio_lower .innerlist_radio li {
    float: none !important;
    margin-top: 10px;
}

/* ボタン */

input.btn_css_check_img,
input.btn_css_reset_img,
input.btn_css_back_img,
input.btn_css_send_img { height: 60px!important; width: 287px!important; }
ul.sendarea li { 
	width: auto!important; 
	height: auto!important;
	margin-bottom: 10px!important;
	display: block!important;
	padding: 0 !important;
	border-radius: 4px!important;
 }


/* 住所_conf */	
.address_conf { margin-bottom: 10px!important; }
.address_conf dt { display: inline; margin-right: 10px; }
.address_conf dd { display: inline-block; width: auto; }

/* ▲SP縦用================================================================ */
}

@media screen and (min-width:400px) {

/* --------------------------------------------------- 
■固定サイズ用（PC　TAB）400px以上に対応
--------------------------------------------------- */

/* --------------------------------------------------- 
 共通レイアウト 
--------------------------------------------------- */


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

/* 送信ボタン cssタイプ */
.sendarea tr td{
	text-align:center;
	}


select{
height:1.8em;
	}

}

@media screen and (max-width:619px) {
/* ■変動サイズ用（SP）
--------------------------------------------------- */
/* 必須マーク */