@charset "UTF-8";

.pict_r {
    width: 50%;
    height: 650px;
    overflow: hidden;
}

.pict_r img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media screen and (min-width:961px) {
*{
    margin:0;
	padding:0;
	}
.b_mt{
	margin-top:32px;
}
html,body {

	font-family: 'EB Garamond','Noto Serif JP', sans-serif,"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Roboto Condensed","メイリオ", Meiryo, sans-serif;
	line-height: 2em;
	-webkit-text-size-adjust: none;
	font-size:16px;
	height: 100%;
	color:#515151;
	animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
    letter-spacing: 0.1em;
	}


img {
	max-width: 100%;
	height: auto;
    vertical-align: top;
    border: 0px;
}
a.anchor{
    display: block;
    padding-top: 150px;
    margin-top: -150px;
}
.fadeInUp_speed{
  opacity : 0;
  transform: translateY(10px);
  transition: 1s;
  transition-delay: 0s
}
.fadeInUp {
  opacity : 0;
  transform: translateY(10px);
  transition: 1s;
  transition-delay: 0.2s
}
.fadeInUp2 {
  opacity : 0;
  transform: translateY(10px);
  transition: 1s;
  transition-delay: 0.5s
}
/* ---scroll--- */
@keyframes moveScrollPointer {
   0%    { transform: translate3d(0, 0, 0); }
   100%  { transform: translate3d(0, 35px, 0); }
 }

 @keyframes scrollPointerInOut {
   0%    { transform: scale(0); }
   10%   { transform: scale(1); }
   60%   { transform: scale(1); }
   100%  { transform: scale(0); }
 }

/* ---fadein--- */
@keyframes fadeIn { /*「fadeIn」と名前をそろえる*/
    0% {opacity: 0} /*アニメーション開始時は完全に透過*/
    100% {opacity: 1} /*アニメーション終了時は透過しない*/
}

/*旧 Safari 用のベンダー処理*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.p-index-kv__scroll {
    width: 1px;
    height: 40px;
    position: absolute;
    left: 50%;
    z-index: 100;
    background-color: #eee;
}
.p-index-kv__scroll-pointer {
    -webkit-animation-name: moveScrollPointer;
    animation-name: moveScrollPointer;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    width: 1px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
 .p-index-kv__scroll-pointer:before {
    -webkit-animation-name: scrollPointerInOut;
    animation-name: scrollPointerInOut;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    border-radius: 50%;
    background-color: red;
}
 .p-index-kv__scroll-text {
    transform: rotate(90deg);
    margin-top: 50px;
}

.scroll{
   position: fixed;
   top: 45%;
   left: 20px;
   z-index: 102;
   font-weight: normal;
   font-size:80%;
}

/*---other-----*/

.sp40{
	margin-top:40px;
}
.sp_b{
  margin-bottom:120px;
}

.red{
  color:red;
}
.gray{
  color:#AFAFAF;
}
.pink{
  color:#E9969F;
  padding-right:16px;
}
/*---link-----*/
a {
	color: #E9969F;
	text-decoration: underline;
	cursor:pointer ;
	transition: .2s ;
}

a:hover {
	opacity: 0.7;
}

.current{
  color:#E9969F;
  border-bottom:1px solid #E9969F;
}

/*---Button--*/
.fixed_bt{
	position: fixed;
	top:0;
	right:0;
  z-index: 100;
}
.btn-icon {
    display: inline-block;
    text-align: center;
    background-color: #E9969F;
    color: #FFF;
    font-weight: bold;
    padding: 16px 64px 16px 64px;
    position: relative;
    text-decoration: none;
    font-weight: normal;


}


.btn-icon img{
	margin:6px 4px 0 0;

}
.fixed_bt_online{
	position: fixed;
	bottom:0;
	right:0;
}
.btn-icon_online {
  display: inline-block;
  text-align: center;
  background-color: #000000;
  color: #FFF;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  width:72px;
  height:64px;
  font-size: 12px;
  line-height: 1.2em;
  padding:12px 8px 12px 8px;
  font-weight: normal;

}
.btn-icon_online img {
  padding-bottom:8px;

}

.btn-icon:hover, 
.fixed_bt_online:hover {
    opacity: 0.7;
  }

/*---clearfix-----*/

.clearfix:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;

}

.clearfix {
	zoom : 1;
	}
.clearfix {
 	display: inline-block;
}


/* --header-- */
#header{
	padding: 1% 0 1% 0;
	background-color: #ffffff;
	width:100%;
	z-index: 100;
	position: fixed;
  background: rgba(255,255,255,0.9);

}
#header h1{
	color:#848484;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0;
}
.inner100{
	padding:0 2% 0 2%;
	overflow: hidden;
}
.inner960{
	overflow: hidden;
	width:70%;
	margin:0 auto 0 auto;
}
.logo{
	float:left;
	padding-top: 20px;
	width:20%;
}
.logo img{
	width:240px;
  margin-bottom: 16px;
}
.address{
	font-size: 70%;
	padding: 6px;
  line-height: 1.5em;
}
.nav{
	width:60%;
	float:left;
	text-align: center;
	padding-top: 78px;
}

.nav li{
	display: inline-block;
    margin: 0 8px 0 8px;
    font-size: 13px;
}
.nav li a{
	color:#000000;
	text-decoration: none;
}
.nav li a:hover{
  color:#E9969F;
}


.tel{
	text-align: right;
	float:right;
	font-size: 12px;
	width:20%;
	line-height: 2em;

	padding-top: 51px;
	
}
.tel_size{
	font-size: 18px;
}


/* --kv-- */
.copy{

}
.copy img{
	width: 500px;
    position: absolute;
    left: 7%;
    top: 45%;
    z-index: 10;
}
.kv{
	padding-top:200px;
	overflow: hidden;
	display: none;
}

.title_c{
	font-size:80px;
	position: relative;
}
.sub_c{
	font-size:16px;
	padding: 0 0  0 80px;
	line-height: 4em;
}
/*---Title--*/
h1.title{
	font-size: 28px;
	font-weight:normal;
	line-height: 1.3em;
}
.sub_t{
	color:#E9969F;
	font-size: 14px;
}


/*---News--*/
#news{
	padding: 80px 0 120px 0 ;
}

#news dl{
	margin-top: 5%;
}
#news dl dt{
	float: left;
    clear: left;
	width:25%;
}
#news dl dd{
	float: left;
    width: 75%;
    margin-bottom: 24px;
}

/*---greeting--*/
#greeting{
	background-color: #FAF7F7;

    margin: 0 15% 0 0;
    padding: 120px 0 120px 0;
    overflow: hidden;
    background-image: bg.png;
    background-image: url(../images/bg.png);

    width: 100%;

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom 50% left -200px;
}
.inner_greeting{

	width: 65%;
	margin:0 auto;

}
.title_left{
	float:left;
	width:32%;
}
.message{	
	float:left;
	width: 68%;
}
.text_right{
	text-align: right;
	margin-top:24px;
}

/*---lineup--*/
#lineup{
	   padding:120px 0 0 0;

}
.lineup_box{
  max-width: 1440px;
  margin:5% auto 0 auto;
	
}
.lineup_box img{
  
}
	


/*---左--*/
.lineup_left{
	margin:0px auto 10% auto ;
  position: relative;
 
  clear: both;
    overflow: hidden;
}
.lineup_left .pict_l{
	width:50%;
	float:left;
  z-index: 10;
  position: relative;
}
.lineup_left .text_r{
      width: 35%;
    float: right;
    padding: 5% 5% 5% 10%;
    position: relative;
    left: -5%;
    margin: 120px 0 0 0;
}
.sp_b80{
  margin-bottom:80px;
}
/*---右--*/
.lineup_right{
  margin:0px auto 10% auto ;
  position: relative;
  clear: both;
    overflow: hidden;
}
.lineup_right .pict_r{
  width:50%;
  float:right;
  z-index: 10;
  position: relative;
}
.lineup_right .text_l{
  width: 35%;
    float: left;
    padding: 5% 10% 5% 5%;
    position: relative;
    left: 5%;
    margin: 120px 0 0 0;
}
.lineup_left .text_r h1,
.lineup_right .text_l h1{
    margin-bottom:40px;
    font-weight: normal;
    font-size:28px;
	line-height: 1.7em;
}
.lineup_left .text_r h2,
.lineup_right .text_l h2{
    margin-bottom:16px;
    font-weight: normal;
    font-size:20px;
	line-height: 1.7em;
}
	
	
.lineup_left .text_r p,
.lineup_right .text_l p{
  
}
.lineup_bg1{
  background-color: #545c73;
	color:#FFFFFF;
}
.lineup_bg2{
  background-color: #e0e0e0;
}
.lineup_bg3{
  background-color: #e9f3ec;
}
.lineup_bg4{
  background-color: #eef5fd;
}

/*---contact--*/
#contact{
  padding: 120px 0 200px 0;

}

.contact_box{
  border:1px solid #E9969F;
  padding:40px 0 ;
  text-align: center;
}

.contact_box h1{
  font-weight:normal;
  margin-bottom:16px;  
}


/*---footer--*/
#footer{
	padding: 30px 0 0 0;
    text-align: center;
    border-top: 1px solid #eeeeee;
    clear: both;
    height: 58px;
}


#footer .copylight{
	width:50%;
	float:left;
}
#footer .menu{
	width:50%;
	float:right;
}
#footer .menu ul{
	margin-bottom:24px;
}
#footer .menu ul li{
	display: inline-block;
	margin:0 16px 0 16px;
	font-size: 12px;
}
#footer .menu ul li a{
	text-decoration: none;
	color:#000000;
}


/*---low--*/

#contentsbox{
  width:70%;
  margin:0 auto;
  padding:250px 0 0 0 ;
  overflow: hidden;
}
#contentsbox h2{
  font-weight: normal;
  font-size:20px;
  margin:5% 0;
}
.bar img{
  padding-top:12px;
}

/*---company--*/
dl.company{
  border-top: 1px solid #EEEEEE;
    margin-top: 40px;
    clear: both;
}

dl.company dt{
  float: left;
    width: 30%;
    padding: 24px 0;
}
dl.company dd{
  margin-left: 2%;
    float: left;
    width: 68%;
    padding: 24px 0;
}

/*---privacypolicy--*/

dl.policy{
  border-top:1px solid #EEEEEE;
  margin-top:40px;
}

dl.policy dt{
  padding:24px 0;
}

dl.policy dd{
  margin-left:24px;
}

.center_text{
  text-align: center;
  margin:80px 0 0 0;
}

/*---sitemap--*/
.sitemap_left{
  width:30%;
  float:left;
  height:200px;
}
.sitemap_right{
  width:70%;
  float:left;
}
.sitemap_right ul li{
  padding:0 0 16px 0 ;
  list-style-type: none;
}

.sitemap_left a,
.sitemap_right a{
  text-decoration: none;
  color:#000000;
}
.sitemap_left a:hover,
.sitemap_right a:hover{
  text-decoration: none;
  color:#E9969F;
}

/*---lineup--*/
.items{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.item{
  width: 48%;
  margin-bottom:10%;
}
.item p{
  margin-bottom:5%;
}
.item h1{
  font-weight:normal;
  font-size: 16px;
}

/*googlemap*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 40px;
margin:5% 0 5% 0 ;
height: 0;
overflow: hidden;
clear: both;

}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*---------------------------------


  フォーム


----------------------------------*/

.contentsform{
  width: 100%;
  clear: both;
  margin:80px 0 120px 0 ;

}
.contentsform dl {
  border-top:1px #dddddd dotted;
  clear: both;
  padding:20px 0 16px 0;
  overflow:hidden;
}
.contentsform dt {
  font-weight: normal;
  display: block;
  width: 30%;
  clear: left;
  float: left;
  line-height: 2.4em;
}

.contentsform dd {
     display: block;
    width: 68%;
    float: left;
    margin-left: 1%;
}
.form_sub{
  color: #666666;
  font-size: 12px;
}

/* --- お問い合わせフォーム contactform --- */

div.wpcf7 { 
 
}

div.wpcf7 .wpcf7-text, .wpcf7 textarea { 
  border: 1px solid #D1D1D1;
    padding: 10px;
    width: 95%;
    display: block;
}

div.wpcf7 textarea { 
  width:95%; 
  height:300px; 
}

.wpcf7-list-item{
  display: block;
}




div.wpcf7 input.wpcf7-submit {
    display: inline-block;
    text-align: center;
    background-color: #E9969F;
    color: #FFF;
    padding: 16px 0px 16px 0px;
    width: 30%;
    margin: 0 35%;
    border: 0;
}

div.wpcf7 input.wpcf7-submit:hover {
    display: inline-block;
    text-align: center;
    background-color: #fdc3c9;
    color: #FFF;
    padding: 16px 0px 16px 0px;
    width: 30%;
    margin: 0 35%;
    border: 0;
}

.screen-reader-response{

   
}

.screen-reader-response ul{
  margin-top:24px;
}

.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
 
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {
  font-size: 80%;
  color: red;
}
.wpcf7 .wpcf7-response-output {
  margin: 10px 0 40px 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}


.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;
}




/*---------------------------------


  個別記事


----------------------------------*/
.single h1{
  font-size: 28px;
    font-weight: normal;
    line-height: 1.3em;
}
.single .inner{
  padding:10% 0;
}
.center_button{
  text-align: center;
  margin-bottom:20%;
}
.date{
  font-size:80%;
}

/*---------------------------------


  新着記事一覧


----------------------------------*/
.whatsnew{
 
}
#news a,
.whatsnew a{
 color:#515151;
}
	#news a,
.whatsnew a:hover{
 text-decoration:underline;
}
.whatsnew dl{
padding:2% 0;
}
.whatsnew dl dt{
  float: left;
    clear: left;
  width:25%;
}
.whatsnew dl dd{
  float: left;
    width: 75%;
    margin-bottom: 24px;
}
.whatsnew hr {
    display: none;
  }
.news_more{
  text-align: right;
}
	
	/*---------------------------------
  追加
----------------------------------*/
.slidebox{
  overflow: hidden;
}
.slidebox img{
  width:100%;
}
.slidebox .left{
  float:left;
  width:30%;
}
.slidebox .right{
   float:right;
   width:65%;
}
.mb10{
  margin-bottom:17%;

}
.textbox{
  margin:5% 0 0 0;
}

.textbox p{
  margin-bottom:3%;
}	
.center_bt{
  text-align: center;

}

.titlebox{
		margin-bottom:5%
	}	

	
	/*---------------------------------
静止画バナーメイン
----------------------------------*/
.kv1{
    width: 85%;
    margin: 0 0 0 15%;
    padding-top: 200px;
    overflow: hidden;
    min-width: 1200px;
    max-width: 1440px;
}

.kv1 .copy{
    display: inline-block;
    position: absolute;
    z-index: 10;
    font-size: 24px;
    line-height: 1.1;
    left: 10%;
    top: 40%;
	width: 50%;
}
.kv1 .copy .en{
    font-size: 60px; /* -----100px----- */
    position: relative;
	line-height: 1.3em;
}
.kv1 .copy .jp{
    font-size: 18px;
    padding: 0 0 0 80px;
    line-height: 4em;
}
.kv1 .imagebox{
}
	
.kv1 .imagebox_sp{
	display:none;
}
	
.kv1.imagebox img{
	width:100%;
	height: 70%;
}
	
	.title_sp{
		padding-left:15%;
	}	
	
	
}
/* ---------------------------------------------------------------------for sp--------------------------------------------------------------------- */

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

.b_mt{
	margin-top:32px;
}
	
html,body {

  font-family: 'EB Garamond','Noto Serif JP', sans-serif,"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Roboto Condensed","メイリオ", Meiryo, sans-serif;
  line-height: 1.7em;
  -webkit-text-size-adjust: none;
  font-size:14px;
  height: 100%;
  color:#515151;
  animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
    letter-spacing: 0.1em;
  }


img {
  max-width: 100%;
  height: auto;
    vertical-align: top;
    border: 0px;
}



a.anchor{
    display: block;
    padding-top: 150px;
    margin-top: -150px;
}
.fadeInUp_speed{
  opacity : 0;
  transform: translateY(10px);
  transition: 1s;
  transition-delay: 0s
}
.fadeInUp {
  opacity : 0;
  transform: translateY(10px);
  transition: 1s;
  transition-delay: 0.2s
}
.fadeInUp2 {
  opacity : 0;
  transform: translateY(10px);
  transition: 1s;
  transition-delay: 0.5s
}
/* ---scroll--- */
@keyframes moveScrollPointer {
   0%    { transform: translate3d(0, 0, 0); }
   100%  { transform: translate3d(0, 35px, 0); }
 }

 @keyframes scrollPointerInOut {
   0%    { transform: scale(0); }
   10%   { transform: scale(1); }
   60%   { transform: scale(1); }
   100%  { transform: scale(0); }
 }

/* ---fadein--- */
@keyframes fadeIn { /*「fadeIn」と名前をそろえる*/
    0% {opacity: 0} /*アニメーション開始時は完全に透過*/
    100% {opacity: 1} /*アニメーション終了時は透過しない*/
}

/*旧 Safari 用のベンダー処理*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.p-index-kv__scroll {
    width: 1px;
    height: 40px;
    position: absolute;
    left: 50%;
    z-index: 100;
    background-color: #eee;
}
.p-index-kv__scroll-pointer {
    -webkit-animation-name: moveScrollPointer;
    animation-name: moveScrollPointer;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    width: 1px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}
 .p-index-kv__scroll-pointer:before {
    -webkit-animation-name: scrollPointerInOut;
    animation-name: scrollPointerInOut;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
    animation-timing-function: cubic-bezier(.215,.61,.355,1);
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    border-radius: 50%;
    background-color: red;
}
 .p-index-kv__scroll-text {
    transform: rotate(90deg);
    margin-top: 50px;
}

.scroll{
   position: fixed;
   bottom: 20%;
   left: 20px;
   z-index: 102;
   font-weight: normal;
   font-size:80%;
}

/*---other-----*/

.sp40{
  margin-top:40px;
}

.humb_button{
  width:80%;
  margin:40px auto 0 auto;
}

.sp_b{
  margin-bottom:80px;
}

.red{
  color:red;
}
.gray{
  color:#AFAFAF;
}
.pink{
  color:#E9969F;
  padding-right:16px;
}

/*---link-----*/
a {
  color: #E9969F;
  text-decoration: underline;
  cursor:pointer ;
  transition: .2s ;
}

a:hover {
  opacity: 0.7;
}

.current{
  color:#E9969F;
  border-bottom:1px solid #E9969F;
}

/*---Button--*/
.fixed_bt{
  display: none;
}
.btn-icon {
  display: inline-block;
    text-align: center;
    background-color: #E9969F;
    color: #FFF;
    padding: 16px 0px 16px 0px;
    width: 100%;
    -webkit-appearance: none;

}
a.btn-icon {
  color:#ffffff;
  text-decoration: none;

}

.btn-icon img{
  margin:6px 4px 0 0;

}
.fixed_bt_online{
  position: fixed;
  bottom:0;
  right:0;
}
.btn-icon_online {
  display: inline-block;
  text-align: center;
  background-color: #000000;
  color: #FFF;
  font-weight: bold;
  position: relative;
  text-decoration: none;
  width:72px;
  height:64px;
  font-size: 12px;
  line-height: 1.2em;
  padding:12px 8px 12px 8px;
  font-weight: normal;

}
.btn-icon_online img {
  padding-bottom:8px;

}

.btn-icon:hover, 
.fixed_bt_online:hover {
    opacity: 0.7;
  }

/*---clearfix-----*/

.clearfix:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;

}

.clearfix {
  zoom : 1;
  }
.clearfix {
  display: inline-block;
}


/* --header-- */
#header{
  padding: 10% 0 5% 0;
  background-color: #ffffff;
  width:100%;
  background: rgba(255,255,255,0.9);

}
#header h1{
  color:#848484;
  font-size: 10px;
  font-weight: normal;
  display: none;
}
.inner100{
  padding:0 2% 0 2%;
  overflow: hidden;
}
.inner960{
  overflow: hidden;
  width:80%;
  margin:0 auto 0 auto;
}
.logo{
      width: 90%;
    margin: 0 auto;
    text-align: center;
}
.logo img{
      width: 150px;
   margin: 0 0 8px 0;
}
.address{
  font-size: 70%;
  padding: 6px;
  line-height: 1.5em;
}
.nav{
 display: none;

}

.nav li{
  display: inline-block;
  margin:0 16px 0 16px;
}
.nav li a{
  color:#000000;
  text-decoration: none;
}
.nav li a:hover{
  color:#E9969F;
}


.tel{
    font-size: 12px;
    text-align: center;
  
}
.tel_size{
  font-size: 18px;
}


/* --kv-- */
.copy{

}
.copy img{
  width: 500px;
    position: absolute;
    left: 7%;
    top: 45%;
    z-index: 10;
}
.kv{
 display: none;
}

.title_c{
  font-size:55px;
  position: relative;
  line-height: 1em;
}
.sub_c{
 line-height: 1.3em;
  padding:16px 0 0 0;
  display: block;
}
/*---Title--*/
h1.title{
  font-size: 24px;
  font-weight:normal;
  line-height: 1em;

}
.sub_t{
  color:#E9969F;
  font-size: 14px;
    margin-bottom: 5%;

}


/*---News--*/
#news{
  padding: 80px 0 24px 0 ;
}

#news dl{

}
#news dl dt{
}
#news dl dd{
 
    margin: 0 0 16px 16px;
	    font-size: 90%;
}

/*---greeting--*/
#greeting{
background-color: #FAF7F7;

    margin: 0 15% 0 0;
    padding: 120px 0 120px 0;
    overflow: hidden;
    background-image: bg.png;
    background-image: url(../images/bg.png);

    width: 100%;

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom 50% left -200px;
}
.inner_greeting{

  width: 80%;
  margin:0 auto;

}
.title_left{

}
.message{ 
  
}
.text_right{
  text-align: right;
  margin:40px 0 0 0;
}

/*---lineup--*/
#lineup{
 padding-top: 80px;

}
.lineup_box{
  max-width: 1440px;
  margin:0 auto;
}
/*---左--*/
.lineup_left{
  position: relative;
 
  clear: both;
    overflow: hidden;
}
.lineup_left .pict_l{

}
.lineup_left .text_r,
.lineup_right .text_l{
 
    padding: 10%;
    width: 70%;
    margin: 5%;


}
/*---右--*/
.lineup_right{
  margin:0px auto 0 auto ;
  position: relative;
  clear: both;
    overflow: hidden;
}
.lineup_right .pict_r{

}

.lineup_left .text_r h1,
.lineup_right .text_l h1{
    margin-bottom:40px;
    font-weight: normal;
    font-size:20px;
    line-height: 1.5em;
}
	
.lineup_left .text_r h2,
.lineup_right .text_l h2{
    margin-bottom:16px;
    font-weight: normal;
    font-size:16px;
	line-height: 1.7em;
}
	
	
.lineup_left .text_r p,
.lineup_right .text_l p{
    
}
.lineup_bg1{
 background-color: #545c73;
	color:#FFFFFF;
}
.lineup_bg2{
  background-color: #e0e0e0;
}
.lineup_bg3{
  background-color: #e9f3ec;
}
.lineup_bg4{
  background-color: #eef5fd;
}


/*---contact--*/
#contact{
  padding-top: 80px;

}

.contact_box{
  border:1px solid #E9969F;
  padding:10%;
  text-align: center;
}

.contact_box h1{
  font-weight:normal;
  margin-bottom:16px;  
}
.contact_box p{

}

/*---footer--*/
#footer{
  padding: 30px 0 100px 0;
    text-align: center;
    border-top: 1px solid #eeeeee;
    clear: both;
        margin-top: 10%;
}


#footer .copylight{

}
#footer .menu{

}
#footer .menu ul{
  margin-bottom:24px;
}
#footer .menu ul li{
  display: inline-block;
  margin:0 16px 0 16px;
  font-size: 12px;
}
#footer .menu ul li a{
  text-decoration: none;
  color:#000000;
  line-height: 3em;

}

/*---low--*/

#contentsbox{
    width: 80%;
    margin: 0 auto;
    padding: 10% 0 0px 0;
    overflow: hidden;
}
#contentsbox h2{
  font-weight: normal;
  font-size:20px;
	    margin: 10% 0;

}
.bar img{
  padding-top:12px;
}

/*---company--*/
dl.company{
  border-top: 1px solid #EEEEEE;
    margin-top: 40px;
    clear: both;
}

dl.company dt{
  float: left;
    width: 30%;
    padding: 24px 0;
}
dl.company dd{
  margin-left: 2%;
    float: left;
    width: 68%;
    padding: 24px 0;
}

/*---privacypolicy--*/

dl.policy{
  border-top:1px solid #EEEEEE;
  margin-top:40px;
}

dl.policy dt{
  padding:24px 0;
}

dl.policy dd{
  margin-left:24px;
}

.center_text{
  text-align: center;
  margin:80px 0 0 0;
}

/*---sitemap--*/
.sitemap_left{
}
.sitemap_right{

}
.sitemap_right ul li{


  list-style-type: none;
}
.sitemap_left a,
.sitemap_right a{
  text-decoration: none;
  color:#000000;
      display: block;
    padding: 20px 0 20px 0;
}


/*---lineup--*/
.items{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

}
.item{
     margin-bottom: 20%;
}

.item h1{
  font-weight:normal;
  font-size: 16px;
  padding: 5% 0 0 0;
}

.item p{
  margin-bottom:10%;
}
	
/*googlemap*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 40px;
margin:5% 0 5% 0 ;
height: 0;
overflow: hidden;
clear: both;

}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*googlemap*/
.ggmap {
position: relative;
margin:5% 0 5% 0 ;
padding-bottom: 56.25%;
padding-top: 40px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*---------------------------------


  フォーム


----------------------------------*/

.contentsform{
  width: 100%;
  clear: both;
  margin:80px 0 40px 0 ;

}
.contentsform dl {
  border-top:1px #dddddd dotted;
  clear: both;
  padding:20px 0 16px 0;
  overflow:hidden;
}
.contentsform dt {
  font-weight: normal;
  display: block;

  line-height: 2.4em;
}

.contentsform dd {
  display: block;

}
.contentsform dd ul{
  margin:0 0 0 24px;

}
.contentsform dd ul li{
  padding: 10px 0;

}
.form_sub{
  color: #666666;
  font-size: 12px;
}

/* --- お問い合わせフォーム contactform --- */

div.wpcf7 { 
 
}

div.wpcf7 .wpcf7-text, .wpcf7 textarea { 
  border: 1px solid #D1D1D1;
    padding: 10px;
    width: 93%;
    display: block;
}

div.wpcf7 textarea { 
  width:93%; 
  height:300px; 
}

.wpcf7-list-item{
 display: block;
    margin: 0 10% 3% 0;
}

div.wpcf7 input.wpcf7-submit {
    display: inline-block;
    text-align: center;
    background-color: #E9969F;
    color: #FFF;
    padding: 16px 0px 16px 0px;
    width: 30%;
    margin: 0 35%;
    border: 0;
    -webkit-appearance: none;
    border-radius: 0;

}



div.wpcf7 input.wpcf7-submit:hover {
    display: inline-block;
    text-align: center;
    background-color: #fdc3c9;
    color: #FFF;
    padding: 16px 0px 16px 0px;
    width: 30%;
    margin: 0 35%;
    border: 0;
    -webkit-appearance: none;
    border-radius: 0;

}



.screen-reader-response{
 margin: 40px 0 0 0;
 
}

.screen-reader-response ul{
  margin-top:24px;
}

.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
 
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {
  font-size: 80%;
  color: red;
}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;
}



/*---------------------------------


  個別記事


----------------------------------*/
.single h1{
  font-size: 24px;
  font-weight:normal;
  line-height: 1.7em;
}
.single .inner{
  padding:20% 0;
}
.center_button{
  text-align: center;
  margin-bottom:20%;
}
.date{
  font-size:80%;
}
/*---------------------------------


  新着記事一覧


----------------------------------*/
.whatsnew{
 
}
#news a,
.whatsnew a{
 color:#515151;
}
	#news a,
.whatsnew a:hover{
 text-decoration:underline;
}
	
.whatsnew dl{
border-top:1px solid #eeeeee;
padding:5% 0;
}
.whatsnew dl dt{

}
.whatsnew dl dd{

}
.whatsnew hr {
    display: none;
  }
.news_more{
  text-align: right;
}
	
	/*---------------------------------
  追加
----------------------------------*/
.slidebox{
  overflow: hidden;
}
.slidebox img{
  width:100%;
}
.slidebox .left{
  float:left;
  width:30%;
}
.slidebox .right{
   float:right;
   width:65%;
}
.mb10{
  margin-bottom:17%;

}
.textbox{
  margin:5% 0 ;
}
.textbox p{
  margin-bottom:5%;
}
.center_bt{
  text-align: center;

}
	
.titlebox{
		margin-bottom:10%
	}	
	
	/*---------------------------------
静止画バナーメイン
----------------------------------*/
	
	.kv1{
   overflow: hidden;
   margin-bottom: 64px;/*--------100px------*/
}

.kv1 .copy{
    display: inline-block;
    position: absolute;
    z-index: 10;
    font-size: 24px;
    line-height: 1.1;
    left: 10%;
    top: 64%;/*--------62%------*/
}
.kv1 .copy .en{
    font-size: 35px;	/*--------60px------*/
    position: relative;
    line-height: 1em;
}
.kv1 .copy .jp{
   line-height: 1.3em;
    padding: 16px 0 0 0;
    display: block;
    font-size: 14px;

}
.kv1 .imagebox{
 	 display:none;
}
.kv1 .imagebox_sp{

}
.kv1.imagebox_sp img{
  width:100%;
      height: 70%;
}
	.title_sp{
		padding-left:10%;
	}	
	
	
}