.pc {
	display: block;
}
.sp {
	display: none;
}

@media screen and (max-width: 640px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	/*共通*/
	.wrappre {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}
  .wrappre.large {
    width: 100%;
  }
	.inWrapper {
		width: 100%;
	}
	.section {
		padding-top: 30px;
		padding-bottom: 25px;
	}
	.section2 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.contBox {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.contBox p {
		font-size: 14px;
	}
	.contBox p:first-child {
		width: 100%;
		margin-bottom: 5px;
		font-size: 13px;
		text-align: center;
	}
	.contBox p span {
		font-size: 18px;
	}
	.contBox p a {
		pointer-events: all;
	}
	.contBox .contBtn {
		width: 100%;
	}
	/*フレックス系統*/
	.flexBox {
		flex-wrap: wrap;
	}
	#foryou .flexBoxC {
		display: block;
	}

	/*背景*/


	/*タイトル系*/
	.ttlStyle01 h2,
	.ttlStyle01 h3 {
		font-size: 20px;
	}
	.ttlStyle01 p {
		width: 100%;
		font-size: 15px;
	}

	.ttlStyle02 {
		font-size: 4.8vw;
	}
	.ttlStyle05 {
		padding: 17px 0;
	}
	.ttlStyle05 img {
		max-width: 100%;
		width: 100px;
		top: -26px;
	}
	.ttlStyle05 h2 {
		font-size: 20px;
	}

	.ttlStyle06 .title {
		font-size: 27px;
		text-align: center;
	}
	.ttlStyle06 .text {
		font-size: 14px;
		text-align: center;
	}

	/*テキスト*/
	.textC img{
		margin-bottom: 0;
	}
	.textC li {
		margin-bottom: 20px;
	}


	/*ヘッダー*/
	#logo{
		flex-wrap: wrap;
	}
	#logo .logoimg {
		margin-left: 0;
	}
	#logo img + img {
		margin-left: 0;
	}


	/*main*/
	.foryou_wrap {
		display: block;
		padding-top: 30px;
		padding-right: 0;
		padding-left: 0;
	}
	.foryou_wrap .ttlStyle06 {
		margin-bottom: 20px;
	}
	.foryou_wrap .ttlStyle06 .title {
		margin-bottom: 10px;
	}
	.foryou_wrap .foryou_family {
		margin-right: 0;
	}
	.foryouBox p {
		font-size: 18px;
	}
	#foryou .textC li {
		width: 80%;
		margin: 0 auto 20px;
	}
	#facility {
		margin-bottom: 0;
	}
	#facility .ttlStyle01 h2 span {
		line-height: 1em;
	}
	#facility .ttlStyle01 picture {
		display: grid;
	}
	#facility .flexBoxC {
		flex-wrap: wrap;
		-webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: stretch;
	}
	.facilityList {
		margin-bottom: 30px;
	}
	.facilityList li {
		width: 100%;
		max-width: 307px;
		height: auto;
		order: 1;
	}
	.facilityList li + li {
		width: 100%;
		max-width: 307px;
		border-left: none;
	}
	.facilityList li p span {
		margin-left: -5px;
		font-size: 14px;
		text-align: left;
	}
	.facilityList .listBox01 {
		width: 100%;
		max-width: initial;
		position: relative;
		order: 0;
		margin-left: 0px;
	}
	.facilityList .listBox01 ul {
		margin-bottom: 20px;
		padding-left: 35px;
	}
	.facilityList .listBox01 ul li {
		max-width: initial;
	}
	.facilityList .listBox01 .num {
		position: absolute;
		top:0;
		left:0;
		width: 30px;
		height: 30px;
		padding-top: 5px;
		line-height: 1em;
		font-size: 4.5vw;
	}
	.facilityList .listBox01 .ttlStyle02 {
		margin-left: 35px;
	}
	.facilityList:nth-child(3) .listBox01 {
		max-width: initial;
		padding-right: 0;
		margin-left: 0px;
	}

	.lifePoint .txt {
		font-size: 14px;
	}
	.lifePoint img {
		margin-bottom: 12px;
	}
	.lifePoint ul {
		margin: 0;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}
	.lifePoint ul li {
		width: 48%;
	}

	#plan {
		-webkit-background-size: cover;
		background-size: cover;
	}

	.iframeWrappre {
		padding-top: 54%;
	}

	#company .feature {
		margin-bottom: 5px;
	}
	#company ul {
		margin-bottom: 20%;
	}
	#company ul li:nth-child(3) {
		padding-top: 60%;
		height: auto;
	}
	#company ul li:last-child {
		padding-top: 50%;
		height: auto;
	}
	#company .left {
		width: 100%;
		height: auto;
		padding-top: 65%;
	}
	#company .right {
		width: 100%;
		height: auto;
		padding-top: 44%;
	}
	#company .right p,
	#company .left p {
		font-size: 2.4vw;
	}
	#company .left {
		width: 100%;
	}
	#company .right .boxL {
		width: 50%;
	}
	#company .right .boxR {
		width: 60%;
		height: auto;
		top: 30px;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 12%;
	}
	#company .left .boxR {
		width: 60%;
		height: auto;
		padding-top: 20px;
		padding-right: 0px;
		padding-bottom: 20px;
		padding-left: 12%;
	}
	#company .left .boxL {
		width: 60%;
		height: auto;
		top: 60px;
		padding-top: 20px;
		padding-right: 12%;
		padding-bottom: 20px;
		padding-left: 20px;
	}

	#secom .ttlStyle01 .service_text {
		font-size: 17px;
	}
  .service-content .service-content_box {
    display: block;
  }
  .service-content {
    padding: 70px 15px 25px;
  }
  .service-content .content_info .content_name {
    margin-bottom: 5px;
    font-size: 20px;
    text-align: center;
  }
  .service-content .content_info .content_text {
    font-size: 14px;
  }
  .service-content .content_info .content_list .list {
    font-size: 14px;
  }
  .service-content .content_info .content_list .list .circle {
    font-size: 18px;
  }
  .service-content .content_inner {
    margin-top: 20px;
		padding: 20px 25px;
  }
  .service-content .content_info .content_text {
    text-align: left;
  }
	.service-content .content_inner .inner_content {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
	}
	.service-content .content_inner .inner_content + .inner_content {
		margin-top: 25px;
	}
	.service-content .content_inner .inner_content img {
		width: 48%;
	}
	.service-content .content_inner .inner_content .inner_content__title {
		width: 48%;
		font-size: 3.1vw;
	}
	.service-content .content_inner .inner_content .inner_content__text {
		margin-top: 10px;
	}
  .service-content .image-list {
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .service-content .image-list img {
    width: 48%;
    margin-bottom: 2%;
  }
  .service-content .image-list img:nth-child(even) {
    margin-left: 2%;
  }

	.recBox img {
		width: 50%;
	}
	.recBox picture {
		width: 35%;
	}
	.recBox picture img {
		width: 100%;
	}
	.recBox .rightArow {
		width: 65%;
	}
	.leftArow,
	.rightArow {
		width: 50%;
		padding: 10px 10px;
	}
	.leftArow .ttlStyle02,
	.rightArow .ttlStyle02 {
		font-size: 3.5vw;
		margin-bottom: 5px;
	}
	.leftArow p,
	.rightArow p {
		font-size: 2.5vw;
	}
	.rightArow::before {
		content: "";
		right: -13%;
		border: 15px solid transparent;
		border-left-color: #f7e290;
	}
	.leftArow::before {
		content: "";
		left: -15%;
		border: 15px solid transparent;
		border-right-color: #f7e290;
	}

	#info .ttlStyle01 {
		margin-bottom: 20px;
	}
	#info table {
		border: 1px solid #726f61;
	}
	#info tr {
		border: none;
	}
	#info th,
	#info td {
		width: 100%;
		display: block;
		padding-right: 15px;
		padding-left: 15px;
		font-size: 16px;
	}
	#info th {
		border: none;
	}
	#info.last {
		padding-top: 0;
	}

	#fee ul {
		margin-bottom: 30px;
	}
	#fee li {
		width: 80%;
		margin-bottom: 20px;
	}
	#fee li p {
		text-align: center;
	}
	.feeBox p {
		padding-right: 20px;
		padding-left: 20px;
	}

	#interior {
		padding-bottom: 0;
	}
	#interior ul {
		margin-bottom: 0;
	}

	#event {
		padding-bottom: 1px;
		border-top: 5px solid #980600;
	}
	#event .eventBox {
		padding-left: 15px;
	}

	#access {
		padding-top: 30px;
	}

	#recruit {
		padding-bottom: 5px;
	}

	#yell {
		padding-top: 0;
		padding-bottom: 0;
	}
	#yell li.ttlStyle04 {
		font-size: 18px;
	}
	#yell .flexBox {
		width: 100%;
	}
	#yell ul {
		margin-bottom: 30px;
	}
	#yell li {
		padding-right: 0;
		font-size: 14px;
	}
	#yell .flexBox img.yellImage {
		width: 27%;
	}
	#yell p {
		width: 70%;
		margin-left: 3%;
		font-size: 14px;
	}
	#yell p.textC {
		width: 100%;
		margin-left: 0;
	}

	#contact .contBox {
		padding-top: 55px;
		padding-bottom: 60px;
	}
	#contact .contBox p:first-child {
		width: 100%;
		text-align: center;
	}
	.tableStyle01 .large {
		width: initial;
	}
	#form {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	#contact .contBox p span {
		font-size: 18px;
	}
	.tableStyle01 th,
	.tableStyle01 td {
		display: block;
		width: 100%;
	}
	.tableStyle01 textarea.large {
		width: calc(100% - 90px);
	}
	.tableStyle01 tr:last-child .ninni {
		margin-top: 0;
	}
	.tableStyle01 label {
		margin-right: 13px;
	}

	#contact .contBox {
		padding-top: 35px;
		padding-bottom: 30px;
	}
	#contact .contBox h1 {
		font-size: 24px;
	}

	.youtubeWrappre {
		position: relative;
		width: 100%;
	    height: 0;
	    margin: 0 auto;
	    overflow: hidden;
	    padding-top: 58%;
	    border-bottom: 5px solid $red;
	}

	.customer_area1 {
		padding: 35px 30px;
	}
	.customer_area1 .message {
		width: 100%;
	}
	.customer_area1 .customer_image {
		position: relative;
		margin-right: -10px;
		margin-left: -10px;
		top: auto;
		right: auto;
		margin-bottom: -55px;
	}
	.customer_area1 .message .customer_title {
		padding-bottom: 15px;
		font-size: 24px;
	}
	.voice_area {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.voice_area .voice_message {
		width: 100%;
	}
	.voice_area .voice_message + .voice_message {
		margin-top: 40px;
	}
	.voice_area .voice_message::before {
		left: 80%;
	}
	.voice_area .voice_message::after {
		left: 80%;
	}


	/*フッター*/
	#footer .flexBoxF {
		display: block;
	}
	#footer .flexBoxS {
		display: block;
		margin-top: 40px;
		margin-bottom: 30px;
	}
	#footer .flexBoxS p {
		margin: 0 auto;
	}
	#footer .flexBoxS p:nth-child(2) {
		float: left;
		margin-top: 0;
		margin-left: 10px;
	}
	#footer .flexBoxS p a {
		display: inline-block;
		pointer-events: all;
		margin-bottom: 10px;
	}
	#footer .footBox {
		margin-left: 10px;
	}
	#footer .footBox .flexBox {
		display: none;
	}
	/*slick*/
	#sliderImg {
		overflow: hidden;
	}
}
@media screen and (max-width: 375px) {
	#footer .flexBoxS p {
		font-size: 13px;
	}
	.facilityList .listBox01 .num {
		padding-top: 4px;
		width: 25px;
		height: 25px;
	}
	.facilityList li p .fz14 {
		font-size: 14px;
	}
}
@media screen and (max-width: 320px) {
	.facilityList li p span {
		font-size: 13px;
	}
	.facilityList .listBox01 .ttlStyle02 {
		font-size: 4.5vw;
	}
	.contBox p span {
		font-size: 18px;
	}
	.contBox p:first-child {
		font-size: 12px;
	}
	#company ul li:last-child {
		margin-top: 45px;
	}
	#company .right {
		padding-top: 54%;
	}
	#company .left {
		padding-top: 70%;
	}
	#company ul li:nth-child(3) {
		padding-top: 60%;
	}
}