@charset "UTF-8";
/*=============================================================
request カタログ請求
=============================================================*/
#mainimg {
	background-image: url("../img/recruit/bg_mainimg01_sp.jpg");
}
#mainimg .en {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#mainimg .ja {
	top: calc(50% + 36px);
	line-height: 1.56;
}

@media screen and (min-width: 600px) {
#mainimg {
	background-image: url("../img/recruit/bg_mainimg01_pc.jpg");
}
#mainimg .en {
	-webkit-transform: translate(-50%, 7%);
	transform: translate(-50%, 7%);
}
#mainimg .ja {
	top: calc(50% + 114px);
}
}
/*! #request .requestCatalog
============================================ */
.reserve2Cont .head {
	padding: 35px 0 18px;
	text-align: center;
}
.reserve2Cont .head .en {
	margin-bottom: 3px;
	font-size: 38.4px;
	font-size: 2.4rem;
}
.reserve2Cont .head .ja {
	font-size: 22.4px;
	font-size: 1.4rem;
	letter-spacing: .075em;
}
.reserve2Cont .placeList {
	padding: 0 15px;
}
.reserve2Cont .placeList .item {
	margin-bottom: 30px;
	padding-left: 75px;
}
.reserve2Cont .placeList .item:nth-child(1) {
	background: url(../img/reserve2/pic_place01.png) no-repeat left top;
	background-size: 60px auto;
}
.reserve2Cont .placeList .item:nth-child(2) {
	background: url(../img/reserve2/pic_place02.png) no-repeat left top;
	background-size: 60px auto;
}
.reserve2Cont .placeList .itemTit .en {
	margin-bottom: 5px;
	font-size: 27.2px;
	font-size: 1.7rem;
	letter-spacing: .075em;
}
.reserve2Cont .placeList .itemTit .ja {
	margin-bottom: 10px;
	color: #a7a8a9;
	font-size: 17.6px;
	font-size: 1.1rem;
}
.reserve2Cont .placeList .item .address {
	font-size: 19.2px;
	font-size: 1.2rem;
	line-height: 2;
}
.reserve2Cont .intro {
	padding: 30px 25px;
	font-size: 19.2px;
	font-size: 1.2rem;
	line-height: 2;
	border-top: 0px solid #ccc9c8;
}
.reserve2Cont .byTelTit, .reserve2Cont .byFormTit {
	margin-bottom: 18px;
	font-size: 24px;
	font-size: 1.5rem;
	text-align: center;
	text-decoration: underline;
}
.reserve2Cont .byTel {
	padding: 0 15px;
}
.reserve2Cont .byTel .tel {
	margin-bottom: 15px;
	text-align: center;
	background: #f4f5f7;
	border: 1px solid #ccc9c8;
}
.reserve2Cont .byTel .tel a {
	display: block;
	padding: 12px 0;
}
.reserve2Cont .byTel .tel .tit {
	font-size: 17.6px;
	font-size: 1.2rem;
}
.reserve2Cont .byTel .tel .num {
	margin: 7px 0;
	font-size: 1.8rem;
        line-height: 2;
}
.reserve2Cont .byTel .tel .reception {
	font-size: 5.6px;
	font-size: 2.1rem;
}
.reserve2Cont .byForm .note {
	margin-bottom: 30px;
	font-size: 19.2px;
	font-size: 1.2rem;
	text-align: center;
}

@media screen and (min-width: 600px) {
.reserve2Cont .head {
	padding: 78px 0 60px;
}
.reserve2Cont .head .en {
	margin-bottom: 7px;
	font-size: 3.2rem;
}
.reserve2Cont .head .ja {
	font-size: 1.7rem;
}
.reserve2Cont .placeList {
	overflow: hidden;
	width: 970px;
	margin: 0 auto;
	padding: 0 0 30px 42px;
}
.reserve2Cont .placeList .item {
	float: left;
	width: 50%;
	padding-left: 125px;
}
.reserve2Cont .placeList .item:nth-child(1) {
	width: 460px;
	background: url(../img/reserve2/pic_place01.png) no-repeat left top;
	background-size: 85px auto;
}
.reserve2Cont .placeList .item:nth-child(2) {
	float: right;
	width: 410px;
	background: url(../img/reserve2/pic_place02.png) no-repeat left top;
	background-size: 85px auto;
}
.reserve2Cont .placeList .itemTit .en {
	margin-bottom: 11px;
	font-size: 1.8rem;
}
.reserve2Cont .placeList .itemTit .ja {
	margin-bottom: 22px;
	font-size: 1.1rem;
}
.reserve2Cont .placeList .itemTit .tit01 {
	margin-bottom: 11px;
	font-size: 1.8rem;
	color: #323232;
}
.reserve2Cont .placeList .item .address {
	margin-bottom: 25px;
	font-size: 1.3rem;
}
.reserve2Cont .placeList .item .btn {
	width: 144px;
}
.reserve2Cont .placeList .item .btn a {
	padding: 10px 15px;
	font-size: 1.4rem;
}
.reserve2Cont .intro {
	width: 880px;
	margin: 0 auto;
	padding: 50px 25px 42px;
}
.reserve2Cont .intro .txt {
	font-size: 1.3rem;
	text-align: center;
}
.reserve2Cont .byTel, .reserve2Cont .byForm {
	width: 880px;
	margin: 0 auto;
}
.reserve2Cont .byTelTit, .reserve2Cont .byFormTit {
	margin-bottom: 18px;
	font-size: 2.2rem;
}
.reserve2Cont .byTel {
	margin-bottom: 57px;
}
.reserve2Cont .byTelTit {
	margin-bottom: 42px;
}
.reserve2Cont .byTel .tel {
	width: 620px;
	margin: 0 auto;
}
.reserve2Cont .byTel .tel a {
	pointer-events: none;
	padding: 29px 0;
}
.reserve2Cont .byTel .tel .tit {
	font-size: 1.4rem;
}
.reserve2Cont .byTel .tel .num {
	margin: 13px 0;
	font-size: 1.8rem;
}
.reserve2Cont .byTel .tel .reception {
	font-size: 1.4rem;
}
.reserve2Cont .byFormTit {
	margin-bottom: 30px;
	text-align: left;
}
.reserve2Cont .byForm .note {
	margin-bottom: 43px;
	font-size: 1.3rem;
	text-align: left;
}
}
/*! #booking-form .boxPrivacy01
============================================ */
.boxPrivacy01 {
	padding: 50px 0;
}
.boxPrivacy01 .tit02 {
	padding: 0 0 15px;
	font-size: 27.2px;
	font-size: 1.7rem;
	text-align: center;
}
.boxPrivacy01 .boxIn {
	height: 150px;
	overflow: auto;
	overflow-x: hidden;
	margin: 0 15px;
	padding: 15px;
	border: solid 1px #d2d2d2;
	background: #fff;
}
.boxPrivacy01 .tit01 {
	line-height: 2.1;
	font-size: 17.6px;
	font-size: 1.1rem;
}
.boxPrivacy01 .txt01, .boxPrivacy01 .txt02, .boxPrivacy01 .list01 {
	line-height: 2.1;
	font-size: 16px;
	font-size: 1rem;
}
.boxPrivacy01 .txt02 {
	padding-bottom: 1em;
}
.boxPrivacy01 .list01 li {
	padding: 0 0 0 .5em;
}

/*! forPC !*/
@media screen and (min-width: 600px) {
.boxPrivacy01 {
	padding: 120px 0;
}
.boxPrivacy01 .tit02 {
	padding: 0 0 35px;
	font-size: 2.4rem;
}
.boxPrivacy01 .boxIn {
	width: 1000px;
	height: 300px;
	margin: 0 auto;
	padding: 34px;
}
.boxPrivacy01 .tit01 {
	line-height: 2;
	font-size: 1.6rem;
}
.boxPrivacy01 .txt01, .boxPrivacy01 .txt02, .boxPrivacy01 .list01 {
	line-height: 2;
	font-size: 1.3rem;
}
}

.frame {
  overflow:hidden;
  overflow-x:hidden;
  overflow-y:hidden;
  height:2500px;
  width:100%;
  position:relative;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}
@media screen and (min-width: 600px) {
	.frame {
		height:1800px;
	}
}

/*　ContactForm7のテーブル化レスポンシブ調整　*/
 
/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 100%;
}
/*奇数行だけ背景色つける*/
.table-res-form tr:nth-child(2n+1) {
    background: #DDDDDD;
}
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 2em;
}
/*th（項目欄）は30%幅、テキストを左寄せ*/
.table-res-form th {
    width: 30%;
    text-align: left;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    background: green;
    border-radius: 2px;
}
 
/*ここから768px以下の指定*/
 
@media only screen and (max-width: 768px) {
　　　　　/*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: 100%;
        display: block;
    }
　　　　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }
　　　　　/*不要な最終行の左のthを非表示にする*/
    .table-res-form .empty {
        display: none;
    }
}
 
/*ここまで768px以下の指定---終わり*/
 
/*ここから入力欄のスタイル指定*/
 
/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], input[type="tel"],  textarea {
    border: 2px #FFF solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 100%;
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"], input[type="email"], input[type="tel"], :focus, textarea:focus {
    background: #FFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
    border: 1px #89BDDE solid;
    padding: 0.5em 4em;
    border-radius: 5px;
    background: #4C9ED9;
    color: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
    font-weight: bold;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    background: #006599;
    box-shadow: none;
}

/*# sourceMappingURL=maps/reserve2.css.map */