@charset "utf-8";

.page_title { width: 100%; height: auto; background: linear-gradient(130deg, rgba(194, 217, 78, 0.8), rgba(113, 175, 78, 0.8), rgba(51, 161, 219, 0.8)), url(../../img/obi_002.jpg); background-repeat: no-repeat; background-size: cover; padding: 150px 50px 100px; position: relative;}
.page_title h1{ font-size: 28px; color: #fff; text-align: center; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; padding: 15px; margin-bottom: 15px; border-bottom: 1px solid #fff;}
.page_title h1 span{ display: block; font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;}
.page_title .page_caption{ font-size: 16px; text-align: center; color: #fff;}

#main .inner{max-width: 1100px; margin: 0 auto; padding: 50px; box-sizing: border-box;}
#main .inner .topic_path{clear:both;}
#main .inner .topic_path ul{width:100%;text-align:left;}
#main .inner .topic_path li{font-size:14px;line-height:1.4;font-weight:700;color:#000;vertical-align:top;display:inline-block;}
#main .inner .topic_path li:before{content:">";color:#000;font-weight:400;margin-left:5px;margin-right:5px;}
#main .inner .topic_path li:first-child:before{content:"";margin:0;}
#main .inner .topic_path li a{font-weight:400;color:#3EADBD;;text-decoration:underline;}
#main .inner .topic_path li a:hover{text-decoration:none;}

/*プライバシーポリシー*/
.agree_box .txt {text-align: center;margin-bottom: 10px;}
.agree_box .privacy_box{ text-align: left; margin-bottom: 30px; position: relative; padding: 20px; box-sizing: border-box; background: #fff;}
.agree_box .privacy_box::before { content: ""; position: absolute; bottom: 20px; left: 20px; width: calc(100% - 55px); height: 30px; background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);}
.agree_box .privacy_box .privacy_box_inner{ font-size: 14px; line-height: 1.4; padding: 20px; box-sizing: border-box; height: 300px; overflow-y: auto; background-color: #fff;}
.agree_box .privacy_box .privacy_box_inner p{ margin-bottom: 20px;}
.agree_box .privacy_box .privacy_box_inner p:last-child{ margin-bottom: 0;}
.agree_box .privacy_box .privacy_box_inner dl{ margin-bottom: 15px;}
.agree_box .privacy_box .privacy_box_inner dl dt{ background-color: #fff; font-size: 16px; font-weight: 700; color: var(--skyblue); padding: 0; border-radius: none; margin-bottom: 5px!important;}
.agree_box .privacy_box .privacy_box_inner dl dd{ font-size: 16px; line-height: 1.4; letter-spacing: 0; margin: 0; border-spacing: 0; padding-left: 1.5em; box-sizing: border-box;}
.agree_box .privacy_box .privacy_box_inner dl dd table{ border-collapse: collapse; width: 100%;}
.agree_box .privacy_box .privacy_box_inner dl dd table tr th,
.agree_box .privacy_box .privacy_box_inner dl dd table tr td{ padding: 5px; box-sizing: border-box; border: 1px solid #ccc;}
.agree_box .privacy_box .privacy_box_inner dl dd table tr td a{ color: var(--black);text-decoration: underline;}
.agree_box .privacy_box .privacy_box_inner table{ font-size: 16px!important;}
.agree_box .privacy_box .privacy_box_inner dl.bg_gray{ display: flex;justify-content: center;text-align: center;background: #F2F6F7;padding: 20px;flex-direction: column;}
.agree_box .privacy_box .privacy_box_inner dl.bg_gray dt{ background: none;}
.agree_box .privacy_box .privacy_box_inner dl.bg_gray dd{ padding-left: 0;}
.agree_box .privacy_box .privacy_box_inner dl.bg_gray dd p{ line-height: 1.4;}

@media screen and (max-width:959px) {
}
@media screen and (max-width:767px) {
	.page_title { padding: 60px 20px 40px;}
	.page_title h1{ font-size: 21px; line-height: 1.6;}
	.page_title h1 span{ display: inline-block; margin-right: 10px;}
	.page_title .page_caption{ font-size: 14px; text-align: left; line-height: 1.4;}
	#main .inner{ padding: 20px;}
	/*プライバシーポリシー*/
	.agree_box .txt {text-align: left; font-size: 14px; line-height: 1.4;}
	.agree_box .privacy_box{ margin-bottom: 10px; padding: 0;}
	.agree_box .privacy_box::before { bottom: 0; left: 0; width: calc(100% - 15px); height: 25px;}
	.agree_box .privacy_box .privacy_box_inner dl dt{ font-size: 14px;}
	.agree_box .privacy_box .privacy_box_inner dl dd{ font-size: 14px;}
	.agree_box .privacy_box .privacy_box_inner table{ font-size: 14px!important;}
}
@media screen and (max-width:374px) {
}

input {margin: 0;padding: 0;background: none;border: none;border-radius: 0;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select {-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;border: 0;margin: 0;padding: 0;background: none transparent;vertical-align: middle;font-size: inherit;color: inherit;box-sizing: content-box;}
button{background-color: transparent;outline: none;padding: 0;-webkit-appearance: none;appearance: none;border: none;border-radius: 0;box-sizing: border-box;cursor: pointer;-webkit-transition: .3s;-ms-transition: .3s;transition: .3s;}
fieldset { min-width: 0; margin: 0; border: 0; padding: 0;}

.form_base label {display:inline-block;cursor: pointer}
.form_base table{font-size: 16px;line-height: 1.4;text-align: left;width: 100%;margin: 0 0 20px;border-collapse: collapse;border-spacing: 0;}
.form_base table tr{border-bottom: 1px solid #99bcdb;display: flex;justify-content: flex-start;align-items: flex-start;gap: 40px;}
.form_base table th,
.form_base table td {padding: 30px 0;}
.form_base table td {width: calc(100% - 260px);}
.form_base table th {width: 220px;font-weight: 700;position: relative;text-align: right;}
.form_base table th .required,
.form_base table th .any{padding: 7px 10px;box-sizing: border-box;border-radius: 5px;font-size: 14px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.form_base table th .required{color: #fff;background: #337ab7;}
.form_base table th .any{color: #337ab7;background: #fff;border: 1px solid #337ab7;}
.form_base table th span.en {display: block;font-size: 12px;margin-top: 6px;}

.form_base input[type="text"],
.form_base input[type="password"],
.form_base textarea {-webkit-appearance: none;appearance: none;font-size: 16px;line-height: 1.4;/*width: 60%;*/margin: 4px 0;padding: 10px;border: 1px solid #bbb;box-sizing: border-box;background: #fff;transition: .3s;}
.form_base input[type="text"]:focus,
.form_base input[type="password"]:focus,
.form_base textarea:focus{background-color: #ffc;border: 1px solid #333;}
.form_base input.text_name,
.form_base input.text_zip {width: 120px;}
.form_base textarea {height: 8em;width: 100%;}

.form_base .item_wrap:has(.ck){text-align: center;}
.form_base .item_wrap .ck span:not(.err){font-size:20px;}
.form_base .item_wrap .ck span.err{font-size:16px;padding-left: 0;}
.form_base .item_wrap .ck{position:relative;margin-bottom:10px;}
.form_base .item_wrap .ck input{position:relative;}
.form_base .item_wrap .ck span:not(.err){cursor:pointer;padding-left:40px;position: relative;}
.form_base .item_wrap .ck span:not(.err)::before,.ck span::after{content:"";display:block;position: absolute;}
.form_base .item_wrap .ck span:not(.err)::before{background-color:#fff;border-radius:5px;border:1px solid #bbb;width:20px;height:20px;transform:translateY(-50%);top:50%;left:5px;transition:.3s;}
.form_base .item_wrap .ck span:not(.err)::after{border-bottom: 3px solid #1bd;border-left: 3px solid #1bd;opacity: 0;height: 8px;width: 13px;transform: rotate(-45deg);top: 2px;left: 8px;transition: .3s;}
.form_base .item_wrap .ck input:checked+span::after{opacity:1;transition:.5s;}

.form_base .item_wrap .radio{margin:0;font-weight:400;display:inline-block;}
.form_base .item_wrap .radio input{box-sizing:border-box;position:absolute;}
.form_base .item_wrap .radio span{cursor:pointer;box-sizing:border-box;display:flex;align-items:center;position:relative;flex-wrap:wrap;font-weight:700;margin-right:10px;}
.form_base .item_wrap .radio span::before,tbody tr td .radio span::after{content:"";display:block;border-radius:50%;}
.form_base .item_wrap .radio span::before{border:1px solid #bbb;background:#fff;width:24px;height:24px;margin-right: 10px;transition:.3s;}
.form_base .item_wrap .radio input:checked+span::before{border:1px solid #337ab7;transition:.3s;}
.form_base .item_wrap .radio input:checked+span::after{background:#337ab7;width:14px;height:14px;position:absolute;left:6px;transition:.3s;}

.form_base .text{display: none;}
.form_base .text.other_on{display: block;}

@media screen and (min-width:768px) {
	.form_base input[type="text"]:hover,
	.form_base input[type="password"]:hover,
	.form_base textarea:hover{border: 1px solid #666;}
	.form_base .item_wrap .ck span:not(.err):hover::before{border:1px solid #666;}
	.form_base .item_wrap .radio:hover span::before{border:1px solid #666;background:#fff;width:24px;height:24px;margin-right: 10px;transition:.3s;}
}
@media screen and (max-width:767px) {
	.form_base table tr{flex-wrap: wrap; gap: 0;margin-bottom: 10px;}
	.form_base table th,
	.form_base table td {padding: 0;}
	.form_base table td {width: 100%; padding: 0 0 20px;}
	.form_base table th {width: 100%; text-align: left; padding: 10px 0 10px 64px;}
	.form_base table th br{display: none;}
	.form_base table th .required,
	.form_base table th .any{font-size: 12px; left: 0;}
	.form_base table th span.en {margin-top: 0;}
	.form_base input.text_name,
	.form_base input.text_zip {width: 100%;}

	.form_base .item_wrap .ck span:not(.err){font-size:16px;}
	.form_base .item_wrap .ck{position:relative;margin-bottom:10px;}
	.form_base .item_wrap .ck input{position:relative;}
	.form_base .item_wrap .ck span:not(.err){font-size: 18px;}
	.form_base .kome{font-size: 14px;}
	.form_base .item_wrap .radio span{font-size: 14px;}
	.form_base .item_wrap .radio span::before{width: 16px;height: 16px;margin-right: 5px;}
	.form_base .item_wrap .radio input:checked+span::after{width:10px;height:10px;left:4px;}
}

/* 添付ファイル */
.form_base .in_file_wrap {
	position: relative;
}
.form_base .in_file {
	vertical-align: middle;
	display: inline-block;
	padding: 0 0 5px;
}
.form_base .in_file input {
	display: none;
}
.form_base .in_file input + span {
	vertical-align: middle;
	display: inline-block;
}
.form_base .in_file input + span span {
	vertical-align: middle;
	display: inline-block;
	transition: .3s;
}
.form_base .in_file input + span::before {content:"ファイルを選択";vertical-align: middle;display: inline-block;background: #1BD;margin: 0 10px 0 0;padding: 10px;border-radius: 5px;line-height: 1;transition: .3s;color: #fff;font-size: 14px;font-weight: 600;letter-spacing: 1px;}
.form_base .in_file_clear {
	position: absolute;
	top: 0;
	right: 0;
	appearance: none;
	vertical-align: middle;
	display: inline-block;
	background: #EEE;
	border: 1px solid #AAA;
	padding: 3px 9px;
	border-radius: 3px;
	font-size: 1em;
	line-height: 1;
	cursor: pointer;
	transition: 0.3s;
}
.form_base .in_file.ip_off input + span span{color:#666;}
.form_base .in_file.ip_off input + span span::after {
	content:"選択されていません";
}
.form_base .in_file.ip_off ~ .in_file_clear {
	display: none;
}

.form_base input[type="submit"],
.form_base input[type="button"] {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}

.form_base #put_addr_button1a {background: #1BD;padding: 10px;border-radius: 5px;color: #fff;transition: .3s;font-size: 14px;font-weight: 600;letter-spacing: 1px;}
.form_base .reset,
#return_btn{font-size: 14px;font-weight: bold;color: #000;background-color: #ccc;margin: 0 auto;padding: 10px;border-radius: 4px;display: block;transition: .3s;}
.form_base #to_conf_btn_df1{font-size: 20px;font-weight: bold;color: #000;background-color: #c2d94e;margin: 0 auto 10px;padding: 20px;border-radius: 4px;display: block;transition: .3s;}
@media screen and (min-width: 768px) {
.form_base #put_addr_button1a:hover{color:#1bd;background: #fff;}
.form_base .reset:hover,
#return_btn:hover{background-color: #aaa;}
#to_conf_btn_df1:hover{background-color: #1BD;color: #fff;}
.form_base .in_file:hover input + span span {text-decoration: underline;}
.form_base .in_file:hover input + span::before {color:#1bd;background: #fff;}
.form_base .in_file_clear:hover {color:#000;background: #DDD;border-color:#000;}
}
@media screen and (max-width:767px) {
	.form_base #to_conf_btn_df1{font-size: 18px; padding: 14px 20px;}
}

/* 字数幅 */
.form_base .w8em {width:8em;}
.form_base .w10em {width:10em;}
.form_base .w15em {width:15em;}
.form_base .w20em {width:20em;}

.form_base .w100per {width:100%;}

/* エラー表示 */
.form_base .err{font-size:12px;display:block;color:#FF0000;}

/* ページ上部への表示の場合（ファイル容量） */
.form_base form > .err{line-height: 1.5;padding: 15px;border: 1px solid #F00;margin: 0 0 30px;background: #FFE4E4;border-radius: 5px;}
#subject,
#main .id_personal{padding-bottom: 30px;}
.id_personal .surely {color: #ff0000;font-size: 14px;font-weight: normal;}
.attention {color: #ff0000;}
.transmit {font-size: 16px;line-height: 1.2;padding-bottom: 10px;text-align: center;}
.recap {text-align:center;margin:2em 0;}
.recap > div {margin:0 auto;}
.recap_er_ip {display:none;}
#to_conf_btn,
#submit_btn {font-size: 20px;font-weight: bold;color: #000;background-color: #c2d94e;margin: 0 auto 10px;padding: 20px;border-radius: 4px;display: block;transition: .3s;width: 200px;}
#to_conf_btn:hover,
#submit_btn:hover{background-color: #1BD;color: #fff;}

.form_base #confirm table {font-size: 16px;line-height: 1.4;text-align: left;margin: 0 0 20px;border-collapse: collapse;border-spacing: 0;width: 100%;display: block;}
.form_base #confirm tbody {width: 100%;display: block;}

#thanks p {
	font-size: 1.4em;
	line-height: 1.6;
	padding-bottom: 15px;
	text-align: left;
}
#thanks .proviso {
	color: #666;
}
#thanks dl {
	border-top: 1px dotted #999;
	padding-top: 15px;
	text-align: left;
}
#thanks dt {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
}
#thanks .tel {
	color: #ff0000;
	font-size: 16px;
	font-weight: 700;
}
#thanks dd {
	font-size: 14px;
	line-height: 24px;
}
#thanks dd a {
	color: #000;
}
#thanks dd a:hover {
	text-decoration: none;
}



@media screen and (max-width:767px) {
	/* 字数幅 */
	.form_base .w20em{width:100%;}
	
}