@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
html {
	font-size: 62.5%;
}

body {
	color: #000;
	font-family: 'Noto Sans JP', ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.020em;
	line-height: 1.4;
	background: #fff;
	position: relative;
	padding: 121px 0 0 0;
}

.enFont {
	font-family: 'Oswald', sans-serif;
}

div {
	box-sizing: border-box;
}

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

a {
	outline: none;
	color: #000;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:focus, *:focus {
	outline:none;
}

a:visited {
	color: #212121;
}

a img {
	-webkit-transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-ms-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}

.post, .page {
	margin: 0;
}


.center {
	text-align: center;
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

.clear {
	clear:both;
	height: 0;
}

small {
	font-weight: 500;
}

ul, ol {
	padding: 0;
	margin: 0;
}

li > ul, li > ol {
	margin-left: 0;
}

ul li {
	list-style: none;
	box-sizing: border-box;
}

dl {
	margin: 0;
}

dt {
	font-weight: 500;
	box-sizing: border-box;
}

dd {
	margin: 0;
	box-sizing: border-box;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table th,
table td {
	box-sizing: border-box;
}

h1, h2, h3, h4, h5 {
	font-weight: 500;
}

p {
	margin: 0;
}

/*----------------------------------------------------
 fadeIn
----------------------------------------------------*/

.fadeIn {
	transform: translate3d(0, -10px, 0);
	transition: 1s;
	opacity: 0;
}

.fadeIn.animated {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

/*----------------------------------------------------
 inner
----------------------------------------------------*/
.inner {
	width: calc(100% - 3.6rem);
	max-width: 1082px;
	margin: 0 auto;
}

/*----------------------------------------------------
 button
----------------------------------------------------*/

.button {
	width: 100%;
	max-width: 267px;
	margin: 0 auto;
}

.button a {
	border-radius: 40px;
	background: #F08E33;
	color: #fff;
	font-size: 21px;
	line-height: 76px;
	font-weight: 700;
	display: block;
	position: relative;
	text-align: center;
}

.button a .icon {
	width: 10px;
	position: absolute;
	top: 50%;
	right: 34px;
	line-height: 16px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transition: all 0.3s ease;
}

/*----------------------------------------------------
 breadClumnb
----------------------------------------------------*/
#breadClumnb {
	font-size: 14px;
	padding: 10px 0 0 0;
}

#breadClumnb .breadcrumbs {
	margin: 0 0 0 -3px;
}

#breadClumnb a {
	color: #5c5c5c;
}

#breadClumnb span {
	padding: 0 3px;
}

/*----------------------------------------------------
 header
----------------------------------------------------*/

#header {
	background: #fff;
	position: fixed;
	z-index: 100;
	width: 100%;
	left: 0;
	top: 0;
}

#header .inner {
	max-width: initial;
	width: 100%;
}

#header .headerFlex {
	display: flex;
	justify-content: space-between;
}

#header .headerFlex .siteName {
	width: calc(100% - 505px);
	padding: 23px 0 18px 10.2%;
}

#header .headerFlex .siteName small {
	display: block;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.2em;
}

#header .headerFlex .siteName b {
	display: block;
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 0;
}

#header .headerFlex .siteInfo {
	width: 480px;
	display: flex;
	justify-content: space-between;
}

#header .headerFlex .siteInfo .sns{
	width:30px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#header .headerFlex .siteInfo .sns>*:nth-child(n+2){
	margin-top:10px;
}

#header .headerFlex .siteInfo .headerButton {
	width: 232px;
	height: 100%;
}

#header .headerFlex .siteInfo .headerButton a {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0;
	color: #fff;
	background: #F08E33;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

#header .headerFlex .siteInfo .headerButton a .icon {
	margin-right: 5px;
	width: 2.782vw;
}


#header .headerFlex .siteInfo .logo {
	width: 175px;
	padding: 26px 0 0;
}

/*----------------------------------------------------
 visual
----------------------------------------------------*/

#visual {
	height: 732px;
	padding: 62px 0 0 0;
	background: url('../img/visualBg.jpg') right bottom no-repeat;
	background-size: cover;
	box-sizing: border-box;
	position: relative;
}

#visual .inner {
	height: 100%;
	position: relative;
}

#visual .head {}

#visual .head h2 {
	font-size: 30px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.2em;
	color: #fff;
}

#visual .visualNav {
	background: #066282;
	border-radius: 29px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 28px;
	padding: 32px 0;
}

#visual .visualNav ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

#visual .visualNav ul li a {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0;
	position: relative;
	color: #fff;
	padding: 0 9px;
}

#visual .visualNav ul li a:after {
	content: '';
	width: 1px;
	height: 70%;
	background: #fff;
	position: absolute;
	right: 0px;
	top: 22%;
}

#visual .visualNav ul li:last-child a:after {
	display: none;
}

#visual .scroll {
	position: absolute;
	left: 18px;
	bottom: 77px;
}

#visual .scroll .text {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.2em;
	writing-mode: vertical-rl;
}

#visual .scroll .line {
	position: absolute;
	width: 1px;
	height: 100px;
	top: 76px;
	background: #fff;
	right: 9px;
	overflow: hidden;
	z-index: 1;
}

#visual .scroll .line:before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	position: absolute;
	top: 0;
	left: 0;
	animation: scroll 2s infinite normal;
}

@keyframes scroll {
	0%{
		height: 10px;
		top: -10px;
	}
	100%{
		height: 100px;
		top: 100px;
	}
}

/*----------------------------------------------------
 campaign
----------------------------------------------------*/

#campaign {
	padding: 51px 0 162px;
}

#campaign.news-none {
	padding: 107px 0 162px;
}

#campaign .campaignBox {
	padding: 42px 27px 45px 31px;
	border: 1px solid #F39827;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

#campaign .sectionHead {
	margin: 0 0 80px;
	text-align: center;
}

#campaign .sectionHead b {
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 0.2em;
	display: block;
	color: #F39827;
	margin: 0 0 32px;
}

#campaign .sectionHead b span {
	padding: 0 4px 8px;
	border-bottom: 3px solid #F39827;
}

#campaign .sectionHead small {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.2em;
	color: #3D3D3D;
	display: block;
}

#campaign .sectionHead small span {
	color: #d35f62;
}

#campaign .campaignImage {
	margin: 0 0 13px;
}

#campaign .campaignFlex-full {
	display: flex;
	justify-content: center;
	margin: 0 0 26px;
}

#campaign .campaignFlex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 26px;
	padding: 0 6%;
}

#campaign .campaignFlex.borderBox {
	border-bottom: 1px solid #cccccc;
	padding: 0 0 60px;
	margin: 0 0 62px;
}

#campaign .campaignFlex .image {
	width: 50%;
	margin: -8px 0 0 0;
	text-align: right;
}

#campaign .campaignFlex .image img {
	zoom: 0.42;
}

#campaign .campaignFlex .conts {
	width: 50%;
	padding: 0 0 0 5.5%;
}

#campaign .campaignFlex .conts .mark {
	margin: 0 0 20px;
}

#campaign .campaignFlex .conts .mark span {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	background: #3D3D3D;
	display: inline-block;
	line-height: 46px;
	padding: 0 25px;
	border-radius: 30px;
}

#campaign .campaignFlex .conts h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.2em;
	color: #3D3D3D;
	margin: 0 0 25px;
}

#campaign .campaignFlex .conts p {
	font-size: 18px;
	letter-spacing: 0;
	line-height: 1.333;
	color: #000000;
}

#campaign .addText {
	margin: 50px 0 60px;
	text-align: center;
}

#campaign .addText p {
	font-size: 14px;
}

/*----------------------------------------------------
 about
----------------------------------------------------*/

#about {
	background: url('../img/aboutBg.jpg') no-repeat;
	background-size: cover;
	padding: 66px 0 50px;
}

#about .sectionHead {
	margin: 0 0 31px;
	text-align: center;
}

#about .sectionHead b {
	font-size: 50px;
	font-weight: 400;
	letter-spacing: 0.2em;
	color: #066282;
	margin: 0 0 7px;
	padding: 0 0 0 17px;
	display: block;
}

#about .sectionHead small {
	font-size: 26px;
	font-weight: 400;
	color: #3D3D3D;
	display: block;
}

#about .aboutFlex {
	display: flex;
	justify-content: space-between;
}

#about .aboutFlex .image {
	width: 48.7%;
}

#about .aboutFlex .conts {
	width: 48.8%;
	padding: 6px 0 0 0;
}

#about .aboutFlex .conts p.aboutText {
	font-size: 18px;
	line-height: 1.44;
	letter-spacing: 0.02em;
	color: #000;
	margin: 0 0 35px;
}

#about .aboutInfo ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 11px;
}

#about .aboutInfo ul li .listHead {
	font-size: 20px;
	font-weight: 400;
	line-height: 43px;
	color: #fff;
	background: #3D3D3D;
	text-align: center;
	width: 156px;
	border-radius: 38px;
}

#about .aboutInfo ul li .listConts {
	width: calc(100% - 181px);
}

#about .aboutInfo ul li .listConts p {
	font-size: 20px;
	font-weight: 400;
	color: #000;
}

/*----------------------------------------------------
 pickup
----------------------------------------------------*/

#pickup {
	overflow: hidden;
	position: relative;
	padding: 121px 0 66px;
}

#pickup:after {
	content: '';
	width: 100%;
	height: 200%;
	background: #F0F6FF;
	position: absolute;
	top: -100px;
	left: 7.2%;
	-webkit-transform: rotate(19.5deg);
	transform: rotate(19.5deg);
}

#pickup .sectionHead {
	margin: 0 0 65px;
	text-align: center;
	position: relative;
	z-index: 1;
}

#pickup .sectionHead b {
	font-size: 50px;
	font-weight: 400;
	letter-spacing: 0.2em;
	color: #066282;
	margin: 0 0 7px;
	padding: 0 0 0 4px;
	display: block;
}

#pickup .sectionHead small {
	font-size: 26px;
	font-weight: 400;
	color: #3D3D3D;
	display: block;
}

#pickup .pickupBox_wrap{
display:flex;
justify-content:center;
padding:0 5%;
flex-wrap:wrap;
}
#pickup .pickupBox_wrap .pickupBox{
	width:42.5%;
}
#pickup .pickupBox_wrap .pickupBox:nth-child(2n){
	margin-left:5%;
}
#pickup .pickupBox_wrap .pickupBox:nth-child(n+3){
	margin-top:5%;
}
#pickup .pickupBox_wrap .pickupBox .conts{
	width:100%;
}

#pickup .pickupBox {
	display: flex;
	justify-content: space-between;
	position: relative;
  z-index: 1;
}

#pickup .noHead {
	display: flex;
	flex-direction: column;
	margin: 0 0 14px;
}

#pickup .noHead .small {
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.1em;
	margin: 0 0 3px;
	padding: 0 0 0 8px;
}

#pickup .noHead .no {
	font-size: 74px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.08em;
	color: #676767;
}

#pickup .textHead {
	margin: 0 0 7px;
	padding: 0 0 0 4px;
}

#pickup .textHead h3 {
	font-size: 28px;
	font-weight: 500;
	line-height: 1.92;
	letter-spacing: 0.1em;
	color: #3D3D3D;
}

#pickup .textConts {
	padding: 0 0 0 4px;
}

#pickup .textConts p {
	font-size: 16px;
	font-weight: 400;
	line-height: 2.25;
	color: #3D3D3D;
}

/*----------------------------------------------------
 benefits
----------------------------------------------------*/

#benefits {
	overflow: hidden;
	position: relative;
	padding: 86px 0 85px;
}

#benefits .sectionHead {
	margin: 0 0 73px;
	text-align: center;
	position: relative;
	z-index: 1;
}

#benefits .sectionHead b {
	font-size: 50px;
	font-weight: 400;
	letter-spacing: 0.2em;
	color: #066282;
	margin: 0 0 7px;
	padding: 0 0 0 2px;
	display: block;
}

#benefits .sectionHead small {
	font-size: 26px;
	font-weight: 400;
	color: #3D3D3D;
	display: block;
}

#benefits .meritBox {
	margin: 0 0 47px;
}

#benefits .meritBox.box03 {
	margin: 0 0 85px;
}

#benefits .meritBox .boxHead {
	position: relative;
	margin: 0 0 16px;
}

#benefits .meritBox .boxHead:before {
	content: '';
	width: 100%;
	height: 2px;
	background: #3D3D3D;
	position: absolute;
	left: 0;
	top: 10px;
}

#benefits .meritBox .boxHead span {
	background: #3D3D3D;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.2em;
	border-radius: 38px;
	padding: 10px 29px;
	position: relative;
	z-index: 1;
}

#benefits .meritFlex {
	display: flex;
	justify-content: space-between;
}

#benefits .meritFlex .flexHead {
	padding: 7px 0 0 3px;
	width: 38%;
}

#benefits .meritFlex .flexHead h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.59;
	margin-bottom:10px;
}
#benefits .meritFlex .flexHead img{
	width:60%;
}

#benefits .meritFlex .flexConts {
	width: 60.7%;
}

#benefits .meritFlex .flexConts p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.875;
}

/*----------------------------------------------------
 voice
----------------------------------------------------*/

#voice {
	overflow: hidden;
	position: relative;
	padding: 117px 0 30px;
	background: #F0F6FF;
}

#voice .sectionHead {
	margin: 0 0 59px;
	text-align: center;
	position: relative;
	z-index: 1;
}

#voice .sectionHead b {
	font-size: 50px;
	font-weight: 400;
	letter-spacing: 0.2em;
	color: #066282;
	margin: 0 0 7px;
	padding: 0 0 0 2px;
	display: block;
}

#voice .sectionHead small {
	font-size: 26px;
	font-weight: 400;
	color: #3D3D3D;
	display: block;
}

#voice .voiceBox {
	display: flex;
	justify-content: space-between;
	margin: 0 0 40px;
}

#voice .voiceBox.box02 {
	flex-direction: row-reverse;
}


#voice .voiceBox .voiceImage {
	width: 213px;
}

#voice .voiceBox .voiceConts {
	width: calc(100% - 348px);
	padding: 38px 0 0 0;
	position: relative;
}

#voice .voiceBox.box03 .voiceConts {
	padding: 25px 0 0 0;
}

#voice .voiceBox .voiceConts:before {
	content: '';
	width: 861px;
	height: 169px;
	background: url('../img/voiceBox-left.svg') no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: -130px;
	bottom: 29px;
}

#voice .voiceBox.box02 .voiceConts:before {
	content: '';
	width: 861px;
	height: 169px;
	background: url('../img/voiceBox-right.svg') no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: -1px;
	bottom: 40px;
}

#voice .voiceBox.box03 .voiceConts:before {
	left: -130px;
	bottom: 44px;
}

#voice .voiceBox .voiceConts p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.875;
}

/*----------------------------------------------------
 faq
----------------------------------------------------*/

#faq {
	overflow: hidden;
	position: relative;
	padding: 76px 0 95px;
}

#faq .sectionHead {
	margin: 0 0 29px;
	text-align: center;
	position: relative;
	z-index: 1;
}

#faq .sectionHead b {
	font-size: 50px;
	font-weight: 400;
	letter-spacing: 0.2em;
	color: #066282;
	margin: 0 0 7px;
	padding: 0 0 0 22px;
	display: block;
}

#faq .sectionHead small {
	font-size: 26px;
	font-weight: 400;
	color: #3D3D3D;
	display: block;
}

#faq .faqLists dl dt {
	position: relative;
	display: flex;
	align-items: center;
	padding: 9px 0 9px 21px;
	border-bottom: 1px solid #066282;
	cursor: pointer;
	transition: all 0.3s ease;
}

#faq .faqLists dl.last dt {
	border-bottom: none;
}

#faq .faqLists dl dt .qMark {
	font-size: 40px;
	font-weight: 400;
	color: #066282;
	margin: 0 43px 0 0;
}

#faq .faqLists dl dt .qText {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 2.5;
	padding: 8px 0 0 0;
}

#faq .faqLists dl dt .acArrow {
	width: 27px;
	height: 27px;
	background: #066282;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 57%;
	right: 0;
	transform: translateY(-50%) rotate(180deg);
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transition: all 0.3s ease;
}

#faq .faqLists dl dt.active .acArrow {
	transform: translateY(-50%) rotate(0deg);
	-webkit-transform: translateY(-50%) rotate(0deg);
	-ms-transform: translateY(-50%) rotate(0deg);
	transition: all 0.3s ease;
}

#faq .faqLists dl dd {
	position: relative;
	padding: 17px 0 17px 21px;
	background: #066282;
	border-bottom: 1px solid #066282;
	display: none;
}

#faq .faqLists dl dd .ddFlex {
	display: flex;
	align-items: center;
}

#faq .faqLists dl dd .aMark {
	font-size: 40px;
	font-weight: 400;
	color: #fff;
	margin: 0 43px 0 0;
}

#faq .faqLists dl dd .aText {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 2.5;
	padding: 4px 0 0 0;
	color: #fff;
}

/*----------------------------------------------------
 house
----------------------------------------------------*/

#house {
	overflow: hidden;
	position: relative;
	padding: 54px 0 77px;
	background: #F0F6FF;
}

#house .sectionHead {
	margin: 0 0 36px;
	text-align: center;
	position: relative;
	z-index: 1;
}

#house .sectionHead b {
	font-size: 50px;
	font-weight: 400;
	letter-spacing: 0.2em;
	color: #066282;
	margin: 0 0 7px;
	padding: 0 0 0 0;
	display: block;
}

#house .sectionHead small {
	font-size: 26px;
	font-weight: 400;
	color: #3D3D3D;
	display: block;
}

#house .houseLists {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 15px;
}

#house .houseLists .houseBox {
	width: 31.8%;
	margin-bottom: 37px;
	margin-right: 2.3%;
	padding: 22px 15px 26px;
	background: #fff;
	border-radius: 22px;
	box-shadow: 0 3px 6px rgba(0,0,0, 0.16);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#house .houseLists .houseBox.normalFlex {
	justify-content: flex-start;
}

#house .houseLists .houseBox .image {
	margin: 0 0 8px;
}

#house .houseLists .houseBox .logo {
	margin: 0 auto 9px;
	text-align: center;
}

#house .houseLists .houseBox .logo img {
	max-width: 42%;
	margin: auto;
}

#house .houseLists .houseBox .button.white {
	max-width: initial;
	margin: 0 0 11px;
	padding: 0 6px;
}

#house .houseLists .houseBox .button.white a {
	background: #fff;
	border: 1px solid #707070;
	border-radius: 0;
	text-align: left;
	color: #707070;
	font-size: 16px;
	font-weight: 500;
	line-height: 58px;
	padding: 0 0 0 21px;
}

#house .houseLists .houseBox .button.white a .icon {
	right: 16px;
	top: 54%;
	transition: all 0.3s ease;
}

#house .houseLists .houseBox .button.blue {
	max-width: initial;
	padding: 0 6px;
}

#house .houseLists .houseBox .button.blue a {
	background: #066282;
	border: 1px solid #066282;
	border-radius: 0;
	text-align: left;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 58px;
	padding: 0 0 0 21px;
}

#house .houseLists .houseBox .button.blue a .icon {
	right: 18px;
	top: 54%;
	width: 8px;
	transition: all 0.3s ease;
}

#house .houseLists .houseBox .logo img {
	max-width: 75%;
	zoom: 0.5;
}

.remodal.houseModal {
  padding: 0;
  background: #000;
}

.remodal.houseModal .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.remodal.houseModal .embed-container iframe, .remodal.houseModal .embed-container object, .remodal.houseModal .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*----------------------------------------------------
 access
----------------------------------------------------*/

#access {
	overflow: hidden;
	position: relative;
	padding: 54px 0 40px;
	background: #FBFBFB;
	border-bottom: 1px solid #ddd;
}

#access .sectionHead {
	margin: 0 0 36px;
	text-align: center;
	position: relative;
	z-index: 1;
}

#access .sectionHead b {
	font-size: 50px;
	font-weight: 400;
	letter-spacing: 0.2em;
	color: #066282;
	margin: 0 0 7px;
	padding: 0 0 0 0;
	display: block;
}

#access .sectionHead small {
	font-size: 26px;
	font-weight: 400;
	color: #3D3D3D;
	display: block;
}

#access .map {}

#access .accessConts {
	padding: 17px 0 0 0;
}

#access .accessConts .contsHead {
	margin: 0 0 29px;
	text-align: center;
}

#access .accessConts .contsHead h3 {
	font-size: 24px;
	font-weight: 400;
}

#access .contsText p {
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.02em;
}

#access .contsText p .small {
	font-size: 10px;
	display: inline-block;
	padding: 0 5px 0 0;
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}

/*----------------------------------------------------
 pageTop
----------------------------------------------------*/

#pageTop {
	position: absolute;
	right: 77px;
	bottom: 313px;
}

#pageTop a {
	display: block;
	width: 130px;
	height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 19px;
	font-weight: 400;
	letter-spacing: 0.05em;
	position: relative;
	color: #fff;
	background: #066282;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}

#pageTop a .arrow {
	position: absolute;
	bottom: 9px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 100;

}

/*----------------------------------------------------
 footer
----------------------------------------------------*/

#footer {
	padding: 57px 0 0;
}

#footer .footerFlex {
	display: flex;
	justify-content: space-between;
	padding: 0 0 48px;
}

#footer .footerFlex .logo {
	width: 342px;
	margin: 0 0 0 -24px;
	padding: 14px 0 0 0;
}

#footer .footerInfo {
	width: calc(100% - 458px);
	display: flex;
	justify-content: space-between;
}

#footer .footerInfo .textInfo {
	width: calc(100% - 310px);
}

#footer .footerInfo .textInfo p {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0 0 15px 0;
}

#footer .footerInfo .textInfo p.addressText {
	margin: 0 0 3px 0;
}

#footer .footerInfo .textInfo p.timeInfo {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0 0 4px 0;
}

#footer .footerInfo .textInfo p.holidayInfo {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0 0 0 0;
}

#footer .telInfo {
	margin: 0 0 6px;
}

#footer .telInfo a {
	display: flex;
	align-items: center;
}

#footer .telInfo a .icon {
	width: 54px;
	line-height: 1;
	margin: 0 1px 0 0;
}

#footer .telInfo a .no {
	font-size: 38px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1;
	color: #066282;
	padding: 4px 0 0 0;
}

#footer .footerInfo .footerButtons {
	width: 294px;
	padding: 50px 0 0;
	position:relative;
}

#footer .footerInfo .footerButtons .footer_sns{
	width:100%;
	position:absolute;
	margin-top:-42px;
	top:0
	left:0;
	display:flex;
	justify-content:flex-start;
}
#footer .footerInfo .footerButtons .footer_sns>*{
	width:30px;
}
#footer .footerInfo .footerButtons .footer_sns>*:nth-child(n+2){
	margin-left:10px;
}

#footer .footerInfo .footerButtons .button.blue {
	max-width: initial;
	margin: 0 0 12px;
}

#footer .footerInfo .footerButtons .button.blue a {
	line-height: 61px;
	background: #066282;
	border-radius: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	padding: 0 0 0 19px;
}

#footer .footerInfo .footerButtons .button.blue a .icon {
	right: 22px;
	top: 54%;
	width: 8px;
}

#footer .footerInfo .footerButtons .button.orange {
	max-width: initial;
	margin: 0 0 12px;
}

#footer .footerInfo .footerButtons .button.orange a {
	line-height: 61px;
	background: #F39827;
	border-radius: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	padding: 0 0 0 19px;
}

#footer .footerInfo .footerButtons .button.orange a .icon {
	right: 22px;
	top: 54%;
	width: 8px;
}

#footer .copy {
	background: #066282;
}

#footer .copy p {
	color: #fff;
	font-size: 13px;
	line-height: 71px;
	letter-spacing: 0.02em;
	text-align: center;
	font-family: 'Oswald', 'Noto Sans JP', ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}


/*----------------------------------------------------
 PC
----------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 1365px) {

	body {
		padding: 8.878vw 0 0 0;
	}

	/*----------------------------------------------------
	breadClumnb
	----------------------------------------------------*/

	#breadClumnb {
		font-size: 1.025vw;
		padding: 0.732vw 0 0 0;
	}

	#breadClumnb .breadcrumbs {
		margin: 0 0 0 -0.22vw;
	}

	#breadClumnb span {
		padding: 0 0.22vw;
	}

	/*----------------------------------------------------
	button
	----------------------------------------------------*/

	.button {
		max-width: 19.56vw;
	}

	.button a {
		border-radius: 2.93vw;
		font-size: 1.538vw;
		line-height: 5.568vw;
	}

	.button a .icon {
		width: 0.733vw;
		right: 2.491vw;
		line-height: 1.172vw;
	}

	/*----------------------------------------------------
	header
	----------------------------------------------------*/

	#header .headerFlex .siteName {
		width: calc(100% - 38.066vw);
		padding: 1.685vw 0 1.319vw 10.2%;
	}

	#header .headerFlex .siteName small {
		font-size: 1.465vw;
	}

	#header .headerFlex .siteName b {
		font-size: 2.93vw;
	}

	#header .headerFlex .siteInfo {
		width: 36.234vw;
	}

#header .headerFlex .siteInfo .sns{
	width:3vw;
}
#header .headerFlex .siteInfo .sns>*:nth-child(n+2){
	margin-top:.5vw;
}

	#header .headerFlex .siteInfo .headerButton {
		width: 16.996vw;
	}

	#header .headerFlex .siteInfo .headerButton a {
		font-size: 1.465vw;
	}

	#header .headerFlex .siteInfo .headerButton a .icon {
		margin-right: 0.366vw;
		width: 2.782vw;
	}


	#header .headerFlex .siteInfo .logo {
		width: 12.821vw;
		padding: 1.905vw 0 0;
	}

	/*----------------------------------------------------
	visual
	----------------------------------------------------*/

	#visual {
		height: 53.626vw;
		padding: 4.542vw 0 0 0;
	}

	#visual .head h2 {
		font-size: 2.198vw;
	}

	#visual .visualNav {
		border-radius: 2.125vw;
		bottom: 2.051vw;
		padding: 2.344vw 0;
	}

	#visual .visualNav ul li a {
		font-size: 1.245vw;
		padding: 0 0.659vw;
	}

	#visual .visualNav ul li a:after {
		width: 0.073vw;
	}

	#visual .scroll {
		left: 1.319vw;
		bottom: 5.641vw;
	}

	#visual .scroll .text {
		font-size: 1.026vw;
	}

	#visual .scroll .line {
		width: 0.073vw;
		height: 7.326vw;
		top: 5.568vw;
		right: 0.659vw;
	}

	@keyframes scroll {
		0%{
			height: 0.733vw;
			top: -0.733vw;
		}
		100%{
			height: 7.326vw;
			top: 7.326vw;
		}
	}

	/*----------------------------------------------------
	campaign
	----------------------------------------------------*/

	#campaign {
		padding: 3.734vw 0 11.859vw;
	}

	#campaign.news-none {
		padding: 7.833vw 0 11.859vw;
	}

	#campaign .campaignBox {
		padding: 3.075vw 1.977vw 3.294vw 2.269vw;
	}

	#campaign .sectionHead {
		margin: 0 0 3.857vw;
	}

	#campaign .sectionHead b {
		font-size: 2.196vw;
		margin: 0 0 2.343vw;
	}

	#campaign .sectionHead b span {
		padding: 0 0.293vw 0.586vw;
		border-bottom: 0.22vw solid #F39827;
	}

	#campaign .sectionHead small {
		font-size: 1.757vw;
	}

	#campaign .campaignImage {
		margin: 0 0 0.952vw;
	}

	#campaign .campaignFlex-full {
		margin: 0 0 1.903vw;
	}

	#campaign .campaignFlex {
		margin: 0 0 1.903vw;
	}

	#campaign .campaignFlex.borderBox {
		padding: 0 0 4.392vw;
		margin: 0 0 4.539vw;
	}

	#campaign .campaignFlex .image {
		margin: -0.586vw 0 0 0;
	}

	#campaign .campaignFlex .image img {
		zoom: 0.42;
	}

	#campaign .campaignFlex .conts {
		width: 50%;
		padding: 0 0 0 5.5%;
	}

	#campaign .campaignFlex .conts .mark {
		margin: 0 0 1.464vw;
	}

	#campaign .campaignFlex .conts .mark span {
		font-size: 1.464vw;
		line-height: 3.367vw;
		padding: 0 1.83vw;
		border-radius: 2.196vw;
	}

	#campaign .campaignFlex .conts h3 {
		font-size: 1.757vw;
		margin: 0 0 1.83vw;
	}

	#campaign .campaignFlex .conts p {
		font-size: 1.318vw;
	}

	#campaign .addText {
		margin: 3.66vw 0 4.392vw;
	}

	#campaign .addText p {
		font-size: 1.025vw;
	}

	/*----------------------------------------------------
	about
	----------------------------------------------------*/

	#about {
		padding: 4.835vw 0 3.663vw;
	}

	#about .sectionHead {
		margin: 0 0 2.271vw;
	}

	#about .sectionHead b {
		font-size: 3.663vw;
		margin: 0 0 0.513vw;
		padding: 0 0 0 1.245vw;
	}

	#about .sectionHead small {
		font-size: 1.905vw;
	}

	#about .aboutFlex .conts {
		padding: 0.44vw 0 0 0;
	}

	#about .aboutFlex .conts p.aboutText {
		font-size: 1.319vw;
		margin: 0 0 2.564vw;
	}

	#about .aboutInfo ul li {
		margin: 0 0 0.806vw;
	}

	#about .aboutInfo ul li .listHead {
		font-size: 1.465vw;
		line-height: 3.15vw;
		width: 11.429vw;
		border-radius: 2.784vw;
	}

	#about .aboutInfo ul li .listConts {
		width: calc(100% - 13.26vw);
	}

	#about .aboutInfo ul li .listConts p {
		font-size: 1.465vw;
	}

	/*----------------------------------------------------
	pickup
	----------------------------------------------------*/

	#pickup {
		padding: 8.864vw 0 4.835vw;
	}

	#pickup:after {
		top: -7.326vw;
	}

	#pickup .sectionHead {
		margin: 0 0 4.762vw;
	}

	#pickup .sectionHead b {
		font-size: 3.663vw;
		margin: 0 0 0.513vw;
		padding: 0 0 0 0.293vw;
	}

	#pickup .sectionHead small {
		font-size: 1.905vw;
	}

	#pickup .noHead {
		margin: 0 0 1.026vw;
	}

	#pickup .noHead .small {
		font-size: 1.026vw;
		margin: 0 0 0.22vw;
		padding: 0 0 0 0.586vw;
	}

	#pickup .noHead .no {
		font-size: 5.421vw;
	}

	#pickup .textHead {
		margin: 0 0 0.513vw;
		padding: 0 0 0 0.293vw;
	}

	#pickup .textHead h3 {
		font-size: 2.051vw;
	}

	#pickup .textConts {
		padding: 0 0 0 0.293vw;
	}

	#pickup .textConts p {
		font-size: 1.172vw;
	}

	/*----------------------------------------------------
	benefits
	----------------------------------------------------*/

	#benefits {
		padding: 6.3vw 0 6.227vw;
	}

	#benefits .sectionHead {
		margin: 0 0 5.348vw;
	}

	#benefits .sectionHead b {
		font-size: 3.663vw;
		margin: 0 0 0.513vw;
		padding: 0 0 0 0.147vw;
	}

	#benefits .sectionHead small {
		font-size: 1.905vw;
	}

	#benefits .meritBox {
		margin: 0 0 3.443vw;
	}

	#benefits .meritBox.box03 {
		margin: 0 0 6.227vw;
	}

	#benefits .meritBox .boxHead {
		margin: 0 0 1.172vw;
	}

	#benefits .meritBox .boxHead:before {
		height: 0.147vw;
		top: 0.733vw;
	}

	#benefits .meritBox .boxHead span {
		font-size: 1.172vw;
		border-radius: 2.784vw;
		padding: 0.733vw 2.125vw;
	}

	#benefits .meritFlex .flexHead {
		padding: 0.513vw 0 0 0.22vw;
	}

	#benefits .meritFlex .flexHead h3 {
		font-size: 1.612vw;
	}

	#benefits .meritFlex .flexConts p {
		font-size: 1.172vw;
	}

	/*----------------------------------------------------
	voice
	----------------------------------------------------*/

	#voice {
		padding: 8.571vw 0 2.198vw;
	}

	#voice .sectionHead {
		margin: 0 0 4.322vw;
	}

	#voice .sectionHead b {
		font-size: 3.663vw;
		margin: 0 0 0.513vw;
		padding: 0 0 0 0.147vw;
	}

	#voice .sectionHead small {
		font-size: 1.905vw;
	}

	#voice .voiceBox {
		margin: 0 0 2.93vw;
	}

	#voice .voiceBox .voiceImage {
		width: 15.604vw;
	}

	#voice .voiceBox .voiceConts {
		width: calc(100% - 25.495vw);
		padding: 2.784vw 0 0 0;
	}

	#voice .voiceBox.box03 .voiceConts {
		padding: 1.832vw 0 0 0;
	}

	#voice .voiceBox .voiceConts:before {
		width: 63.077vw;
		height: 12.381vw;
		left: -9.524vw;
		bottom: 2.125vw;
	}

	#voice .voiceBox.box02 .voiceConts:before {
		width: 63.077vw;
		height: 12.381vw;
		left: 11.073vw;
		bottom: 2.93vw;
	}

	#voice .voiceBox.box03 .voiceConts:before {
		left: -9.524vw;
		bottom: 3.223vw;
	}

	#voice .voiceBox .voiceConts p {
		font-size: 1.172vw;
	}

	/*----------------------------------------------------
	faq
	----------------------------------------------------*/

	#faq {
		padding: 5.568vw 0 6.96vw;
	}

	#faq .sectionHead {
		margin: 0 0 2.125vw;
	}

	#faq .sectionHead b {
		font-size: 3.663vw;
		margin: 0 0 0.513vw;
		padding: 0 0 0 1.612vw;
	}

	#faq .sectionHead small {
		font-size: 1.905vw;
	}

	#faq .faqLists dl dt {
		padding: 0.659vw 0 0.659vw 1.538vw;
	}

	#faq .faqLists dl dt .qMark {
		font-size: 2.93vw;
		margin: 0 3.15vw 0 0;
	}

	#faq .faqLists dl dt .qText {
		font-size: 1.465vw;
		padding: 0.586vw 0 0 0;
	}

	#faq .faqLists dl dt .acArrow {
		width: 1.978vw;
		height: 1.978vw;
	}

	#faq .faqLists dl dd {
		padding: 1.245vw 0 1.245vw 1.538vw;
	}

	#faq .faqLists dl dd .aMark {
		font-size: 2.93vw;
		margin: 0 3.15vw 0 0;
	}

	#faq .faqLists dl dd .aText {
		font-size: 1.465vw;
		padding: 0.293vw 0 0 0;
	}

	/*----------------------------------------------------
	house
	----------------------------------------------------*/

	#house {
		padding: 3.956vw 0 5.641vw;
	}

	#house .sectionHead {
		margin: 0 0 2.637vw;
	}

	#house .sectionHead b {
		font-size: 3.663vw;
		margin: 0 0 0.513vw;
	}

	#house .sectionHead small {
		font-size: 1.905vw;
	}

	#house .houseLists {
		margin: 0 0 1.099vw;
	}

	#house .houseLists .houseBox {
		margin-bottom: 2.711vw;
		padding: 1.612vw 1.099vw 1.905vw;
		border-radius: 1.612vw;
		box-shadow: 0 0.22vw 0.44vw rgba(0,0,0, 0.16);
	}

	#house .houseLists .houseBox .image {
		margin: 0 0 1.278vw;
	}

	#house .houseLists .houseBox .logo {
		margin: 0 auto 1.278vw;
	}

	#house .houseLists .houseBox .button.white {
		margin: 0 0 0.806vw;
		padding: 0 0.44vw;
	}

	#house .houseLists .houseBox .button.white a {
		font-size: 1.172vw;
		line-height: 4.249vw;
		padding: 0 0 0 1.538vw;
	}

	#house .houseLists .houseBox .button.white a .icon {
		right: 1.172vw;
	}

	#house .houseLists .houseBox .button.blue {
		padding: 0 0.44vw;
	}

	#house .houseLists .houseBox .button.blue a {
		font-size: 1.172vw;
		line-height: 4.249vw;
		padding: 0 0 0 1.538vw;
	}

	#house .houseLists .houseBox .button.blue a .icon {
		right: 1.319vw;
		width: 0.586vw;
	}

	/*----------------------------------------------------
	access
	----------------------------------------------------*/

	#access {
		padding: 3.956vw 0 2.93vw;
	}

	#access .sectionHead {
		margin: 0 0 2.637vw;
	}

	#access .sectionHead b {
		font-size: 3.663vw;
		margin: 0 0 0.513vw;
	}

	#access .sectionHead small {
		font-size: 1.905vw;
	}

	#access .accessConts {
		padding: 1.245vw 0 0 0;
	}

	#access .accessConts .contsHead {
		margin: 0 0 2.125vw;
	}

	#access .accessConts .contsHead h3 {
		font-size: 1.758vw;
	}

	#access .contsText p {
		font-size: 1.319vw;
	}

	#access .contsText p .small {
		font-size: 0.733vw;
		padding: 0 0.366vw 0 0;
		-webkit-transform: translateY(-0.22vw);
		transform: translateY(-0.22vw);
	}

	/*----------------------------------------------------
	pageTop
	----------------------------------------------------*/

	#pageTop {
		right: 5.641vw;
		bottom: 22.93vw;
	}

	#pageTop a {
		width: 9.524vw;
		height: 9.524vw;
		font-size: 1.392vw;
		box-shadow: rgba(0, 0, 0, 0.2) 0px 1.319vw 3.663vw -0.733vw;
	}

	#pageTop a .arrow {
		bottom: 0.659vw;
	}

	/*----------------------------------------------------
	footer
	----------------------------------------------------*/

	#footer {
		padding: 4.176vw 0 0;
	}

	#footer .footerFlex {
		padding: 0 0 3.516vw;
	}

	#footer .footerFlex .logo {
		width: 25.055vw;
		margin: 0 0 0 -1.758vw;
		padding: 1.026vw 0 0 0;
	}

	#footer .footerInfo {
		width: calc(100% - 33.553vw);
	}

	#footer .footerInfo .textInfo {
		width: calc(100% - 22.711vw);
	}

	#footer .footerInfo .textInfo p {
		font-size: 1.465vw;
		margin: 0 0 1.099vw 0;
	}

	#footer .footerInfo .textInfo p.addressText {
		margin: 0 0 0.22vw 0;
	}

	#footer .footerInfo .textInfo p.timeInfo {
		font-size: 1.172vw;
		margin: 0 0 0.293vw 0;
	}

	#footer .footerInfo .textInfo p.holidayInfo {
		font-size: 1.172vw;
	}

	#footer .telInfo {
		margin: 0 0 0.44vw;
	}

	#footer .telInfo a .icon {
		width: 3.956vw;
		margin: 0 0.073vw 0 0;
	}

	#footer .telInfo a .no {
		font-size: 2.784vw;
		padding: 0.293vw 0 0 0;
	}

	#footer .footerInfo .footerButtons {
		width: 21.538vw;
		padding: 3.663vw 0 0;
	}
	
#footer .footerInfo .footerButtons .footer_sns{
	width:3vw;
}
#footer .footerInfo .footerButtons .footer_sns>*:nth-child(n+2){
	margin-left:.5vw;
}

	#footer .footerInfo .footerButtons .button.blue {
		margin: 0 0 0.879vw;
	}

	#footer .footerInfo .footerButtons .button.blue a {
		line-height: 4.469vw;
		font-size: 1.172vw;
		padding: 0 0 0 1.392vw;
	}

	#footer .footerInfo .footerButtons .button.blue a .icon {
		right: 1.612vw;
		width: 0.586vw;
	}

	#footer .footerInfo .footerButtons .button.orange {
		margin: 0 0 0.879vw;
	}

	#footer .footerInfo .footerButtons .button.orange a {
		line-height: 4.469vw;
		font-size: 1.172vw;
		padding: 0 0 0 1.392vw;
	}

	#footer .footerInfo .footerButtons .button.orange a .icon {
		right: 1.612vw;
		width: 0.586vw;
	}

	#footer .copy p {
		font-size: 0.952vw;
		line-height: 5.201vw;
	}
}

@media screen and (min-width: 769px){
	.pc_hidden {
		display: none;
	}

	#pageTop a:hover {
		opacity: 0.7;
		box-shadow: none;
	}

	.button a:hover {
		opacity: 0.7;
	}

	.button a:hover .icon {
		right: 28px;
	}


	#house .houseLists .houseBox .button.white a:hover .icon {
		right: 0.879vw;
	}

	#house .houseLists .houseBox .button.blue a:hover .icon {
		right: 1.026vw;
	}

	#footer .footerInfo .footerButtons .button.blue a:hover .icon {
		right: 1.172vw;
	}

	#footer .footerInfo .footerButtons .button.orange a:hover .icon {
		right: 1.172vw;
	}

	#faq .faqLists dl dt:hover {
		opacity: 0.7;
	}

	#visual .visualNav ul li a:hover {
		color: #ffeb00;
	}

	#header .headerFlex .siteInfo .headerButton a:hover {
		opacity: 0.7;
	}

	#house .houseLists .houseBox:nth-child(3n) {
		margin-right: 0;
	}

}

/*----------------------------------------------------
 SP
----------------------------------------------------*/

@media screen and (max-width: 768px){
	.sp_hidden {
		display: none;
	}

	/*--------------------
	breadClumnb
	--------------------*/

	#breadClumnb {
    font-size: 12px;
    padding: 10px 0 0 0;
	}

	/*--------------------
	button
	--------------------*/

	.button {
		max-width: 58.667vw;
	}

	.button a {
		font-size: 3.733vw;
		line-height: 11.733vw;
		border-radius: 16vw;
	}

	.button a .icon {
		width: 1.867vw;
		right: 4.533vw;
		line-height: 2.933vw;
	}

	/*--------------------
	Header
	--------------------*/

	#header .headerFlex {
		flex-direction: column-reverse;
	}

	#header .headerFlex .siteInfo {
		width: 100%;
	}
#header .headerFlex .siteInfo .sns{
	position:absolute;
	top:auto;
	bottom:1.5vw;
	right:0;
	width:16vw;
	flex-direction:row;
}
#header .headerFlex .siteInfo .sns>*{
	width:40%;
}
#header .headerFlex .siteInfo .sns>*:nth-child(n+2){
	margin:0 0 0 1vw;
}

	#header .headerFlex .siteInfo .logo {
		width: 40%;
		padding: 1.6vw 3.2vw 1.6vw 3.2vw;
	}

	#header .headerFlex .siteInfo .headerButton {
		height: auto;
	}

	#header .headerFlex .siteInfo .headerButton a {
		font-size: 3.733vw;
	}

	#header .headerFlex .siteInfo .headerButton a .icon {
		width: 5.6vw;
		margin-right: 2.4vw;
	}

	#header .headerFlex .siteName {
		width: 100%;
		padding: 2.133vw 5.2%;
	}

	#header .headerFlex .siteName small {
		font-size: 2.933vw;
	}

	#header .headerFlex .siteName b {
		font-size: 4.267vw;
	}

	/*--------------------
	visual
	--------------------*/

	#visual {
		height: 85.333vw;
	}

	#visual .head h2 {
		font-size: 4.8vw;
	}

	#visual .scroll {
		bottom: 7.2vw;
	}

	#visual .scroll .text {
		font-size: 2.933vw;
	}

	#visual .scroll .line {
		right: 1.867vw;
		height: 13.333vw;
		top: 13.867vw;
	}

	/*--------------------
	campaign
	--------------------*/

	#campaign {
		padding: 5.333vw 0 5.333vw;
	}

	#campaign.news-none {
		padding: 7.333vw 0 5.333vw;
	}

	#campaign .campaignFlex {
		display: block;
	}

	#campaign .campaignFlex .image {
		width: 60%;
		margin: 0 auto;
	}

	#campaign .campaignFlex .conts {
		width: 100%;
		padding: 5.333vw 0 0 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#campaign .campaignFlex .conts h3 {
		font-size: 5.333vw;
		margin: 0 0 3.733vw;
	}

	#campaign .campaignFlex .conts p {
		font-size: 3.733vw;
		letter-spacing: 0.04em;
		line-height: 1.5;
	}

	#campaign .campaignBox {
		padding: 5.867vw 5.333vw 5.867vw 5.333vw;
	}

	#campaign .sectionHead {
		margin: 0 0 7.2vw;
	}

	#campaign .sectionHead b {
		font-size: 5.333vw;
		margin: 0 0 8vw;
	}

	#campaign .sectionHead b span {
		border-bottom: 0.533vw solid #F39827;
	}

	#campaign .sectionHead small {
		font-size: 4.267vw;
	}

	#campaign .campaignFlex .conts .mark span {
		font-size: 3.467vw;
		line-height: 8.8vw;
		padding: 0 4.267vw;
		border-radius: 8vw;
	}

	#campaign .campaignFlex.borderBox {
		border-bottom: 1px solid #cccccc;
		padding: 0 0 4vw;
		margin: 0 0 9.6vw;
	}

	#campaign .addText {
		text-align: left;
		margin: 4vw 0 8vw;
	}

	#campaign .addText p {
		font-size: 3.467vw;
		line-height: 1.6;
	}

	/*--------------------
	about
	--------------------*/

	#about {
		padding: 11.733vw 0 6.933vw;
	}

	#about .sectionHead b {
		font-size: 7.467vw;
	}

	#about .sectionHead small {
		font-size: 3.733vw;
	}

	#about .aboutFlex {
		display: block;
	}

	#about .aboutFlex .image {
		width: 100%;
		margin: 0 0 4vw;
	}

	#about .aboutFlex .conts {
		width: 100%;
		padding: 0;
	}

	#about .aboutFlex .conts p.aboutText {
		font-size: 4vw;
		line-height: 1.64;
	}

	#about .aboutInfo ul li {
		display: block;
		margin: 0 0 4.8vw;
	}

	#about .aboutInfo ul li .listHead {
		font-size: 4.267vw;
		font-weight: 700;
		line-height: 9.067vw;
		width: 34.667vw;
		margin: 0 auto 2.667vw;
	}

	#about .aboutInfo ul li .listConts {
		width: 100%;
	}

	#about .aboutInfo ul li .listConts p {
		font-size: 4.267vw;
		text-align: center;
	}

	/*--------------------
	pickup
	--------------------*/

	#pickup {
		padding: 11.733vw 0 6.933vw;
	}

	#pickup:after {
		left: 10.2%;
		-webkit-transform: rotate(8.5deg);
		transform: rotate(8.5deg);
	}

	#pickup .sectionHead {
		margin: 0 0 12.267vw;
	}

	#pickup .sectionHead b {
		font-size: 7.467vw;
	}

	#pickup .sectionHead small {
		font-size: 3.733vw;
	}

#pickup .pickupBox_wrap{
display:flex;
justify-content:center;
padding:0 5%;
flex-wrap:wrap;
}
#pickup .pickupBox_wrap .pickupBox{
	width:100%;
}
#pickup .pickupBox_wrap .pickupBox:nth-child(2n){
	margin-left:0;
}
#pickup .pickupBox_wrap .pickupBox:nth-child(n+2){
	margin-top:10vw;
}

	#pickup .noHead .small {
		font-size: 3.2vw;
		margin: 0 0 0;
		padding: 0 0 0 0;
	}

	#pickup .noHead .no {
		font-size: 10.667vw;
	}

	#pickup .textHead {
		padding: 0;
	}

	#pickup .textHead h3 {
		font-size: 4.267vw;
		line-height: 1.5;
	}

	#pickup .textConts {
		padding: 0;
	}

	#pickup .textConts p {
		font-size: 3.733vw;
	}

	/*--------------------
	benefits
	--------------------*/

	#benefits {
		padding: 11.733vw 0 6.933vw;
	}

	#benefits .sectionHead {
		margin: 0 0 12.267vw;
	}

	#benefits .sectionHead b {
		font-size: 7.467vw;
	}

	#benefits .sectionHead small {
		font-size: 3.733vw;
	}

	#benefits .meritBox .boxHead span {
		font-size: 3.2vw;
		padding: 2.133vw 7.733vw;
	}

	#benefits .meritFlex {
		display: block;
	}

	#benefits .meritFlex .flexHead {
		width: 100%;
		margin: 0 0 2.667vw;
	}

	#benefits .meritFlex .flexHead h3 {
		font-size: 4.267vw;
	}

	#benefits .meritFlex .flexHead img {
		width:100%;
	}
	
	#benefits .meritFlex .flexConts {
		width: 100%;
	}

	#benefits .meritFlex .flexConts p {
		font-size: 3.733vw;
		line-height: 1.5;
	}

	#benefits .meritBox.box03 {
		margin: 0 0 8vw;
	}

	/*--------------------
	voice
	--------------------*/

	#voice {
		padding: 11.733vw 0 6.933vw;
	}

	#voice .sectionHead {
		margin: 0 0 12.267vw;
	}

	#voice .sectionHead b {
		font-size: 7.467vw;
	}

	#voice .sectionHead small {
		font-size: 3.733vw;
	}

	#voice .voiceBox {
		align-items: flex-end;
		margin: 0 0 16vw;
	}

	#voice .voiceBox .voiceImage {
		width: 17.333vw;
		-webkit-transform: translateY(6.933vw);
		transform: translateY(6.933vw);
	}

	#voice .voiceBox .voiceConts {
		width: calc(100% - 29.333vw);
		padding: 0;
	}

	#voice .voiceBox .voiceConts:before {
		width: 100%;
		height: 13.6vw;
		left: -9.6vw;
		bottom: -2.4vw;
	}

	#voice .voiceBox.box02 .voiceConts:before {
		width: 100%;
		height: 13.6vw;
		right: -9.6vw;
		left: initial;
		bottom: -2.4vw;
	}

	#voice .voiceBox.box03 .voiceConts:before {
		left: -9.6vw;
		bottom: -2.4vw;
	}

	#voice .voiceBox .voiceConts p {
		font-size: 3.467vw;
		line-height: 1.5;
	}


	/*--------------------
	faq
	--------------------*/

	#faq {
		padding: 11.733vw 0 6.933vw;
	}

	#faq .sectionHead {
		margin: 0 0 8vw;
	}

	#faq .sectionHead b {
		font-size: 7.467vw;
	}

	#faq .sectionHead small {
		font-size: 3.733vw;
	}

	#faq .faqLists dl dt {
		padding: 2.4vw 0 2.4vw 2.667vw;
	}

	#faq .faqLists dl dt .qMark {
		font-size: 6.933vw;
		margin: 0 4vw 0 0;
	}

	#faq .faqLists dl dt .qText {
		font-size: 3.733vw;
    line-height: 1.5;
    padding: 1.333vw 9.067vw 0 0;
	}

	#faq .faqLists dl dt .acArrow {
		width: 6.133vw;
    height: 6.133vw;
	}

	#faq .faqLists dl dd {
		padding: 2.4vw 0 2.4vw 2.667vw;
	}

	#faq .faqLists dl dd .aMark {
		font-size: 6.933vw;
		margin: 0 4vw 0 0;
	}

	#faq .faqLists dl dd .aText {
		font-size: 3.733vw;
    line-height: 1.5;
    padding: 1.333vw 0 0 0;
	}

	/*--------------------
	house
	--------------------*/

	#house {
		padding: 11.733vw 0 6.933vw;
	}

	#house .sectionHead {
		margin: 0 0 8vw;
	}

	#house .sectionHead b {
		font-size: 7.467vw;
	}

	#house .sectionHead small {
		font-size: 3.733vw;
	}

	#house .houseLists .houseBox {
		width: 48%;
		margin-bottom: 3.733vw;
		margin-right: 4%;
		padding: 3.2vw 3.2vw 3.2vw;
		border-radius: 3.2vw;
	}

	#house .houseLists .houseBox:nth-child(2n) {
		margin-right: 0;
	}

	#house .houseLists .houseBox .image {
		margin: 0 0 3.2vw;
	}

	#house .houseLists .houseBox .button.white {
		margin: 0 0 1.6vw;
		padding: 0;
	}

	#house .houseLists .houseBox .button.white a {
		font-size: 3.2vw;
		line-height: 9.067vw;
		padding: 0 0 0 3.2vw;
	}

	#house .houseLists .houseBox .button.white a .icon {
		right: 2.133vw;
		top: 50%;
		width: 1.333vw;
		line-height: 2.133vw;
	}

	#house .houseLists .houseBox .button.blue {
		padding: 0;
	}

	#house .houseLists .houseBox .button.blue a {
		font-size: 3.2vw;
		line-height: 9.067vw;
		padding: 0 0 0 3.2vw;
	}

	#house .houseLists .houseBox .button.blue a .icon {
		right: 2.133vw;
		top: 50%;
		width: 1.333vw;
		line-height: 2.133vw;
	}

	#house .houseLists .houseBox .logo {
		margin: 0 auto 2.267vw;
		width: 94%;
	}

	/*--------------------
	access
	--------------------*/

	#access {
		padding: 11.733vw 0 11.733vw;
	}

	#access .sectionHead {
		margin: 0 0 8vw;
	}

	#access .sectionHead b {
		font-size: 7.467vw;
	}

	#access .sectionHead small {
		font-size: 3.733vw;
	}

	#access .accessConts .contsHead {
		margin: 0 0 2.4vw;
	}

	#access .accessConts .contsHead h3 {
		font-size: 4.267vw;
	}

	#access .contsText p {
		font-size: 3.733vw;
	}

	/*--------------------
	pageTop
	--------------------*/

	#pageTop {
		right: 4.533vw;
		bottom: 98.933vw;
	}

	#pageTop a {
		width: 16vw;
		height: 16vw;
		font-size: 3.733vw;
	}

	#pageTop a .arrow {
		bottom: -0.8vw;
	}

	/*--------------------
	footer
	--------------------*/

	#footer {
		padding: 8vw 0 0;
	}

	#footer .footerFlex {
		display: block;
		padding: 0 0 5.333vw;
	}

	#footer .footerFlex .logo {
		width: 40%;
		margin: 0 auto 5.867vw;
		padding: 0;
	}

	#footer .footerInfo {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#footer .footerInfo .textInfo {
		width: auto;
		display: inline-block;
	}

	#footer .footerInfo .textInfo p {
		font-size: 3.733vw;
		margin: 0 0 1.333vw;
	}

	#footer .footerInfo .textInfo p.addressText {
		margin: 0 0 1.6vw;
	}

	#footer .telInfo a .icon {
		width: 6.4vw;
	}

	#footer .telInfo a .no {
		font-size: 5.6vw;
	}

	#footer .footerInfo .textInfo p.timeInfo {
		font-size: 3.2vw;
	}

	#footer .footerInfo .textInfo p.holidayInfo {
		font-size: 3.2vw;
	}

	#footer .footerInfo .footerButtons {
		padding: 5.333vw 0 0 0;
	}
#footer .footerInfo .footerButtons .footer_sns{
	position:static;
	margin-top:0;
	margin-bottom:2vw;
	justify-content:center;
}
#footer .footerInfo .footerButtons .footer_sns>*:nth-child(n+2){
	margin-left:1vw;
}

	#footer .copy p {
		font-size: 2.667vw;
		line-height: 10.667vw;
	}

	#footer .footerInfo .footerButtons .button.blue {
		margin: 0 0 1.867vw;
	}

	#footer .footerInfo .footerButtons .button.blue a {
		font-size: 3.467vw;
		line-height: 10.667vw;
	}

	#footer .footerInfo .footerButtons .button.blue a .icon {
		right: 3.467vw;
	}

	#footer .footerInfo .footerButtons .button.orange a {
		font-size: 3.467vw;
		line-height: 10.667vw;
	}

	#footer .footerInfo .footerButtons .button.orange a .icon {
		right: 3.467vw;
	}

}