@charset "utf-8";

@media (max-width: 480px) {
	.wrapper {
		width: 88%;
	}
	.pc-nav, .pc-img {
		display: none;
	}
}
@media (min-width: 481px) {
	.wrapper {
		width: 71%;
	}
	.sp-img {
		display: none;
	}
}

/*フォントサイズ*/
@media (max-width: 480px) {	
	.check, h3, .support-title {
    	font-size: calc(1.5rem + ((1vw - 4.8px) * 0.8333));
    	min-height: 0vw;
	}
	.point dt, h4 {
		font-size: calc(1.25rem + ((1vw - 4.8px) * 0.8333));
		min-height: 0vw;
	}
	.point-subtitle {
    	font-size: calc(1rem + ((1vw - 4.8px) * 0.2083));
    	min-height: 0vw;
	}
	.news, .voice-subtitle {
  		font-size: calc(1rem + ((1vw - 4px) * 0.1316));
    	min-height: 0vw;
	}
	.support-subtitle {
		font-size: calc(1.25rem + ((1vw - 4px) * 0.1316));
    	min-height: 0vw;
	}
	.copy {
		font-size: calc(0.625rem + ((1vw - 4px) * 0.1316));
		min-height: 0vw;
	}
	.tel-number {
		font-size: calc(1.75rem + ((1vw - 4px) * 0.1316));
		min-height: 0vw;
	}
}
@media (min-width: 481px) {	
	.check, h3, .support-title {
    	font-size: calc(1.5rem + ((1vw - 4.8px) * 0.8333));
    	min-height: 0vw;
	}
	.point dt, h4 {
		font-size: calc(1.25rem + ((1vw - 4.8px) * 0.8333));
		min-height: 0vw;
	}
	.point-subtitle {
    	font-size: calc(1rem + ((1vw - 4.8px) * 0.2083));
    	min-height: 0vw;
	}
	.news, .voice-subtitle {
  		font-size: calc(1rem + ((1vw - 4px) * 0.1316));
    	min-height: 0vw;
	}
	.support-subtitle {
		font-size: calc(1.25rem + ((1vw - 4px) * 0.1316));
    	min-height: 0vw;
	}
	.copy {
		font-size: calc(0.625rem + ((1vw - 4px) * 0.1316));
		min-height: 0vw;
	}
	.tel-number {
		font-size: calc(1.75rem + ((1vw - 4px) * 0.1316));
		min-height: 0vw;
	}
}

@media (min-width: 1920px) {
	.check, h3, .support-title {
	    font-size: 37px;
	}
	.point dt, h4 {
	    font-size: 34px;
	}
	.point-subtitle {
	    font-size: 19px;
	}
	.news, .voice-subtitle {
		font-size: 18px;
	}
	.support-subtitle {
		font-size: 22px;
	}
	.copy {
		font-size: 12px;
	}
	.tel-number {
		font-size: 28px;
	}
}





body {
	width: 100%;
	color: #343434;
	font-size: 16px;
	font-weight: 600;
}
.header, .copy {
	width: 84%;
	max-width: 1280px;
	margin: auto;
}
.wrapper {
	max-width: 1280px;
	margin:0 auto;
	margin-bottom: -12%;
}
.about, .point, .support, .voice {
	margin-bottom: 16%;
}
.info {
	margin-bottom: 10%;
}
a {
	text-decoration: none;
	color:#343434;
}
a:hover {
	color: #E7728B;
}



/*header*/
.header {
	margin-top: 2%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 100000;
}
header h1 {
	width: 264px;
}
header nav {
	display: flex;
}
header nav ul {
	display: flex;
	text-align: right;
	justify-content: flex-end;
	white-space: nowrap;
	align-items: center;
}
header nav li {
	margin-right: 40px;
}
.contact {
	display: inline-block;
	background-color: #E7728B;
	color: #fff;
	padding: 3% 6%;
	border-radius: 30px;
}
@media (max-width: 480px) {
	header h1 img {
		width: 50%;
	}
}



/*main*/
.main {
	width: 85%;
	margin: 0 auto;
	margin-bottom: 8%;
	padding: 10% 0 5.4% 15%;
	background-image: url(../images/top/main-bg.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.main img {
	width: 49%;
}

@media (max-width: 480px) {
	.main {
		padding: 44% 0 0% 0;
		background-size: 300%;
		background-position: 78%;
	}
	.main-text img {
		width: 100%;
	}
}



/*about*/
.about-text1, .about-check {
	margin-bottom: 4%;
}
.about-text1, .about-text2 {
	line-height: 2.2rem;
}

.check {
	margin-bottom: 2%;
}
.check:before {
	position: relative;
	top: 8px;
	margin: 0 10px 0 0;
	content: url('../images/top/check_icon.png');
}
.check-under {
	border-bottom: 2px solid #EF9BAB;
	padding-bottom: 0.5%;
}




/*point*/
.point dl + dl {
	margin-top: 8%;
}
.point dl {
	display: inline-block;
	clear: both;
	height: auto;
}
.point dt {
	display: flex;
	align-items: center;
	margin-bottom: 3.2%;
}
.point dd {
	font-size: 15px;
}
.point dt:before {
	padding-right: 2.4%;
	content: '';
	display: inline-block;
	width: 4.44rem;
	height: 4.44rem;
	background-size: contain;
	background-repeat: no-repeat;
}
.point1:before {
	background-image: url(../images/top/point01.png);
}
.point2:before {
	background-image: url(../images/top/point02.png);
}
.point3:before {
	background-image: url(../images/top/point03.png);
}
.point-subtitle {
	margin-left: 1.6%;
}
.point dd {
	float: left;
	width: 56%;
	line-height: 1.7rem;
}
.point-img {
	width: 40%;
	margin-right: 4%;
	float: left;
}
.point-img img {
	width: 100%;
}
@media (max-width: 480px) {
	.point-img {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10%;
		float: none;
	}
	.point-subtitle {
		display: contents;
	}
	.point dd {
		float: none;
		width: 100%;
	}
}



/*news*/
.news {
	background-color: #F5F5F5;
	margin: 0 calc(50% - 50vw + 10px) ;
   	width: calc(100vw - 20px);
   	margin-bottom: 16%;
}
.news-innr {
	width: 71%;
	margin: 0 auto;
	padding: 6% 0;
}
.news-h {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2%;
}
.news .more-btn {
	display: flex;
	align-items: center;
}
.more-btn img {
	width: 30%;
	margin-left: 10%;
}
.news li {
	display: flex;
	align-items: center;
	padding: 4% 0;
	background-image: linear-gradient(to right, #afafaf, #afafaf 6px, transparent 6px);
  	background-size: 15px 1px;
  	background-position: left bottom;
  	background-repeat: repeat-x;
}
.date {
	margin:0 6%;
}
@media (max-width: 480px) {
	.news {
		margin: 0 calc(50% - 50vw + 0px) ;
	   	width: calc(100vw - 0px);
	   	margin-bottom: 16%;
	}
	.news-innr {
		width: 90%;
	}
	.news li {
		display: block;
	}
	.date {
		margin: 0;
	}
}



/*support*/
.support dl {
	width: 48%;
}
.support-img {
	width: 42%;
}
.support-img img {
	width: 100%;
}
.support-box {
	display: flex;
	justify-content: space-between;
}
.support-title {
	margin-bottom: 2.5%;
}
.support-subtitle {
	margin-bottom: 6.4%;
}
.support-text {
	font-size: 15px;
	line-height: 2rem;
}
.support-mb {
	margin-bottom: 10%;
}

@media (max-width: 480px) {
	.support dl {
		width: 100%;
	}
	.support-img {
		width: 100%;
	}
	.support-box {
		display: block;
	}
	.support-mb {
		margin-bottom: 20%;
	}
}



/*voice*/
.voice h3, .voice h4, .voice-img, .voice-subtitle {
	text-align: center;
}
.voice h4, .voice-img {
	margin-bottom: 5%;
}
.voice h3 {
	margin-bottom: 10%;
}
.voice-box {
	display: flex;
	justify-content: space-between;
}
.work-voice {
	width: 30%;
}
.voice-subtitle {
	width: 100%;
	margin-bottom: 7%;
	display: inline-block;
	background-color: #E7728B;
	color: #fff;
	padding: 1.8% 0;
	border-radius: 30px;
}
.voice dd {
	font-size: 15px;
	line-height: 2rem;
}

@media (max-width: 480px) {
	.voice-box {
		display: block;
	}
	.work-voice {
		width: 100%;
		margin-bottom: 20%;
	}
	.voice-img img {
		width: 100%;
	}
}



/*info*/
.info {
	display: flex;
	justify-content: space-between;
}
.information {
	width: 49.5%;
  	text-shadow:1px 1px 0 #C3C3C3, -1px -1px 0 #C3C3C3,
  				-1px 1px 0 #C3C3C3, 1px -1px 0 #C3C3C3,
				0px 1px 0 #C3C3C3,  0-1px 0 #C3C3C3,
				-1px 0 0 #C3C3C3, 1px 0 0 #C3C3C3;
	position: relative;
}
.access {
	width: 49.5%;
	text-shadow:1px 1px 0 #C3C3C3, -1px -1px 0 #C3C3C3,
  				-1px 1px 0 #C3C3C3, 1px -1px 0 #C3C3C3,
				0px 1px 0 #C3C3C3,  0-1px 0 #C3C3C3,
				-1px 0 0 #C3C3C3, 1px 0 0 #C3C3C3;
	position: relative;
}
.bottom-left1 {
	position: absolute;
	bottom: 10%;
	left: 5%;
}
.bottom-left2 {
	font-size: 12px;
	position: absolute;
	bottom: 5%;
	left: 5%;
}
.information img, .access img {
	width: 100%;
}
.info-more {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 5%;
	right: 3%;
}
.info-more img {
	width: 30%;
	margin-left: 10%;
}

@media (max-width: 480px) {
	.info {
		display: block;
		margin-bottom: 16%;
	}
	.information {
		width: 100%;
		margin-bottom: 4%;
	}
	.access {
		width: 100%;
	}
}



/*footer*/
.footer {
	background-color: #868D98;
	margin: 0 calc(50% - 50vw + 10px) ;
   	width: calc(100vw - 20px);
   	margin-bottom: 16%;
}
.foot-innr {
	width: 71%;
	margin: 0 auto;
	padding: 6% 0;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer dl {
	width: 57%;
}
.footer dt {
	margin-bottom: 6%;
}
.footer dd {
	line-height: 2rem;
}
.address {
	width: 34%;
	margin-top: 8%;
	border-left: solid 1px #fff;
	padding-left: 4.5%;
}
.address-text {
	letter-spacing: 0.1rem;
}
.tel-number {
	letter-spacing: 0.15rem;
	margin-bottom: 4%;
}
.tel-number:before {
	position: relative;
	top: 8px;
	margin: 0 10px 0 0;
	content: url('../images/top/tel-icon.png');
}
.footer-contact-btn {
	display: block;
	letter-spacing: 0.2rem;
	display: inline-block;
	background-color: #868D98;
	color: #fff;
	padding: 3% 10%;
	border-radius: 30px;
	border: solid 1px #fff;
}
.footer-nav {
	background-color: #fff;
}
.footer-nav-innr {
	width: 71%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-nav ul {
	padding: 3% 0;
	display: flex;
}
.footer-nav li:not(first-child) {
	margin-right: 40px;
}
.sns {
	display: flex;
}
.x-icon {
	margin-right: 14px;
}
.copy {
	color: #fff;
	padding: 3% 0 0.5% 0;
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 480px) {
	.footer {
		margin: 0 calc(50% - 50vw + 0px) ;
	   	width: calc(100vw - 0px);
	   	margin-bottom: 16%;
	}
	.foot-innr {
		width: 94%;
		display: block;
	}
	.footer dl {
		width: 100%;
	}
	.address {
		width: 94%;
		border-left: none;
		padding-left: 0;
	}
}