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


body{color: #2f3253;}

/* 色 */
.colorRed{color: #970128;}


/* 角丸 */
.kadomaruS{border-radius: 10px;}

/*pc */@media print, screen and (min-width: 768px){
body , html{min-width: 1140px;}
html {overflow: auto;}
}
/* sp */@media only screen and (max-width: 767px){
body{
padding-bottom: 3.8em;
}	
}

.btn img{transition: .3s;}
.btn:hover img{opacity: 0.6;}






/* ヘッダー～メイン画像 */

.logo{
width: 322px;
margin: 0 auto;
padding: 10px 0 15px;	
}
.mainImg{
background: url(../images/bg.gif) repeat-x bottom left;
}
/* sp */@media only screen and (max-width: 767px){
.logo{
width: 60%;
margin: 0 auto;
padding-bottom: 20px;
}	
.mainImg{
background-size: 50%;	
}
}

.bg{
background: url(../images/bg.gif) repeat top left;
}
/*pc */@media print, screen and (min-width: 768px){
.bg{
padding-bottom: 120px;
}
}
/* sp */@media only screen and (max-width: 767px){
.bg{
padding-bottom: 60px;
}
}




/* PLAN */

.plan{
border: 1px solid #454871;
position: relative;
}

ul.planPoint li{
background: #272a4c;
padding: 15px 0;
color: #fff;
}

/*pc */@media print, screen and (min-width: 768px){
.plan{
padding: 60px;
}
.title{
font-size: 40px;
}
.plan .title{
position: absolute;
top: -0.85em;
left: 0px;
right: 0px;
margin: 0 auto;
background: url(../images/bg.gif) repeat top left;
width: 180px;
}
.planInfo{
position: relative;	
}
.planInfo01 strong{
font-size: 40px;	
}
.planInfo01 span{
font-size: 20px;	
}
.planInfo02 strong{
font-size: 30px;	
}
.planKakaku{
position: absolute;
bottom: 0px;
right: 0px;
display: inline-block;
border: 1px solid #970128;
padding: 8px 10px 0 15px;	
}
.planKakaku strong{
font-size: 40px;	
}
.planKakaku span{
font-size: 30px;
}
ul.planPoint li{
width: 286px;
font-size: 16px;
}
}

/* sp */@media only screen and (max-width: 767px){
.plan{
padding: 40px 20px 20px;	
}
.title{
font-size: 36px;	
}	
.plan .title{
position: absolute;
top: -0.8em;
left: 0px;
right: 0px;
margin: 0 auto;
background: url(../images/bg.gif) repeat top left;
width:5em;
}
.planInfo01 strong{
font-size: 30px;	
}
.planInfo01 span{
font-size: 16px;	
}
.planInfo02 strong{
font-size: 24px;	
}
.planKakaku{
display: inline-block;
border: 1px solid #970128;
padding: 8px 10px 0 15px;	
}
.planKakaku strong{
font-size: 30px;	
}
.planKakaku span{
font-size: 24px;
}
}




/* ギャラリー */

/*pc */@media print, screen and (min-width: 768px){
.gallery{
position: relative;	
}
.gallery03{
position: absolute;
top: 92px;
right: 0px;	
}
.gallery04{
position: absolute;
top: 592px;
left: 0px;	
}
.gallery05{
float: left;
}
.gallery06{
float: right;	
}
}
/* sp */@media only screen and (max-width: 767px){
.gallery03{
width: 48%;
float: left;
}
.gallery04{
width: 48%;
float: right;
}
}






/* その他　追加情報 */

.otherBox{
background: #fff;	
}

/*pc */@media print, screen and (min-width: 768px){
.otherBox{
padding: 40px 60px;	
}
.otherBox h3{
position: relative;
display: block;
}
.otherBox h3:before{
content: '';
position: absolute;
top: 50%;
left: -60px;
display: inline-block;
width: 48px;
height: 1px;
background-color: #272a4c;
}
.otherText{
width: 540px;
float: left;	
}
.otherImg{
width: 340px;
float: right;	
}

}
/* sp */@media only screen and (max-width: 767px){
.otherBox{
padding: 30px 20px;	
}
.otherBox h3{
position: relative;
display: block;
}
.otherBox h3:before{
content: '';
position: absolute;
top: 0.6em;
left: -20px;
display: inline-block;
width: 15px;
height: 2px;
background-color: #272a4c;
}

}



/* 問い合わせフォーム */

.hissu{
background: #ec3636;
font-size: 13px;
font-weight: bold;
display: inline-block;
padding: 0px 5px;
border-radius: 3px;
margin-left: 10px;
color: #fff;	
}

.form-box th{
font-weight: bold;
padding: 30px 0;
border-bottom: 1px solid #c5c5c5;
vertical-align: top;
}
.form-box td{
padding: 30px 0;
border-bottom: 1px solid #c5c5c5;
word-break: break-all;
}
.form_ex{
color: #333;	
}
.formCheck li{
float: left;
margin-right: 30px;
display: inline-block;
}

.form-btn input{
  text-decoration: none;
  background: #970128;/*ボタン色*/
  color: #fff;
  border-radius: 5px;
  transition: .3s;
}
.form-btn input:hover{
	opacity: 0.6;
}

.form-btn02 input{
  text-decoration: none;
  background: #a1a1a1;/*ボタン色*/
  color: #fff;
  border-radius: 5px;
  transition: .3s;
}
.form-btn02 input:hover{
  background: #cbcbcb;
}

/*pc */@media print, screen and (min-width: 768px){
.formWrap{
padding: 80px 0 40px;	
}	
.form-box{
width: 920px;
margin: 0 auto;	
}
.form-box table{
width: 100%;	
}
.form-box th{
width: 210px;	
}
input.inp , textarea{
width: 70%;
padding: 10px;	
}
input.inpSS{
width: 20%;
padding: 10px;	
}
.kojin textarea{
width: 100%;	
}
.form-btn input{
width: 270px;
padding: 0.7em;
margin: 0 auto;
display: block;
text-align: center;
color: #fff;
font-size: 20px;
}

.form-btn02 input{
width: 150px;
padding: 0.7em;
margin: 0 auto;
display: block;
text-align: center;
color: #fff;
font-size: 20px;
}

.confBtnbox{
width: 500px;
margin: 0 auto;	
}
}
/* sp */@media only screen and (max-width: 767px){
.formWrap{
padding: 40px 5%;	
}
.form-box table{
width: 100%;	
}
.form-box th{
font-weight: bold;
padding: 30px 0 0;
border-bottom: none;
width: 100%;
display: block;
}
.form-box td{
padding: 0 0 30px;
border-bottom: 1px solid #c5c5c5;
width: 100%;
display: block;
margin-top: 10px;
}
input.inp ,textarea{
width: 100%;
padding: 10px;
box-sizing: border-box;
}
input.inpSS{
width: 100%;
padding: 10px;
box-sizing: border-box;
}

.form-btn input{
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
padding: 0.7em 0;
font-size: 20px;
color: #fff;
}
.form-btn02 input{
width: 50%;
margin: 20px auto 0;
display: block;
padding: 0.7em 0;
text-align: center;
font-size: 20px;
color: #fff;
}

}



/* サイド固定ボタン */

/*pc */@media print, screen and (min-width: 768px){
.side-btn{
position: fixed;
top: 90px;
right: 0px;	
}
}

/* sp */@media only screen and (max-width: 767px){
.side-btn{
position: fixed;
bottom: 0px;
right: 0px;
width: 100%;
text-align: center;
background: #a1193d; /* Old browsers */
background: -moz-linear-gradient(top,  #a1193d 0%, #971739 50%, #881332 50%, #a0173b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a1193d 0%,#971739 50%,#881332 50%,#a0173b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a1193d 0%,#971739 50%,#881332 50%,#a0173b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1193d', endColorstr='#a0173b',GradientType=0 ); /* IE6-9 */
}
.side-btn span{
height: 3.8em;
line-height: 3.8em;
font-size: 18px;
display: inline-block;
color: #fff;
font-weight: bold;
}
}

address{
text-align: center;
padding: 10px;
font-style: normal;
background: #DBDBDB;	
}