@charset "UTF-8";
/*----------------------- page 共通 ---------------------------*/
section{
    font-family:'Lora', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, serif;
	position: relative;
    width: 100%;
	max-width: 1100px;
	margin: 0 auto 160px}
h2{
	display: inline-block;
	font-size: 40px;
	line-height: 1.4;
    webkit-font-smoothing: antialiased; /* フォントを細めに */
    -moz-osx-font-smoothing: grayscale; /* フォントを細めに */
	border-bottom: 4px solid #000
}
h3{
	font-size: 20px;
	line-height: 1;
    margin-bottom: 40px}
.sp{display: none}
@media only screen and (max-width: 767px) {
    .sp{display: block}
    .pc{display: none}
	section{margin-bottom: 120px}
	h2{font-size: 28px}
	h3{margin-bottom: 20px;}
}

/*----------------------- contact  ---------------------------*/
.contact_head{
    display: none;
    text-align: center;
    margin-bottom: 80px;
    letter-spacing: 0}
.contact .contact_head{
    display: block}
.contact_lead{
	margin-bottom: 80px}
.contact_tel{
	margin-bottom: 30px;
	display: inline-block;
	font-size: 24px;
	line-height: 1.4;
	letter-spacing: 0.06em;
	font-weight: bold;
	border-bottom: 2px solid #000}
@media only screen and (max-width: 767px) {
	.contact_head{
        letter-spacing:.02em;
        width: 76%;
        margin: 50px auto}
    .contact_lead{margin-bottom: 50px}
	.contact_tel{letter-spacing: 0}
}
/* フォーム */
.contact_wrap{
    text-align: center;
	box-sizing: border-box;
    width:90%;
	max-width: 1040px;
	margin: 0 auto;
	border: 2px solid #000;
	background: #f2f2f2;
	padding:80px 100px}
.cntact .confirm_h3,
.contact_note{display: none}
.confirm .confirm_h3{display: inline}
.contact .contact_note{
	display: inline-block;
	font-size: 14px;
	line-height: 1.5;
	border-bottom: 1px solid #000;
	margin-bottom: 80px}
dl{
	text-align: left;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between}
dt{
	width: 25%;
	font-size: 16px;
	line-height: 1;
	padding-top:18px;
	box-sizing: border-box;
	margin-bottom: 10px}
dt.method{padding-top:10px}
dd{
	width: 75%;
	font-size: 16px;
	box-sizing: border-box;
	margin-bottom: 40px}
@media only screen and (max-width: 767px) {
	.contact_wrap{
        border: 1px solid #000;
		padding:30px 20px}
    .contact .contact_note{margin-bottom:60px}
	dl{display: block}
	dt,dd{width: 100%}
    dt{padding-top: 0}
    dd{margin-bottom: 25px}
}

/* 　 form　 */
.reqd{
	display: inline-block;
	vertical-align:middle;
	margin:-5px 0 0 10px;
	font-size: 12px}
#zip,
input[type=text],
input[type=email]{
   background: #fff;
	font-size: 16px;
   width:100%;
	min-height:50px;
   padding:15px;
	box-sizing: border-box;
	border: none;
	outline: none}
.radio{
	height:90px;
	padding-top:30px;}
.txtarea{min-height: 120px}
textarea{
	background: #fff;
	font-size: 16px;
	width:100%;
	min-height: 90px;
	padding:20px;
	box-sizing: border-box;
	font-size: 18px;
	vertical-align: middle;
	border: none;
	outline: none}
@media only screen and (max-width: 767px) {
    .txtarea{min-height: 200px}
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="reset"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
    font-family:'Lora', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, serif;
}
input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="reset"]::focus {
  outline-offset: -2px;
}
/* ラジオボタン調整 */
.mwform-radio-field-text{padding-right:30px}
/*  リセットボタン */
.reset-button{display: none}
.contact .reset-button{
    display: inline-block;
	margin-right:30px;
	position: relative}
input[type="reset"]{
	cursor:pointer;
	border: 1px solid #000;
    background: #fff;
	color:#000;
	width: 280px;
	height: 66px;
	font-size: 16px;
	line-height: 66px;
	box-sizing: border-box}
input[type="reset"]:hover {
	background: #fefefe;
	filter: alpha(opacity=70);opacity:0.7;}
/* リセット　矢印（ → ） */
.reset-button::before {
	background-color: #000;
	content: "";
	height: 1px;
	position: absolute;
	bottom: 30px;
	right: 0px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: all ease-in-out 0.4s;
	width: 30px;
	z-index: 2;}
.reset-button::after {
	border-top: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 5px solid #000;
	content: "";
	position: absolute;
	bottom: 28px;
	right: 10px;
	transition: all ease-in-out 0.4s;}
/*  サブミットボタン */
.submit-button,
input[type="submit"]{
    position: relative;
    display: inline-block}
input[type="submit"]{
	cursor:pointer;
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
	width: 280px;
	height: 66px;
	font-size: 16px;
	line-height: 66px;
	box-sizing: border-box}
input[type="submit"]:hover {
	filter: alpha(opacity=70);opacity:0.7;}
/* サブミット　矢印（ → ） */
.submit-button::before {
	background-color: #fff;
	content: "";
	height: 1px;
	position: absolute;
	bottom: 30px;
	right: 0px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: all ease-in-out 0.4s;
	width: 30px;
	z-index: 2;}
.submit-button::after {
	border-top: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 5px solid #fff;
	content: "";
	position: absolute;
	bottom: 28px;
	right: 10px;
	transition: all ease-in-out 0.4s;}

@media only screen and (max-width: 767px) {
	.reset-button,
	.submit-button{display: block;margin:0 0 20px 0}
	input[type="reset"],
	input[type="submit"]{width: 100%}
}
/*----------------------- confirm  ---------------------------*/
.confirm dl{
	padding-bottom:40px;
	margin-bottom:40px;}
.confirm dt{
	font-size: 16px;
	padding-top:5px;
	color: #666;}
.confirm dd{
	min-height: 18px}
.confirm .radio{
	height:auto;
	padding-top:0;}
/*----------------------- Fin  ---------------------------*/
.fin{text-align: center}
.fin h3{
    font-size: 20px;
    margin-bottom: 80px
}
.fin .contact_tel{margin-top:60px}
/* 矢印ボタン（ → ） */
.bt_top {
    margin-top: 40px;
    position: relative;
    display: inline-block;
    cursor:pointer;
	background-color: #000;
    color:#fff;
	border: 1px solid #000;
	color: #fff;
	width: 280px;
	height: 66px;
	font-size: 16px;
	line-height: 66px;
	box-sizing: border-box}
.bt_top a{color: #fff;}
.bt_top:hover {
	background: #fefefe;
	filter: alpha(opacity=70);opacity:0.7;}
.bt_top:before {
	background-color: #fff;
	content: "";
	height: 1px;
	position: absolute;
	bottom: 30px;
	right: 0px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: all ease-in-out 0.4s;
	width: 30px;
	z-index: 2;}
.bt_top:after {
	border-top: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 5px solid #fff;
	content: "";
	position: absolute;
	bottom: 28px;
	right: 10px;
	transition: all ease-in-out 0.4s;}


