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

  ZeroMail

  -org_custom：iframe専用補足用css
  
////////////////////////////////////////////////////*/




/* 基本：
-------------------------------------------- */

body {
	/*font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;*/
	/*font-family: "Times New Roman", Times, "ヒラギノ明朝 ProN W3", "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;*/
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", source-han-sans-japanese, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 1.0rem;
    font-weight: 200;
    letter-spacing: .02em;
    line-height: 1.8;
    color: #666;
	/*background-color: rgba(255,255,255,0);*/
	}


/* 内容部分全体：wrap・container
-------------------------------------------- */

div#container {
	}
input,
button,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
	}


/* コンテンツ：contents
---------------------------------------------------- */

#contents {
	}

.zeromail .small {
	display: block;
	margin-bottom: 6px;
	}


/* dl（ow）
--------------------------------------------------*/
.zeromail dl {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #cdd8eb;
	min-height: 111px;
	}
.zeromail dt {
	margin: 42px 0 0;

	padding-right: 3.57143vw;
	width: 18.57143vw;
	min-width: 158px;
	}
.zeromail dd {
    /*padding: 0.8em 2%;*/

	position: relative;
	padding: 30px 0;
	width: 100%;
	flex-shrink: 1;
	}
.zeromail input[type=text],
.zeromail [type=password],
.zeromail select,
.zeromail textarea {
	padding-left: 23px;
	border: 1px solid #e9e5df;
	border-radius: 3px;
	width: 100%;
	transition: background-color .6s cubic-bezier(.25,.46,.45,.94);
	letter-spacing: .05em;
	color: #7a7a7a;
	font-size: 16px;
	line-height: 1;
	}
.zeromail input[type=text] {
	height: 50px;
	}
.zeromail textarea {
	padding-top: 20px;
	height: 250px;
	}
.zeromail input[type=text]:placeholder-shown,
.zeromail textarea:placeholder-shown {
	transition: background-color .6s cubic-bezier(.25,.46,.45,.94);
	/*background-color: #fbf9f2;*/
	background-color: #f7fbf2;
	}
.zeromail input[type=text]:focus:placeholder-shown,
.zeromail input[type=text]:not(:placeholder-shown),
.zeromail textarea:focus:placeholder-shown,
.zeromail textarea:not(:placeholder-shown) {
	transition: background-color .6s cubic-bezier(.25, .46, .45, .94);
	background-color:#fff
	}
.zeromail #timetxt {
	width: 50%;
	}

.zeromail tbody dt {/*項目タイトル*/
	background-color: transparent;
	vertical-align: top;
	text-align: left;
    font-weight: bold;
    font-size: 0.9em;
	}


/* Table（ow）
--------------------------------------------------*/
.zeromail table,
.zeromail th,
.zeromail td {
	border: none;
	}
.zeromail table {
    margin: 10px 0 40px ;
	/*border: solid 1px #cdd8eb;*/
	}
.zeromail th {
	}
.zeromail td {
    padding: 0.8em 2%;
	}
.zeromail tr {
	border-top: 1px solid #cdd8eb;
	}
.zeromail__ [type=text],
.zeromail__ [type=password],
.zeromail__ textarea {
	width: 100%;
	height: 50px;
	padding: 0 0 0 14px;
	box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
    font-size: 1.2em;
	}
.zeromail__ #timetxt {
	width: 50%;
	}

.zeromail tbody th {/*項目タイトル*/
	background-color: transparent;
	vertical-align: top;
	text-align: left;
    font-weight: bold;
    font-size: 0.9em;
	}


/* Form
--------------------------------------------------*/

.zeromail .button button {
    min-width: 140px;
    /*width: 270px;*/
	}

.zeromail button[type],
.zeromail button[id] {
    width: 200px;
    margin: 0 5px;
    /*padding: 0 5px;*/
    padding: 30px 0;
    border: solid 2px;
    border-color: transparent;
    background-color: #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    line-height: 1.4;
	font-size: 1em;
    cursor: pointer;
	}

.zeromail button[id=submit] {
    width: 270px;
	margin-bottom: 8px;
	position: relative;
    border-color: transparent;
    background-color: #AABCE8;
    /*padding: 30px 0;*/
	/*font-size: 1em;*/
    color: #ffffff;
	transition: all 200ms ease;
	}
.zeromail button[id=submit]:hover {
    border-color:#C4E0F0 #8DC5E2 #8FBEE0 #C4E0F0;
    background-color:#c4d1f3;
}
.zeromail button[id=submit]:after {
	content: ">";
	margin: auto;
	height: 24px;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	font-weight: normal;
	}

/* 確認 */

#completion .button {
	text-align: center;
	}
#completion .button a {
	text-decoration: none;
	}

/* 完了 */

.zeromail span.confirm {
    border: none;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #D9F4C4;
	}


/* nav tree
--------------------------------------------------*/

#navTree {
	margin: 0 0 40px;
	/*width: 96.6%;*/
	/*width: calc(100% - 19px);*/
	width: calc(100% - 24px);
	display: table;
	table-layout: fixed;
	}
#navTree li {
	display: table-cell;
	color: #000;
	font-size: 108%;
	padding: 16px;
	text-decoration: none;
	/*background: #C5DAFB;*/
	background: #d9f4e2;
	position: relative;
	text-align: center;
	}
#navTree li.current {
	/*background: #aabce8;*/
	background: #ace0a4;
	color: #fff;
	}
#navTree li:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -8px;
	right: -24px;
	border-top: 39px solid transparent;
	border-bottom: 39px solid transparent;
	border-left: 24px solid white;
	z-index: 1;
	}
#navTree li.current:after {
	/*border-left: 19px solid #aabce8;*/
	border-left: 19px solid #ace0a4;
	}
#navTree li:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: -19px;
	border-top: 31px solid transparent;
	border-bottom: 31px solid transparent;
	/*border-left: 19px solid #C5DAFB;*/
	border-left: 19px solid #d9f4e2;
	z-index: 2;
	}





/* 枠：各パーツ
---------------------------------------------------- */


/* 必須 */
/*.require {color: #CC0000;}*/

/* １段階小さい文字 */
/*.small {font-size:85%;}*/

/* ボタンの親 */
.button {
	/*text-align: right;*/
}

fieldset {
	/*margin-bottom: 4px;*/
	/*letter-spacing: 1px;*/
	}



/* 枠：フォーム【入力】：cont_form
---------------------------------------------------- */

/*---- 枠：フォーム ----*/
.sec_form {
	/*position:relative;*/
	}
	


/* 枠：フォーム【確認】：cont_form-check
---------------------------------------------------- */	
	
div#cont_form-check {
	/*width: 480px;*/
	/*margin: 0 auto 200px;*/
	}
	
/*---- 枠：フォーム ----*/

fieldset.f_check {
	}
fieldset.f_check p {
	}
fieldset.f_check em.label {
	}
fieldset.f_check em.label:after {
	}
fieldset.f_check dl dd{
	}



/*---- 枠：copyright ----*/

.wtn_copyright {
	}
.wtn_copyright a{
	}



/* 枠：フォーム【エラー】：cont_form-error
---------------------------------------------------- */	
	
div#cont_form-error {
	/*width: 480px;*/
	/*margin: 0 auto;*/
	}



/* 送信完了(completion.html)
--------------------------------------------------*/
#completion .success {
	margin:1.5em 50px;
	}



/* 枠：Button
--------------------------------------------------*/
.sec_form .button {
}

.sec_form .button button {
}



/* 枠：メッセージ表示
---------------------------------------------------- */	
	
.sec_form strong.error {/*入力エラー*/
	}

.message {/* Message()のメッセージ */
	margin: 0 0 38px;
	}

.sec_form span.error{/*エラー*/
	}

.sec_form span.confirm{/*エラーなし*/
	}



/* fx
-------------------------------------------- */	

.dispNone {
    display: none !important;
	}


/*@media screen and (max-width: 479px) {*/ /* ヨコ479px以下 */ 
@media screen and (max-width: 640px) { /* ヨコ640px以下 */ 


.zeromail dl {
	display: block;
	}
.zeromail dt {
	margin: 4.27vw 0 0;
	padding-right: 0;
	width: 100%;
	/*font-size: 3.46667vw;*/
	font-size: 3.7vw;
	}
.zeromail dd {
	padding: 4.66667vw 0 5.33333vw;
	}

.zeromail input[type=text],
.zeromail select,
.zeromail textarea {
	padding-left: 5.6vw;
	/*font-size: 3.73333vw;*/
	font-size: 4.0vw;
	}
.zeromail input[type=text] {
	/*height: 14.13333vw;*/
	height: 14.13333vw;
	}
.zeromail textarea {
	/*height: 38.13333vw;*/
	height: 38.13333vw;
	}


}