@charset 'UTF-8';

.main {
	position:relative;
}

.main .inner {
	max-width:1400px;
	margin:0 auto 185px;
	padding:35px 0 0;
}

.main .breadcrumb {
	letter-spacing:-0.5em;
}

.main .breadcrumb li {
	display:inline-block;
	margin:0 5px 0 0;
	font-size:120%;
	letter-spacing:0;
	vertical-align:top;
}

.main .breadcrumb li a {
	margin:0 5px 0 0;
	color:#2398a7;
	text-decoration:underline;
}

.main .breadcrumb li:first-child a {
	padding:0 0 0 18px;
	background:url(/common/img/ico_bread.png) no-repeat left center;
}

.main .sns01 {
	position:fixed;
	top:120px;
	right:35px;
	z-index:9999;
}

.main .sns02 {
	position:fixed;
	top:182px;
	right:35px;
	z-index:9999;
}

.main .sns03 {
	position:fixed;
	top:244px;
	right:35px;
	z-index:9999;
}

.main h2 {
	padding:50px 0 0;
	font-size:500%;
	font-weight:400;
}

.main h2 span {
	margin:0 0 0 10px;
	font-size:40%;
	vertical-align:baseline;
}



.main .ctBox {
	max-width:850px;
	margin:100px auto 0;
	padding:25px;
	box-sizing:border-box;
}

.main .ctBox .entry {
	letter-spacing:-0.5em;
}

.main.confirm .ctBox .entry {
	max-width:580px;
	margin:0 auto;
}

.main .ctBox .entry dt {
	position:relative;
	display:inline-block;
	width:180px;
	margin:0 28px 12px 14px;
	padding:5px 0;
	font-size:160%;
	letter-spacing:0;
	vertical-align:top;
}

.main.confirm .ctBox .entry dt {
	margin:0 28px 12px 0;
}

.main .ctBox .entry dt span {
	position:absolute;
	top:7px;
	right:0;
	color:#fff;
	width:37px;
	font-size:75%;
	line-height:1.59;
	text-align:center;
	background:#40bdcd;
}

.main .ctBox .err {
	margin:-20px 0 20px;
	color:#f00;
	text-align:center;
}

.main .ctBox .entry .err {
	max-width:556px;
	margin:0 0 20px auto;
	letter-spacing:0;
	text-align:left;
}

.main .ctBox .entry dd {
	display:inline-block;
	width:100%;
	max-width:556px;
	margin:0 0 12px;
	letter-spacing:0;
	vertical-align:top;
}

.main.confirm .ctBox .entry dd {
	max-width:355px;
	margin:17px 0;
	font-size:160%;
}

.main .ctBox .entry dd input ,
.main .ctBox .entry dd textarea ,
.main .ctBox .entry dd select {
	color:#666;
	font-size:160%;
	line-height:1.4em;
	border:1px solid #bbb;
	border-radius:4px;
}

.main .ctBox .entry dd ::-webkit-input-placeholder {
	color:#ccc;
}

.main .ctBox .entry dd input[type="text"] ,
.main .ctBox .entry dd textarea {
	width:100%;
	padding:17px;
	box-sizing:border-box;
}

.main .ctBox .entry dd select {
	position:relative;
	width:282px;
	padding:17px;
	color:#333;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	background:none;
	z-index:1;
}

.main .ctBox .entry dd .select-group {
	position:relative;
	display:inline-block;
}

.main .ctBox .entry dd .select-group:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:1px;
	width:58px;
	height:100%;
	background:#cccccc url(/contact/img/ico_arw_01.gif) no-repeat center center;
	border-radius:0 4px 4px 0;
	z-index:0;
}

.main .ctBox .entry dd textarea {
	min-height:142px;
}

.main .ctBox .iframe {
	height:230px;
	margin:55px 0 0;
	padding:20px;
	overflow-y:scroll;
	border:1px solid #ccc;
	box-sizing:border-box;
}

.main .ctBox .iframe dt {
	margin:0 0 3px;
	font-size:140%;
	font-weight:bold;
}

.main .ctBox .iframe dd ,
.main .ctBox p {
	margin:0 0 20px;
	font-size:140%;
	line-height:1.86;
}

.main .ctBox .iframe dd {
	margin:0 0 20px 1.6em;
	font-size:140%;
	line-height:1.86;
}

.main .ctBox .privacy {
	margin:22px 0 35px;
	text-align:center;
}

.main .ctBox .privacy input {
	-webkit-appearance:checkbox;
	-moz-appearance:checkbox;
	appearance:checkbox;
}

.main .ctBox .submit-button {
	text-align:center;
}

.main.confirm .ctBox .submit-button {
	padding:30px 0 0;
}

.main .ctBox input[type="submit"] {
	width:264px;
	margin:0 auto;
	-webkit-appearance:button;
	background:#40bdcd;
	border:0;
	color:#fff;
	cursor:pointer;
	font-size:260%;
	padding:17px 0;
	text-transform:uppercase;
	border-radius:4px;
}

.main .ctBox input[type="submit"]:hover {
	opacity:0.7;
}

.main.confirm .ctBox input[type="submit"] {
	margin:20px 15px 20px 0;
}

.main.confirm .ctBox input[type="button"] {
	width:264px;
	margin:20px 0 20px 15px;
	-webkit-appearance:button;
	background:#ccc;
	border:0;
	color:#fff;
	cursor:pointer;
	font-size:260%;
	padding:17px 0;
	text-transform:uppercase;
	border-radius:4px;
}

.main.confirm .ctBox input[type="button"]:hover {
	opacity:0.7;
}

.main .ctBox .txtBox {
	text-align:center;
}

.main .ctBox .btn {
	width:165px;
	margin:15px auto 0;
	line-height:1.72;
}

.main .ctBox .btn a {
	display:block;
	padding:0 0 0 17px;
	color:#fff;
	text-align:center;
	background:#40bdcd url(/common/img/ico_arw_02.png) no-repeat 4px center;
	background-size:17px auto;
	border-radius:12px;
}


@media screen and (max-width: 1400px) {
	
.main .breadcrumb {
	padding:0 30px;
}

.main h2 {
	padding:50px 30px 0;
}

.main .ctBox {
	padding:25px 30px;
}

}


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

.main {
	position:relative;
}

.main .inner {
	max-width:inherit;
	margin:0 auto;
	padding:5% 0 20%;
}

.main h2 {
	margin:0 4.68%;
	padding:0;
	font-size:210%;
	font-weight:400;
}

.main h2 span {
	margin:0 0 0 5px;
	font-size:48%;
	vertical-align:baseline;
}


.main .ctBox {
	width:85.9375%;
	margin:0 auto;
	padding:4% 0 6%;
	box-sizing:border-box;
}

.main .ctBox .entry {
	letter-spacing:-0.5em;
}

.main .ctBox .entry dt {
	position:relative;
	display:inline-block;
	width:180px;
	margin:0 0 1%;
	padding:0;
	font-size:100%;
	letter-spacing:0;
	vertical-align:top;
}

.main .ctBox .entry dt span {
	position:static;
	display:inline-block;
	color:#fff;
	width:28px;
	margin:0 0 0 5px;
	font-size:100%;
	line-height:1.59;
	text-align:center;
	background:#40bdcd;
}

.main .ctBox .entry dd {
	display:inline-block;
	width:100%;
	max-width:inherit;
	margin:0 0 12px;
	letter-spacing:0;
	vertical-align:top;
}

.main.confirm .ctBox .entry dd {
	margin:0 0 30px;
	font-size:120%;
}

.main .ctBox .entry dd input ,
.main .ctBox .entry dd textarea ,
.main .ctBox .entry dd select {
	color:#666;
	font-size:120%;
	line-height:1.4em;
	border:1px solid #bbb;
	border-radius:2px;
}

.main .ctBox .entry dd ::-webkit-input-placeholder {
	color:#ccc;
}

.main .ctBox .entry dd input[type="text"] ,
.main .ctBox .entry dd textarea {
	width:100%;
	padding:10px;
	box-sizing:border-box;
}

.main .ctBox .entry dd select {
	width:200px;
	padding:10px;
	color:#333;
}

.main .ctBox .entry dd .select-group:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:1px;
	width:34px;
	height:100%;
	background:#cccccc url(/contact/img/ico_arw_01.gif) no-repeat center center;
	background-size:6px auto;
	border-radius:0 2px 2px 0;
	z-index:0;
}

.main .ctBox .entry dd textarea {
	min-height:102px;
}

.main .ctBox .iframe {
	height:115px;
	margin:3% 0 0;
	padding:10px;
	overflow-y:scroll;
	border:1px solid #ccc;
	box-sizing:border-box;
}

.main .ctBox .iframe dt {
	margin:0 0 3px;
	font-size:100%;
	font-weight:bold;
}

.main .ctBox .iframe dd ,
.main .ctBox p {
	margin:0 0 20px;
	font-size:100%;
	line-height:1.8;
}

.main .ctBox .iframe dd {
	margin:0 0 20px 1.6em;
	font-size:100%;
	line-height:1.8;
}

.main .ctBox .privacy {
	margin:6% 0 10%;
	font-size:120%;
	line-height:1.59;
	text-align:center;
}

.main .ctBox .privacy a {
	text-decoration:underline;
}

.main .ctBox .submit-button {
	text-align:center;
}

.main.confirm .ctBox .submit-button {
	padding:15px 0 0;
}

.main .ctBox input[type="submit"] {
	width:152px;
	margin:0 auto;
	-webkit-appearance:button;
	background:#40bdcd;
	border:0;
	color:#fff;
	cursor:pointer;
	font-size:150%;
	padding:10px 0;
	text-transform:uppercase;
	border-radius:2px;
}

.main .ctBox input[type="submit"]:hover {
	opacity:1;
}

.main.confirm .ctBox input[type="submit"] {
	width:125px;
	margin:0 10px 0 0;
}

.main.confirm .ctBox input[type="button"] {
	width:125px;
	margin:0 0 0 10px;
	-webkit-appearance:button;
	background:#ccc;
	border:0;
	color:#fff;
	cursor:pointer;
	font-size:150%;
	padding:10px 0;
	text-transform:uppercase;
	border-radius:2px;
}

.main.confirm .ctBox input[type="button"]:hover {
	opacity:1;
}

.main .ctBox .txtBox {
	padding:30px 0 0;
}

.main .ctBox .btn {
	width:148px;
	margin:0 auto;
	padding:10px 0 0;
	line-height:1.72;
}

.main .ctBox .btn a {
	display:block;
	padding:3px 0 3px 17px;
	color:#fff;
	text-align:center;
	background:#40bdcd url(/common/img/ico_arw_02.png) no-repeat 4px center;
	background-size:17px auto;
	border-radius:12px;
}

}
