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


@media (min-width: 737px) {
		a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}


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

		header

		---------*/
		@media screen and (max-width:1280px) {
		/* a-blog管理画面バー */
		#adminBox{
		  top: 0;
		  width: 100%;
		}

		/* ↓↓↓↓↓ ナビメニュー */
		header{
		  background-color: #fff;
		  position:inherit;
		  top:0;
		  padding:0 0;
		}
		header div.inner{
		  display: block;
		  justify-content: flex-start;
		  align-items:flex-start;
		  padding: 0 0 0 0;
			max-width: 100%;
			width: 100%;
		}
		header h1{
		  width:45%;
			padding:3% 4% 5%;
		}
		header h1 img{
		  max-width: 240px;
		}
		header nav{
		  width:100%;
		}


	  /*---- nav ------*/
		#nav-toggle{display: block;}

		#nav-toggle {
		  position: fixed;
		  top: 0px;
		  right: 0px;
		  width: 50px;
		  height: 60px;
		  cursor: pointer;
		  box-sizing: border-box;
		  background: #fff;
		}
		#nav-toggle > div {
		  position: relative;
		  width: 36px;
		}
		#nav-toggle span {
		  width: 80%;
		  height: 2px;
		  left: 10px;
		  display: block;
		  background: #333;
		  position: absolute;
		  transition: top .5s ease, -webkit-transform .3s ease-in-out;
		  transition: transform .3s ease-in-out, top .5s ease;
		  transition: transform .3s ease-in-out, top .5s ease, -webkit-transform .3s ease-in-out;
		  /* #nav-toggle close */
		}


		#nav-toggle span:nth-child(1) {top: 10px;}
		#nav-toggle span:nth-child(2) {top: 18px;}
		#nav-toggle span:nth-child(3) {top: 26px;}
		#nav-toggle span:nth-child(4) {
			top: 36px;
			background:none;
			height: auto;
			left:8px;
			font-size: 11px;
			text-align: center;
		}

		.open #nav-toggle span:nth-child(1) {
		  top: 20px;
		  -webkit-transform: rotate(45deg);
		          transform: rotate(45deg);
		}
		.open #nav-toggle span:nth-child(2) {
		  top: 20px;
		  width: 0;
		  left: 50%;
		}
		.open #nav-toggle span:nth-child(3) {
		  top: 20px;
		  -webkit-transform: rotate(-45deg);
		          transform: rotate(-45deg);
		}

		/* z-index */
		#nav-toggle {z-index: 999;}

		.nav-bg {
		  opacity: 0;
		  background-color: #ccc;
		  position: fixed;
		  left: 0;
		  right: 0;
		  top: 0;
		  bottom: 0;
		  z-index: 1;
		  transition: all 1s ease;
		}
		.nav-bg.active {opacity: 1;}

	  header nav#navi{
			float: none;
			position: fixed;
			width: 100%;
			box-sizing: border-box;
			/*top: 60px;*/
			top:0;
			bottom: 0;
			z-index: 990;
			/*padding-top: 100px;*/
			-webkit-transform: translateX(100%);
			transform: translateX(100%);
			transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
			transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
			transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
			overflow-y: auto;
			box-sizing: border-box;
		}

		.open #navi {transform: translateX(0);}

		 /* ナビゲーション */
     header nav{
       background-color: #fff;
     }
     header nav ul{
       flex-direction: column;
			 justify-content: flex-start;
			 align-items:flex-start;
       padding: 10% 5%;

    }
    header nav ul li{
      font-size: 1.4rem;
      margin: 0 0;
      border-bottom: 1px solid #ccc;
			text-align: left;
			width: 100%;
    }
    header nav ul li:first-child{border-top: 1px solid #ccc;}
    header nav ul li a{display:block; padding: 5% 0;}
    header nav ul li a:hover{color: #fff;background-color:#91173A;}

		header nav ul li.navi-contact{
			width: 90%;
			min-width: 80%;
		  max-width: 80%;
			border-bottom: none;
			margin: 8% auto 0;
		}
		}/* ↑↑↑↑ナビメニュー */

		@media screen and (max-width:736px) {
		    html, body {
		        width: 100%;
		        -webkit-text-size-adjust : 100%;
		        line-height: 2;
		    }
				body{font-size: 1.4rem;}


			img {
		        max-width: 100% !important;
		        height: auto;
		        vertical-align: bottom;
		    }

				/* a-blog管理画面バー */
				#adminBox{
					position: inherit;
				}

		    .mobile{display: inherit;}
		    .pc{display:none;}

				article{margin-bottom:0;}


		/**********************************

		index

		************************************/
		/* main-img */
		.main-img{
		  padding:40% 0 55%;
		  background-image: url(../images/index/main-bg-head-sp.png),url(../images/index/main-bg-bottom-sp.png);
		  background-position: center top,center bottom;
		  background-size: 100% auto,100% auto;
			margin-bottom: 5rem;
		}
		.main-img div.inner{
			background: none;
		}
		.main-img p.title-img{
		  width: 80%;
		  max-width:100%;
		  margin: 0 auto;
		}
		.main-img h2{
		  font-size: 2.5rem;
		  letter-spacing: 0.1rem;
		  margin-bottom: 1rem;
		}

		/* こんなことに悩んでいませんか */
		.index-onayami{
		  margin-top: 0;
		}
		.index-onayami section{
			flex-wrap: wrap;
			flex-direction: column;
		  justify-content:flex-start;
		}
		.index-onayami section div{
		  width: 100%;
			margin-bottom: 6rem;
		}
		.index-onayami section p.onayami-img,
		.index-onayami section h3{text-align: center;}

		.index-onayami section p.onayami-img{
		  width: 55%;
		  margin: 0 auto 1rem;
		}
		.index-onayami section h3{
		  font-size: 2rem;
		  margin-bottom: 2.4rem;
		}

		/* 悩みの原因 */
		.index-communication{
		  background-repeat: no-repeat;
		  background-position:20% center;
		  background-size: cover;
		  padding: 20% 0;
		}
		.index-communication h2{
		  margin-bottom: 4rem;
		}
		.index-communication section{
		  width: 100%;
		  margin-left: 0;
		}
		.index-communication section h3{
		  font-weight: bold;
			text-align: center;
		  font-size: 2rem;
		  margin-bottom: 3rem;
		}

		/* プロフェッショナルにお任せください */
		.index-pro{
		  padding: 10% 0;
		  background-image:none;
		}
		.index-pro .en-ttl{
		  width: 80%;
		  max-width: 80%;
		  top: -60px;
		}

		.index-pro h2 span{
		  font-size: 1.5rem;
		  font-weight: bold;
		  margin-bottom: 2rem;
		}
		.index-pro section{
		  width: 100%;
		  margin-bottom: 8rem;
		}

		.index-pro section.profile{
		  position: inherit;
		  background-position: center 100px;
			background-size: 100% auto;
		  padding-top: 0;
		}
		.index-pro section.profile p.profile-img{
		  width:45%;
			margin: 0 auto;
		  position: inherit;
		}
		.index-pro section.profile div.profile-text{
		  width: 100%;
			margin-top: 6%;
			margin-left:0;
		  padding:  8%;
		  box-sizing: border-box;

		}
		.index-pro section.profile div.profile-text h3{
		  font-size: 2.4rem;
		  font-weight: bold;
		  margin-bottom: 1rem;
		}
		.index-pro section.profile div.profile-text h3 span{
		  font-size: 1.3rem;
		}
		.index-pro section.profile div.profile-text ul.profile-cat{
			flex-direction: column;
		  align-items:flex-start;
		  margin-bottom: 2rem;
		}
		.index-pro section.profile div.profile-text ul.profile-cat li{
		  border-radius: 40px;
		  padding: 1% 3%;
			font-size: 1.3rem;
		  margin:0 0 2% 0;
		}

		.index-pro section.profile div.profile-text div.profile-list{
		  flex-direction: column;
		}
		.index-pro section.profile div.profile-text div.profile-list div{
		  margin-right: 0;
			margin-bottom: 4rem;
		}
		.index-pro section.profile div.profile-text div.profile-list h4{
		  font-weight: bold;
		  margin-bottom: 1rem;
		}
		.index-pro section.profile div.profile-text div.profile-list ul li{
		  font-size: 1.2rem;
		  background-size: 8px;
		  padding-left: 1.5rem;
		  margin-bottom: 0.5rem;
		}

		.index-pro section.career h3{
			text-align: left;
		  font-size: 1.8rem;
		  font-weight: 100;
		  margin-bottom: 3rem;
		}
		.index-pro section.career h3 b{
		  font-size: 2.5rem;
		  font-weight: bold;
		}

		.index-pro section.career div.dflex{
			flex-direction: column;
		  justify-content:flex-start;
		}
		.index-pro section.career div.dflex div.tex-area{
		  width: 100%;
			margin-bottom: 4rem;
		}
		.index-pro section.career div.dflex p.img-area{
		  width: 100%;
		}

		/* 研修サービス */
		.img-text{
		  font-weight: bold;
		  font-style: 2.2rem;
		  padding:10% 0;
			background-size:contain;
			margin-bottom: 3rem;
		}

		.index-service .img-text{
		  background-position: 10% center;
		}

		.service-list{
			flex-direction: column;
		}
		.service-list div{
		  width: 100%;
		  margin: 0 0 5%;
		  box-sizing: border-box;
		}
		.service-list div a{
		  display: block;
		  padding: 3%;
		  height: 100%;
			border-width: 3px;
		}

		.service-list div .top-service-img img{
		  width: 100%;
		  height:180px;
		}

		.service-list div a h3{
		  font-size: 2.2rem;
		  font-weight: 100;
		  margin: 2% 0;
		}

		/* 園のマネジメント */
		.index-management .img-text{
		  background-position: 20% center;
		  padding-bottom: 5%;
		}

		.management-content{
		  background-image: url(../images/index/bg-management-001.png);
		  background-repeat: no-repeat;
		  background-position: left top;
		  background-size:100%;
		  padding:45% 0 0;
		}
		.color-box{
		  padding: 3% 5%;
		  box-sizing: border-box;
		  width: 100%;
		  margin-left:0;
		}
		.color-box h3{
		  margin-bottom: 2.2rem;
		}
		.management-content div.color-box ul{
			flex-direction: column;
		  flex-wrap: wrap;
		}
		.management-content div.color-box ul li{
		  padding: 0.5rem 0;
		  width: 100%;
		  margin: 0 0 2%;
		  border-radius: 40px;
		}
		.management-content div.color-box ul li:first-of-type{
		  width: 100%;
		}

		/* カウンセリング */
		.index-counseling .img-text{
		  background-position: left center;
		  padding:6% 0;
			margin-bottom: 0;
		}
		.counseling-content{
		  background-image: url(../images/index/bg-counseling-001a.png);
		  background-repeat: no-repeat;
		  background-position: left top;
		  background-size:100%;
		  padding:70% 0 0;
			margin-bottom: 6rem;
		}
		.counseling-content-002{
		  background-image: url(../images/index/bg-counseling-002a.png);
		  background-repeat: no-repeat;
		  background-position: center top;
		  background-size:100%;
		  padding:70% 0 0;
		}

		/* 満足のお声 */
		.voice-head{
		  background-position: right 5%,left 5%;
		  background-size: 15%, 15%;
		  padding: 10% 0 0;
		}
		.voice-head ul{
		  text-align:left;
		}
		.voice-head ul{
		  justify-content: flex-start;
		  flex-wrap: wrap;
		  font-size: 1.2rem;
		}
		.voice-head ul li{
		  background-size: 8px;
		  padding-left: 1.5rem;
		  margin:0 0 0.5rem 0;
		}


		.voice-list{margin-top: 3rem;}
		.voice-list.inner{
			box-sizing: border-box;
			overflow: hidden;
			padding: 0 4%;
		}
		.voice-list div.slider{
			padding-bottom: 2rem;
			margin-bottom: 2rem;
		}
		.voice-list div.voice-unit{
		  width: 100%;
		  margin-right:0;
			border-right: 5px solid #fff;
		}
		.voice-list div.voice-unit a{
		  padding: 5%;
		}

		.voice-list div.voice-unit a h3{
		  padding:2%;
		  margin-bottom: 1.5rem;
		}

		.voice-list div.voice-unit a p.voice-img{
		  width: 50%;
		  margin: 2rem auto;
		}
		.voice-list div.voice-unit a p.voice-img img{
		  object-fit: cover;
		  width: 100%;
		  height: 40vw;
		}
		.voice-list div.voice-unit a p{
		  font-size: 1.2rem;
			line-height: 1.7;
		}
		.voice-list div.voice-unit a div.voice-ex{
		  padding: 5%;
		  margin: 3% auto 0;
		}
		.voice-list div.voice-unit a div.voice-ex h4{
		  font-weight: bold;
		  margin-bottom: 1rem;
		}
		.voice-list div.voice-unit a div.voice-ex p{
		  font-size: 1.2rem;
		}

		/* ストレスチェック */
		.check{
		  background-image:none;
		  padding: 8% 0;
		}
		.check .check-text{
		  width: 100%;
		  margin-left:0;
		}
		.check .check-text h2{
		  margin-bottom: 2rem;
		  letter-spacing: 0;
		  font-size: 2.2rem;
		  text-align: center;
		}
		.check .check-text p.linkbtn{
		  margin-left: auto;
		}

		/* お知らせ */
		.index-news div.inner{
			flex-direction: column;
		  justify-content:flex-start;
		}
		.index-news div.inner h2{
		  font-size: 2.2rem;
		  width: 100%;
		  background-position: 20% center;
			background-size: auto 100%;
		  padding: 10% 0;
		}
		.index-news div.inner section.news-right{
		  width: 100%;
		}
		.news-list div.news-unit{
		  flex-direction: column;
		  justify-content:flex-start;
		  margin-bottom:5rem;
		}

		.news-list div.news-unit p.news-img{
		  width: 120px;
			margin: 0 auto 4%;
		}
		.news-list div.news-unit p.news-img img{
		  object-fit: cover;
		  width: 100%;
		  height: 120px;
		}
		.news-list div.news-unit div.news-text{
		  width: 100%;
		}
		.news-list div.news-unit div.news-text h3{
		  font-size: 2.2rem;
		  margin-bottom: 1.3rem;
		}
		.news-list div.news-unit div.news-text p{
		  font-size: 1.3rem;
		}

		.index-news div.inner p.linkbtn{margin: 5% auto 0;}

		/**/
		.index-about section h2{
			font-size: 2rem;
			letter-spacing: 0;
		}
		.index-about section h3{
		  font-size: 1.6rem;
		  font-weight: bold;
		  margin-bottom: 1.5rem;
		}
		.index-about ul{
		  display: flex;
		  justify-content: center;
		}
		.index-about ul li{
		  margin: 0 2%;
		}

		.index-about .ggmap{
		  margin-top: 2.4rem;
		}
		.ggmap iframe{
			height: 60vw;
		}

		/**********************************

		共通パーツ

		************************************/

		/* 下層ページメイン */
		.page-main{
		  background-image: url(../images/common/bg-pagemain-sp.png);
		  background-repeat: no-repeat;
		  background-position:center;
		  background-size: 100%;
		  text-align: center;
		  margin-bottom: 2rem;
		}
		.page-main h1{
		  font-size: 2rem;
		  letter-spacing: 0.1rem;
		}
		.page-main div.inner{
		  background-repeat: no-repeat;
		  background-position: 10% top;
		  background-size: auto 45%;
		  padding: 15% 0 13%;
		}

		/* パンくず */
		.breadcrumb{
			display: none;
		}

		/* box */
		article{margin-bottom: 100px;}
		article.no-bottom{margin-bottom:0px;}

		.inner {
		  max-width: 100%;
		  width: 90%;
		  padding-left:0;
		  padding-right: 0;
		}

		/* 見出し */
		h2{
		  text-align: center;
		  font-size: 2.2rem;
		  letter-spacing: 0.0rem;
		  margin-bottom: 4rem;
		}
		h2 span{
		  display: block;
		  font-size: 1.8rem;
		}
		.fs28{font-size: 2.2rem;}

		.page-h2{
		  font-size: 2rem;
		  font-weight: bold;
		  margin-bottom: 3.5rem;
		}
		.page-h2::after {
		  width: 30px;
		  height: 3px;
		  margin: 1.5rem auto;
		}

		/* ボタン */
		.linkbtn{
		  width: 85%;
		  max-width: 100%;
		  margin: 30px auto;
		}
		.linkbtn.wide{max-width: 350px;}

		.linkbtn a{
		  padding:3% 0;
		  background-size: 15px;
		}

		.linkbtn.contact{
		  max-width: 100%;
		}

		/* ボタン横並び */
		.btn-list{
			flex-direction: column;
		  justify-content: flex-start;
		  margin-top: 3rem;
		}
		.btn-list .linkbtn{
		  margin: 0 auto 3%;
		}

		/*** レイアウト ***/
		.center-text{
		  text-align: left;
		  margin-bottom: 3rem;
		}

		/*　写真＋文字 */
		.text-area p{margin-bottom: 24px;}
		.text-area b{
		  font-size: 2rem;
		}

		/* cta */
		.cta-contact{
		  background-position: 80% center;
		  background-repeat: no-repeat;
		  background-size: cover;
		  padding: 15% 0 6%;
		}
		.cta-contact h2{
		  width: 70%;
		  max-width: 100%;
		  margin: 0 auto 3rem;
		}
		p.cta-text{
		  font-size: 1.8rem;
		  letter-spacing: 0.3rem;
		}

		/**********************************

		保育のカタチについて

		************************************/
		.about.page-main div.inner{
		  background-size: 40%;
		}

		.rinen-contents{
		  background-position: center bottom;
		  background-repeat: no-repeat;
		  background-size: 100%;
		  padding-bottom: 75%;
		}
		.rinen-contents div.text-area{
		  width: 100%;
		  padding: 4%;
		  margin-left: auto;
		  box-sizing: border-box;
		}

		.advisor-contents{
		  background-position: center bottom;
		  background-size: 50% auto;
		  padding-bottom: 5rem;
		}
		.advisor-contents div.text-area{
		  width: 100%;
		  padding: 2%;
		  position: relative;
		  z-index: 1;
		}
		.advisor-contents .ad-profile{
		  flex-direction: column;
		  align-items: flex-start;
		  width: 100%;
		  margin-top: 0;
		  margin-left: auto;
		  padding:5% 3%;
		  box-sizing: border-box;
		  background-position: center center;
		  background-size:cover;
			text-align: center;
		}
		.advisor-contents .ad-profile p.ad-profile-img{
		  width: 45%;
			margin: 0 auto 6%;
		}
		.advisor-contents .ad-profile div.ad-pfofile-text{
		  width: 100%;
		  margin:0 0 0 0;
		  text-align:center;
		  font-weight: bold;
		}
		.advisor-contents .ad-profile div.ad-pfofile-text h3{
		  font-size: 2.2rem;
		  font-weight: bold;
		}
		.advisor-contents .ad-profile div.ad-pfofile-text h3 span{
			display: block;
			margin-top: 0%;
		  font-size: 1.3rem;
		}

		/**********************************

		お知らせ

		************************************/
		.news.page-main div.inner{
		  background-position: 40% top;
		}

		/* 一覧（TOPと同じ） */
		.page-news .news-list{
		  margin-left:0;
		  margin-right:0;
		}
		.page-news .news-list div.news-unit div.news-text{
		  width:100%;
		}
		.page-news .news-list div.news-unit{
		  margin-bottom:7rem;
		}

		/* 詳細 */
		.single div.inner{
		  padding-left: 0;
		  padding-right: 0;
		}
		.single section.single-head{
		  padding-bottom:1rem;
		  margin-bottom: 3rem;
		}
		.single section.single-head h2{
		  font-size:2.1rem;
		  font-weight: bold;
		  letter-spacing: 0rem;
		  margin-bottom: 1rem;
		}
		.single section.single-head p.days{
		  font-size: 1.2rem;
		}
		.single section{margin-bottom: 6rem;}
		.single section img{max-width: 100%;}

		/*レイアウト*/
		.single section h3{
		  font-size: 2rem;
		  margin-bottom: 2.4rem;
			border-top: 2px solid #E9C7CA;
			padding-top: 2rem;
		}
		.single section h3::after{
			display: none;
		}
		h3.blog-h3-title{
		  font-size: 2rem;
		  padding: 2%;
		  margin-bottom: 2.4rem;
		}

		.single section h4{
		  font-size: 1.8rem;
		  font-weight: bold;
		  margin-bottom: 2.6rem;
		}

		.colunm-002{
			flex-direction: column;
		  justify-content: flex-start;
		}
		.colunm-002.right{
		  flex-direction: column;
		}
		.colunm-002 .img-unit{width: 100%; margin-bottom: 2.5rem;}
		.colunm-002 .text-area{width: 100%;}

		.single section .text-area p{line-height: 2;}

		.sns-block{
		  border-top: 1px solid #ccc;
		  padding-top: 3rem;
		  text-align: center;
		}

		/**********************************

		カウンセリング

		************************************/
		.counseling.page-main div.inner{
		  background-position: 30% top;
		}

		.counseling-price{
		  padding:5% 3% 0;
			flex-direction: column;
		  justify-content: flex-start;
		  text-align: center;
		  margin-top: 4rem;
		}

		.counseling-price div{
		  width: 100%;
		  margin: 0 0 3%;
		}

		.counseling-price div h3{
		  border-radius: 40px;
		  padding: 1rem 0;
		  margin-bottom: 1rem;
		}

		.counseling-price div dl{
		  display: flex;
		  justify-content: center;
		  align-items: center;
		}
		.counseling-price div dl dt{
		  font-weight: normal;
		  font-size: 1.8rem;
		  margin-right: 2rem;
		}
		.counseling-price div dl dd{
		  font-weight: bold;
		  font-size: 1.8rem;
		}
		.counseling-price div dl dd span{
		  font-size: 3rem;
		}

		/**********************************

		ご契約までの流れ・サービス内容

		************************************/
		.plan.page-main div.inner{
		  background-position: 28% top;
		}

		.flow-list section{
			border-width: 1px;
		  border-radius: 10px;
		  padding: 5%;
		  margin-bottom: 4rem;
		  position: relative;
		  flex-direction:column;
		  justify-content:flex-start;
		}

		.flow-list.a-center section{align-items: flex-start;}

		.flow-list section::after{
		  bottom: -30px;
		  left: 45%;
		}

		.flow-list section p.flow-number{
		  width: 100%;
		  height: auto;
		  text-align: center;
		  border-radius: 0;
		  font-weight: bold;
		  padding:1% 0;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 2rem;
		}

		.flow-list section p.flow-number::after{
		  font-size: 2.4rem;
			margin-left: 1rem;
		}

		.flow-list section div.text-area{
		  width: 100%;
		}
		.flow-list section div.text-area h3{
		  font-size: 1.8rem;
			letter-spacing: 0;
		  margin-bottom: 0.5rem;
		}
		.flow-list section div.text-area p{margin-bottom: 0;}

		/* 年間コンサルティングプラン */
		.plan-btn{
		  margin-bottom: 6rem;
		}
		.plan-btn ul{
			flex-direction: column;
		  justify-content: flex-start;
		}
		.plan-btn ul li{
		  width: 90%;
		  margin: 0 auto 4%;
		}
		.plan-btn ul li a{
			border-width: 1px;
		  border-radius: 10px;
		  padding: 1rem 0;
		}
		.plan-btn ul li a span,
		.plan-btn ul li a i{
		  display: block;
		}
		.plan-btn ul li a span{
		  font-size: 2.6rem;
		  font-weight: bold;
		}

		.plan-unit{
		  padding:8% 4%;
		  margin-bottom: 7rem;
		}

		.plan-unit h3{
		  font-size: 2rem;
		  margin-bottom: 3.2rem;
		}
		.plan-unit h3 b{
		  font-size: 3rem;
		}
		.plan-unit h3 b span{
		  font-size: 2rem;
		}
		.plan-contents{
			flex-direction: column;
		  justify-content: flex-start;
		  background-repeat: no-repeat;
		  background-position: center 55%;
		  background-size: 20px;
		}

		.plan-contents div{
		  padding: 2%;
		  box-sizing: border-box;
		  width: 100%;
		}
		.plan-contents div:nth-of-type(n+2){margin-top: 100px;}
		.plan-contents div h4{
		  font-size: 1.8rem;
		  padding: 1% 0;
		  margin-bottom: 2rem;
		}

		.plan-contents div h5{
		  font-weight: bold;
			text-align: center;
		  font-size: 1.8rem;
		}
		.plan-contents div h5:nth-of-type(n+2){margin-top: 3rem;}

		.plan-contents div ul {margin-top: 1.5rem; margin-left: 1rem;}
		.plan-contents div ul li{
		  background-size: 10px;
		  padding-left: 2.4rem;
		  margin-bottom: 0.8rem;
		}

		.plan-contents div p.caption{
		  font-size: 1.3rem;
		  margin-top: 1rem;
			text-align: center;
		}

		.plan-option{
		  padding: 2%;
		  margin-top: 2.4rem;
		  text-align: center;
		}
		.plan-option h4{
		  text-align: center;
		  font-size: 1.8rem;
		  font-weight: bold;
		  margin-bottom: 0.5rem;
		}

		.plan-option p b{
		  font-size: 2.2rem;
		  margin-left: 1rem;
		}

		/**********************************

		研修サービス

		************************************/
		.service.page-main div.inner{
		  background-position: 30% top;
		}

		.page-service-list{
		  margin-bottom: 10rem;
		}
		.page-service-list.list .service-contents{
		  flex-direction: column;
		  justify-content: flex-start;
		}
		.page-service-list.list:nth-last-child(even) .service-contents{
		  flex-direction:column;
		}

		.page-service-list .service-contents div.service-img,
		.page-service-list:nth-last-child(even) .service-contents div.service-img{
		  width: 100%;
			box-sizing: border-box;
			background-position: right bottom;
		  padding:0 4% 4% 0;
			margin-bottom: 2.4rem;
		}

		.page-service-list .service-contents div.text-area{
		  width: 100%;
		}
		.page-service-list .service-contents div.text-area h3{
		  font-size: 1.8rem;
		  font-weight: bold;
		  margin-top: 3.4rem;
		}
		.page-service-list .service-contents div.text-area p.linkbtn{
		  margin: 4rem auto 0;
		}

		.page-service-list .service-contents div.text-area ul li{
		  font-size: 1.4rem;
		}

		p.center{text-align: left;}
		.page-service-list .method-list{
			justify-content:flex-start;
			margin-top: 5%;
		  }
		  .page-service-list .method-list div{
			width: 48%;
			margin: 2% 1% 0;
			padding: 3%;
		  }
		  .page-service-list .method-list div h4{
			font-size: 2.0rem;
			margin-bottom: 2rem;
		  }
		  .page-service-list .method-list div h4 span{
			font-size: 1.6rem;
		  }
		  .page-service-list .method-list div p{
			margin-bottom: 0;
			font-size: 1.3rem;
			text-align: left;
		  }
		  .page-service-list .method-list div p br{display:none;}
		  

		/**********************************

		お客様の声

		************************************/
		.voice.page-main div.inner{
		  background-position: 40% top;
		}

		/* 一覧 */
		.page-voice.voice-list div.inner section{
		  flex-wrap: wrap;
		}
		.page-voice.voice-list div.inner section div.voice-unit{
			width: 100%;
		  margin: 0 0 12%;
		}

		.page-voice.voice-list div.inner section div.voice-unit p.voice-img img{
		  height: 30vw;
		}

		/* 詳細 */
		.single section.voice-course{
		  padding:7% 5%;
		}
		.single section.voice-course h3{
		  font-size: 1.8rem;
		  display: block;
			border-top:none;
			padding-top: 0;
		}
		.single section.voice-course p{font-size: 1.3rem;}

		/**********************************

		お問い合わせ

		************************************/
		.contact.page-main div.inner{
		  background-position: 38% top;
		}

		.contact-unit{
		  margin-left: 0;
		  margin-right: 0;
		}

		.contact-unit table tr{
		  border-bottom: none;
		}

		.contact-unit table tr th,
		.contact-unit table tr td{
		  vertical-align: middle;
		  box-sizing: border-box;
		  padding:5% 0;
		  font-size: 1.4rem;
			display: block;
		}
		.contact-unit table tr th{width: 100%; padding-bottom: 3%;}
		.contact-unit table tr td{width: 100%; padding-top: 0;}

		.contact-unit table tr th span{
		  padding: 3px 10px;
		  border-radius: 3px;
		  margin-left: 1rem;
		}

		.contact-unit table tr td input,
		.contact-unit table tr td textarea{
		  border: 1px solid #ccc;
		  padding: 2%;
		  box-sizing: border-box;
		  width: 100%;
		  text-align: left;
		}

		p#submit-btn,
		p.submitbtn.back{
		  width: 90%;
		  max-width: 90%;
		  margin: 3rem auto;
		  text-align: center;
		  padding: 3% 0;
		  font-size: 1.6rem;
		  cursor: pointer;
		  transition: 0.3s;
		}

		/**********************************

		プライバシーポリシー

		************************************/

		.privacy.page-main div.inner{
		  background-size: 26%;
		}

		article.privacy-contents section{margin:0 0 7rem;}
		article.privacy-contents section h2{
		  text-align: left;
		  font-size: 2rem;
		}
		article.privacy-contents section h3{
		  font-size: 1.6rem;
		}


		/**********************************

		Footer

		************************************/
		footer{
		  padding: 10% 0;
		}

		footer .footer-sitemap{
		  margin-bottom: 5%;
		}
		footer .footer-sitemap ul{
		  flex-direction: column;
		  font-size: 1.3rem;
		}
		footer .footer-sitemap ul li{
		  margin:0 0 0 0;
		}
		footer .footer-sitemap ul li::after{
			display: none;
		}
		footer .footer-sitemap ul li a{
			display: block;
			border-bottom: 1px dotted #837878;
			padding:3% 2%;
		}

		footer .foot-info h2{
		  text-align: left;
		  font-size: 2rem;
		  letter-spacing: 0.1rem;
		  font-weight: bold;
		  margin-bottom: 1rem;
		}

		footer .foot-under-navi{
		  margin-top: 3rem;
		  border-top: 1px dotted #837878;
		  padding-top: 3rem;
		}
		footer .foot-under-navi ul{
			flex-direction: column;
			justify-content: flex-start;
		  font-size: 1.2rem;
		}
		footer .foot-under-navi ul li{text-align: right;}

		footer .copy{
		  font-size: 1.1rem;
		  margin-top: 15%;
		}


}