/* @override 
	https://www.tipdip.jp/css/apply.css */

@charset "UTF-8";
/* CSS Document */

.apply {
	padding-bottom:70px;
}

.apply h1 {
	color:#00698C;
	text-align:center;
	font-size:22px;
	margin:25px auto 20px auto;
}
.apply h1 span {
	color:#222;
	font-size:20px;
}
.apply h1 img {
	margin:0 auto;
	width:100%;
	max-width:340px;
	height:auto;
}


/*ウェブ解析士説明追加分*/
.center {
	text-align: center;
}

#cource_explanation {
	margin-bottom: 5em;
}
#cource_explanation h2 {
	text-align: center;
	font-size: 20px;
	margin-top: 3em;
	margin-bottom: 1.5em;
}
#cource_explanation h3 {
	text-align: center;
	font-size: 18px;
	color: #85B200;
	margin-top: 2em;
	margin-bottom: 1.5em;
}
#cource_explanation p {
	line-height: 1.5em;
}

/*ウェブ解析士説明追加分*/

.whatis_waca {
	display: block;
	width:96%;
	max-width: 784px;
	text-align: right;
	padding:0;
	margin:0 auto;
}
.whatis_waca a {
	font-size:16px;
	color:#008C46;
}

.lead {
	text-align:center;
	font-size:15px;
	width:90%;
	margin:25px auto;
	line-height: 1.6;
}

.refine_block {
	width:96%;
	margin:15px auto 15px auto;
	display:table;
	border-collapse: separate;
  	border-spacing: 4px 4px;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

.refine {
	font-size:13px;
	position:relative;
	padding:16px 4px 16px 20px;
	border:solid 3px #CCC;
	border-radius:8px;
	-webkit-border-radius:8px;
    -moz-border-radius:8px;
	display:table-cell;
	vertical-align: middle;
	line-height:1.0;
	width:22%;
	text-align: center;
}

.ref_chkd {
	border:solid 3px #008C46;
	color:#008C46;
}

.refine input[type="radio"] {
	-webkit-appearance: none;
	width:14px;
	height:14px;
	border:1px solid #CCCCCC;
	border-radius:10px;
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
	background:transparent;
	position:absolute;
	top:15px;
	left:7px;
}

.refine input[type="radio"]:checked{
	outline:none;
}

.refine input[type="radio"]:checked:after{
	content:"";
	width:10px;
	height:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
    -moz-border-radius:10px;
	background:#008C46;
	position:absolute;
	top:1px;
	left:1px;
}

.note {
	border:solid 1px #DDD;
	padding:1em 3%;
	width:90%;
	margin:0 auto 20px auto;
}

.no_course p,
.no_match p{
	padding:40px 0;
	text-align:center;
	font-size:16px;
}

.no_match {
	 display:none;
}

ul.course_labels {
	display:none;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

ul.course_list {
	width:96%;
	min-height:380px;
	margin:0 auto;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#form ul.course_list,
#conf ul.course_list {
	border-top:dotted 1px #CCC;
	width:96%;
	min-height:0;
	margin:30px auto 70px auto;
	position:relative;
}

#conf ul.course_list {
	margin:30px auto 30px auto;
}

ul.course_list li {
	position:relative;
	border-bottom:dotted 1px #CCC;
	padding:10px 0;
	display:block;
}

ul.course_list li:before {
	content:"";
	width:100%;
	position:absolute;
	top:-1px;
	border-top:dotted 1px #CCC;
}

ul.course_list li span {
	font-size:15px;
	display:inline-block;
	line-height:1.4em;
	vertical-align:top;
	padding-top:3px;
}

#form ul.course_list li span {
	padding-bottom:6px;
}

ul.course_list li span.date {
	width:auto;
	vertical-align: middle;
}

ul.course_list li span.time {
	width:120px;
	margin:0 20px 0 0;
}

#form ul.course_list li span.datetime {
	padding:4px 0 6px 0;
	text-align:left;
}

ul.course_list li span.title {
	width:auto;
	margin:0 0 0 66px;
	padding-bottom:4px;
	display:block;
}


ul.course_list li span.place {
	color:#999;
	font-size:13px;
	padding-bottom:4px;
	width:150px;
	margin:0 0 0 66px;
}

ul.course_list li span.price {
	color:#999;
	font-size:13px;
	width:66px;
	margin:0 0 0 66px;
	display:block;
}

#form ul.course_list li span.price,
#conf ul.course_list li span.price {
	text-align:left;
	clear:both;
	margin-left:66px;
	width:auto;
	padding-bottom:0;
}

ul.course_list li span.icon_elem,
ul.course_list li span.icon_senior,
ul.course_list li span.icon_open {
	color:#FFF;
	background:#85B200;
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	font-size:13px;
	letter-spacing:0em;
	width:60px;
	padding:8px 0;
	margin:3px 2px 0 0;
	text-align:center;
}

#form ul.course_list li span.icon_elem,
#form ul.course_list li span.icon_senior,
#form ul.course_list li span.icon_open {
	padding:8px 0;
}

ul.course_list li span.icon_senior {
	background:#00468C;
	vertical-align:top;
	padding:8px 0;
}

#form ul.course_list li span.icon_senior {
	padding:8px 0;
}

ul.course_list li span.icon_open {
	background:#EBB000;
}

.btn_area a {
	border:solid 1px #CCC;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding:7px 22px 13px 30px;
	height:16px;
	text-decoration:none;
	font-size:16px;
	color:#666;
	position:absolute;
	right:0;
	bottom:12px;
	background: -webkit-gradient(
		linear
		,left top
		,left bottom
		,from(#FFF)
		,to(#EFEFEF));
	background: -moz-linear-gradient(top, #FFF, #EEE);
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.btn_area a:hover {
	cursor: pointer;
}
.btn_area a:after {
	content:">";
	color:#BBB;
	position:absolute;
	top:8px;
	left:14px;
	font-size:13px;
}

.change_link {
    text-align: right;
    max-width: 1000px;
    width:96%;
    margin: 0 auto 10px;
    font-size: 16px;
}

/*form-------------*/

form {
	clear:both;
}
button:hover {
	cursor: pointer;
}
button.btn_back {
	color:#666;
	background: -webkit-gradient(
		linear
		,left top
		,left bottom
		,from(#FFF)
		,to(#EEE));
	background: -moz-linear-gradient(top, #FFF, #EEE);
	border:solid 1px #CCC;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding:4px 10px 4px 24px;
	position:absolute;
	bottom:-36px;
	left:0;
}

button.btn_back:after {
	content:"<";
	color:#BBB;
	position:absolute;
	top:4px;
	left:9px;
	font-size:11px;
}

.cue {
	width:100%;
	color:#FFF;
	background:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	z-index:1000;
}

.cue p{
	text-align:center;
	padding:4px 0;
}

#thanks {
	display:none;
}

dl.form_items {
	width:100%;
	background:#F0FBFF;
	font-size:1.1em;
	border-bottom: solid 1px #A5CBD8;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

dl.form_items dt {
	color:#00698C;
	padding:6px 0 4px 2%;
	display:block;
	overflow:hidden;
	min-height:20px;
	font-weight:bold;
}

dl.form_items dl.addr_item dt {
	padding:6px 0 0 0;
	font-size:0.9em;
	font-weight:normal;
}

dl.form_items dt.top_line {
	border-top:solid 1px #A5CBD8;
	padding:12px 0 4px 2%;
}

dl.form_items dt span.icon {
	color:#F36;
	background:#FFF;
	font-size:13px;
	font-weight:bold;
	border:solid 2px #F36;
	border-radius:6px;
	-webkit-border-radius:6px;
    -moz-border-radius:6px;
	padding:3px 6px;
	float:left;
	margin:0 6px 3px 0;
}

dl.form_items dt span.labels {
	color:#00698C;
	float:left;
	margin:4px 0 0 0;
}

dl.form_items dd {
	padding-bottom:6px;
	display:block;
	clear:both;
	overflow:hidden;
	padding:0 4% 12px 2%;
	line-height:1.4em;
}

dl.form_items dd span.memo {
	font-size:13px;
}

dl.form_items dd span.memo .textbox {
	width:80%;
}

dl.form_items dl.addr_item dd {
	padding:0 0 4px 0;
}

dl.form_items dd ul li {
	display:inline-block;
	padding-right:20px;
}

.textbox {
	width:100%;
	padding:4px 0;
	box-sizing:border-box;
}

dl.form_items textarea {
	width:100%;
	height:180px;
	line-height:1.4em;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border-radius: 6px;
	margin: 0;
	padding: 0;
	background: -webkit-gradient(
		linear
		,left top
		,left bottom
		,from(#FFF)
		,to(#EEE));
	background: -moz-linear-gradient(top, #FFF, #EEE);
	vertical-align: middle;
	box-sizing: content-box;
	border:none;
}

.cstm_select {
	overflow: hidden;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	border-radius: 6px;
	border:solid 1px #DDD;
	margin-bottom:6px;
}

.cstm_select > select {
	width: 130%;
	padding: 6px 40px 6px 8px;
	font-size: 0.9em;
}

.cstm_select:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1.8em;
	background: url("../images/common/select_arrow.png") center no-repeat #999;
	background-size:100%;
	border-radius: 0 6px 6px 0 / 0 6px 6px 0;
	pointer-events: none;
}

.p-country-name {
	display:none;
}

.err {
	display:block;
	clear:both;
	color:#F36;
}

.privacy {
	clear:both;
	height:250px;
	width:88%;
	max-width:598px;
	padding:20px 4%;
	overflow:scroll;
	border: solid 1px #A5CBD8;
	margin:10px auto 30px auto;
}

.privacy h3 {
	color: #00698C;
	font-weight:bold;
	font-size:120%;
	padding-bottom:8px;
	text-align:center;
}

.privacy h4 {
	color: #00698C;
	font-weight:bold;
	font-size:110%;
	padding-top:8px;
}

.privacy .signiture {
	text-align:right;
	padding-top:20px;
}

.submit {
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	background:#00468C;
	color:#FFFFFF;
	font-size:20px;
	padding:10px 40px;
	text-align:center;
	display: block;
	margin:0 auto;
	text-decoration:none;
	border:none;
}

/*confirm-------------*/

dl.total_fee {
	width:90%;
	max-width:380px;
	margin:30px auto 0 auto;
	border:solid 2px #A5CBD8;
	padding:10px 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

dl.total_fee dt {
	display:inline-block;
	width:40%;
	padding:0 3% 0 0;
	text-align:right;
	font-weight:bold;
	color:#00698C;
}

dl.total_fee dd {
	display:inline-block;
	width:45%;
	text-align:left;
}

.btn_box {
	clear:both;
	padding-top:50px;
	width:90%;
	max-width:300px;
	margin:0 auto 80px auto;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

.btn_revise a {
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	background:#999999;
	color:#FFFFFF;
	font-size:20px;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	float:left;
	width:45%;
}

.btn_submit a {
	border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
	background:#00468C;
	color:#FFFFFF;
	font-size:20px;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	float:right;
	width:45%;
}


/*thanks-------------*/

#comp .lead {
	margin:0 auto 30px auto;
}

.comp_text {
	width:92%;
	max-width:1000px;
	margin:0 auto 50px auto;
}

#comp .to_apply {
	font-size:16px;
	text-align: center;
	width:100%;
}





/*study_group-------------*/


.study_group ul.course_list li span.title{
	margin-left: 0;
}

#form.study_group ul.course_list li span.price,
#conf.study_group ul.course_list li span.price {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
}

.study_group ul.course_list li span.place {
	width: 255px;
	margin-left: 0;
}





/*time_out-------------*/


#wrapper.timeout p.content{
    padding: 50px 0 70px ;
    line-height: 2;
    text-align: center;
}



@media screen and (min-width: 688px) {
.apply h1 {
	font-size:28px;
}

.lead {
	font-size:17px;
	margin:30px auto;
}

.refine_block {
	max-width:800px;
	margin:15px auto 15px auto;
  	border-spacing: 10px 10px;
}

.refine {
	font-size:18px;
	padding:30px 20px 30px 40px;
	border:solid 4px #CCC;
	border-radius:16px;
	-webkit-border-radius:16px;
    -moz-border-radius:16px;
	width:22%;
}

.ref_chkd {
	border:solid 4px #008C46;
}

.refine input[type="radio"] {
	width:20px;
	height:20px;
	border-radius:20px;
	top:30px;
	left:24px;
}

.refine input[type="radio"]:checked{
}

.refine input[type="radio"]:checked:after{
	width:14px;
	height:14px;
	border-radius:14px;
	top:2px;
	left:2px;
}

.note {
	margin:0 auto 25px auto;
}

/*form-------------*/

.cue {
	width:auto;
	position:fixed;
	z-index:1000;
	top:50%;
	right:0;
	padding:8px 4px 8px 16px;
	background:#EFEFEF;
	opacity:1.0;
	box-shadow:0px 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
	border-radius:7px 0 0 7px / 7px 0 0 7px;
	color:#444;
	font-weight:bold;
}

.cue p {
	text-align:left;
	line-height:1.4;
}

dl.form_items {
	width:96%;
	max-width:850px;
	margin:0 auto;
	background:#F0FBFF;
	font-size: 0;
}

dl.form_items dt {
	display:block;
	float:left;
	width:28%;
	clear:both;
	min-height:28px;
	font-size: 14px;
}

dl.form_items dd {
	display:inline-block;
	width:67%;
	background:#FFF;
	padding:11px 1% 11px 2%;
	min-height:28px;
	marin:0;
	font-size: 14px;
}

dl.form_items .lined {
	border-top: solid 1px #A5CBD8;
	padding-top:15px;
}

dl.form_items dl.addr_item dt {
	width:100%;
	min-height:0;
}

dl.form_items dl.addr_item dd {
	width:100%;
}

dl.form_items dl.addr_item dd:last-child {
	padding-bottom:12px;
}

dl.form_items dt span.labels {
	float:right;
	min-width:68%;
	padding-right:7%;
	text-align:center;
}

/*conf-------------*/
#conf dl.form_items dt,
#conf dl.form_items dd {
	min-height:20px;
}

#conf dl.form_items dd.lined {
	padding-top:12px;
}

/*thanks-------------*/

.comp_text {
	text-align:center;
}



/*time_out-------------*/

#wrapper.timeout{
    overflow: hidden;
    position: relative;
    padding-bottom: 0;
    height: 100vh;
}

#wrapper.timeout .main_contents.container{
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

#wrapper.timeout p.content{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    padding-bottom: 437.9px;
    width: 100%;
}

#wrapper.timeout footer{
	position: absolute!important;
}


}

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

ul.course_labels {
	width:1000px;
	margin:0 auto;
	display:table;
}

ul.course_labels li {
	display:table-cell;
	background:#EEE;
	font-size:15px;
	text-align:center;
	padding:10px 0;
}

ul.course_labels li.label_90 {
	width:90px;
}

ul.course_labels li.label_time {
	width:140px;
}

ul.course_labels li.label_title {
	width:320px;
}

ul.course_labels li.label_place {
	width:170px;
}

ul.course_list {
	width:1000px;
}

ul.course_list li:nth-last-child(2) {
	margin-bottom:60px;
}

#form ul.course_list,
#conf ul.course_list {
	width:850px;
	margin:30px auto 100px auto;
}

#conf ul.course_list {
	margin:30px auto 40px auto;
}

ul.course_list li span.icon_elem,
ul.course_list li span.icon_senior,
ul.course_list li span.icon_open {
	font-size:16px;
	letter-spacing:0.1em;
	width:86px;
	padding:8px 0 8px 4px;
	margin:3px 10px 0 0;
}

ul.course_list li span.icon_open {
	letter-spacing:0em;
}

ul.course_list li span.date {
	width:80px;
	text-align:right;
}

ul.course_list li span.time {
	text-align:right;
}

ul.course_list li span.title {
	width:300px;
	margin:0 20px 0 0;
	display:inline-block;
}

ul.course_list li span.place {
	margin:0 10px 0 0;
	text-align:right;
	display:inline-block;
}

ul.course_list li span.price {
	margin:0 100px 0 0;
	text-align:right;
	display:inline-block;
}

#form ul.course_list li span.icon_elem,
#form ul.course_list li span.icon_senior,
#form ul.course_list li span.icon_open {
	padding:8px 0 8px 4px;
}

#form ul.course_list li span.datetime,
#conf ul.course_list li span.datetime {
	padding:3px 20px 6px 10px;
	text-align:right;
}

#form ul.course_list li span.price,
#conf ul.course_list li span.price {
	margin-left:116px;
	width:734px;
	border-top:dotted 1px #CCC;
	padding-top:10px;
	padding-bottom:0;
}

.btn_area a {
	top:13px;
}

.change_link {
    width: 1000px;
}


/*time_out-------------*/

#wrapper.timeout p.content{
    padding-bottom: 239px;
}

}