@import url('https://fonts.googleapis.com/css2?family=Hina+Mincho&family=Noto+Sans+JP:wght@100..900&display=swap');

/*リセット*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
ol, ul, dl{
    list-style:none;
}

html{
	margin:0;
	padding:0;
}

body{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:18px;
	line-height: 1.8;
	color:#333333;
	-webkit-font-smoothing: antialiased;
}

.pc{
	display:block!important;
}
.sp{
	display:none!important;
}
.pcVisble{
	visibility:visible;
}
.spVisble{
	visibility:hidden;
}

section{
	position:relative;
}
.container{
	position:relative;
	width:67.44%;
	margin:0 auto;
}

.sec01{
	aspect-ratio:32 / 71;
	background:url(../img/sec01_bg.jpg) no-repeat;
	background-size:100%;
	padding:98vw 0 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.logo{
	position:absolute;
	width:36.45%;
	max-width:700px;
	top:2.6vw;
	left:5.2vw;
}
.sec01 .img01{
	display:block;
	width:100%;
	margin:0 0 4.7%;
}
.sec01 .img02{
	width:90%;
}
/*----------------------*/
.sec02{
	aspect-ratio:120 / 191;
	margin:-23.6vw 0 0;
	background:url(../img/sec02_bg.jpg) no-repeat;
	background-size:100%;
	background-position:bottom;
}

.tvcm{
	width:81%;
	margin:0 auto;
	padding:0 0 10.41vw;
	text-align:center;
}
.tvcm > img{
	width:20.19%;
	margin:0 auto 3.86%;
}
.tvcm ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.tvcm ul li{
	width:47.61%;
	margin:0 0 6.19%;
	font-size:0;
}
.tvcm ul li:last-child{
	margin:0 auto;
}
.tvcm ul li > img{
	margin:0 0 4%;
}
.tvcm ul li img{
	width:100%;
}
/*----------------------*/
.ourbusiness{
	width:50.78%;
	margin:0 auto 35.52vw 49.22%;
	padding:0 3.75% 0 0;
	color:#fff;
	font-size:21px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.ourbusiness > img{
	width:48.82%;
	margin:0 0 3.07%;
}
.ourbusiness p{
	margin:0 0 2.87%;
	font-size:max(1.09vw,12px);
	line-height: 190.476%; /* 190.476% */
}
.banners{
	display:flex;
	justify-content:left;
	flex-wrap:wrap;
}
.banners li{
	width:28.7%;
	margin:0 2.32% 0 0;
	font-size:0;
}
.banners li img{
	width:100%;
}
/*----------------------*/
.profname{
	width:20.83%;
	margin:0 auto 11.14vw;
	font-size:0;
}
.profname img{
	width:100%;
}
/*----------------------*/
.profile{
	width:52.65vw;
	margin:0 0 0 17.7%;
}
.profile img {
	width:100%;
}
/*----------------------*/
footer {
	background: #fff;
	padding: 2.76vw 0 5.72vw;
	text-align: center;
}

.sns-icons {
	display: flex;
	justify-content: start;
	align-items:center;
	flex-wrap:wrap;
}

.sns-icons li{
	margin:0 2.08vw 0 0;
}
.sns-icons li:last-child{
	margin:0 0 0 auto;
}
.sns-icons li img{
	vertical-align:middle;
	width:9.68vw;
}
.sns-icons li.icon img{
	width:auto;
	height:2.08vw;

}
.sns-icons li:last-child img{
	width:20vw;

}
/*
@media screen and (min-width: 1600px) {
	.profile { margin-top:230px;
	}
}
@media screen and (max-width: 1240px) {
	.profname{
	margin:30.52vw auto 7.14vw;
	}
}
*/
@media screen and (max-width: 979px) {

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

	.container {
		width: 90%;
	}
	
	.sec01{
		aspect-ratio: 393 / 871;
		background:url(../img/sec01_bg.jpg) no-repeat;
		background-size:100%;
		padding:99.2vw 0 0;
	}
	
	/*---------------------*/
	.sec02{
		aspect-ratio:393 / 1517;
		margin: 0 0;
		background:url(../img/sec02_bg_sp.jpg) no-repeat;
		background-size:100%;
		background-position:bottom;
	}
	.tvcm{
		width:70.82%;
		margin:0 auto;
		padding:0 0 27.48vw;
	}
	.tvcm > img{
		width:42.4%;
		margin:0 auto 4.54%;
	}
	.tvcm ul li{
		width:100%;
		margin:0 0 8%;
	}
	.tvcm ul li:last-child{
		margin:0 0 0 -20%;
	}
	.tvcm ul li > img{
		margin:0 0 4%;
	}
	/*---------------------*/
	.ourbusiness{
		width:100%;
		padding:0 5%;
		margin:0 0 29vw;
		font-size:14px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	.ourbusiness > img {
		width:57.22%;
		margin:0 0 2.54%;
	}
	.ourbusiness p{
		font-size:3vw;
		line-height:1.8;
	}
	.banners{
		justify-content:space-between;
		margin:3.5% 0 0;
	}
	.banners li{
		width:32%;
		margin:0;
	}
	/*---------------------*/
	.profname{
		width:47.07%;
		margin:0 0 10.94vw 38.16vw;
	}
	/*---------------------*/
	.profile{
		width:90%;
		margin:0 auto;
	}
	footer {
		background: #fff;
		padding: 5.08vw 0 10.43vw;
		text-align: center;
	}
	.sns-icons li{
		margin:0 6.61vw 0 0;
	}
	.sns-icons li:first-child img{
		width:20vw;
	}
	.sns-icons li:last-child{
		width:100%;
		margin:4.58vw 0 0;
		text-align:left;
	}
	.sns-icons li.icon img{
		height:6.61vw;
	}
	.sns-icons li:last-child img{
		width:30vw;
	}

}
/*
@media screen and (max-width: 680px) {
	.ourbusiness div { margin-top:40px;}
	.ourbusiness img {
		width:40vw;
	}
	.ourbusiness p{
		font-size:2.4vw;
	}
	.profile > img{
		width:59.32%;
	}
	.profile .text{
		font-size:2.4vw;
		line-height:1.8
	}
}*/