body {
	background: #FFC5C7;
	width: 100%;
	min-width: 1400px;
}
#wrapper {width: 100%;}

h1 {
  background: #FF9CAB;
  border-radius: 16px 16px;
  height: 59px;
  line-height: 59px;
  color: #fff;
  margin-bottom: 20px;
  padding: 0 30px;
  font-weight: bold;
  font-size: 28px;
  position: relative;
}
h1 > span {
  padding-right: 10px;
  font-size: 22px;
}
h1:after {
  content: '';
  width: 150px;
  height: 60px;
  position: absolute;
  right: -8px;
  top: -1px;
  background: url("../img/mainbg.png") no-repeat right center;
}
h6 {
  font-size: 26px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}
h6.pink {border-bottom: 6px solid #FF679A;}
h6.color2 {border-bottom: 6px solid #FF4E63;}

h6.pink > span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #FF4E63;
  color: #fff;
  tab-size: center;
  line-height: 50px;
  font-size: 20px;
  padding: 5px;
  margin-right: 15px;
}

h6.color2 > span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #FF4E63;
  color: #fff;
  tab-size: center;
  line-height: 50px;
  font-size: 20px;
  padding: 5px;
  margin-right: 15px;
}

.red{color: #FF0000;}

/*リンク_赤文字_アンダーライン*/
a.font-pink {
  color: #FF4E63;
  text-decoration: underline;
}
/*各ページ_アンダーライン*/
.border {border: 0!important;}

/*黄色い雲アイコン*/
#breadcrumb .icon--42{color: #ffbb00;}

/*hover処理*/
header a:hover,
.main-btn>a:hover,
.flexslider a:hover,
#toTop img:hover
{opacity: 0.5;}

.main-info a:hover{color: #FFAA00;}

.navigation a:first-child:hover,
.side-info a:hover{color: #FF4E63;}

.main-info-side .main-btn a:hover{color: #fff;}

.main-btn>a.top_color2:hover{color: #fff;}

/*------------------------
      header
-------------------------*/
header{
  width: 100%;
  min-width:100%;
  background: url("../img/headerbg_02.png") repeat-x -30px -1px;
}
.headerinfo{
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  height: 110px;
  z-index: 9;/*999*/
  text-align: center;
}
.headerinfo .logo {
  float: left;
  display: inline;
  width: 320px;
  padding: 5px 30px 40px 60px;
}

.headerinfo .navlist li {
  float: left;
  display: inline;
  text-align: center;
  padding: 25px 0 0 0;
  position: relative;
}
.headerinfo .navlist > li > a {
  color: #2D2500;
  font-size: 20px;
  font-weight: 500;
  padding-right: 25px;
}

.subnav {display: none;}

.navlist li a > span {padding-right: 5px;}
.navlist li:nth-child(1) a > span {color: #FF2B20;}
.navlist li:nth-child(2) a > span {color: #FF9900;}
.navlist li:nth-child(3) a > span {color: #06C3BF;}
.navlist li:nth-child(4) a > span {color: #4A8CF2;}
.navlist li:nth-child(5) a > span {color: #A550FA;}
.navlist li:nth-child(6) a > span {color: #FA50D8;}
.navlist li:hover .subnav {
  display: block;
  width: 100%;
  position: absolute;
  top: 55px;
  left: 0;
  background: #fff;
  box-shadow: 0px 0px 5px 3px #e6e6e6;
  border-radius: 10px;
  padding-bottom: 10px;
  z-index: 99;
}
.subnav li > a {
  color: #2D2500;
  font-size: 16px;
  display: block;
  margin: 0 15px;
  border-bottom: 1px dashed #CEAF20;
  padding-bottom: 8px;
}

.subnav:before {
  content: '';
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  top: -8px;
  left: 45%;
}

.wap-nav {display: none;}

/*------------------------
     side
-------------------------*/
.main-info-side{position: relative;}
.side-info{padding: 15px 30px 10px;}

.side-info a{
  font-size: 22px;
  font-weight: bold;
  color: #5089ef;
}

/*------------------------
       slide
-------------------------*/
.slideshow {
  width: 1400px;
  margin: 20px auto 0 auto;
  position: relative;
  z-index: 2;/*-2*/
}
.flexslider {
  width: 1400px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.slides {
  position: relative;
  z-index: 1;
  width: 85%;
  margin: 0 auto;
}

.slides li{display: none;}

bx-viewport .slides li {
  display: block !important; /*JSが読み込まれたら表示*/
}

.slides li {
	margin: 0;
	padding: 0;
	line-height: 0;
}
.flex-control-nav{
  display: block;
  position: absolute;
  bottom: 40px;
  z-index: 2;
  width: 100%;
  text-align: center;
}
.flex-control-nav li {
  display: inline-block;
  width: 20px;
  height: 14px;
}
.flex-control-nav a {
  display: inline-block;
  width: 14px;
  height: 13px;
  line-height: 40px;
  overflow: hidden;
  position: absolute;
  background: url("../img/dot.png") no-repeat 0 0;
  cursor: pointer;
}
.flex-control-nav .flex-active {
  background-position: -14px 0;
}
.flex-direction-nav {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  z-index: 999;
  width: 1400px;
  top: 45%;
}
.flex-direction-nav li a {
  display: block;
  width: 70px;
  height: 70px;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
}
.flex-direction-nav li a.flex-prev {
  left: 0px;
  background: url("../img/prev.png") center center no-repeat;
}
.flex-direction-nav li a.flex-next {
  right: 0px;
  background: url("../img/next.png") center center no-repeat;
}

/*------------------------
      写真下の雲
-------------------------*/
.cloudsposition {
  width: 100%;
  max-width: 2500px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 3;
}
.cpos {
  width: 100%;
  margin: 0 auto;
  height: 350px;
  position: absolute;
  top: -225px;
  z-index: 1;
  background: url("../img/cloudspo_02_1.png"),url("../img/cloudspo_02_2.png");
  background-repeat: no-repeat,no-repeat;
  background-size: 68%,68%;
  background-position:-80%,180%;
}

/*------------------------
      コンテンツ枠
-------------------------*/
.maintext {
  width: 100%;
  margin: auto;
  background: #fff;
  padding: 20px 0 0;
	position: relative;
	z-index: 3;
}
.main-kokolo{
  width: 1160px;
  margin: 20px auto;
  background: #FFECEC;
  border-radius: 10px;
  padding: 30px 20px;
}

/*----トップページ以外のコンテンツ文----*/
.listmaintext {
  width: 1300px;
  margin: 30px auto 40px;
  background: #fff;
  padding: 30px 0 20px 0;
  border-radius: 5px;
  box-shadow: 0 0 5px 2px #FFD6CB;
}

.main-text{width: 835px;}

.main-text h3 {
  font-size: 24px;
  color: #333;
  padding: 0 0 10px;
}
.main-text > p {
  font-size: 20px;
  color: #333;
  line-height: 2;
}
.indication_main{padding: 20px 20px 30px 30px !important;}

.privacy .title-h5{
		padding-left: 30px;
		font-size: 20px;}
.privacy .main-info-border p{line-height: 1.5em;}

.sitemap .ser-main{padding-top: 30px;}
.sitemap .ser-main li{padding-bottom: 3px;}

.color2 .icon--178:before{margin-right: 0px;}

/*トップリード文と電話番号の赤ボタンを並べる*/
.main-kokolo .main-text,
.main-kokolo .main-btn{float: left;}

/*電話番号の赤いボタン*/
.main-btn {padding-top: 30px;}

.main-info-side .main-btn {padding-top: 0px;}
/*ボタン共通*/
.main-btn > a {
  display: block;
  width: 260px;
	margin-left: 20px;
  border-radius: 6px;
  color: #fff;
  font-size: 19px;
  height: 56px;
  line-height: 56px;
	text-align: center;
  font-weight: 500;
  background: #7ba5ff url("../img/icon1.png") no-repeat 15px center;
	background-size: 12%;
}

.main-btn > a:nth-child(2){
  background: #7ba5ff url("../img/icon2.png") no-repeat 15px center;
	background-size: 12%;
}

.main-info-side .main-btn{text-align: center;}

/*トップ以外の電話ボタン*/
.main-btn > a.tell_2{
	/*width: 90%;*/
	width: 80%;
	margin: 0 auto;
  background: #7ba5ff url("../img/icon1.png") no-repeat 20px center;
	background-size: 12%;
	padding: 0;
}
/*トップ以外の公表情報ボタン*/
.main-btn > a.color2_b{
	width: 80%;
	margin: 0 auto;
  background: #FFB4BF url("../img/icon4.png") no-repeat 20px center;
	background-size: 12%;
	padding: 0;
}
/*トップ以外の公表情報ボタン*/
.main-btn>a.color2{
	width: 80%;
	margin: 0 auto;
	background: #FF9CAB url("../img/icon5.png") no-repeat 20px center;
	background-size: 12%;
	padding: 0;
}

/*トップの公表情報ボタン*/
.main-btn_top {text-align: center; width: 100%;}
.main-btn>a.top_color2{
	width: 260px;
	margin: 0 auto;
	background: #FF9785 url("../img/icon3.png") no-repeat 20px center;
	background-size: 12%;
}

.main-btn>a,
.main-btn>a.top_color2{font-size: 19px;}

/*------ケアワークナビ-------*/
.navl{
  width: 100%;
  margin: auto;
}
.navl img {
  display: block;
  padding: 30px 0;
  margin: auto;
}
#navBanner{
  width: 100%;
  margin: auto;
}
#navBanner img {
  display: block;
  padding: 30px 0;
  margin: auto;
}

/*------トップへ戻るボタン--------*/
.top_arrow {
  border: 0 none;
  bottom: 150px;
  cursor: pointer;
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 10%;
  width: 55px;
  z-index: 9;
}

.main-text h3, .ser-main h5{color: #F52A77;
font-weight: bold;}



/*------各ページ主情報_main-info-----*/
.main-info{
  width: 1200px;
  margin: 30px auto 40px;
}
.main-info-side,
.main-info-connent {
  float: right;
}
.main-info-side {
 width: 360px;
  margin: auto;
}
.side-info {
  background: #EDF2FF;
  padding: 0 0 20px;
}
.main-info-connent {
  width: 800px;
  margin-left: 40px;
}
.main-info h4 {
  background-color: #FFD516;
  border-radius: 16px 16px 0 0;
  height: 59px;
  line-height: 59px;
  color: #333;
  padding: 0 30px;
  font-weight: 500;
}
.main-info-side h4 {
  background: #BDC9FF url("../img/cloudsbtnbg.png") no-repeat 23px 16px;
  font-size: 24px;
}
.main-info-side h4 > span {
  color: #7ba5ff;
  padding-right: 15px;
}
.main-info-side dl {
  padding: 15px 30px 10px;
  position: relative;
}
.main-info-side dl dt {
  font-size: 20px;
  color: #EB9D00;
  padding-left: 20px;
}
.main-info-side dl dt:before {
  content: '';
  width: 8px;
  border-left: 8px solid #5089ef;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  position: absolute;
  left: 32px;
  top: 22px;
}
.main-info-side dl dd {
  font-size: 18px;
  color: #333;
}
.main-info-connent h4 {
  font-size: 26px;
  padding-left: 75px;
  background: #ffbdbf url("../img/trumpet.png") no-repeat 20px 0px;
}
.main-info-border {
  border: 1px solid #DFDFDF;
  border-top: none;
  padding: 10px 15px;
}
.main-info-border a {
  font-size: 20px;
  color: #333;
}
.main-info-border p {
  border-bottom: 1px dashed #DFDFDF;
  padding: 20px 0;
}
.main-info-border p span:nth-child(1) {padding-right: 30px;}

.main-info-border p:last-child {border-bottom: none;}

/*------------------------
----各ページの文章枠
-------------------------*/
.ser-main {
  width: 738px;
  margin: 40px auto 40px;
  padding: 0 20px 30px 30px;
  background: #FFFAE6;
  border: 1px solid #E9ACAC;
  border-radius: 10px;
}
.ser-main-in {
 width: 790px;
  margin: 20px 0;
  background: #FFFAE6;
  border: 1px solid #E9ACAC;
  border-radius: 10px;
}
.ser-main h5 {
  padding-bottom: 5px;
  font-size: 24px;
  text-align: left;
/*  font-weight: 500;*/
}
.ser-main-left,
.ser-main-right {
  float: left;
  display: inline;
  margin: 10px 0;
}
.ser-main-left {width: 470px;}

.ser-main-left p {
  line-height: 1.7;
  font-size: 20px;
}
.ser-main-right {
  width: 240px;
  margin-left: 10px;
}
.ser-main-info {
  width: 800px;
  margin: auto;
}
.ser-main-info em {
  font-size: 22px;
  font-weight: 500;
  display: block;
}
.ser-main-info-left,
.ser-main-info-right {
  float: left;
  display: inline;
}
.ser-main-info-right {
  width: 100%;
  margin-left: 20px;
  margin: 0 auto;
	text-align: center;
}
.ser-main-info p {
  font-size: 18px;
  color: #666666;
  padding: 10px 0;
  line-height: 1.7;
}
.ser-main-info dl {
  width: 100%;
  margin: auto;
  border-bottom: 1px dashed #BEBEBE;
  padding: 0 0 20px;
}
.ser-main-info dl dt {
  font-size: 20px;
  font-weight: 600;
  padding: 10px 0 5px;
}
.ser-main-info dl dd {
  font-size: 20px;
  line-height: 1.7;
}
.boxmain {width: 100%!important;

padding: 10px 20px;}
.boxmain2 {width: 100%!important;
}
.title-h5 {
  font-size: 21px;
  text-align: left;
  font-weight: 600;
  background: #FFCBC4;
  border: 1px solid #FFD6CB;
  border-radius: 10px 10px 0 0;
  height: 50px;
  line-height: 50px;
}
.ser-main-left table {
  width: 90%;
  margin: 5px 20px 20px 0;
  font-size: 18px;
}
.ser-main-left table tr {border-bottom: 1px dashed #BEBEBE;}
.ser-main-left table tr td {padding: 10px 0;}
.ser-main-left table tr td:nth-child(1) {font-weight: bold;}

/*各ページ_table*/
.table-box{
  width: 100%;
  display: flex;
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}
.table-main {width: 48%;}

.table-box .table-main:nth-child(even) {margin-left: 4%;}

.tabtitle {
  font-size: 22px;
  font-weight: bold;
  padding: 30px 0 15px 0;
}

.table-main table {border: 1px solid #ddd;}
.table-main table th,
.table-main table td {
  box-sizing: border-box;
  border: 1px solid #ddd;
  font-size: 18px;
}
.table-main table td {padding: 10px 10px 10px 15px;}
.table-main table th {
  padding: 10px 0 10px 15px;
  font-weight: bold;
  width: 40%;
}
.table-main table tr:nth-child(even) th {background: #FFFAE6;}
.table-main table tr:nth-child(odd) th {background: #ffbdbf;}

/*------------------------
----bread.php_パンクズリスト
-------------------------*/
.navigation {
  margin-left: 45px;
}
.navigation a {
  font-size: 17px;
  color: #2D2500;
  margin: 0 10px;
}
.navigation a:nth-child(1) > span {
  color: #7ba5ff;
}
.navigation a:first-child {
  color: #7ba5ff;
  text-decoration: underline;
}

/*------------------------
     footer
-------------------------*/
.footer-color2 {background: #FFC5C7;}
.footer-white {background: #fff;}

.footer-topbg {
  width: 100%;
  height: 45px;
  background: url("../img/footerbg.png") repeat-x 0 top;
}
.footer {
  width: 100%;
  margin: auto;
  padding-bottom: 10px;
}
.footer-ltopbg {
  width: 100%;
  height: 47PX;
  background: url("../img/listfooter.png") repeat-x -10px top;
}
.footer-info {
  width: 1200px;
  margin: 0 auto 10px;
}
.info-width {
  width: 1300px!important;
  margin: auto;
}
.footer-info .footer-left {
  float: left;
  width: 50%;
  margin: auto;
  padding-bottom: 10px;
  padding-top: 20px;
}
.footer-info ul li {
  float: left;
  display: inline;
}
.footer-info ul li a {
  font-size: 18px;
  text-align: left;
  color: #454545;
  border-right: 1px solid #454545;
  padding: 0 10px;
}
.footer-info ul li:nth-child(2) a {
  border-right: none;
}
.footer-right {
  float: right;
  width: 50%;
}
.footer p {
  font-size: 18px;
  color: #454545;
  text-align: right;
  line-height: 1.7;
}

.border1{border: 4px solid #FFF;
box-shadow: 1px 1px 2px 1px #CCC;
margin: 6px;}
.img_r{float: right;}

/*大きいディスプレイでの中心の雲の大きさ調整*/
@media only screen and (min-width: 2000px) {
	
	.cloudsposition {
	  width: 100%;
	  max-width: 1800px;
	}
	.cpos {
	  width: 100%;
	  height: 350px;
	  top: -225px;
	  background-repeat: no-repeat,no-repeat;
	  background-size: 40%,40%;
	  background-position:0%,100%;
	}
}

@media only screen and (max-width: 1367px) {
	
	body {
		margin: 0 auto;
		width: 100%;
		min-width: 100%;
	}
	#content{
		width: 100%;
		margin: 0 auto;
	}
	#wrapper{
        width: 100%;
        max-width: 1366px;
        max-width: 100%;
				margin: 0 auto;
    } 
	
/*----------ヘッダー--------------*/
	header{
	  width: 100%;
	  min-width:100%;
	  background: url("../img/headerbg_02.png") repeat-x -30px 0px;
	  background-size: 3300px;
	}
	.headerinfo{
		text-align: left;
		width: 100%;
		height: 120px;
		margin: 0 auto;
	}
	.navlist li:hover .subnav {top: 38px;}
	
	.headerinfo .navlist li{
		width: 16%;
		padding: 6px 15px 0 0;
		text-align: left;
	}
	.headerinfo .navlist .subnav li{
		width: 100%;
		margin-top: 10px;
	}
	.headerinfo .logo {
	  float: left;
	  width: 30%;
	  padding: 14px 60px 0 70px;}
	
	.headerinfo .logo img{width: 95%;}
	
	/*--------スライド------------*/
	.slideshow{width: 100%;}
	
	.flexslider{
		width: 85%;
		height: auto;
		margin-bottom: 0px;
	}

	/*--------雲調整-----------*/
	.cloudsposition {
	  width: 100%;
	  margin: auto;
	  position: relative;
	  z-index: 30;
	}
	/*--------コンテンツ内---------*/
	.main-kokolo{
		width: 85%;
		margin: 0 auto;
		text-align: center;
	}
	.main-text {
		width: 60%;
		margin: 0 auto;
		text-align: left;
	}
	.main-btn{
		width: 100%;
		margin: 0 auto;
		font-size: 1.2em !important;
	}
	.main-kokolo .main-btn{
		width: 40%;
		margin: 0 auto;
		text-align: center;
	}
	.main-kokolo .main-btn>a{
		width: 70%;
		margin: 10px 0 0 50px;
		text-align: center;
	}
	.main-kokolo .icon--3:before{margin:0 33px 0 1px;}
	
	.main-btn>a,
	.main-btn>a.top_color2{
			margin: 0 auto;
			text-align: left;
			font-size: 1em;
	}
	
	.main-info{
		width: 90%;
		margin: 40px auto;
	}
	
	/*-----------
	 ボタンとアイコン位置
	-------------*/
	.main-btn > a{
  width: 235px;
  width: 80%;
  border-radius: 6px;
  font-size: 18px;
  height: 56px;
  line-height: 56px;
	padding-left: 25px;
	text-align: center;
  font-weight: 500;
  background: #7BA5FF url("../img/icon1.png") no-repeat 15px center;
	background-size: 12%;
	}
	.main-btn>a.color2{
  border-radius: 6px;
  height: 56px;
  line-height: 56px;
	padding-left: 0px;
	text-align: center;
  font-weight: 500;
  background: #7BA5FF url("../img/icon1.png") no-repeat 15px center;
	background-size: 11%;
	}
	.main-btn > a.tell_2{
		background: #7BA5FF url("../img/icon1.png") no-repeat 13px center;
		background-size: 10%;
	}
	.main-btn > a:nth-child(2){
		background: #7BA5FF url("../img/icon2.png") no-repeat 15px center;
		background-size: 11%;
	}
	.main-btn > a:nth-child(2):before{padding-left: 20px;}
	.main-btn > a.color2_b{
		background: #FFB4BF url("../img/icon4.png") no-repeat 13px center;
		background-size: 10%;
	}
	.main-btn>a.color2{
		background: #FF9CAB url("../img/icon5.png") no-repeat 13px center;
		background-size: 10%;
	}
	.main-btn>a.top_color2{
		background: #FF9785 url("../img/icon3.png") no-repeat 13px center;
		background-size: 11%;
	}
	
	/*提供サービスの枠*/
	.main-info-side{width: 30%;}
	/*新着情報の枠*/
	.main-info-connent{width: 65%;}
	
	/*-----------
	  フッター
	-------------*/
	.footer-info{width: 100%;}
	.footer-info .footer-left{margin-left: 30px;}
	.footer-right{margin-right: 30px;}
	.listmaintext{width: 90%;}
	
	/*-----------
	  事業所ページ
	-------------*/
	h2{width: 85%;}
	
	.ser-main{width: 90%;}
	
	.ser-main-in {
	  width: 100%;
	  margin-top: 35px;
	}
	
	.ser-main-info {
	  width: 100%;
	  margin: 60px 0;
	}
	
	.ser-main-right{
		width: 100%;
		text-align: center;
		margin-top: 0!important;
	}
	
	.tabtitle{padding: 35px 0 10px 0;}
	
	/*-----------
	  ごあいさつページ
	-------------*/
	.ser-main h5{width: 90%;}
	.ser-main-left{width: 100%;}
	
}


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

	.slideshow {
	  max-width: 1400px;
	  width: 95%;
	}
	.flexslider {
	  max-width: 1400px;
	  width: 95%;
	}
	.flex-direction-nav {
	  width: 95%;
	  margin: 0 auto;
	}
	.flex-direction-nav li a {
	  width: 70px;
	  height: 70px;
	}
	.flex-direction-nav li a.flex-prev {
	  left: 30px; 
	}
	.flex-direction-nav li a.flex-next {
	  right: -30px; 
	}
	.navlist{padding-right: 10px;}
}


@media only screen and (max-width: 1400px) {
	
	.headerinfo .logo{width: 350px;}
	
}


@media only screen and (max-width: 1300px) {
	
	.listmaintext {
	  width: 90%;
	  margin: 30px auto 40px;
	  background: #fff;
	  padding: 30px 0 20px 0;
	  border-radius: 5px;
	  box-shadow: 0 0 5px 2px #FFD6CB;
	}
	.slideshow {
	  max-width: 1300px;
	  width: 100%;
	}
	.flexslider {
	  max-width: 1300px;
	  width: 95%;
	}
	.flex-direction-nav {
	  width: 95%;
	}
	.flex-direction-nav li{width: 90%;}
	
	.flex-direction-nav li a {
	  width: 70px;
	  height: 70px;
	}
	.flex-direction-nav li a.flex-prev {left: 18px;}
	.flex-direction-nav li a.flex-next {right: -38px;}
}


@media only screen and (max-width: 1180px) {
	
	.headerinfo .navlist{padding: 8px 0 0 0;}
	.headerinfo .navlist li{padding: 6px 0 0 0;}
	.headerinfo .navlist > li > a{font-size: 18px;}
	.navlist li:hover .subnav {top: 30px;}
}


@media only screen and (max-width: 1100px) {
	
	.main-text {
		width: 100%;
		margin: 0 auto;
		text-align: center;}
	
	.main-btn{
		width: 100%;
		margin: 0 auto;
		font-size: 1.2em !important;}
	
	.main-kokolo .main-btn{
		width: 100%;
		margin: 0 auto;
		padding-top: 30px;
		text-align: center;}
	
	.main-kokolo .main-btn>a,
	.main-kokolo .main-btn > a:nth-child(2){
		width: 50%;
		margin: 0 auto;
		text-align: center;
		background-size: 10%;
	}
	.main-kokolo .main-btn>a{
		background-position: 15px center; 
		padding: 0;
	}
	.main-kokolo .main-btn > a:nth-child(2){
		background-position: 15px center;
		padding: 0;
	}
	
}


@media only screen and (max-width: 1024px) {
	
	body {width: 100%; min-width: 100%;}
	#content{width: 100%;}
	#wrapper{
        width: 100%;
        max-width: 1000px;
        max-width: 100%;
		    margin: 0 auto;
    } 
	
	h2{
      width: 100%;
      margin:0 auto 20px;
      padding: 0;
      font-size: 1.4rem;
      padding-left: 10px;
      box-sizing: border-box;  
    }
	h2:after{right: -12px;}
	
	.ml30{margin-left: 0!important;}
	
  .headerinfo{
    width: 90%;
		max-width: 1000px;
		margin: 0 auto;
    position: relative;
    z-index: 9;
    }
	.headerinfo .logo {
	  float: left;
	  width: 40%;
	  padding: 12px 0 0 16px;
	  box-sizing: border-box;
	}
	.headerinfo .logo img{width: 100%;}
	
	.buttun {display: block;}
	
	.flexslider{
		width: 85%;
    height: 100%;
    box-sizing: border-box;
    }	
  .flex-direction-nav{display: none;}
  .flex-control-nav{
        width: 85%;
        margin: auto;
        bottom: -30px;
    }
	.slides{width: 100%;}
	
	.icon--28{font-size: 1.2em;}
	
	.navlist{display: none;}
	.navigation{display: none;}
	
	.slicknav_btn{
        position: absolute; 
        top: 18px;
		    right: 15px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        box-shadow: 0 0 4px 3px rgba(0,0,0,0.16);
        background: #FF4E63;
        color: #fff;
        text-align: center;
        line-height: 55px;
    }
	  
    .slicknav_nav li{
			position: relative;
			z-index: 5;
    }
	  .slicknav_nav li:nth-child(3) span:nth-child(2){padding-right: 40px;}
	
    .slicknav_nav li a{font-size: 18px;}
	
    .slicknav_nav li span{  
        padding-right: 8px;
			  margin-left: 20px;
			  background: #fff;  
    }
    .slicknav_nav li:nth-child(1) span{color: #FF2B20;}
    .slicknav_nav li:nth-child(2) span{color: #FF9900;}
    .slicknav_nav li:nth-child(3) span{color: #06C3BF;}
    .slicknav_nav li:nth-child(4) span{color:#4A8CF2;}
    .slicknav_nav li:nth-child(5) span{color: #A550FA;}
    .slicknav_nav li:nth-child(6) span{color: #FA50D8;}
    .slicknav_nav li:nth-child(3) span:nth-child(2){
        	color: #BEBEBE;
         font-size: 8px;
         float: right;
         padding-right: 110px;
         margin-top: 13px;
    }
    .sub-nav li{
        display: none;
        padding: 15px 10px 10px 29px;
    }
    .sub-nav li:before{
        content: '';
        position: absolute;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #06C3BF;
        margin-top: 6px;
    }
    .sub-nav li>a{margin: 0 auto !important;}
	
		.main-kokolo{
			width: 80%;
			margin: 20px auto;
			padding-top: 30px;
			text-align: center;
		}
    .maintext{
       width: 100%;
		   margin: 0 auto;  
    }	
    .info-width{width: 100%!important;}
	
		.main-info{
			width: 90%;
			margin: 40px auto;
		}

		.main-info-side{
			float: none;
			width: 95%;}

		.main-info-connent{
			float: none;
			width: 95%;
			margin: 0 auto;
			padding-bottom: 30px;
		}
	
		.main-btn{
			width: 100%;
			margin: 0 auto;
			padding-top: 30px;
			text-align: center;
		}
		.main-btn>a,
		.main-btn>a.top_color2{
			width: 90%;
			margin: 0 auto;
			font-size: 1em;
			text-align: left;
			}

		/*-----------
		 ボタンとアイコン位置
		-------------*/
		.main-btn > a,
		.main-btn>a.color2{
		padding-left: 25px;
		text-align: center;
		font-weight: 500;
		background: #7BA5FF url("../img/icon1.png") no-repeat 43px center;
		background-size: 6%;
		}
		.main-btn > a.tell_2{
			background: #7BA5FF url("../img/icon1.png") no-repeat 20px center;
			background-size: 6%;
			padding: 0;
		}
		.main-btn > a:nth-child(2){
			background: #7BA5FF url("../img/icon2.png") no-repeat 32px center;
			background-size: 6%;
		}
		.main-btn > a:nth-child(2):before{padding-left: 20px;}
		.main-btn > a.color2_b{
			background: #FFB4BF url("../img/icon4.png") no-repeat 20px center;
			background-size: 6%;
			padding: 0;
		}
		.main-btn>a.color2{
			background: #FF9CAB url("../img/icon5.png") no-repeat 20px center;
			background-size: 6%;
			padding: 0;
		}
		.main-btn>a.top_color2{
			padding: 0;
			background: #FF9785  url("../img/icon3.png") no-repeat 30px center;
			background-size: 6%;
		}

		a.color2_b {background: #F3CA0C url(../img/cloudsbtnbg.png) no-repeat 27px center;}

		.listmaintext{width: 90%;}
	
    .ser-main{
        width: 100%;
        margin:0 auto 20px;
        box-sizing: border-box;
    }
    .ser-main h5{
        width: 100%;
        margin: auto;
        box-sizing: border-box;
    }
    .ser-main-left{
        width: 100%;
        margin: auto;
        box-sizing: border-box;
    }
    .ser-main-right{
        width: 100%;
        margin: auto;  
    }
    
    h6{font-size: 1.3rem;}
	
    .table-main{
        width: 100%;
        margin: auto;
        box-sizing: border-box;
    }
    .table-box .table-main:nth-child(even){margin-left: 0;}
    
    .ser-main-in{
        width: 100%;
        margin-top: 40px;
        box-sizing: border-box;
    }
	
    .ser-main-left{
       width: 100%;
        margin: auto;
        box-sizing: border-box; 
    }
    .ser-main-left table{
        width: 90%;
        margin: 0 1rem;
        box-sizing: border-box;
    }	
	
    .ser-main-right img{
        display: block;
        margin: 20px auto!important;
    }
	
		.ser-main-info{
					width: 100%;
					margin: 80px auto!important;
					box-sizing: border-box;
			}
		.ser-main-info-left{
					margin: auto;
					box-sizing: border-box;
			}
		.ser-main-info-right{
					margin: auto;
					text-align: center;
			}
	.tabtitle{padding: 45px 0 8px 2px;}
	
}


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

	.headerinfo .logo{width: 48%;}
	.cpos{top: -220px;}

}


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

	header{
		  background: url("../img/headerbg_02.png") repeat-x -30px 0px;
		  background-size: 2900px;
		}
	.headerinfo{height: 110px;}
}


@media only screen and (max-width: 831px) {
	
	.cpos {top: -200px;}
	.main-kokolo .main-btn{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.main-kokolo .main-btn>a{
		width: 50%;
		margin: 0 auto;
		text-align: center;
	}
	.main-kokolo .icon--3:before{margin:0 33px 0 1px;}	
}


@media only screen and (max-width: 791px) {
	
	.headerinfo .logo{width: 52%;}
	.main-btn > a{
		display: inline-block;
		width: 80%;
		margin: 0 20px;
		text-align: center;
	}
	.main-btn > a.color2{
		background-size: 6%;
		text-align: center;}

.main-btn > a.top_color2{
		margin-left: 0;
		background-size: 8%;
		text-align: center;}
}


@media only screen and (max-width: 769px) {
	
	body {
		margin: 0 auto;
		width: 100%;
		min-width: 100%;
	}
	#content{width: 100%;}
	#wrapper{
        width: 100%;
        max-width: 750px;
        max-width: 100%;
		　　margin: 0 auto;
    } 
	
   .headerinfo{
        width: 100%;
        position: relative;
        z-index: 9; 
    }
	
	.headerinfo .logo {
	  float: left;
	  box-sizing: border-box;
	  width: 45%;
	  padding: 12px 0 0 24px;
	}
	
	　.headerinfo .logo img{width: 100%;}
	
    .navlist{display: none;}
	
    .slideshow{
        width: 100%;
        margin: 10px 0 0;
    }
	
	.wap-nav{display: block;}
  
	 .slicknav_btn{
		    top: 18px;
        right: 20px;
        width: 45px;
        height: 45px;
        line-height: 50px;
    }
    .wap-nav-list{
        position: absolute;
        top: 60%;
        width: 100%;
        margin: auto;
        z-index: -1;
        padding: 25px 0;
    }
    .wap-nav-list li{
        padding: 15px 0 10px 15px;
    }
    .wap-nav-list li a{
        font-size: 18px;
        color:#2D2500; 
    }
    .wap-nav-list li span{padding-right: 8px;}
    .wap-nav-list li:nth-child(1) span{color: #FF2B20;}
    .wap-nav-list li:nth-child(2) span{color: #FF9900;}
    .wap-nav-list li:nth-child(3) span{color: #06C3BF;}
    .wap-nav-list li:nth-child(4) span{color:#4A8CF2;}
    .wap-nav-list li:nth-child(5) span{color: #A550FA;}
    .wap-nav-list li:nth-child(6) span{color: #FA50D8;}
    .wap-nav-list li:nth-child(3) span:nth-child(2){
        color: #BEBEBE;
         font-size: 8px;
         float: right;
         padding-right: 20px;
         margin-top: 7px;
    }
    .sub-nav li{
        display: none;
        padding: 15px 10px 10px 29px;
    }
    .sub-nav li:before{
        content: '';
        position: absolute;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #06C3BF;
        margin-top: 6px;
    }
    .sub-nav li>a{margin-left:15px;}
    .wapbg{
       width: 100%;
        height: 80px;
    }
    .flexslider{
        width: 80%;
        height: auto;
        box-sizing: border-box;
    }
    .slides li{height: auto;}
		.slideshow img{
		height:auto;
		width: 100%;}

    .flex-direction-nav{display: none;}
    .flex-control-nav{
        width: 85%;
        margin: auto;
        bottom: -30px;
    }
    .maintext{
        width: 100%;
		　　　margin: 0 auto; 
    }
	　.main-text{
        width: 100%;
        margin: auto;
        box-sizing: border-box
    }
    .main-kokolo{
        width: 90%;
        margin: 0 auto;
		    margin-top: 0px;
        box-sizing: border-box;     
    }
    .main-btn{
        width: 100%;
        margin:20px auto;
    }
    .main-btn>a{
        width: 80%;
        font-size: 1em;
    }
	　.main-btn>a.color2{
        width: 80%;
        font-size: 1em;
    }
    .main-info{
        width: 90%;
        margin:0 auto 10px;
    }
    .main-info-connent{
        width: 100%;
        margin:20px auto 20px; 
    }
    .main-info-side{
        width: 100%;
        margin: auto;
    }
    .footer-info{
        width: 100%;
        margin: 0 auto 10px;
    }
    .info-width{width: 100%!important;}
    .footer-info ul.footer-left{
        width: 100%!important;
        margin:auto;   
    }
    .footer-info ul.footer-left li{
        float: left;
        display: inline;
        width: 50%;
        text-align: center;
    }
    .footer-info ul.footer-left li a{
        width: 88%;
        margin: auto;
        display:block;
        padding: 10px 0;
        border-radius: 5px;
        background: #FFDCDD;
        border-right:none;
        text-align: center;
    }
    .footer-info ul.footer-left li:nth-child(1) a{
        margin-left: 8%;
    }
    .footer-info ul.footer-left li:nth-child(2) a{
        margin-right: 8%;
    }
    .footer-right{
        width: 88%;
        margin: auto;
        box-sizing: border-box;
        float: none;
        overflow: hidden;
    }
    .footer p{
        width: 100%;
        margin: auto;
        text-align: center;  
    }
		.bnCnetPosition{
			padding-top: 10px;
			text-align: center;
		}
    .listmaintext{
        width: 96%;
        margin: 10px 2% 30px 2%;
        box-sizing: border-box;
        padding: 10px 0;
    }
    .navigation{display: none;}
	
    h2{
        width: 100%;
        margin:0 auto 20px;
        padding: 0;
        font-size: 1.4rem;
        padding-left: 10px;
        box-sizing: border-box;
    }
    h2:after{right: -12px;}
	
	　h6{font-size: 24px;}
	
	　.ml30{margin-left: 0!important;}
	
    .ser-main{
        width: 100%;
        margin:0 auto 20px;
        box-sizing: border-box;
    }
    .ser-main h5{
        width: 100%;
        margin: auto;
        box-sizing: border-box;
				padding-bottom: 15px;
    }
   .ser-main-left{
        width: 100%;
        margin: auto;
        box-sizing: border-box;
    }
   .ser-main-right{
        width: 100%;
        margin: auto;  
    }
   .ser-main-right img{
        display: block;
        margin: 20px auto!important;
				padding-top: 10px;
			 padding-bottom: 15px;
    }
   .table-main{
        width: 100%;
        margin: auto;
        box-sizing: border-box;
    }
   .table-box .table-main:nth-child(even){margin-left: 0;}  
    
   .ser-main-in{margin-top: 40px;}
	
	 .ser-main-info{
        width: 100%;
        margin-top: 40px;
        box-sizing: border-box;
    }
	
		.ser-main-info-left{
					width: 100%;
					margin: auto;
					box-sizing: border-box;
			}
	
    .ser-main-info-right{
        width: 100%;
        margin: auto;
    }
	
    .ser-main-info-right img{
        display: block;
        margin: auto;
    }
	
    .tabtitle{padding: 40px 0 3px 0;}
	
    .ser-main-left{
       width: 100%;
        margin: auto;
        box-sizing: border-box; 
    }
    .ser-main-left table{
        width: 90%;
        margin: 0 1rem;
        box-sizing: border-box;
    }
	  .wap-nav-list li:nth-child(3) span:nth-child(2){
     margin-top: 13px !important;
		 padding-right: 140px;
    }
.img_r{float: none;
text-align: center;
}
}

@media only screen and (max-width: 700px) {
	
	.headerinfo .logo{width: 52%;}
	.wap-nav-list li:nth-child(3) span:nth-child(2){
		 padding-right: 110px;
    }
	
}



@media only screen and (max-width: 600px) {
	
	.headerinfo .logo{width: 62%;}

	.main-kokolo .main-btn{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.main-kokolo .main-btn>a,
	.main-kokolo .main-btn > a:nth-child(2){
		width: 70%;
	}
	
	.wap-nav-list li:nth-child(3) span:nth-child(2){
		 padding-right: 50px;
    }
	
	.privacy .title-h5{font-size: 18px;}
}


@media only screen and (max-width: 541px) {
	
	h1{font-size: 26px;}
	.ser-main h5{font-size: 23px;}
	.ser-main-left p{font-size: 18px;}
	.ser-main-info dl dd{font-size: 18px;}
	
	.headerinfo .logo{width: 65%;}
	.headerinfo .logo img{width: 100%;}
	
	.main-text h3{font-size: 22px;}
	.main-text > p{font-size: 18px;}
	.main-info-border a{font-size: 18px;}
	.main-info-connent h4{font-size: 24px;}
	
	.main-info-side dl{padding: 20px 30px 12px}
	.main-info-side dl dt:before{top: 30px;}
	
	.wap-nav-list li:nth-child(3) span:nth-child(2){
         margin-top: 10px !important;
    }
}


@media only screen and (max-width: 500px) {
	
  
    .buttun {display: none;}

    .headerinfo .logo{width: 70%;}	
	
    .main-kokolo .main-btn{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
    .main-kokolo .main-btn>a, .main-kokolo .main-btn > a:nth-child(2){
		width: 75%;
		margin: 0 auto;
		font-size: 0.9em;
	}
	
    .wap-nav-list li:nth-child(3) span:nth-child(2){
         margin-top: 15px !important;
    }
	
		.main-btn > a.tell_2,
		.main-btn > a.color2,
		.main-btn > a.color2_b{background-size: 8%;}
		.main-btn > a.top_color2{background-size: 10%;}
	
}


@media only screen and (max-width: 480px) {
		
		#wrapper{
			width: 100%;
			max-width: 400px;
			max-width: 100%;
			margin: 0 auto;
    } 
	
			header{
			background-size: 2800px !important;
			background: url("../img/headerbg_02.png") repeat-x -30px -1px;
		}
	
		.wapbg{
        width: 100%;
		    height: 100px;
        background: url("../img/wapheader-bg.png") repeat-x -30px top; 
    }
	
  	.headerinfo{
        width: 100%;
        position: relative;
        z-index: 4;  
    }
    .headerinfo .logo{
				padding: 16px 5px 0 18px;
    }
	  .headerinfo .logo img{width: 100%;}
	
    .navlist{display: none;}
	
    .slideshow{
        width: 100%;
        margin: 0;
    }
	
		.wap-nav{display: block;}
	
		.icon--28{font-size: 0.9em;}
	
   	.slicknav_nav{
        top: 82% !important;
        width: 100%;
        margin: auto;
        background: #fff;
        z-index: 999;
        padding: 25px 0;
    }
    .wap-nav-list li{
		    width: 65%;
        padding: 15px 0 10px 15px;
    }
    .wap-nav-list li a{
        font-size: 18px;
        color:#2D2500; 
    }
    .wap-nav-list li span{padding-right: 8px;}
    .wap-nav-list li:nth-child(1) span{color: #FF2B20;}
    .wap-nav-list li:nth-child(2) span{color: #FF9900;}
    .wap-nav-list li:nth-child(3) span{color: #06C3BF;}
    .wap-nav-list li:nth-child(4) span{color:#4A8CF2;}
    .wap-nav-list li:nth-child(5) span{color: #A550FA;}
    .wap-nav-list li:nth-child(6) span{color: #FA50D8;}
     .wap-nav-list li:nth-child(3) span:nth-child(2){
        color: #BEBEBE;
        font-size: 8px;
        float: right;
        padding-right: 20px;
        margin-top: 7px;
    }
    .sub-nav li{
        display: none;
        padding: 15px 10px 10px 29px;
    }
    .sub-nav li:before{
        content: '';
        position: absolute;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #06C3BF;
        margin-top: 6px;
    }
    .sub-nav li>a{margin-left:15px;}
    .wapbg{
        width: 100%;
		    height: 100px;
        background: url("../img/wapheader-bg.png") repeat-x -30px top; 
    }
    .flexslider{
        width: 90%;
        height: auto;
        box-sizing: border-box;
    }

    .flex-direction-nav{display: none;}
    .flex-control-nav{
        width: 85%;
        margin: auto;
        bottom: -30px;
    }
		.cloudsposition {
				width: 100%;
				height: auto;
				margin: auto;
				position: relative;
				background: #fff;
				z-index: 100;
		}
		.cpos {
				top: -190px;
				background-size: 70%,70%;
				background-position: -140px,280px;
		}
    .maintext{
				width: 100%;
				margin: 0 auto;  
    }
		.main-text{
        width: 100%;
        margin: auto;
        box-sizing: border-box;
    }
    .main-kokolo{
        width: 90%;
        margin: 0 auto;
				margin-top: 20px;
        box-sizing: border-box;      
    }
    .main-btn{
        width: 100%;
        margin:20px auto;
    }
    .main-btn>a{
        margin: auto;
        width: 80%;
        font-size: 1rem;
    }
    .main-info{
        width: 90%;
        margin:0 auto 10px;
    }
    .main-info-connent{
        width: 100%;
        margin:20px auto 20px;    
    }
    .main-info-side{
        width: 100%;
        margin: auto;
    }
    .footer-info{
        width: 100%;
        margin: 0 auto 10px;
    }
    .info-width{
        width: 100%!important;
    }
    .footer-info ul.footer-left{
        width: 100%!important;
        margin:auto;   
    }
    .footer-info ul.footer-left li{
        float: left;
        display: inline;
        width: 50%;
        text-align: center;
    }
    .footer-info ul.footer-left li a{
        width: 88%;
        margin: auto;
        display:block;
        padding: 10px 0;
        border-radius: 5px;
				font-size: 14px;
        background: #FFDCDD;
        border-right:none;
        text-align: center;
    }
	
		.footer-info ul li a{font-size: 16px;}
	
    .footer-info ul.footer-left li:nth-child(1) a{
        margin-left: 8%;
    }
    .footer-info ul.footer-left li:nth-child(2) a{
        margin-right: 8%;
    }
    .footer-right{
        width: 88%;
        margin: auto;
        box-sizing: border-box;
        float: none;
        overflow: hidden;
    }
    .footer p{
        width: 100%;
        margin: auto;
        text-align: center; 
    }
    .listmaintext{
        width: 96%;
        margin: 10px 2% 30px 2%;
        box-sizing: border-box;
    }
    .navigation{display: none;}
	
    h2{
        width: 100%;
        margin:0 auto 20px;
        padding: 0;
        font-size: 1.4rem;
        padding-left: 10px;
        box-sizing: border-box; 
    }
    h2:after{
        right: -12px;
    }
    .ser-main{
        width: 100%;
        margin:0 auto 20px;
        box-sizing: border-box;
    }
    .ser-main h5{
        width: 100%;
        margin: auto;
        box-sizing: border-box;
    }
    .ser-main-left{
        width: 100%;
        margin: auto;
        box-sizing: border-box;
    }
    .ser-main-right{
        width: 100%;
        margin: auto;  
    }
    .ser-main-right img{
        display: block;
        margin: 10px auto 10px auto!important;
    }
    .ser-main-info{
        width: 100%;
        margin-top: 50px;
        box-sizing: border-box;
    }
    h6{font-size: 23px;}
	
    .table-main{
        width: 100%;
        margin: auto;
        box-sizing: border-box;
    }
    .table-box .table-main:nth-child(even){margin-left: 0;}
    .tabtitle{padding: 40px 0 5px 0;}
    .ser-main-info-left{
        width: 100%;
        margin: auto;
        box-sizing: border-box;
    }
    .ser-main-info-right{
        width: 100%;
        margin: auto;
    }
    .ser-main-info-right img{
        display: block;
        margin: auto;
    }
    .ser-main-in{
        width: 100%;
        margin-top: 40px;
        box-sizing: border-box;
    }
    .ser-main-left{
        width: 100%;
        margin: auto;
        box-sizing: border-box; 
    }
    .ser-main-left table{
        width: 90%;
        margin: 0 1rem;
        box-sizing: border-box;
    }
    .ml30{margin-left: 0!important;}
	
		.icon--3:before{margin-right: 20px;}
		.icon--6:before{margin-right: 10px;}

		.wap-nav-list li:nth-child(3) span:nth-child(2){
		    padding-right: 40px;
    }
		.privacy .title-h5{
				height: 60px;
				line-height: 1.2em;
				padding-top: 15px;
				padding-right: 20px;
				letter-spacing: 0.1em;
	}
}


@media only screen and (max-width: 450px) {
	
	.headerinfo{z-index: 9;}
	.wap-nav-list{top: 50%;}
	.ser-main h5{padding-bottom: 20px;}
	.cpos {
		top: -190px;
		background-size: 70%,70%;
		background-position: -150px,280px;
	}
}


@media only screen and (max-width: 415px) {
	
	h1{font-size: 24px;}
	.tabtitle{font-size: 21px;}
	.main-text h3{font-size: 21px; text-align: left;}
	
	.headerinfo .logo{width: 72%;}
	
	.wap-nav-list{top: 70%;}
	
	.slides{margin: 0 auto;}
	
	.listmaintext{padding: 10px 0;}
	
	.main-kokolo{
    width: 90%;
    margin: 0 auto;
		margin-top: 0px;     
    }
	.main-kokolo .main-btn{margin: 20px auto 0 auto;}
	.main-kokolo .main-btn>a, .main-kokolo .main-btn > a:nth-child(2){
		width: 90%;
		background-position: 8% center;
	}
	
	.main-info-connent{padding-bottom: 0;}
	
	.main-btn{padding-top: 0; padding-bottom: 50px;}
	.main-btn>a,
	.main-btn>a.top_color2{ width: 85%;}
	
	.navl img{padding: 10px 0 30px 0;}
	
	.footer-info ul li a{font-size: 12px;}
	
	.footer p{font-size: 16px;line-height: 1.4;padding-top: 10px;}
	
}


@media only screen and (max-width: 380px) {
	
	.main-text > p{font-size: 18px;}
	.main-info-border a{font-size: 18px;}
	
	.main-info-connent h4{font-size: 23px;}
	.side-info a{font-size: 21px;}
	.main-info-side dl dt{
		padding-top: 5px;
		padding-bottom: 5px;}
	.main-info-side dl dt:before{top: 33px;}
	
	.wap-nav-list{top: 68%;}
	
	.main-btn{padding-top: 0;}
	
	.ser-main-info-right img{margin-top: 20px;}
	
	.ser-main-info em{margin-bottom: 8px;}
	
	.table-box{margin-top: 25px;}
	
	iframe{margin-top: 5px;}
	
	.main-info-connent{margin: 25px 0 50px 0;}
	
	.ser-main-in mb30{margin-bottom: 10px;}
	
	.ser-main h5{padding-bottom: 22px;font-size: 21px;}
	.ser-main-left p{font-size: 18px;}
	.table-main table th, .table-main table td{font-size: 17px;}
	
	.tabtitle{padding:  15px 0 10px 0;}
	
	.table-main table{margin-bottom: 30px;}
	
}


@media only screen and (max-width: 376px) {
	
	.headerinfo .logo{
		width: 75%;
		padding: 20px 0 0 18px;
	}
	
	.title-h5{
		height: 55px;
		line-height: 55px;
		font-size: 21px;}
	.main-info-side dl dd{font-size: 17px;}
	.ser-main-info em{font-size: 18px;}
	
	.ser-main-left table tr td{padding: 15px 5px 15px 2px;}
	
	.cpos{background-position: -120px,230px;}
	
	.main-kokolo{
		margin: 10px auto 40px auto;
		padding: 30px 20px 15px 20px;}
	
	.main-btn{
		margin: 5px auto 0 auto;
		padding-bottom: 25px;
	}
	.side-info{margin-bottom: 20px;}
	
	.main-info-side .mt30{margin-top: 15px !important;}
	
}


@media only screen and (max-width: 321px) {
	
	h1{font-size: 22px;}
	
	h1:after{display: none;}
	.main-text h3{font-size: 18px;}
	.main-text > p{font-size: 16px;}
	.main-info-connent h4{font-size: 21px;}
	.main-info-side h4{font-size: 21px;}
	.main-info-border a{font-size: 16px;}
	.side-info a{font-size: 20px;}
	.main-info-side dl dd{font-size: 16px;}
	.main-info-side dl dt:before{top: 32px;}
	.ser-main h5{font-size: 20px;}
	.ser-main-left p{font-size: 16px;}
	.tabtitle{font-size: 18px;}
	.table-main table th, .table-main table td{font-size: 16px;}
	
	.headerinfo .logo{
		width: 76%;
		padding: 22px 5px 0 15px}
	
	.nav-btn{
		width: 32px;
		height: 32px;
		top: 20px;
		right: 15px;
		line-height: 33px;
	}
	
	.icon--28{font-size: 0.8em;}
	
	.main-kokolo .main-btn>a{font-size: 0.8em;}
	
	.cpos{background-position: -90px,190px;}
	
	.navl img{width: 75%;}
	
	.wap-nav-list li:nth-child(3) span:nth-child(2){
		 padding-right: 0px;
	}
}


@media only screen and (max-width: 325px) {
	
	.main-kokolo .main-btn>a,
	.main-btn > a.tell_2,
	.main-btn > a.color2,
	.main-btn > a.color2_b{background-image: none;}
	
	.footer-info ul.footer-left li a{font-size: 12px;}
	
}


@media only screen and (max-width: 281px) {
	
	.mt30{margin-top: 20px !important;}
	.navl img{padding: 0 0 30px 0;}
	
	h1{font-size: 21px;}
	
	.main-text h3{font-size: 17px;}
	.main-text > p{font-size: 14px;}
	.main-info h4{font-size: 17px;}
	.main-info-side h4 > span{padding-left: 3px;padding-right: 17px;}
	.main-info-border a{font-size: 14px;}
	
	.main-info-side dl{padding: 15px 20px 10px;}
	.main-info-side dl dd{font-size: 13px;}
	
	.side-info a{font-size: 16px;}
	.main-info-side dl dt:before{left: 25px;top: 25px;}
	
	h6{font-size: 1rem; margin-bottom: 10px;padding-top: 5px;}
	.tabtitle{font-size: 15px; padding: 0 0 10px 0}
	
	.title-h5{font-size: 16px; line-height: 45px;height: 45px;}
	.ser-main-in{margin-bottom: 50px;}
	
	.ser-main-left table tr td{font-size: 12px;}
	
	/*営業時間・問い合わせ表*/
	.table-main table{margin-bottom: 35px;}
	.table-main table th, .table-main table td{font-size: 12px;}
	
	.ser-main h5{font-size: 16px; padding-bottom: 15px;}
	.ser-main-left p{font-size: 14px; line-height: 1.8;}
	.ser-main-info dl dt{font-size: 15px;}
	.ser-main-info dl dd{font-size: 14px;}
	.ser-main-info p{font-size: 13px;}
	.ser-main-info em {font-size: 14px;}
	
	.ser-main{
		margin: 0 auto 35px auto;
		padding: 0 14px;
	}
	.ser-main-info{margin: 25px auto !important;}
	
	.ser-main-right img{width: 55%;margin: 0px auto 20px auto !important;}
	
	.greetingbox p{font-size: 14px;}
	
	.headerinfo .logo{width: 78%;}
	
	.nav-btn{
		top: 20px;
		line-height: 32px;
    }
	.wap-nav-list{z-index: 999;}
	.wap-nav-list li a{font-size: 16px;}
	
	.wap-nav-list li:nth-child(3) span:nth-child(2){
         margin-top: 10px !important;
    }
	
	.buttun {display: none;}
	
	.slides{margin: 0 auto;}
	
	.main-kokolo .main-btn{margin: 0 auto;padding-bottom: 10px;}
	
	.cpos{background-position: -80px,165px;}
	
	.navl img{width: 80%;}
	
	.main-info-side dl dt:before{top: 29px;}
	
	.privacy .title-h5{
		padding-left: 15px;
		padding-right: 15px;
	}
	
}