@charset "UTF-8";


/* --------------------------------------------------
スマホのみ改行、center
-------------------------------------------------- */

@media screen and (min-width: 600px){

.br-sp {display: none;}

}


/* --------------------------------------------------
PCのみ改行、center
-------------------------------------------------- */
@media screen and (max-width: 600px){

.br-smh {display: none;}

}


/* --------------------------------------------------
SNS
-------------------------------------------------- */

.sns-list{
    position: fixed;
    background-color: #fff;
    padding:  10px 17px;
    right:  0px;
    top:140px;
    z-index:10000;
    border-top:1px solid #ccc;    
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.sns-list p{
	line-height:2.9;
}

.sns-list a{
	text-decoration:none;
}

.sns-list p img{
	width:20px;
	height:auto;
}

.sns-list p img:hover{
	opacity:0.5;
}


.sns-list hr{
	border-top:1px solid #ccc;
	height:1px;
}


/* ########### 960px以下 ########### */
@media (max-width: 960px) {

.sns-list hr{
	display:none;
}

.sns-list{
    border:0px solid #fff;
    padding:  10px;
    right:  0;
    top:0px;
    z-index:30000;
background-color: transparent;
}

.sns-list p{
	float:left;
	padding:0 7px;
}

.sns-list p img{
	width:22px;
	height:auto;
}


header h1{
	padding-top:50px;
	padding-left:0;
}


}/* 960px以下 end */



/* --------------------------------------------------
スマホのみ改行、center
-------------------------------------------------- */

@media screen and (min-width: 600px){

.br-sp {display: none;}

}

/* --------------------------------------------------
PCのみ改行、center
-------------------------------------------------- */
@media screen and (max-width: 600px){

.br-smh {display: none;}
.center-smh {text-align:center;}

}


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

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

.btnlinestretches5{
    /*線の基点とするためrelativeを指定*/
  position:relative;
    /*リンクの形状*/ 
  color:#333;
  display:inline-block;
    text-decoration: none;
    outline: none;
}

/*線の設定*/
.btnlinestretches5::before {
    content: "";
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    /*線の形状*/
    width: 100%;
    height: 1px;
    background: #333;    
}


/*線と矢印を繰り返しアニメーション*/
.btnlinestretches5::before {
    animation: arrowlong01 2s ease infinite;
}
.btnlinestretches5::after {
    animation: arrowlong02 2s ease infinite;
}

@keyframes arrowlong01{
    0%{width:0;opacity:0}
    20%{width:0;opacity:1}
    80%{width:105%;opacity:1}
    100%{width:105%;opacity:0}
}

@keyframes arrowlong02{
    0%{left:0;opacity:0}
    20%{left:0;opacity:1}
    80%{left:103%;opacity:1}
    100%{left:103%;opacity:0}
}


/* --------------------------------------------------
Loading
-------------------------------------------------- */

/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 110000;
  background:#fff;
  text-align:center;
  color:#fff;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:200px;
}

/* fadeUpをするアイコンの動き */

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(50px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}



#container{
    width:100%;
    height: 100vh;
    background: #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}





/* --------------------------------------------------
looding 普通のまる
-------------------------------------------------- */


/* ブラウザのスクロールバーを常に表示させることでカクカクッとなるのを防ぐ */
html{
  overflow-y:scroll;
}
 
/* ローディングの背景部分のCSS */
.loader{
  background:#fff;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:10000;
}
 
/* ローディングのアニメーション部分のCSS (https://projects.lukehaas.me/css-loaders/) */
.loader-animation,
.loader-animation:after {
  border-radius: 50%;
  width: 6em;
  height: 6em;
  position:absolute;
top: 40%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

  
.loader-animation {
  margin: 0 auto;
  font-size: 1.0rem;
  position: relative;
  text-indent: -9999em;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



/* --------------------------------------------------
基本設定
-------------------------------------------------- */

html {
    /* ルートのフォントサイズを10pxに設定しておく */
	font-size: 62.5%;
}


body {color:#333;margin: 0;font:16px/1 'Helvetica Neue', 'Arial', 'Hiragino Kaku Gothic ProN','Hiragino San', 'Meiryo', sans-serif;}
* html body {font-size: 1.6em;}
*:first-child+html body {font-size: 1.6em;}


.page-title,.home-copy-color,.home-copy-en,.en-titletop,.title-en,.title-en-default{font-family: 'Poppins', sans-serif;}
.conterts-title h3,.conterts-title h4,.home-copy-jpsrider,.home-copy-smh,.home-copy-smh02,.conterts-title-en02 h3 .en-titletop,.recruiting-title h3,.newBox h3,.contactfooter-box h3{font-family: 'Noto Sans JP', sans-serif;}


    
* html body {font-size: 1.6em;}
*:first-child+html body {font-size: 1.6em;}




h3{line-height:1.9;}

.contents-links a:link{color:#333333;}
.contents-links a:visited{color:#333333;}
a:hover{color:#000;text-decoration:none;}
a:active{color:#000;text-decoration:none;}

.big{font-size:2.2rem;}
.middle{font-size:1.8rem;}
.small{font-size:1.2rem;}
.small02{font-size:1.0rem;}
.small03{font-size:1.4rem;}
.red{color:#a20008;}
.white{color:#ffffff;}
.black{color:#333333;}
.purple{color:#541b85;}
.green{color:#7a7c4a;}
.purplered{color:#851b59;}


.nowrap{white-space: nowrap;}
.font-normal{font-weight:normal;}
.fa-check-square{font-size:2.5rem;font-weight:600;color:#0facd9;margin-right:10px;}
.arrow {font-size:14px;margin-top:10px;animation-name: arrow;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-direction: alternate;animation-duration: 1.5s;}

@keyframes arrow {
    0% {transform: translate(0,0px);}
    100% {transform: translate(0,-15px)}
}


/* 文字選択背景色 */
::selection {background: #787b47; /*背景色*/color: #fff; /*文字色*/}
::-moz-selection {background: #787b47; /*背景色*/color: #fff; /*文字色*/}




/* ################################### 画面サイズ650px以下 ########################################### */
@media screen and (max-width:650px) {

.page-title .heading06 {position: relative;padding-top: 50px;padding-bottom: 50px;font-size: 2.2rem;text-align: center;letter-spacing:0.1em;}
.page-title .heading06::before {content: attr(data-en);position: absolute;top: -20px;left: 50%;transform: translateX(-50%);color: rgba(19,143,46,1);font-size: 50px;}

}/* 650px以下end */


/* 文字基本見出し指定 */
.conterts-title h3{font-size:2.5rem;font-weight:600;margin-top:20px;line-height:1.6;}
.conterts-title h3 span{font-size:1.7rem;font-weight:400;color:#000;margin-left:20px;}
.conterts-title h4{font-size:1.4rem;margin-top:5px;}


/* 文字基本見出し指定 英語 */
.conterts-title-en h3 .en-titletop{font-size:2.5rem;font-weight:600;margin-top:20px;letter-spacing:0.1em;}
.conterts-title-en h3 .jp-titletop{white-space: nowrap;color:#787b47;font-weight:600;}
.conterts-title-en h3{font-size:1.8rem;line-height:1.9;font-weight:400;}

/* 文字基本見出し指定 home */
.conterts-title-en02 h3 .en-titletop{font-size:5.5rem;font-weight:600;padding:20px 0;letter-spacing:0.1em;}
.home-copy-smh{font-size:2.7rem;font-weight:500;letter-spacing:0.1em;line-height:1.6;}
.home-copy-smh02{font-size:2.3rem;font-weight:500;letter-spacing:0.1em;line-height:1.6;}


/* パララックス */
.thumbnail {width: 100%;}


.cr { clear:both; }
.clearfix::after {content: " ";display: block;clear: both;}
.center{text-align:center;}
.right{text-align:right;}


p,h4{line-height:2.2;}
p img,h1 img,h2 img,h3 img,h4 img,.link-style img{vertical-align: middle;}
li{list-style : none ;} 
 
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



.space01{margin:0 0 10px;}
.space02{margin:0 0 20px;}
.space03{margin:0 0 30px;}
.space04{margin:0 0 40px;}
.space05{margin:0 0 50px;}
.space06{margin:0 0 60px;}
.space07{margin:0 0 70px;}
.space08{margin:0 0 80px;}
.space09{margin:0 0 90px;}
.space10{margin:0 0 100px;}
.space11{margin:10px 0 0;}
.space12{margin:20px 0 0;}
.space13{margin:30px 0 0;}
.space14{margin:10px 0 100px;}
.space15{margin:30px 0 50px;}
.space16{padding:30px 0 100px;}
.space17{padding:60px 0;}
.space18{margin:80px 0 20px;}
.space19{padding:40px 0;}
.space20{padding-top:80px;padding-bottom:30px;}
.space21{padding:10px 0;}
.space22{padding-top:0;padding-bottom:30px;}
.space23{padding:60px 0 0;}
.space24{padding-bottom:100px;}
.space25{padding:100px 0 0;}
.space26{padding:0 0 50px;}
.space27{margin-top:-100px;}
.space28{padding:120px 0;}
.space29{padding:60px 0 100px;}
.space30{margin-bottom:-70px;}
.space31{margin:30px 0;}
.space17-smh{padding:90px 0 20px;}
.space18{margin:60px 0 0;}
.space19-smh{padding:60px 0 20px;}

.space23-smh{padding:60px 0 0;}


.space29-smh{padding:60px 0 100px;}



/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {

.conterts-title h3,.conterts-title02 h3{font-size:2.0rem;}
.conterts-title h3 span,.conterts-title02 h3 span{font-size:2.0rem;}
.home-copy-smh{font-size:2.0rem;}

.space17-smh{padding:70px 0 50px;}
.space19-smh{padding:40px 0 10px;}
.space23-smh{padding:0;}
.space32-smh{padding-top:-90px;}
.space33-smh{padding-bottom:90px;}
.space34-smh{padding-bottom:50px;}

}/* 600px以下end */



/* ################################### 画面サイズ550px以下 ########################################### */
@media screen and (max-width:550px) {

p,td,li,#newBox{font-size:14px;}
#newBox h2{font-size:18px;}
#tree .breadcrumb{font-size:11px;}

.space29-smh{padding:30px 0;}


}/* 550px以下end */


/* --------------------------------------------------
ふわっ
-------------------------------------------------- */

/* fadeUp */

.fadeUp{animation-name:fadeUpAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;}

@keyframes fadeUpAnime{
from {opacity: 0;transform: translateY(100px);}
to {opacity: 1;transform: translateY(0);}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 .fadeUpTrigger{opacity: 0;}


/*==================================================
文字背景色が伸びて出現
===================================*/

/*全共通*/

.bgextend{animation-name:bgextendAnimeBase;animation-duration:1s;animation-fill-mode:forwards;position: relative;overflow: hidden;opacity:0;animation-delay: 1s;}

@keyframes bgextendAnimeBase{
  from {opacity:0;}
  to {opacity:1;}
}

/*中の要素*/
.bgappear{animation-name:bgextendAnimeSecond;animation-duration:1s;animation-delay: 0.6s;animation-fill-mode:forwards;opacity: 0;animation-delay: 2s;}

@keyframes bgextendAnimeSecond{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/*左から右*/
.bgLRextend::before{animation-delay: 1s;animation-name:bgLRextendAnime;animation-duration:3s;animation-fill-mode:forwards;animation-iteration-count:infinite;content: "";position: absolute;width: 100%;height: 100%;border-bottom:1px solid #fff;
}
@keyframes bgLRextendAnime{
  0% {transform-origin:left;transform:scaleX(0);}
  50% {transform-origin:left;transform:scaleX(1);}
  50.001% {transform-origin:right;}
  100% {transform-origin:right;transform:scaleX(0);}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgappearTrigger,.bgLRextendTrigger{opacity: 0;}



/* --------------------------------------------------
スクロール途中から上部固定
-------------------------------------------------- */

#contentsindex{position:relative;z-index: 990;}

#header{position: fixed;width:100%;z-index: 999;}


/*==ふわっと出現させるためのCSS*/

/*　上に上がる動き　*/

#header.UpMove{position: fixed;width:100%;animation: UpAnime 0.5s forwards;  }

@keyframes UpAnime{
  from {opacity: 1;transform: translateY(0);}
  to {opacity: 0;transform: translateY(-100px);}
}

/*　下に下がる動き　*/
#header.DownMove{position: fixed;width:100%;animation: DownAnime 0.5s forwards;}

@keyframes DownAnime{
  from {opacity: 0;transform: translateY(-100px);
  }
  to {opacity: 1;transform: translateY(0);}
}



/*　スマホでスクロールした時背景透明　*/
#header.bgnon { background-color: rgba(255,255,255,0); }
#header.bgw { background-color: rgba(255,255,255,1); }


/*　上余白（スクロールの弊害）　*/

.smh-pctop{padding-top:100px;}




@media screen and (max-width:1140px) {
#header,
#header.UpMove,
#header.DownMove{
    animation:none;
    height: auto;
    padding: 0;
    display: block;
    background-color: rgba(255,255,255,0);
}

.smh-pctop{padding-top:10px;}
    
}




/* --------------------------------------------------
vegas
-------------------------------------------------- */
.wrapper-slider{max-width:2000px;}


/* --------------------------------------------------
slick
-------------------------------------------------- */

.bg-slider{padding:0;}

.imagesyosai{float:left;width:50%;}
.imagesyosai img{width:100%;height:auto;}



/* --------------------------------------------------
wrapper
-------------------------------------------------- */

/* 全体の横幅を固定 */

.wrapper,.wrapper-default{max-width: 1200px;margin: 0 auto;text-align:left;clear:both;width:100%;}
.wrapper-default-inner,.wrapper-home-inner{margin:0 20px;}
.wrapper-bg{padding:10px 0;background:#f3f3f3;}
.wrapper-bg-default{max-width: 1500px;margin: 0 auto;text-align:left;clear:both;width:100%;}

.wrapper-bg02{background: #f3f3f3;padding:50px 0;}


/* ################################### 画面サイズ768px以下 ########################################### */
@media screen and (max-width:960px) {

#wrapper,#wrapper-default{padding-top:50px;}

}/* 768px以下end */



/* 文字左、写真右回り込み */

.photo-box{display: flex;max-width:2000px;width:100%;margin: 0 auto 80px 0;clear:both;}
.photo-box-left{flex: 1;padding:0 20px;}
.photo-box-right{flex: 1;}
.photo-box-right-inner{width:90%;margin:20px auto;}
.photo-box-right02-inner{width:90%;margin:20px auto;}

.photo-box02{display: flex;flex-flow: row-reverse;max-width:2000px;width:100%;margin: 0 auto 80px 0;clear:both;}
.photo-box02-left{flex: 1;padding:0 20px;}
.photo-box02-right{flex: 1;}
.photo-box02-right-inner{width:90%;margin:20px auto;}
.photo-box02-right02-inner{width:90%;margin:20px auto;}

.photo-box-left img,.photo-box02-left img{width:100%;height:auto;}
.concept-block{padding-top:70px;}


.photo-box-right img{width:100%;height:auto;}


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.concept-block{padding-bottom:70px;padding-top:20px;}
.photo-box,.photo-box02{display:block;margin: 0 auto 40px;}
.photo-box-left,.photo-box02-left{padding-bottom:20px;}
.photo-box-left,.photo-box02-left{text-align:center;}
.photo-box-left a{text-align:center;}
.photo-box-left img,.photo-box02-left img{width:96%;height:auto;}
.smh-center{text-align:center;}

}/* 960px以下end */

/* ################################### 画面サイズ768px以下 ########################################### */
@media screen and (max-width:768px) {

.photo-box-right-inner,.photo-box02-right-inner{width:90%;}
.photo-box-right02-inner,.photo-box02-right02-inner{width:90%;}

}/* 768px以下end */




/* ################################### 画面サイズ500px以下 ########################################### */
@media screen and (max-width:500px) {

.photo-box-left img,.photo-box02-left img{width:100%;}
.concept-block{padding-bottom:30px;}


}/* 500px以下end */



/* --------------------------------------------------
header / top-list
-------------------------------------------------- */

header{width:100%;padding-bottom:0;}
.header-global{clear:both;width:100%;}
.header-global-inner{max-width:1770px;width:100%;margin:0 auto;}
.top-list-left {display: flex;}
.top-list-left h1 img{float:left;width: 280px;height: auto;padding:0 0 0 0;}


.top-list{display: flex;width:100%;}
.top-list-left{flex:1;}
.top-list-right{text-align:right;margin-right:10px;margin-top:30px;}
.top-list-right{padding-right:40px;}


/* ######################################### ロゴ1141px以上 ######################################### */
@media (min-width: 1141px) {

.logo-responsive{display:none;}

}/* 1441px以上 end */





/* ################################### ロゴ1140px以下 ########################################### */

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

.top-list-left {display:none;}
.logo-responsive h3{text-align:center;}
.logo-responsive h3 img{max-width:300px;width:100%;height:auto;padding-top:50px;padding-right:0px;}

}/* 1140px以下end */


/* ################################### 画面サイズ600px以下 ########################################### */

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

.logo-responsive h3 img{padding-top:50px;}

}/* 600px以下end */

/* ################################### 画面サイズ420px以下 ########################################### */

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

.logo-responsive h3 img{padding-top:80px;}

}/* 420px以下end */






/* ######################################### 1500px以上 ######################################### */
@media (min-width: 1500px) {

.header-global{clear:both;max-width:1800px;width:100%;margin:0 auto 10px;}

}/* 1500px以上 end */




/* ################################### 画面サイズ1140px以下 ########################################### */
@media screen and (max-width:1140px) {


header,.header-global{background: transparent;}
header{margin-bottom:0;}
.top-list{display: block;}
.top-list-left{text-align:center;padding:50px 0 30px;margin-left:0px;}
.top-list-right{text-align:center;margin-left:0px;}
.top-list-right a{;font-weight:bold;}
.top-list-right .header-tel{margin-right:0;}
.top-list-left h1 img{max-width:100px;width:100%;height:auto;padding-right:0px;}

}/* 1140px以下end */



/* --------------------------------------------------
mainphoto
-------------------------------------------------- */

/* home-header */

.home-main-block{position: relative;max-width:4000px;margin: 0 auto;}
.home-box{max-width:4000px;height:800px;margin:0 0 0 auto;}


.home-copy{max-width:2000px;width:100%;height:auto;position: absolute;top: 0;left: 0;}
.home-copy .home-copy-contents{max-width:2000px;width:100%;text-align:right;padding-top:320px;padding-right:40px;}
.home-copy-en{font-weight:400;line-height:65px;font-size:5rem;color:#787b47;}
.home-copy-jpsrider span{color:#fff;font-weight:400;font-size:1.7rem;padding:10px 10px;letter-spacing: 0.5em;}
.home-copy-color{color:#fff;font-weight:300;font-size:1.8rem;line-height:30px;margin-top:-20px;}


.copy-svg img{max-width:500px;width:100%;height:auto;}


/* ################################### 画面サイズ1400px以下 ########################################### */
@media screen and (max-width:1400px) {

.home-box{height:650px;}

}/* 1400px以下end */


/* ########### 1140px以下 ########### */
@media (max-width: 1140px) {

.home-box{height:600px;}
.home-copy .home-copy-contents{padding-top:200px;}
.home-main-block{margin-top:30px;}
.home-copy-color{font-size:1.4rem;line-height:40px;text-align:center;}

}/* 1140px以下end */


/* ########### 600px以下 ########### */
@media (max-width: 600px) {

.copy-svg img{max-width:500px;width:100%;height:auto;}
.copy-svg{margin:0 auto;}
.home-copy .home-copy-contents{padding-top:150px;}


}/* 600px以下end */




/* --------------------------------------------------
HOME
-------------------------------------------------- */

.home-illust{text-align:center}
.home-illust img{max-width:500px;width:100%;height:auto;}

.illust-2shu img{max-width:50px;width:100%;height:auto;}
.illust-2shu02 img{max-width:40px;width:100%;height:auto;}

.illust-home-logo img{max-width:320px;width:100%;height:auto;}

.map{background:url(../imgall/map03.jpg) top right no-repeat;}
.map02{margin-top:-150px;height:250px;background:url(../imgall/yatsugatake.svg) top center no-repeat;}
.map03{background:url(../imgall/yatsugatake.svg) top center no-repeat;}
.map04{background:url(../imgall/map02.jpg) top right no-repeat;padding-bottom:40px;}


.home-topbox{max-width:1100px;margin:0 auto;}


.menubox-wrapper{max-width:1900px;display: flex;margin:20px auto 0;padding:0 20px;}
.menubox-wrapper-left{flex:2;margin:30px;}
.menubox-wrapper-right{flex:5;}

.menubox-wrapper-left h3{font-size:2.0rem;}
.menubox-wrapper-left .menubox-copy img{max-width:400px;width:100%;height:auto;}



/* ########### 1300px以下 ########### */
@media (max-width: 1300px) {

.map{background:url(../imgall/map03.jpg) top left no-repeat;}

.menubox-wrapper{display: block;width:94%;margin:0 auto;}
.menubox-wrapper-left{margin-bottom:20px;}

}/* 1300x以下end */


.home-menubox{display: flex;  justify-content: space-between;flex-wrap: wrap;margin-top:20px;}
.home-menubox .home-menubox-inner{width:49%;margin-bottom:50px;display: flex;}
.home-menubox .home-menubox-inner img{width:100%;height:auto;}
.home-menubox .home-menubox-inner a img:hover{opacity:0.8;}

.home-menubox .home-menubox-contents{background:#fff;padding-bottom:20px;}
.home-menubox .home-menubox-contents:hover{background:#f3f3f3;}
.home-menubox .home-menubox-contents h4{font-size:2.0rem;padding:20px 0 5px;text-align:center;}
.home-menubox .home-menubox-contents a{text-decoration:none;}
.home-menubox .home-menubox-contents p{font-size:1.4rem;}





/* ########### 860px以下 ########### */
@media (max-width: 860px) {

.home-menubox{display: block;}
.home-menubox .home-menubox-inner{width:100%;margin-bottom:50px;}


}/* 860px以下end */



/* ########### 600px以下 ########### */
@media (max-width: 600px) {

.menubox-wrapper-left{text-align:center;}
.home-menubox .home-menubox-contents .menuboxtext{font-size:1.2rem;}

.illust-home-logo img{max-width:230px;width:100%;height:auto;}


.map{background-image: none !important;}

}/* 600px以下end */




/* --------------------------------------------------
subscriptionfooter
-------------------------------------------------- */

.subscriptionfooter-wrapper{clear:both;background:#799a3c;}


.subscriptionfooter-box{display:flex; justify-content: center;align-items: center; max-width:700px;width:100%;margin:0 auto;padding:20px 20px 40px;}
.subscriptionfooter-box-left{flex:1;text-align:center;}
.subscriptionfooter-box-right{flex:1;text-align:right;}

.subscriptionfooter-box-left h3{margin-top:20px;white-space: nowrap;font-size:2.2rem;font-weight:500;color:#fff;}



/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.subscriptionfooter-box{text-align:center;}
.subscriptionfooter-box{display:block;padding:10px 0 30px;}
.subscriptionfooter-box-right{text-align:center;}
.subscriptionfooter-box-left h3{font-size:2.0rem;}

}/* 768px以下end */






/* --------------------------------------------------
onlineshopfooter
-------------------------------------------------- */

.onlineshopfooter-wrapper{clear:both;border-top: 1px solid #000;}


.onlineshopfooter-box{display:flex; align-items:center; max-width:700px;width:100%;margin:0 auto;padding:50px 20px;}
.onlineshopfooter-box-left{flex:1;}
.onlineshopfooter-box-right{flex:1;text-align:right;}

.onlineshop-logo img{max-width:320px;width:100%;height:auto;}



.onlineshopfooter-box h3{white-space: nowrap;font-weight:600;font-size:2.5rem;}


/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.onlineshopfooter-box{text-align:center;}
.onlineshopfooter-box{display:block;padding:40px 0;}
.onlineshopfooter-box h3 span{font-size:2.0rem;}
.onlineshopfooter-box-right{text-align:center;}
.onlineshop-logo img{max-width:230px;width:100%;height:auto;}

}/* 768px以下end */




/* --------------------------------------------------
contactfooter
-------------------------------------------------- */

.contactfooter-wrapper{clear:both;background:#aaab92;}
.contactfooter-box{display:flex;align-items:center;max-width:900px;width:100%;margin: 0 auto;clear:both;padding:20px 0 30px;}
.contactfooter-box-left{flex:3;}
.contactfooter-box-right{flex:2;text-align:right;}

.contactfooter-box h3{white-space: nowrap;font-weight:500;font-size:2.5rem;letter-spacing:0.3em;color:#787b47;color:#fff;}


/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.contactfooter-box{text-align:center;}
.contactfooter-box{display:block;padding:40px 0;}
.contactfooter-box h3 span{font-size:2.0rem;}

}/* 768px以下end */



/* --------------------------------------------------
tree
-------------------------------------------------- */

#tree{width:100%;}
.tree-inner{text-align:right;margin: 0 auto;padding:15px 30px;}
.tree-inner i{margin:0 15px;}
#tree .breadcrumb,#tree .breadcrumb a{font-size:1.4rem;}

/* ########### 650px以下 ########### */
@media (max-width: 650px) {

#tree .breadcrumb,#tree .breadcrumb a{font-size:1.2rem;}
.tree-inner i{margin:0 5px;}
.tree-inner{padding-right:10px;text-align:right;}

}/* 650px以下end */



/* --------------------------------------------------
須田農園について
-------------------------------------------------- */


.history-box{display:flex;}
.history-box-left{flex:3;}
.history-box-right{flex:2;}

.history-box-right img{width:100%;height:auto;}

.sudafarmhistory{padding-top:40px;}
.sudafarmhistory{background:url(../imgabout/sudafarmhistory.jpg) top left no-repeat;background-size:370px;}


.cp_timeline04 {
  position: relative;
  margin: 2em auto;
  padding-bottom: 2em;
padding-right:30px;
}
.cp_timeline04:before {
  position: absolute;
  top: 0px;
  top: -30px;
  left: 45px;
  width: 3px;
  height: 100%;
  content: '';
  background: #7a7c4a;
}
.cp_timeline04 .timeline_item {
  margin: 0px 0px 0px 80px;
}
.cp_timeline04 .timeline_item .time_date .time {
  font-size: 2.0rem;
  position: relative;
  margin: 0;
  letter-spacing: 3px;
  color: #7a7c4a;
}
.cp_timeline04 .timeline_item .time_date .time:before {
  position: absolute;
  top: 50%;
  left: -42px;
  width: 16px;
  height: 16px;
  content: '';
  transform: rotate(45deg);
  border: 3px solid #7a7c4a;
  background: #fff;
}
.cp_timeline04 .timeline_item .time_date .flag {
  font-size: 1.8rem;
  font-weight: bold;
  margin: -20px 0 0 0;
  color: #7a7c4a;
}
.cp_timeline04 .timeline_item .desc {
  font-size: 0.8em;
  line-height: 20px;
  margin-top: 10px;
  padding-left: 20px;
  border-left: 1px solid #7a7c4a;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .cp_timeline04:before {
    left: 15px;
  }
  .cp_timeline04 .timeline_item .time_date .time:before {
    left: -32px;
  }
  .cp_timeline04 .timeline_item {
    margin: 0px 0px 0px 40px;
  }
  .cp_timeline04 .timeline_item .desc {
    padding-left: 0px;
    border-top: 1px solid #7a7c4a;
    border-left: none;
  }
}





/* ################################### 画面サイズ800px以下 ########################################### */
@media screen and (max-width:800px) {

.sudafarmhistory{padding-top:150px;}

}/* 800px以下end */




/* --------------------------------------------------
取扱商品
-------------------------------------------------- */

.copyfont-under{padding-top:150px;}
.copyfont-under img{max-width:400px;width:100%;height:auto;}



/* --------------------------------------------------
農園案内
-------------------------------------------------- */

.copyfont02-under{padding-top:150px;text-align:center;}
.copyfont02-under img{max-width:400px;width:100%;height:auto;}





/* --------------------------------------------------
取扱商品
-------------------------------------------------- */



.item-list { 
    display: flex;
    flex-wrap: wrap; /* 折返し可 */ 
    justify-content: space-between;
}

/* 子要素 */
.item-list .item-block { 
    width: 25% ; /* 親要素の1/4より小さい値 */
	margin-bottom:30px;
    border:5px solid #f3f3f3;
}

/* 親要素の疑似要素 */
.item-list::after {
    content: "";
    display:block;
    width:25%; /* 子要素と同じ幅 */
}
.item-list::before { 
    content: ""; 
    display:block; 
    width:25%; /* 子要素と同じ幅 */
    order: 1; /* アイテムの並び順 */
}

.item-block{background:#fff;padding:20px;}

.item-block .list-photo img{border-radius: 50%;width: 150px;height: 150px;}
.item-block .list-photo{text-align:center;margin-bottom:10px;border-radius: 50%;width: 150px;height: 150px;background-image: url(../imgitem/noimage.gif);background-repeat: no-repeat;background-size:  cover;margin:0 auto;}

.item-block h4{font-size:1.8rem;text-align:center;}
.item-block .season{text-align:center;font-size:1.2rem;font-weight:bold;margin-top:-10px;}
.item-block .explanation{font-size:1.2rem;line-height:1.7;}


.item-list02 { overflow: hidden;}
.item-list02 .item-block { 
	width: 20% ; 
	float:left;
	height:270px;
	border:5px solid #f3f3f3;
}

.list-photo02{text-align:center;margin-bottom:10px;}
.list-photo02 img{border-radius: 50%;width: 100px;height: 100px;}
.list-photo02{text-align:center;margin-bottom:10px;border-radius: 50%;width: 100px;height: 100px;background-image: url(../imgitem/noimage.gif);background-repeat: no-repeat;background-size:  cover;margin:0 auto;}


/* ################################### 画面サイズ1100px以下 ########################################### */
@media screen and (max-width:1100px) {


.item-list02 .item-block { width: 25%;}

}/* 1100px以下end */


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.item-list .item-block { width: 33.333%;}
.item-list02 .item-block { width: 33.3333%;}


}/* 960px以下end */


/* ################################### 画面サイズ768px以下 ########################################### */
@media screen and (max-width:768px) {

.item-list .item-block { width: 50%;}
.item-list02 .item-block { width: 50%;}

.item-block .list-photo img{border-radius: 50%;width: 100px;height: 100px;}
.item-block .list-photo{text-align:center;margin-bottom:10px;border-radius: 50%;width: 100px;height: 100px;background-image: url(../imgitem/noimage.gif);background-repeat: no-repeat;background-size:  cover;margin:0 auto;}

}/* 768px以下end */




/* --------------------------------------------------
オンラインショップ
-------------------------------------------------- */


.onlineshop-banner img{max-width:750px;width:100%;height:auto;}
.onlineshop-banner a:hover img{opacity:0.8;}





/* --------------------------------------------------
事業紹介
-------------------------------------------------- */


/* 写真組み合わせブロック */

.worksgallery{background: #fff;margin:0;}
.cols-2 {width: 16.66666667%;min-height: 1px;}
.cols-4 {width: 33.33333333%;min-height: 1px;}
.grid li img{width:100%;height:auto;padding: 0;vertical-align: bottom;}



.service-title {position: relative;font-size:3.5rem;line-height:55px;}
.service-title::before {content: attr(data-number);display: block;color: #787b47;font-size:3.5rem;}


.service-list-wrapper{max-width: 1430px;margin: 0 auto;text-align:left;clear:both;width:100%;padding: 0 30px;margin-top:-30px;}
.service-list-wrapper h4{font-size:1.8rem;margin-bottom:20px;}
.service-list{display: flex;margin-bottom:50px;}
.service-list-left{flex:1;margin-right:20px;}
.service-list-right{flex:1;margin-left:20px;}


.service-list-left p,.service-list-right p{border-bottom:1px solid #ccc;padding:3px;}


/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {

.service-title {font-size:3.0rem;line-height:45px;}

}/* 600px以下end */




/* --------------------------------------------------
会社案内
-------------------------------------------------- */

.table{max-width:1200px;width:100%;margin:40px auto 80px;border-top:5px solid #f3f3f3;border-left:5px solid #f3f3f3;border-right:5px solid #f3f3f3;}
.table td{padding:20px;border-bottom:5px solid #f3f3f3;line-height:1.9;}
.table td:last-child{padding:20px;border-bottom:5px solid #f3f3f3;line-height:1.9;}


.c-title{min-width:70px;width:300px;text-align:center;vertical-align:top;}


.copylogo-under img{max-width:600px;width:100%;height:auto;}}



#companycopy{max-width:500px;margin:0 auto;padding:40px 0;}
#companycopy .maincopy-en{width:100%;text-align:left;font-weight:500;font-size:11.0rem;letter-spacing: 0.03em;line-height:100px;}
#companycopy .maincopy-jp{font-weight:600;font-size:2.0rem;text-align:center;}


/* ################################### 画面サイズ500px以下 ########################################### */
@media screen and (max-width: 530px) {

.c-title{width:200px;}
#companycopy{max-width:380px;margin:0 auto;padding:40px 0;}
#companycopy .maincopy-en{width:100%;text-align:left;font-weight:500;font-size:8.0rem;letter-spacing: 0.03em;line-height:80px;}
.copylogo-under img{max-width:400px;width:100%;height:auto;}

}/* 530px以下end */



/* ################################### 画面サイズ400px以下 ########################################### */
@media screen and (max-width: 400px) {



#companycopy{max-width:300px;margin:0 auto;padding:40px 0;}
#companycopy .maincopy-en{width:100%;text-align:left;font-weight:500;font-size:6.5rem;letter-spacing: 0.03em;line-height:65px;}

}/* 400px以下end */





/* --------------------------------------------------
代表挨拶
-------------------------------------------------- */

.message-name{text-align:right;padding-bottom:40px;padding:20px 20px;}
.message-name img{max-width:330px;width:100%;height:auto;}
.greeting-date{margin-right:20px;}

.message-name{max-width:1300px;}
.message-caption{text-align:right;}


/* 文字左、写真右回り込み */

.message-box{display: flex;max-width:1300px;width:100%;margin: 0 auto;padding:20px 20px;clear:both;}
.message-box-left{flex: 3;padding-right:50px;}
.message-box-left h3{margin-bottom:20px;}
.message-box-right{flex: 2;text-align:center;margin-top:80px;}
.message-box-right img{max-width:550px;width:100%;height:auto;}


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.message-box{display:block;}
.message-box-left{flex: 1;padding-right:0;margin-bottom:40px;}
.message-box-right{flex: 1;}
.message-name{text-align:center;max-width:400px;margin:20px auto 0;}
.message-name img{max-width:400px;height:auto;}
.message-box-right img{width:400px;height:auto;}
.message-caption{text-align:center;}


}/* 960px以下end */





/* --------------------------------------------------
アクセス
-------------------------------------------------- */

.wrapper-map{max-width:1200px;width:100%;margin:0 auto 200px;}



/* --------------------------------------------------
各ページメイン画像
-------------------------------------------------- */

/* 各ページメイン画像 */
#title{width:100%;}
.title-inner{padding:0;}

.title-en{text-align:left;font-size:4.0rem;color:#fff;padding:150px 0 1px 185px;font-weight:500;}
.title-jp{text-align:left;font-size:1.6rem;color:#333;padding:5px 0 0 187px;font-weight:500;}

.title-en-default{text-align:center;font-size:2.8rem;padding:90px 0 1px;font-weight:500;letter-spacing:0.3em;}

.titleinner-default{width:100%;height:150px;margin: 0 auto;padding:0;}



.titleinner-about,.titleinner-item,.titleinner-onlineshop,.titleinner-message{width:100%;height:350px;margin: 0 auto;padding:0;}
.titleinner-information{width:100%;height:400px;margin: 0 auto;padding:0;}




.titleinner-about{background-image:url(../imgabout/about_mainphoto.jpg);background-size: cover;background-color: #ccc;background-position: center;}
.titleinner-item{background-image:url(../imgitem/item_mainphoto.jpg);background-size: cover;background-color: #ccc;background-position: center;}
.titleinner-onlineshop{background-image:url(../imgonlineshop/onlineshop_mainphoto.jpg);background-size: cover;background-color: #ccc;background-position: center;}
.titleinner-information{background-image:url(../imginformation/information_mainphoto.jpg);background-size: cover;background-color: #ccc;background-position: center;}
.titleinner-message{background-image:url(../imgmessage/message_mainphoto.jpg);background-size: cover;background-color: #ccc;background-position: center;}


/* ################################### 画面サイズ1140px以下 ########################################### */
@media screen and (max-width:1140px) {

#title{margin-top:20px;}

}/* 1140px以下end */


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {

.title-inner{padding:0;}
.title-en{font-size:4.0rem;}
#title{padding:0;}

.title-en{text-align:center;font-size:4.0rem;color:#fff;padding:100px 0 1px 0;}
.title-jp{text-align:center;font-size:1.6rem;color:#333;padding:5px 0 0 0;}



}/* 960px以下end */


  
/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {

.title-en{padding-left:10px;}
.title-jp{padding-left:10px;}

.title-en-default{font-size:2.5rem;}





}/* 600px以下end */



/* ################################### 画面サイズ500px以下 ########################################### */
@media screen and (max-width:500px) {


.title-en{font-size:4.0rem;text-align:center;padding-left:0px;}
.title-jp{font-size:1.5rem;text-align:center;padding-left:0px;}


}/* 500px以下end */





/* --------------------------------------------------
parallax-container
-------------------------------------------------- */

.parallax-container{margin-top:80px;}
.parallax-container img{width:100%;height:auto;}


/* --------------------------------------------------
footer
-------------------------------------------------- */
.footer-link-wrapper-bg{padding:20px 0 40px;}
.footer-link-wrapper{max-width:1400px;margin:0 auto;padding-top:20px;}
.footer-link{display: flex;border-left:1px solid #555;}
.footer-link li{line-height:1.9;}
.footer-link-left{flex:1;border-right:1px solid #555;}
.footer-link-center{flex:1;border-right:1px solid #555;}
.footer-link-center02{flex:1;border-right:1px solid #555;}
.footer-link-right{flex:1;border-right:1px solid #555;}
.footer-link-left,.footer-link-center,.footer-link-center02,.footer-link-right{padding-left:5%;}
.footer-link a{text-decoration:none;}

.footer-link .toplink{list-style: disc;color:#787b47;}

/* ################################### 画面サイズ600px以下 ########################################### */
@media screen and (max-width:600px) {

.footer-link-wrapper-bg{background-image:none;}
.footer-link-left,.footer-link-center,.footer-link-center02,.footer-link-right{margin-left:0%;}
.footer-link a{font-size:1.2rem;}
.footer-wrapper{padding-top:0px;}


.footer-link{border-left:0;}
.footer-link-left{border-right:0;}
.footer-link-center{border-right:0;}
.footer-link-center02{;border-right:0;}
.footer-link-right{border-right:0;}
.footer-link-left,.footer-link-center,.footer-link-center02,.footer-link-right{padding-left:10%;}


}/* 600px以下end */



.footer-wrapper{clear: both;padding-top:0px;}
footer{clear: both;width:100%;padding:0 0 30px;}

#footer-inner{max-width:1400px;margin:0 auto;padding-bottom:20px;}
.footer-block{display: flex;margin:50px 20px 10px;}
.footer-block-left{flex:3;margin-bottom:30px;margin-right:30px;:30px;}
.footer-block-left h2 img{max-width:450px;width:100%;height:auto;}
.footer-block-right{flex:4;margin-top:40px;}
.footer-block-right v
.footer-block-right p span{white-space: nowrap;}

.copyright{clear:both;padding-top:6px;font-size:1.1rem;}




/*リンクの形状*/
#page-top a{display: flex;justify-content:center;align-items:center;width: 60px;height: 60px;color: #787b47;text-align: center;text-transform: uppercase; text-decoration: none;font-size:2.6rem;transition:all 0.3s;}
#page-top a:hover{color: #000;}
#page-top {position: fixed;right: 10px;bottom:10px;z-index: 2;opacity: 0;transform: translateY(100px);}
#page-top.UpMove{animation: Upmotion 0.5s forwards;}

@keyframes Upmotion{
  from {opacity: 0;transform: translateY(100px);}
  to {opacity: 1;transform: translateY(0);}
}

/*　下に下がる動き　*/

#page-top.Downmotion{
  animation: DownAnime 0.5s forwards;
}
@keyframes Downmotion{
  from {opacity: 1;transform: translateY(0);}
  to {opacity: 1;transform: translateY(100px);
  }
}

/* ########### 960px以下 ########### */
@media (max-width: 960px) {

.footer-block-left h2{font-size:1.4rem;letter-spacing: 0.1em;margin-bottom:3px;line-height:1.9;}

}/* 960以下 end */


/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.footer-block{display: block;}
.footer-block-left .footer-logo-img img{max-width:150px;}
#footer-inner p,#footer-inner h2,#footer-inner h3{text-align:center;}
.footer-listblock{float:none;width:100%;margin-top:40px;}
.footer-block-left h2{padding-bottom:10px;.font-size:1.6rem;font-weight:400;}

}/* 768px以下 end */



/* ########### 600px以下 ########### */
@media (max-width: 600px) {

#footer-inner .footer-logo img{width:300px;height:auto;}

.footer-block-right p{font-size:1.0rem;}
.footer-block-right p span{white-space: nowrap;}

.footer-block-tel{font-size:2.0rem;}

}/* 600px以下 end */


/* ########### 400px以下 ########### */
@media (max-width: 400px) {

.footer-block-right p{font-size:0.8rem;}

}/* 400px以下 end */




/* --------------------------------------------------
entry
-------------------------------------------------- */

.entrybodyBlock{clear:both;}
.entrybodyBlock img{max-width:100%;height:auto;margin:20px 0 30px;}
.entryline h1{font-size:2.4rem;}
.entryline h1 img{vertical-align:middle;}

.entryline h1 a{margin:0 0 40px;line-height:1.7;font-size:2.0rem;font-weight:normal;text-decoration:none;}
.entry-date{margin:5px 0 30px;padding: 0;font-size:1.2rem;}
.entry{margin:0 0 100px;}


#entryside{margin:0 0 60px;}
#entryside h2{margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid;border-color:#ededed;font-size:1.6rem;font-weight:normal;}
#entryside ul{margin:0 0 50px;}
#entryside li{margin:0 0 0 10px;padding: 0 0 0 16px;line-height:1.9;}

.entry-big{margin:0 0 40px;padding-top:5px;padding-bottom:5px;text-align:center;background-color: #ffff;border: 1px solid #ccc;}


/* ################################### 画面サイズ480px以下 ########################################### */
@media screen and (max-width:480px) {

.entryline h1 a{font-size:1.6rem;}

}/* 480px以下end */




/* --------------------------------------------------
news 2列
-------------------------------------------------- */

.home-contents-block{display: flex;max-width:1500px;margin:0 auto;padding:0 60px 0;}
.news-title{flex: 2;margin-right:10px;}
.news-contents{flex: 5;margin-left:10px;}

/* ########### 1200px以下 ########### */
@media (max-width: 1200px) {

.home-contents-block{margin:0 20px;}

}/* 1200px以下end */



/* ################################### 画面サイズ768px以下 ########################################### */
@media screen and (max-width:768px) {


.home-contents-block{display: flex;max-width:1500px;margin:0 auto;padding:0 20px 0;}
.news-title{margin-right:0px;}
.news-contents{flex: 1;margin-left:0px;}

}/* 768px以下end */



/* --------------------------------------------------
new
-------------------------------------------------- */

.newBox{clear:both;padding:50px 0 20px;margin:0 auto;}
.newBox h3{font-size:2.3rem;font-weight:600;}
.newBox .news{font-size:1.7rem;color:#000;font-weight:400;}


span.new {display: none;color: #fff;background: #ee5555;font-size:14px;padding:1px 3px;}
span.new img {vertical-align: middle;margin:0 0 0 5px;}
span.new,span.categorylink{margin: 0 0 0 3px;font-size:1.2rem;white-space: nowrap;}

.news-cat{margin: 0 0 0 10px;}
.newBox article{clear:both;padding:8px 0 12px 3px;margin:4px 0;line-height:1.7;}

.day{float:left;padding:1px 5px;}
.day p{font-size: 1.2rem;}
.newstext{float: none;width: auto;margin-left: 100px;border-bottom:1px solid #ccc;padding-bottom:20px;}
.newstext a{color:#000;font-weight:500;}


/* ################################### 画面サイズ960px以下 ########################################### */
@media screen and (max-width:960px) {


.home-contents-block{display:block;padding:0 30px 30px;}

}/* 960px以下end */


/* ########### 768px以下 ########### */
@media (max-width: 768px) {

.home-contents-block{display:block;padding:0 10px 30px;}

}/* 768px以下end */


/* ########### 650px以下 ########### */
@media (max-width: 650px) {

.newBox{clear:both;padding:10px 0 30px;}

}/* 650px以下end */



/* --------------------------------------------------
お問い合わせ
-------------------------------------------------- */

.contact-top{margin:10px 0 20px;}


.telfont{font-size:2.8rem;}
.telnumbers{font-size:2.8rem;}

.c-box{clear:both;padding:30px 0;margin:0;font-size:2.5rem;text-align:center;border:1px solid #333;line-height:1.7;}
.c-box .tel{background: #2db99c;margin-right:15px;padding:3px 10px;color:#fff;font-size:2.0rem;}
.c-box .small{font-size:1.5rem;}


.c-box02{clear:both;padding:8px 0;margin:0;font-size:1.8rem;text-align:center;border:1px solid #333;line-height:1.7;}
.c-box02 .tel{background: #2db99c;margin-right:15px;padding:3px 10px;color:#fff;font-size:2.0rem;}
.c-box02 .small{font-size:1.5rem;}

.left-contact{width:49%;float:left;}
.right-contact{width:49%;float:right;}


/* ########### 600px以下 ########### */
@media (max-width: 600px) {

.contact-top{margin:10px 0 10px;}
.left-contact,.right-contact{width:100%;float:none;margin-bottom:10px;}
.c-box{padding:30px 0;}
.c-box,.c-box span{font-size:2.0rem;}
.c-box02,.c-box02 span{font-size:1.6rem;}
	
}/* 768px以下end */




.nowr span{white-space: nowrap;}

/* ########### 610px以下 ########### */
@media (max-width: 610px) {

.nowr{text-align:center;line-height:80px;}
.nowr span{white-space: nowrap;}


}/* 610px以下 end */



/* --------------------------------------------------
お問い合わせ2列
-------------------------------------------------- */

.contact-kinds{display: flex;margin:0 auto;padding-bottom:0px;}
.contact-tel{flex: 1;border:1px solid #000;width:100%;text-align:center;font-size:2.2rem;padding:10px 5px;margin-right:5px;}
.contact-tel a{text-decoration:none;}
.contact-fax{flex: 1;border:1px solid #000;font-size:2.0rem;text-align:center;padding:10px 5px;margin-left:5px;}
.contact-fax a{text-decoration:none;}
.contact-mail{flex: 1;font-size:2.0rem;max-width:400px;margin:0 auto;}
.mid-top{background-color: #fff;padding:5px 10px;font-size:1.7rem;color:#000;}
.daihyo{font-size:1.7rem;}


/* ########### 650px以下 ########### */
@media (max-width: 650px) {

.mid-top{margin-right:10px;}
.contact-kinds{display:block;padding-bottom:30px;}
.contact-tel{margin:0 0 10px; padding:5px 0;border:1px solid #ccc;}
.contact-tel p{ font-size:2.4rem!important;}
.contact-fax p{ font-size:1.7rem!important;}
.contact-fax{margin:0; padding:5px 0;border:1px solid #ccc;}

.contact-tel a{   text-decoration:underline; }

}/* 650px以下end */