@charset "utf-8";

/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

html{
	scroll-padding-top: 120px;
}

body {
	width: 100% !important;
	color: #555555;
	line-height: 1.6;
	font-size: 1.8rem;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: "Noto Sans JP", sans-serif!important;
}

body.article{
	overflow:hidden;
}

section{
	overflow:hidden;
}

.maru{
	font-family: "Zen Maru Gothic", sans-serif!important;
}

.sans{
	font-family: "Noto Sans JP", sans-serif!important;
}


.en{
	font-family: "Inter", sans-serif!important;
}

.oswald{
	font-family: "Oswald", sans-serif!important;	
}

.anton{
	font-family: "Anton", sans-serif!important;
}

/* color */
.white{
	color: #ffffff!important;
}
.blue{
	color: #6FA6E8;
}
.red{
	color: #D6545F;
}
.pink{
	color: #E8858D;
}
.orange{
	color: #EAA276;
}
.green{
	color: #68BC8F;
}
.yellow{
	color: #E8E08E;
}
.purple{
	color: #B18EC9;
}
.black{
	color: #555555;
}

.bgwh{
	background: #ffffff;
}
.bgblu{
	background: #6FA6E8;
}
.bgbla{
	background:#555555;
}
.bgred{
	background: #D6545F;
}
.bgpink{
	background: #E8858D;
}
.bgora{
	background: #EAA276;
}
.bggre{
	background: #68BC8F;
}
.bgyel{
	background: #E8E08E;
}
.bgpur{
	background: #B18EC9;
}

/*リンク表示方法*/

a {
	text-decoration: none;	
}

a:link {
	color: #555555;
}

a:visited {
	color: #555555;
}

a:active {
	color: #555555;
}

a:hover {
	opacity: 0.7;
}

a:hover img {
	opacity: 1;
}

.hLogo a:hover{
	opacity: 1;
}

:has( > .lista){
	position: relative;
}

.lista{
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height:100%;
	z-index: 1;
}

a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	}
/*-----------------------------------------------------------
PCサイズ
-----------------------------------------------------------*/

.pc,.pc2 {
	display: block;
}

.sp,.sp2, .spTel {
	display: none;
}

.pcTel {
	display: inline;
}


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

header {
	padding: 30px 2.667% 0;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 9999;
	transition: .4s;
}

header.headerScroll{
    background: #6FA6E8;
    padding-top: 10px;
    padding-bottom: 10px;
}

.hLogo{
	max-width: 257px;
	width: 22%;
}


.logo a:hover img {
	opacity: 1;
}

.headerTel {
	margin: 0 0 0 0;
	padding: 0px 0 0;
	font-weight: 900;
}

.off_img{
	display:block;
}

.on_img{
	display:none;
}

.headerScroll .off_img{
	display:none;
}

.headerScroll .on_img{
	display:block;
}

/*-----------------------------------------------------------
テーブル共通
-----------------------------------------------------------*/

table {
	border-collapse: separate;
}



/*-----------------------------------------------------------
 nav
-----------------------------------------------------------*/

.pc_nav{
	width: 76%;
	display: flex;
	max-width: 1120px;
	align-items: center;
	justify-content: flex-end;
}

.nav_list1{
	display: flex;
	justify-content: flex-end;
	width: 78.394%;
}

.nav_list1 > li {
	margin-left:auto;
	position: relative;
}

.nav_list1 > li:first-child{
	margin:0;
}

.nav_list1 .text{
	display: block;
	text-decoration: none;
	font-size: clamp(1.6rem,2vw,3rem);
	color:#fff;
	font-weight:700;
	line-height:1.2;
}

.nav_list1 .text span{
	display:flex;
	font-size: clamp(1.3rem,1.3vw,1.6rem);
	line-height:1.5;
	position:relative;
	align-items:center;
}

.nav_list1 p.text span:after{
	content: '';
	width: 8px;
	height: 8px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(135deg);
	margin-left:9px;
}

.sns_list{
	display:flex;
	justify-content:space-between;
	max-width:76px;
	width: 9%;
	margin-left: auto;
}

.sns_list li{
	width: 45%;
}

.hd_link{
	display:flex;
	max-width: 180px;
	width: 17%;
	margin-left: auto;
}

.hd_link_btn1{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height: 70px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	transition: .4s;
	border-radius: 10px;
	position:relative;
}


.hd_link_btn1:after{
	content: '';
	width: 8px;
	height: 8px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
	margin-left: 13px;
}




.nav_list1 > li:hover .hide_nav{
	opacity:1;
	cursor:initial;
	pointer-events:initial;
}

.hide_nav{
	position:absolute;
	top: 24px;
	left:0;
	width:100%;
	padding-top:42px;
	opacity:0;
	cursor:none;
	pointer-events:none;
	transition:.4s;
}


.hide_nav .hide_nav_in{
	background: #6fa6e8d4;
	padding:20px;
	width: 320px;
}

.hide_list{
	
}

.hide_list li{
	margin-bottom:5px;
}

.hide_list li a{
	padding-left:16px;
	color:#fff;
	font-weight:500;
	position:relative;
	font-size:1.5rem;
}

.hide_list li a:before{
	position:absolute;
	content:"";
	width:8px;
	height:1px;
	left:0;
	top:11px;
	background:#fff;
}

/*-----------------------------------------------------------
#slide
-----------------------------------------------------------*/

#modal {
	display: none;
}

/*-----------------------------------------------------------
#cover
-----------------------------------------------------------*/

#cover {
	width: 100%;
	margin: 0px auto 0;
	background: url(./img/top/bg_mv.png)no-repeat bottom left;
	background-size: cover;
	overflow: hidden;
}

.cov-div{
	padding: 9.792% 0 0;
	padding-top: 6%;
}

.cov-div .text_area{
	position:relative;
	width: 93%;
	margin: 0 auto 4.41%;
	max-width: 1751px;
	left: 1%;
}

.cov-div .text_area .title1{
	font-size: 18rem;
	line-height: 1.1777;
	font-weight:700;
	font-size: clamp(7rem,9.4vw,18rem);
	letter-spacing: -0.03em;
}

.cov-div .text_area .text1{
	margin-top: 20px;
	font-size: 2.5rem;
	line-height: 1.28;
	font-weight:700;
	font-size: clamp(1.8rem,1.4vw,2.5rem);
	color:#fff;
}

.mv_slider_area{
	width: 18%;
	position: absolute;
	top: 6%;
	right: 5%;
}

.mv_sld{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	width:100%;
}


.mv_slider_area .slick-slider .slick-track{
	display:flex!important;
	align-items:center;
}

.cov-div2{
	position:relative;
	max-width: 1710px;
	width: 95%;
	margin: auto;
}

.cov-div2 .img_area{
	width:100%;
}

.cov-div2 .img {
	width:100%;
}

.cov-div2 .img img{
	border-radius:15px;
	width:100%;
}

.cov-div2 .text_area{
	position:absolute;
	bottom: 10%;
	right: 1.462%;
	display: flex;
	flex-direction: column;
}

.cov-div2 .text_area .text{
	font-size: clamp(2.5rem,6vw,10rem);
	line-height:1.21;
	background:#fff;
	font-weight:700;
	padding-left:21px;
	max-width:max-content;
}

.cov-div2 .text_area .text.text2{
	margin-top:20px;
}

/*-----------------------------------------------------------
 #main
-----------------------------------------------------------*/

#main {
	width: 100%;
}

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

.inner{
	width: 95%;
	max-width: 1710px;
	margin: 0 auto;
}

.inner2{
	width: 95%;
	max-width: 1550px;
	margin: 0 auto;
}


.mainTit{
	position:relative;
	font-weight:700;
	font-size: clamp(4rem,5vw,8rem);
	z-index:1;
	line-height:1.45;
	letter-spacing:-0.03em;
	padding-top: 8.642%;
}

.mainTit .small{
	font-size: clamp(1.6rem,3vw,4rem);
	white-space: nowrap;
	line-height: 1;
}

.mainTit .en_tit{
	position:absolute;
	font-weight:700;
	font-size: clamp(8rem,12vw,23rem);
	left: 0;
	top: 0;
	z-index:-1;
	line-height:1.2;
	letter-spacing:0em;
	color:#F5F5F5;
}


.mainTit2{
	font-size: 1.8rem;
	line-height: 1;
	font-weight:500;
	font-size: clamp(1.6rem,4vw,1.8rem);
}

.mainTit2 span{

}

.subTit{
	font-size: 2.4rem;
	line-height:1.2;
	font-weight:700;
	font-size: clamp(2rem,4vw,2.4rem);
}

.btn1{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	background:#D6545F;
	color:#fff!important;
	max-width:700px;
	width:100%;
	margin:0 auto;
	height:150px;
	border-radius:10px;
	padding-left:88px;
	font-weight:700;
	font-size: 5.1rem;
	line-height:1;
	position:relative;
	transition: .4s;
}

.btn1:before{
	position:absolute;
	content:"";
	width: 13px;
	height: 13px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	transform: rotate(45deg);
	top: 0;
	bottom: 0;
	margin: auto;
	right: 58px;
	left: auto;
}

.btn1.gaibu:before{
	background:url(./img/common/gaibu_wh.svg)no-repeat;
	background-size:contain;
	border:none;
	width: 35px;
	height: 35px;
	right: 7.8%;
	transform: none;
}

.btn1:hover{
	opacity:0.7;
}

.btn1.bgbla{
	background:#555555;
}

.content01{
	padding:100px 0 180px;
}

.content01 .btn1{
	margin:160px auto 0;
}

.content02{
	padding: 202px 0 60px;
	background: url(./img/top/bg2.jpg)no-repeat #6FA6E8 top center;
	background-size: cover;
}

.co2_div{
	padding: 38px 4.679% 130px;
	background:#fff;
}


.co2_div .title1{
	position:relative;
	padding-bottom:90px;
	font-weight:700;
	font-size: clamp(3rem,5vw,8rem);
	z-index:1;
	line-height:1.45;
	letter-spacing:-0.03em;
	padding-top: 72px;
}


.co2_div .title1 .en_tit{
	position:absolute;
	font-weight:700;
	font-size: clamp(5.5rem,16vw,23rem);
	right:0;
	top: 0;
	z-index:-1;
	line-height:1.2;
	letter-spacing:0em;
	color:#FFEDEE;
}

.co2_list1{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.co2_list1 li{
	width: 32.5%;
	margin-bottom: 5.807%;
	max-width: 500px;
}


.co2_list1 li .img_area{
	width:100%;
	position:relative;
}

.co2_list1 li .img_area .img{
	width:100%;
	max-height: 670px;
	height: 38vw;
	overflow:hidden;
	border-radius:10px;
}

.co2_list1 li .img_area .img img{
	width:100%;
	height:100%;
	transition:.4s;
	object-fit:cover;
}

.co2_list1 li:hover .img_area .img img{
	transform:scale(1.1);
}

.co2_list1 li .img_area .text{
	position:absolute;
	bottom:0;
	left: 2.42%;
	z-index:1;
	color:#E8858D;
	font-weight:700;
	font-size: clamp(3rem,5vw,6.3rem);
	text-align: center;
	line-height: 1;
}

.co2_list1 li .img_area .text span{
	display:block;
	font-size: clamp(6rem,10vw,18rem);
	line-height: 1;
}

.co2_list1 li:nth-child(2),
.co2_list1 li:nth-child(5){
	padding-top: 4%;
}


.co2_list1 li:nth-child(2) .img_area .text{
	color:#E8E08E;
}
.co2_list1 li:nth-child(3) .img_area .text{
	color:#68BC8F;
}
.co2_list1 li:nth-child(4) .img_area .text{
	color:#6FA6E8;
}
.co2_list1 li:nth-child(5) .img_area .text{
	color:#EAA276;
}
.co2_list1 li:nth-child(6) .img_area .text{
	color:#B18EC9;
}


.co2_list1 li .title{
	margin-top: 6%;
	font-weight:700;
	font-size: 5rem;
	font-size: clamp(2rem,2.6vw,5rem);
	line-height:1.4;
}

.co2_list1 li .text1{
	margin-top: 5%;
	font-weight:700;
	font-size: 2.5rem;
	font-size: clamp(1.3rem,1.75vw,2.5rem);
	line-height:1.4;
}

.co2_text1{
	margin:10px auto 100px;
	text-align:center;
	font-weight:700;
	font-size: clamp(1.5rem,2vw,2.5rem);
	line-height:2;
}

.btn2{
	max-width:273px;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:3px solid;
	position:relative;
	font-size:3rem;
	font-weight:700;
	line-height:1.46666;
	padding-bottom:14px;
	/* transition:.4s; */
	margin:0 auto;
}

.btn2:after{
	content:"";
	width:52px;
	height:52px;
	background:url(./img/common/btn_arrow_wh.svg)no-repeat;
	background-size:contain;
}

.btn2.white:after{
	background:url(./img/common/btn_arrow_blu.svg)no-repeat;
	background-size:contain;
}

.content03{
	overflow: initial;
	background:#6FA6E8;
	position: relative;
	padding:84px 0 180px;
}

.content03 > .inner > .flex{
	padding: 0px 0 90px;
}

.content03 > .inner > .flex .text_area{
	max-width: 868px;
	width: 52%;
}

.content03 .mainTit{
	color:#fff;
	padding-bottom: 10.37%;
}

.content03 .mainTit .en_tit{
	color:#669EE5;
}

.content03 > .inner > .flex .text_area .title1{
	color:#fff;
	font-weight:700;
	font-size: 5rem;
	font-size: clamp(2.4rem,2.7vw,5rem);
	line-height:1.44444;
	letter-spacing:-0.05em;
}

.content03 > .inner > .flex .text_area .title1 span.tit_span{
	background:#fff;
	font-feature-settings: "palt";
	padding:0 10px;
}
.content03 > .inner > .flex .text_area .title1 span.maru{
	padding:0 5px;
}

.content03 > .inner > .flex .text_area .text1{
	margin-top: 8.066%;
	color:#fff;
	font-weight:700;
	font-size: clamp(1.5rem,1.9vw,2.5rem);
	line-height:1.4;
}

.content04{
	overflow:initial;
	background: #FFF5EF;
	padding: 85px 0 180px;
	position: relative;
}

.content04 .mainTit{padding-top: 4.211%;}

.content04 .mainTit .c_chg{
	color:#EAA276;
}

.content04 .mainTit .en_tit{
	color:#FFEDE2;
}

.content04 .btn1{
	margin-top:70px;
	padding-left: 50px;
}

.content05{
	padding:80px 0 180px;
}

.content05 .mainTit{
	padding-bottom: 12.047%;
	padding-top: 4.445%;
}

.content05 .mainTit .c_chg{
	color:#6FA6E8;
}

.content05 .mainTit .en_tit{
	color:#F2F8FF;
}

.content05 .inner{
	position: relative;
}

.content05 .text{
	position:absolute;
	top: 7.6967%;
	right:0;
	font-weight:700;
	font-size: clamp(1.5rem,1.9vw,2.5rem);
	line-height:1.4;
	width: 50%;
}

.co5_list1{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.co5_list1 li{
	max-width:825px;
	width: 49%;
	margin-bottom: 5.264%;
}

.co5_list1 li:nth-child(2n){
	padding-top: 5.264%;
}

.co5_list1 li a{
	position:relative;
}

.co5_list1 li a .text_area:before{
	position:absolute;
	content:"";
	width:52px;
	height:52px;
	background:url(./img/common/btn_arrow_wh.svg)no-repeat;
	background-size:contain;
	bottom:0;
	right: 6.31%;
}

.co5_list1 li a:hover{
	opacity:1;
}

.co5_list1 li .img_area{
	position:relative;
	z-index:1;
	width: 100%;
	position: relative;
	padding-left: 9.698%;
}

.co5_list1 li .img_area:before{
	position:absolute;
	content:"";
	width: 21%;
	height: 64%;
	top:-20px;
	left:0;
	background:#E8858D;
	z-index:-1;
	max-width: 171px;
	max-height: 300px;
}

.co5_list1 li:nth-child(2n) .img_area{
	padding-left: 0%;
	padding-right: 9.698%;
}

.co5_list1 li:nth-child(2n) .img_area .img2{
	padding-left: 0%;
	padding-right: 9.698%;
}

.co5_list1 li:nth-child(2n) .img_area:before{
	bottom:-20px;
	right:0;
	background:#68BC8F;
	left:auto;
	top:auto;
}

.co5_list1 li:nth-child(3) .img_area:before{
	background:#EAA276;
}

.co5_list1 li:nth-child(4) .img_area:before{
	background:#B18EC9;
}

.co5_list1 li .img_area .img{
	width: 100%;
	height: 26vw;
	max-height: 470px;
	transition:.4s;
}

.co5_list1 li:hover .img_area .img1{
	opacity:0;
}

.co5_list1 li .img_area .img2{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	padding-left: 9.698%;
}

.co5_list1 li .img_area img{
	width:100%;
	height:100%;
	border-radius:10px;
	object-fit:cover;
}


.co5_list1 li .text_area{
	padding-left: 9.698%;
	position: relative;
}


.co5_list1 li:nth-child(2n) .text_area{
	padding-left: 0%;
	padding-right: 9.698%;
}

.co5_list1 li .title1{
	font-size: clamp(2.2rem, 2.7vw, 5rem);
	font-weight:700;
	line-height:1.3;
	margin-top: 4.7%;
}

.co5_list1 li .text1{
	margin-top: 3.356%;
	background:#EFF6FF;
	color:#6FA6E8;
	font-weight:700;
	font-size: clamp(1.5rem,1.9vw,2.5rem);
	line-height:1.4;
	max-width: max-content;
	width: 100%;
	padding: 0 10px;
}

.co5_list1 li .text1 span{white-space: nowrap;}

.co5_list1 li .text2{
font-weight:700;
font-size: clamp(1.8rem,2.4vw,3.5rem);
line-height:1.428;
margin-top: 10px;
}

.content05 .btn2{
	margin: 5.848% auto 0;
}

.content06{
	padding:145px 0 180px;
	background:#EFF6FF;
}

.content06 .text_slider_track{
	animation:scrollText 40s linear infinite;
}


.content06 .text_slider_track span{
	font-size: clamp(6.9rem, 12vw, 23rem);
	display: flex;
	letter-spacing: -0.02em;
	line-height: 1.2;
	align-items: center;
}


.content06 .text_slider_track span.img{
	width: 22vw;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin-left: 24px;
	max-width: 320px;
}

.content06 .flex{
	align-items:flex-end;
	margin-top: 7.661%;
}

.content06 .flex .text_area{
	width: 54%;
}

.content06 .flex .btn_area{
	width: 45%;
	max-width:700px;
}


.content06 .flex .btn_area .btn1{
	margin: 21px 0 0;
	font-size: clamp(3rem,3vw,5.1rem);
	padding-left: 12.573%;
}

.content06 .flex .text_area .title1{
	font-weight: 700;
	font-size: 8rem;
	font-size: clamp(3rem, 4.2vw, 8rem);
	line-height: 1.45;
	letter-spacing: -0.03em;
}

.content06 .flex .text_area .text1{
	margin-top: 8.423%;
	font-weight:700;
	font-size: clamp(1.5rem,1.9vw,2.5rem);
	line-height:1.4;
}

.content07{
	padding:100px 0 180px;
}

.content07 .mainTit{
	padding-bottom: 17.545%;
	padding-top: 11%;
}

.content07 .mainTit .en_tit{
	font-size: clamp(5.5rem, 10vw, 19rem);
}

.content07 .flex .left{
	flex-shrink:0;
	width: 30%;
}

.content07 .flex .right{
	max-width:1090px;
	width: 64%;
	margin-left:2%;
	position: relative;
	z-index: 1;
	padding-top: 3.743%;
}

.content07 .flex .left .btn2{
	margin:0 ;
}

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

footer {
	margin: 0px auto 0;
	padding: 90px 0 0;
	background: url(./img/common/bg_ft.jpg);
}

footer .logo {
	width: 323px;
	margin:0 auto 60px;
}

footer .flex{
	
}

footer .flex .left{
	max-width:375px;
	width: 33%;
}

footer .flex .right{
	max-width:826px;
	width: 65%;
}

footer .flex .left .text1{
	font-weight:700;
	font-size: clamp(2rem,2.4vw,2.4rem);
	line-height:1.45833;
	letter-spacing:-0.05em;
}

footer .flex .left .text2{
	margin-top:16px;
	font-weight:700;
	font-size: clamp(1.5rem,1.6vw,1.8rem);
	line-height:1.4444;
	letter-spacing:-0.05em;
	margin-bottom: 46px;
}

.text_link{
	border-bottom: 1px solid;
	font-size: clamp(1.5rem,1.6vw,1.8rem);
	line-height:1.4444;
	letter-spacing:-0.05em;
	font-weight:700;
	margin-left:10px;
	position:relative;
	display: inline-flex;
	align-items: center;
}

.text_link:after{
	content:"";
	width: 10px;
	height: 18px;
	background: url(./img/common/map_icon.svg)no-repeat bottom;
	background-size:contain;
	display: inline-flex;
	margin-left: 4px;
	align-items: center;
	justify-content: center;
}


.text_link.blue{
	color:#6FA6E8;
}

footer .flex .left .btn1{
	font-size: clamp(2rem, 3vw, 2.6rem);
	height: 80px;
	padding-left: 47px;
	margin-top: 11px;
}


footer .flex .left .btn1:before{
	width: 8px;
	height: 8px;
	right: 31px;
}


footer .flex .right .text1{
	font-size: 3.2rem;
	line-height:1.21875;
	font-weight:700;
	margin-bottom: 13px;
}

footer .flex .right .flex2{
	display:flex;
	justify-content:space-between;
	width:100%;
}

.ft_list1 li.parent{
	font-size: clamp(1.6rem,1.5vw,2rem);
	font-weight:700;
	line-height:1.45;
	letter-spacing:-0.05em;
	margin-top:20px;
}

.ft_list1 li.child{
	line-height:1.5;
	letter-spacing:-0.05em;
	font-weight:700;
	margin-top:8px;
	padding-left:25px;
	position:relative;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
}

.ft_list1 li.child:before{
	position:absolute;
	content:"";
	width:15px;
	height:1px;
	background:#555555;
	left:0;
	top:14px;
}

.ft_list1 li a.gaibu{
	position:relative;
}

.ft_list1 li a.gaibu:after{
	content:"";
	width:14px;
	height:14px;
	background:url(./img/common/gaibu.svg)no-repeat;
	background-size:contain;
	display:inline-block;
	margin-left:7px;
}

.copyright {
	background: #6FA6E8;
	color: #fff;
	text-align: center;
	padding: 14px 0;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: -0.05em;
	line-height: 1.428;
	margin-top: 140px;
}



/* 全ページ共通クラス
----------------------------------------------------------- */

/*--- パンくず ---*/

.pankuzu {
    width: 100%;
    font-size: 1.6rem;
    padding: 29px 0 0;
    color: #fff;
    font-weight: 700;
}

.pankuzu li {
    padding: 0 0 0 34px;
    display: inline;
    position: relative;
}

.pankuzu li:first-child {
    padding: 0;
}

.pankuzu li a {
    color: #fff;
    font-weight: 700;
}


.pankuzu li:first-child:before{
	display:none;
}

.pankuzu li:before{
	position:absolute;
	content:"";
	width:18px;
	height:1px;
	background:#fff;
	left:8px;
	top: 13px;
}

/*--- ページトップ ---*/
#pageTop {
	position: fixed;
	bottom: 200px;
	right: 25px;
	z-index: 9999;
}


/* -- お問い合わせ -- */

input {
	vertical-align: middle;
}

.btnBox1 {
	text-align: center;
}

.contact_cf .clearForm,.contact_cf .clearForm2 {
	padding: 10px 5px;
}

.send_btn.btn1{
	padding: 0;
}

.clearForm,
.clearForm2,
.toHome {
	width: 100%;
	cursor: pointer;
	outline: 0;
	color: #fff!important;
	font-size: 5.1rem;
	border: none;
	font-weight: 700;
	transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	background: none;
	margin: 0 auto!important;
	height: 100%;
	text-align: left;
	padding-left: 88px;
}

.green .clearForm,
.green .clearForm2,
.green .toHome {
	color: #2CB573 !important;
	
}


.toHome {
	margin: 50px auto 0 !important;
	text-decoration: none;
	display: block;
	text-align: center;
}

.tb_inp.mabo{
	margin-bottom:16px;
}

textarea {
	padding: 10px;
	height: 220px;
	width: 100%;
	background: #fff;
}

input,
textarea,
button,
select,
option {
	outline: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
select{
	height: 45px;
	padding: 5px 15px;
	width: 100%;
	background: #FFFFFF;
	width: 100%;
	border: 1px solid #B4B4B4;
	border-radius: 3px;
}

::placeholder{
	color:#CCCCCC;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
option,
select{
	border: 1px solid #B4B4B4;
}


select{
	/* max-width:340px; */
}

input[type="date"]{
	width:100%;
	max-width:204px;
	height:42px;
}

button {
	border: none;
	outline: none;
	background: none;
}

.form_notice1 {
	font-size: 85.714%;
	display: block;
	margin: 5px 0 0;
}

.form_notice2 {
	font-size: 87.5%;
}

.modification_wrap {
	overflow: hidden;
}

.modification {
	width: 221px;
	float: left;
	margin: 0 0 0 246px;
}

.send_bt {
	width: 221px;
	float: right;
	margin: 0 245px 0 0;
}

.error_style {
	color: #FF0000;
	display: block;
	margin: 8px 0 0;
}


.contact_tb th, .contact_tb td {
	position: relative;
	border-bottom: 1px solid #B4B4B4;
	font-size: clamp(1.6rem, 2vw, 2rem);
	padding: 35px 0;
}

.contact_tb {
	width: 100%;
	margin: auto;
	border-top: 1px solid #B4B4B4;
}


.contact_tb th {
	text-align: left;
	line-height: 1.45;
	font-weight: 700;
	width: 29.678%;
	min-width: 260px;
}

.contact_tb th.vert{
	vertical-align:top;	
}

.contact_tb td {
    font-weight: 500;
}

.contact_tb td .text{
	font-size:1.4rem;
}

.contact_tb th span{
	margin-right:24px;
}

em{
	background: #D6545F;
	border-radius: 3px;
	color:#fff;
	padding: 0px 12px;
	white-space: nowrap;
	font-size: clamp(1.2rem, 1.6vw, 1.8rem);
	margin-left: 20px;
}

em.nini{
	background:#555555;
}

.contact01_div3{
	margin-top:80px;
}


.pri_div{
	padding: 25px 1.936%;
	height: 180px;
	overflow-y:scroll;
	margin: 80px auto;
	background: #F4F4F4;
	-ms-overflow-style: none;
	scrollbar-width: none;
	width: 100%;
	font-size: clamp(1.6rem,1.6vw,2rem);
}

.pri_div.pri_div2{
	padding: 24px 4%;
	height: 285px;
	overflow-y:scroll;
	margin: 24px auto 56px;
	background: #F1F4E0;
	-ms-overflow-style: none;
	scrollbar-width: none;
	border: 2px solid #F1F4E0;
	width: 100%;
	border-radius: 10px;
}

.pri_div::-webkit-scrollbar{
	display: none;
}


.pri_div h3{
	font-size: clamp(2rem,2.4vw,3rem);
	line-height: 1.46;
	margin-bottom: 35px;
}


.pri_div dt{
	font-size: clamp(1.7rem,2.4vw,2.3rem);
	font-weight: 700;
	line-height: 1.47;
}

.pri_div dd{
    font-size: clamp(1.5rem,2vw,1.7rem);
    line-height: 1.47;
    margin-bottom: 25px;
    font-weight: 700;
    margin-top: 10px;
}

.pri_div dd p.matop{
	margin-top:24px;
}

.privacy_area{
	display:flex;
	align-items:center;
	justify-content:center;
	margin: 0 auto 45px;
	width: 100%;
	font-size: clamp(1.4rem,2vw,2rem);
	font-weight: 700;
	line-height: 1.45;
}

.privacy_area span{
	font-size: clamp(1.4rem,2vw,2rem);
	font-weight: 700;
	line-height: 1.45;
}

.privacy_area label{
	display:flex;
	align-items: center;
}

.privacy_area a{
	color: #009DCD;
	display: inline-flex;
	align-items: baseline;
	border-bottom: 1px solid;
}

.privacy_area a img{
	margin-left:2px;
	margin-right:4px;
}

.privacy_area input{
	width: 27px;
	height: 27px;
	border: 1px solid #ccc;
	border-radius: 0;
	accent-color: #ccc;
	margin-right: 12px;
}

.contact01{
	padding: 120px 0 180px;
}

.contact01_div1{
	background:#F7F7F7;
	border-radius:32px;
	padding: 56px 2%;
	text-align:center;
	margin-bottom:125px;
	font-weight:500;
}

.tablet{
	display:none;
}

.tb_flex{
	display:flex;
	flex-wrap:wrap;
}

.tb_flex > span{
	margin-right:3%;
	margin-left: 0!important;
}


.news01{padding: 100px 0 180px;}



.news01 .main_cont{
	max-width:1108px;
	width: 74%;
}


.news01 .side_cont{
	max-width:192px;
	width: 23%;
}

.side_div{
	width:100%;
	margin-bottom: 56%;
}

.side_div:last-child{
	margin-bottom:0px;
}

.side_div .title1{
	line-height: 1.45833;
	font-weight:500;
	font-size: clamp(1.8rem, 2.4vw, 2.4rem);
	padding-bottom:14px;
	border-bottom:1px solid #C6E0F7;
}

.cate_list li{
	margin-top:28px;
	font-weight:500;
	line-height:1.5;
}

.cate_list li a.active{
	color:#1982D8;
}



.pagination-list{
	display:flex;
	margin: 2.581% auto 0;
	justify-content: center;
	width: 100%;
}

.pagination-list .page-numbers{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.8rem;
	width: 45px;
	height: 55px;
	background: #fff;
	margin: 0 0.6%;
	transition:.4s;
	font-weight: 700;
	text-decoration: none;
	color: #555555;
	border: 1px solid #555555;
}


.pagination-list .page-numbers.current,
.pagination-list .page-numbers:hover{
	background: #555555;
	opacity:1;
	color: #fff;
}



.pagination-list .page-numbers.prev{
	display:none;
}

.pagination-list .page-numbers.next{
	display:none;
}


.det_cont .title_area{
	padding-bottom: 30px;
	margin-bottom: 60px;
	border-bottom: 3px solid #6FA6E8;
}

.det_cont .title_area .date{
	width:100%;
	margin-bottom: 2%;
	font-size: clamp(1.6rem, 2.4vw, 2.5rem);
	font-weight:700;
	line-height:1.4;
}

.det_cont .title_area .title1{
	line-height: 1.45;
	font-weight: 700;
	font-size: clamp(2.4rem, 5vw, 6rem);
}

.news_list {
	width:100%;
}

.news_list li{
	display:flex;
	align-items:center;
	padding: 4.175% 0 3.716%;
	border-bottom:1px solid #E5E5E5;
	line-height:1.45;
	font-size: clamp(1.4rem,2vw, 2rem);
	font-weight:700;
}

.news_list li:hover{
	opacity:0.7;
}


 .news_list li .date{
	 margin-right: 6%;
	 flex-shrink:0;
}

.news_list li .title1{
	width: 70%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}


/* wordpress 記事 */
.detail_area img{
	margin-bottom:24px;
	width: revert-layer;
}

.detail_area p:has(img){
	margin:0;
}


.alignright{
	margin-left:auto;
	display:block;
}


.aligncenter{
	margin-left: auto;
	margin-right: auto;
	display:block;
}


.detail_area p{
	margin-bottom:24px;
	font-size: clamp(1.6rem, 2.4vw, 2.5rem);
	font-weight:700;
	line-height:2.2;
}

.detail_area p:last-child{
	margin-bottom:0;
}

.detail_area h2{
	margin-bottom:24px;
	font-size: clamp(2.4rem,3vw,3.5rem);
	font-weight:700;
}

.detail_area h3{
	margin-bottom:16px;
	font-size: clamp(2rem,3vw,3rem);
	font-weight:700;
}

.detail_area h4{
	margin-bottom:12px;
	font-size: clamp(1.8rem,3vw,2.7rem);
	font-weight:700;
}


.bottom_btn{
	display:none;
}

#art_cover{
	background:url(./img/our_job/bg_mv.jpg)no-repeat left center;
	background-size:cover;
}

#art_cover .flex{
	height: 44vw;
	padding-bottom:60px;
	align-items:flex-end;
	max-height: 600px;
	min-height: 400px;
}

#art_cover .flex .text_area{
	width: 48%;
}

#art_cover .flex .art_cov_img{width: 50%;height: 24vw;max-height: 420px;}

.our_job #art_cover .flex .art_cov_img{
	background: url(./img/our_job/mv.png)no-repeat center;
	background-size: contain;
}

.people #art_cover .flex .art_cov_img{
	background: url(./img/people/mv.png)no-repeat center;
	background-size: contain;
}

.environment #art_cover .flex .art_cov_img{
	background: url(./img/environment/mv.png)no-repeat center;
	background-size: contain;
}

.news #art_cover .flex .art_cov_img{
	background: url(./img/news/mv.png)no-repeat center;
	background-size: contain;
}

.introduction #art_cover .flex .art_cov_img{
	background: url(./img/introduction/mv.png)no-repeat center;
	background-size: contain;
}

.company #art_cover .flex .art_cov_img{
	background: url(./img/company/mv.png)no-repeat center;
	background-size: contain;
}

.contact #art_cover .flex .art_cov_img{
	background: url(./img/contact/mv.png)no-repeat center;
	background-size: contain;
}

.contact_confirm #art_cover .flex .art_cov_img{
	background: url(./img/contact/mv.png)no-repeat center;
	background-size: contain;
}

.contact_thanks #art_cover .flex .art_cov_img{
	background: url(./img/contact/mv.png)no-repeat center;
	background-size: contain;
}

#art_cover .flex .text_area .title1{
	color:#fff;
	font-size:13rem;
	font-size: clamp(2.4rem,7vw,13rem);
	line-height:1.446;
	font-weight:700;
	letter-spacing:-0.03em;
}

#art_cover .flex .text_area .title1 span{
	display:block;
	font-size:5rem;
	font-size: clamp(1.6rem,3vw,5rem);
	line-height:1.2;
	letter-spacing:0em;
}

.job01{
	padding:116px 0 0;
}

.job_list1 li{
	border-bottom:3px solid #555555;
	padding:61px 0;
	position:relative;
	    padding-right: 60px;
}

.job_list1 li:before{
	position:absolute;
	content:"";
	width:52px;
	height:52px;
	background:url(./img/common/btn_arrow_wh.svg)no-repeat;
	background-size:contain;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}

.job_list1 li a{
	font-size: clamp(2rem,4vw,4.1rem);
	line-height:1.4634;
	letter-spacing:0em;
	font-weight:700;
}

.job02{
	padding: 140px 0 180px;
}

.art_title_area1{
	border-bottom:1px solid #6FA6E8;
	padding-bottom:30px;
}

.artTit1{
	font-size: clamp(2.4rem,4vw,6rem);
	line-height:1.45;
	font-weight:700;
}

.artTit1 .en{
	font-size: clamp(1.8rem,3vw,3rem);
	line-height:1.2;
	font-weight:700;
	display:block;
}

.art_co5_list1.co5_list1{
	margin-top: 5.162%;
}

.art_co5_list1.co5_list1 li {
    max-width: 700px;
    width: 49%;
    margin-bottom: 5.264%;
}

.art_co5_list1.co5_list1 li:nth-child(2n){
	padding:0;
}

.art_co5_list1.co5_list1 li .img_area{
padding: 0;
}

.art_co5_list1.co5_list1 li .img_area .img{
	max-height:400px;
}

.art_co5_list1.co5_list1 li .text_area{
padding: 0;
}

.art_co5_list1.co5_list1 li .img_area .img2{
	padding:0;
}

.art_co5_list1.co5_list1 li .img_area:before{
	left: -11.43%;
}

.art_co5_list1.co5_list1 li:nth-child(2n) .img_area:before{
	right: -11.43%;
	left:auto;
}

.art_co5_list1.co5_list1 li .title1 {
    font-size: clamp(2.2rem, 2.7vw, 3.5rem);
    margin-top: 4.286%;
}

.art_co5_list1.co5_list1 li .text1{
	font-size: clamp(1.5rem, 1.9vw, 2rem);
}

.art_co5_list1.co5_list1 li .text2{
	font-size: clamp(1.8rem, 2.4vw, 3rem);
}

.btn_flex1{
	display:flex;
	justify-content:space-between;
	margin-top: 3.226%;
}

.btn_flex1 .btn1{
	margin:0;
	max-width: 740px;
	width: 49%;
	padding-left: 4.194%;
	font-size: clamp(2.4rem,3vw,4.5rem);
}

.btn_flex1 .btn1:before{
	right: 7.8%;
}

.job03{
	padding:117px 0 0;
}

.job03 .mainTit{
	padding-top: 5.23%;
}

.job03 .mainTit .en_tit{
	color:#F2F8FF;
}

.job03 .detail_area{
	margin-top: 6.53%;
	width: 102%;
}

.job03 .detail_area p{
	font-size: clamp(1.6rem, 3vw, 3.5rem);
	font-weight:700;
	line-height:1.457;
}


.job04{
	padding:137px 0 0;
}

.job04 .flex{
	align-items:flex-start;
}

.job04 .flex .text_area{
	max-width: 775px;
	width: 50%;
}

.job04 .flex .img{
	max-width:700px;
	width: 46%;
}

.job04 .flex .img img{
	border-radius: 15px;
}

.job04 .flex .text_area  .art_title_area1{
	margin-bottom:40px;
}

.job05{
	padding:120px 0 0;
	margin-bottom: -20px;
}

.job05 .detail_area{
	margin-top:40px;
}

.job05 .detail_area p{
	line-height:1.64;
}

.people01{
	padding:140px 0 180px;
}

.people01 .text{
	font-size: clamp(1.6rem, 2.5vw, 3.5rem);
	font-weight:700;
	line-height:2;
	text-align:center;
}

.people01 .people01_list1{
	margin:155px auto 0;
}

.people01_list1{
	display:flex;
	flex-wrap:wrap;
}

.people01_list1 li{
	width: 30.323%;
	margin-bottom: 6.452%;
	margin-right: 4.5155%;
}

.people01_list1 li:nth-child(3n+3){
	margin-right:0;
}

.people01_list1 li a{
	position:relative;
}

.people01_list1 li a .text_area:before{
	position:absolute;
	content:"";
	width:52px;
	height:52px;
	background:url(./img/common/btn_arrow_wh.svg)no-repeat;
	background-size:contain;
	bottom:0;
	right: 0;
}

.people01_list1 li a:hover{
	opacity:1;
}

.people01_list1 li .img_area{
	position:relative;
	z-index:1;
	width: 100%;
	position: relative;
}

.people01_list1 li .img_area:before{
	position:absolute;
	content:"";
	width: 32%;
	height: 67%;
	top: -5%;
	left: -17.023%;
	background:#E8858D;
	z-index:-1;
	max-width: 150px;
	max-height: 265px;
}

.people01_list1 li:nth-child(3n+2) .img_area:before{
	display:none;
}


.people01_list1 li:nth-child(3n+3) .img_area:before{
	bottom: -5%;
	right: -17.023%;
	background:#68BC8F;
	left:auto;
	top:auto;
}

.people01_list1 li:nth-child(3) .img_area:before{
	background:#68BC8F;
}

.people01_list1 li:nth-child(4) .img_area:before{
	background:#EAA276;
}

.people01_list1 li:nth-child(6) .img_area:before{
	background:#B18EC9;
}

.people01_list1 li:nth-child(7) .img_area:before{
	background:#68BC8F;
}

.people01_list1 li:nth-child(9) .img_area:before{
	background:#E8858D;
}

.people01_list1 li .img_area .img{
	width: 100%;
	height: 25vw;
	max-height: 400px;
	transition:.4s;
}

.people01_list1 li:hover .img_area .img1{
	opacity:0;
}

.people01_list1 li .img_area .img2{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}

.people01_list1 li .img_area img{
	width:100%;
	height:100%;
	border-radius:10px;
	object-fit:cover;
}


.people01_list1 li .text_area{
	position: relative;
	transition:.4s;
}

.people01_list1 li:hover .text_area{
	opacity:0.7;
}
.people01_list1 li .title1{
	font-size: clamp(1.8rem, 2vw, 3rem);
	font-weight:700;
	line-height:1.3;
	margin-top: 6.383%;
}

.people01_list1 li .text1{
	margin-top: 3.62%;
	background:#EFF6FF;
	color:#6FA6E8;
	font-weight:700;
	font-size: clamp(1.5rem,1.5vw,1.8rem);
	line-height:1.4;
	max-width: max-content;
	width: 100%;
	padding: 0 10px;
	display: flex;
	flex-wrap: wrap;
}

.people01_list1 li .text1 span{
}

.people01_list1 li .text2{font-weight:700;font-size: clamp(1.6rem,2vw,2.5rem);line-height:1.428;margin-top: 22px;}


#people_cover{
	width:100%;
	background:#6FA6E8;
}

.people_cov_div1{
	height: 30vw;
	max-height: 269px;
}

.people_cov_div1 .pankuzu{
	padding: 8.4219% 0 0;
	padding: 144px 0 0;
}

.people_cov_div2{
	position: relative;
	height: 40vw;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	max-height: 588px;
	min-height: 350px;
}

.people_cov_div2:before{
	position:absolute;
	content:"";
	width: 90.365%;
	height:100%;
	left:0;
	top:0;
	background: url(./img/people/det_mv.png)right;
	background-size: cover;
	z-index: -1;
}

.pp_cov_img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: -2;
}

.pp_cov_img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.people_cov_div2 .text_area{
	width:100%;
	color:#fff;
}

.people_cov_div2 .text_area .title1{
	font-size: clamp(2.4rem, 5vw, 8.1rem);
	font-weight:700;
	line-height:1.1728;
	letter-spacing:-0.03em;
}

.people_cov_div2 .text_area .title1 .en{
	display:block;
	margin-bottom:12px;
	font-size: clamp(2rem, 3vw, 4rem);
	font-weight:700;
	line-height:1.225;
	letter-spacing:0em;
}

.people_cov_div2 .text_area .text1{
	margin-top:30px;
	background:#EFF6FF;
	color:#6FA6E8;
	max-width:max-content;
	width:100%;
	font-weight:700;
	line-height:1.444;
	padding:3px 10px;
	font-size:1.8rem;
	font-weight:700;
	display: flex;
	flex-wrap: wrap;
}

.people_cov_div2 .text_area .text2{
	margin-top:10px;
	font-size: clamp(1.6rem, 2.5vw, 2.5rem);
	font-weight:700;
	line-height:1.44;
}

.det_pp01{
	padding:120px 0 0;
}

.det_pp02{
	padding:120px 0 0;
}

.det_pp03{
	padding: 120px 0 150px;
}

.detpp_list1 li{
	display:flex;
	justify-content:space-between;
	margin-bottom: 100px;
	align-items:flex-start;
}

.detpp_list1 li.left{
	flex-direction:row-reverse;
}


.detpp_list1 li:last-child{
	margin-bottom:0px;
}

.detpp_list1 li .text_area{
	width:50%;
}

.detpp_list1 li .img{
	width: 46%;
	max-width: 700px;
}

.detpp_list1 li .img img{
	border-radius:15px;
}

.detpp_list1 .artTit1 .en {
    font-size: clamp(3rem, 4vw, 6rem);
}

.detpp_list1 li .text_area .art_title_area1{
	margin-bottom:40px;
}

.detpp_list1 li.noimg .text_area{
	max-width:initial;
	width:100%;
}

.detpp_list2{
	margin: 40px auto;
}

.detpp_list2 li{
	padding: 2.817% 0;
	border-bottom:1px solid #555555;
	display:flex;
	font-size: clamp(1.6rem, 3vw, 3.2rem);
	line-height:1.4375;
	font-weight:700;
	padding-left: 3.522%;
}

.detpp_list2 li .time{
	color:#6FA6E8;
	width:180px;
	flex-shrink:0;
}

.detpp_list2 li .text{
	width:100%;
}

.det_pp03 .art_title_area1{
	margin-bottom:80px;
}

.envi01{
	padding:120px 0 140px;
}

.envi01 .mainTit{
	padding-bottom: 6.517%;
	padding-top: 5.226%;
}

.envi01 .mainTit .en_tit{
	color:#F2F8FF;
}

.envi01 .title1{
	font-size: clamp(2.4rem, 4vw, 5rem);
	line-height:1.44;
	font-weight:700;
}


.envi01 .img{
	margin:43px auto 80px;
}

.envi01 .img img{
	border-radius:15px;
}

.envi01_list1 li{
	margin-bottom: 5.807%;
}

.envi01_list1 li:last-child{
	margin-bottom: 0%;
}

.envi01_list1 li .title2{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:3px solid #6FA6E8;
	font-size: clamp(2rem, 3.4vw, 4rem);
	line-height:1.25;
	font-weight:700;
}

.envi01_list1.white li .title2{
	border-bottom:3px solid #fff;
}


.envi01_list1 li .text1{
	font-size: clamp(1.6rem, 2.5vw, 2.5rem);
	font-weight:700;
	line-height:1.44;
}

.envi01_list1 li .text2{
	font-size: clamp(1.8rem, 2.5vw, 3rem);
	font-weight:700;
	line-height:1.9;
	margin: 2.9% auto;
}

.envi01_div1{
	padding: 2.839% 3.226% 3.226%;
	background:#FAFAFA;
	border:1px solid #BCBCBC;
	border-radius:5px;
	margin-top:45px;
}

.envi01_list1 li .title3{
	margin-bottom:26px;
	font-size: clamp(1.8rem, 2.8vw, 3rem);
	line-height:1.51;
	font-weight:700;
}

.envi01.envi02{
	background:#6FA6E8;
}

.envi02 .mainTit .en_tit{
	color:#669EE5;
}

.envi02 .sld_img_area{
	margin-top: 6.452%;
}

.envi03{
	background:#FFF5EF;
	padding:120px 0 180px;
}

.envi03 .mainTit{
	padding: 6% 0;
}

.envi03 .mainTit .en_tit{
	color:#FEEDE3;
}

.envi03_list1 > li{
	padding: 56px 5.033% 95px;
	background:#FFFFFF;
	border-radius:10px;
	margin-bottom:64px;
}

.envi03_list1 > li:last-child{
	margin-bottom:0;
}

.envi03_list1 > li .title_area{
	display:flex;
	align-items:center;
}

.envi03_list1 > li .title_area .num{
	font-size: clamp(4rem, 11vw, 13rem);
	margin-right:22px;
	font-weight:700;
	line-height:1.207;
}

.envi03_list1 > li .title_area .title1{
	font-size: clamp(2.4rem, 4vw, 4rem);
	line-height:1.45;
	font-weight:700;
}

.envi03_list1 > li .title_area .title1 span{
	font-size: clamp(1.6rem, 2.5vw, 2rem);
	display:block;
	font-weight:700;
	line-height:1.45;
	padding:0 12px;
	max-width:max-content;
	width:100%;
	color:#fff;
	margin-bottom:16px;
}


.envi03_list2 > li{
	 display:flex;
	 justify-content:space-between;
	 font-size: clamp(1.6rem, 2.5vw, 2.5rem);
	 font-weight: 500;
	 line-height:1.92;
}

.envi03_list2 li .left{
	 padding:29px 0;
	 width: 29%;
	 flex-shrink: 0;
	 margin-right: 9px;
	 max-width: 398px;
	 border-bottom: 2px solid #E8858D;
	 font-weight: 700;
	 min-width: 200px;
}

.envi03_list1 > li:nth-child(2) .envi03_list2 li .left{
	 border-bottom: 2px solid #68BC8F;
}

.envi03_list1 > li:nth-child(3) .envi03_list2 li .left{
	 border-bottom: 2px solid #EAA276;
}

.envi03_list1 > li:nth-child(4) .envi03_list2 li .left{
	 border-bottom: 2px solid #B18EC9;
}

.envi03_list2 li .right{
	 padding:29px 0;
	 width: 100%;
	 border-bottom: 1px solid #B4B4B4;
}

.news01 .news_list{
	margin-bottom: 9%;
}

.news01 .news_list li{
	padding: 2.904% 0;
	font-size: clamp(1.4rem, 3vw, 2.5rem);
}

.news01 .news_list li .date{
	margin-right: 5.807%;
}


.news01 .detail_area{
	margin-bottom: 9%;
}

.intr01{
	padding:120px 0 180px;
}

.intr01 .mainTit{
	
padding: 5.226% 0 6.517%;
}

.intr01 .mainTit .en_tit{
	color:#F2F8FF;
}

.intr02{
	padding:110px 0 140px;
	background:#6FA6E8;
}

.intr02 .mainTit .en_tit{
	color:#669EE5;
}

.intr02 .mainTit{padding: 5.226% 0 6.194%;}

.intr02 .text{
	font-size: clamp(1.8rem, 2.8vw, 3.5rem);
	line-height:1.457;
	font-weight:700;
	margin-bottom:69px;
}

.intr03{
	padding:90px 0 210px;
}

.intr03_div{margin-bottom: 11.613%;}

.intr03_div:last-child{
margin-bottom: 0px;
}

.intr03_div .title_area{
	padding-bottom:20px;
	margin-bottom: 5.807%;
	border-bottom:3px solid #E8858D;
}

.intr03_div .title_area .title{
	font-size: clamp(2.4rem, 5vw, 6rem);
	line-height:1.45;
	font-weight:700;
}

.intr03_div .title_area .title span{
	font-size: clamp(5rem, 12vw, 16rem);
	line-height:1.2125;
	font-weight:700;
	margin-right: 39px;
}

.intr03_div .title_area .text{
	font-size: clamp(1.6rem, 2.4vw, 3rem);
	line-height:1.4666;
	font-weight:700;
	margin-top: 0.904%;
}

.intr03_list1 > li{
	margin-bottom: 11%;
}

.intr03_list1 > li:last-child{
	margin-bottom: 0px;
}

.intr03_list1 > li .flex{
	align-items:flex-start;
}

.intr03_list1 > li .flex .left{
	max-width:740px;
	width: 50%;
}

.intr03_list1 > li .flex .right{
	max-width:700px;
	width: 46%;
}


.intr03_list1 > li .flex .right .btn1{
	font-size: clamp(2rem,3vw,5.1rem);
}

.intr03_div_a{
	margin: 4.287% 0 11.43%;
	width: 100%;
}

.intr03_div_a .title2{
	padding-bottom:13px;
	font-size: clamp(1.8rem, 2.8vw, 3rem);
	line-height:1.4666;
	font-weight:700;
	margin-bottom:20px;
}

.intr03_div_a .text1{
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	line-height:1.45;
	font-weight:700;
}

.intr03_list1 > li .flex .left .title1{
	padding:13px 0;
	font-size: clamp(2rem, 2.4vw, 4rem);
	line-height:1.45;
	font-weight:700;
	text-align:center;
	margin-bottom: 40px;
}

.intr03_list1 > li .flex .left .title1 span{
	font-size: clamp(1.6rem, 2vw, 3rem);
}

.intr03_list1 > li .flex .left .flex2{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}

.intr03_list1 > li .flex .left .flex2.mabot{
	margin-bottom: 12.164%;
}

.intr03_list1 > li .flex .left .flex2 .ilogo{
	width: 18%;
	max-width:130px;
	min-width: 130px;
}

.intr03_list1 > li .flex .left .flex2 .intr03_list2{
	width: 80%;
	max-width: 590px;
}

.intr03_list2 > li{
	margin-bottom:40px;
	width: 100%;
	padding-left: 27px;
}

.intr03_list2 > li:last-child{
	margin-bottom:0px;
}

.intr03_list2 > li .name{
	font-size: clamp(1.8rem, 2.6vw, 3rem);
	line-height:1.4666;
	font-weight:700;
	margin-left: -27px;
	text-indent: -1em;
	padding-left: 1em;
}

.intr03_list2 > li .addr{
	font-size: clamp(1.5rem, 2vw, 2rem);
	line-height:1.45;
	font-weight:700;
	margin:6px 0 7px;
	width: 100%;
}

.intr03_list2 > li .btn3{
	width: 100%;
}

.btn3{
	max-width:237px;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-bottom:2px solid;
	position:relative;
	font-size: clamp(1.5rem,2vw,1.7rem);
	font-weight:700;
	line-height:1.46666;
	padding-bottom:7px;
	transition:.4s;
}

.btn3:after{
	content:"";
	width:25px;
	height:25px;
	background:url(./img/common/btn_arrow_wh.svg)no-repeat;
	background-size:contain;
}

.intr03_div_b{
	margin-top: 5.162%;
	background:#FAFAFA;
	border:1px solid #BCBCBC;
	padding: 2.904% 2.581%;
	border-radius:5px;
	font-size: clamp(1.5rem, 2vw, 1.8rem);
	font-weight:700;
	line-height:2.1111;
}

 .intr03_list1 > li .flex .right .btn1.matop{
	 margin-top: 7.145%;
	}

.intr03_div4 .intr03_list1 > li .flex .right .btn1{
	flex-direction:column;
	align-items: center;
	justify-content:center;
	padding-left: 0;
	padding-right: 2%;
}

.intr03_div4 .intr03_list1 > li .flex .right .btn1 span{
	font-size: clamp(1.6rem, 2vw, 3rem);
	font-weight:700;
	margin-top:10px
}

.intr03_div_c{
	margin-top:120px;
}

.intr03_list3{
	display:flex;
	justify-content:space-between;
}

.intr03_list3 > li{
	max-width: 460px;
	width: 32%;
	position: relative;
	padding-bottom: 160px;
}


.intr03_list3 > li .ilogo2{
	text-align:center;
	height:158px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:30px;
}

.intr03_list3 > li .btn1{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	font-size: clamp(1.6rem, 2vw, 3rem);
	height: 98px;
	padding-left: 12.5%;
	margin: auto;
	right: 0;
}
.intr03_list3 > li .btn1.gaibu:before{
	width: 23px;
	height: 23px;
}


.intr03_div1 .ch_col{
	color:#E8858D;
}

.intr03_div1 .ch_bg{
	background:#E8858D;
}

.intr03_div1 .title_area{
	border-bottom:3px solid #E8858D;
}

.intr03_div1 .intr03_div_a .title2{
	border-bottom:3px solid #E8858D;
}

.intr03_div2 .ch_col{
	color:#D0C666;
}

.intr03_div2 .ch_bg{
	background:#D0C666;
}

.intr03_div2 .title_area{
	border-bottom:3px solid #D0C666;
}

.intr03_div2 .intr03_div_a .title2{
	border-bottom:3px solid #D0C666;
}

.intr03_div3 .ch_col{
	color:#68BC8F;
}

.intr03_div3 .ch_bg{
	background:#68BC8F;
}

.intr03_div3 .title_area{
	border-bottom:3px solid #68BC8F;
}

.intr03_div3 .intr03_div_a .title2{
	border-bottom:3px solid #68BC8F;
}

.intr03_div4 .ch_col{
	color:#EAA276;
}

.intr03_div4 .ch_bg{
	background:#EAA276;
}

.intr03_div4 .title_area{
	border-bottom:3px solid #EAA276;
}

.intr03_div4 .intr03_div_a .title2{
	border-bottom:3px solid #EAA276;
}

.intr03_div5 .ch_col{
	color:#B18EC9;
}

.intr03_div5 .ch_bg{
	background:#B18EC9;
}

.intr03_div5 .title_area{
	border-bottom:3px solid #B18EC9;
}

.intr03_div5 .intr03_div_a .title2{
	border-bottom:3px solid #B18EC9;
}

.comp01{
	padding:120px 0 180px;
	background:url(./img/company/bg1.png)no-repeat bottom left;
	background-size: contain;
}

.comp01 .mainTit{
	padding: 5.226% 0;
}

.comp01 .cov-div2{
	width:100%;
}

.comp01 .cov-div2 .text_area .text {
    font-size: clamp(2.7rem, 6vw, 8.8rem);
}

.comp01 .cont_area{
	position:relative;
	padding: 5.162% 5.162% 0;
}

.comp_text1{
	font-size: clamp(1.5rem, 1.9vw, 2.5rem);
	font-weight: 700;
	line-height:2;
	margin-bottom: 4.677%;
}

.comp_text1 span{
	font-size: clamp(1.8rem, 2.4vw, 3.5rem);
	line-height:1.828;
	font-weight:700;
}

.comp_text2{
	font-size: clamp(2.8rem, 3vw, 4rem);
	font-weight: 700;
	line-height:1.25;
	margin-top:80px;
	text-align:right;
}

.comp_text2 span{
	font-size: clamp(1.8rem, 2vw, 2.5rem);
	font-weight: 700;
	line-height:2;
}

.comp01 .btn1{
	margin: 8.4% auto 0;
}

.comp01 .mv_slider_area{
	top: 6.6567%;
	right: -6%;
	width: 26%;
	z-index: -1;
}

.comp02{
	background:#6FA6E8;
	padding:150px 0 180px;
}

.comp02 .mainTit{
	padding: 5.226% 0;
}

.comp02 .mainTit .en_tit{
	color:#669EE5;
}

.comp02_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top: -1.355%;
}

.comp02_list > li{
	width:32%;
	max-width: 490px;
	margin-top: 2.581%;
}

.comp02_list > li.long{
	max-width:initial;
	width:100%;
}

.comp02_div{
	margin-top: 2.581%;
	background:#fff;
	border-radius:10px;
	padding: 3.355% 5.162% 4%;
}

.comp02_div .img{
	margin-bottom: 3.814%;
	max-width:662px;
	width: 80%;
}

.contact #art_cover .flex .text_area {
	padding-bottom: 2%;
}

.contact #art_cover .flex .text_area .title1{font-size: clamp(2.4rem, 5.5vw, 9rem);line-height: 1.1777;}

.contact01 .mainTit{
	padding: 5.226% 0;
	margin-bottom:20px;
}

.contact01 .text{
	font-size: clamp(1.5rem, 2vw, 2.5rem);
	font-weight: 700;
	line-height:1.44;
	margin-bottom: 90px;
}

.tb_flex2{
	display:flex;
	justify-content:space-between;
}


.tb_flex2 input{
	width: 52.753%;
}

.tb_flex2 input + input,
.tb_flex2 select{
	width: 43.578%;
}

p.nokiji{
	margin-top:30px;
}

.contact01 .text1{
	text-align:-webkit-center;
	font-size: clamp(1.5rem, 2vw, 2.5rem);
	font-weight: 700;
	line-height:1.44;
	margin-bottom:60px;
}

.brand_div{
	background:#FFFFFF;
	border-radius:10px;
	padding: 32px 3.226% 3.033% 2.581%;
}

.brand_div .title1{
	font-size: clamp(2rem, 2.4vw, 3.5rem);
	font-weight: 900;
	line-height:1.42857;
}

.brand_div .flex .left{
	max-width:300px;
	width: 26%;
}


.brand_div .flex .right{
	max-width:1010px;
	width: 70%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.brand_list1{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	max-width: 647px;
	width: 67%;
}

.brand_list1 > li{
	width:48%;
	margin-bottom: 11%;
	max-width: 281px;
}


.brand_list1 > li:nth-child(3),
.brand_list1 > li:nth-child(4){
	margin-bottom:0px;
}

.brand_list1.long{
	max-width: 281px;
	width: 30%;
}

.brand_list1.long > li{
	width:100%;
	margin-bottom:0;
}

.brand_list1 > li .title2{
	margin-bottom: 7.478%;
	text-align:center;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size: clamp(1.6rem, 2vw, 2.5rem);
	font-weight: 800;
	line-height:1.44;
	padding: 5px 0;
}

.brand_list2 > li {
	font-size: clamp(1.4rem, 1.7vw, 2.2rem);
	font-weight: 400;
	line-height:1.818;
}

.brand_list2 > li span{
	color:#6FA6E8;
}

.brand_list3 > li.big{
	font-size: clamp(4rem, 6vw, 8rem);
	font-weight: 800;
	line-height:1.45;
	padding:0;
}

.brand_list3 > li.big span{
	font-size: clamp(8rem, 13vw, 18.5rem);
	font-weight: 700;
	line-height:1;
	color:#6FA6E8;
}

.brand_list3 > li.big:before{
	display:none;
}


.brand_list3 > li{
	font-size: clamp(1.5rem, 3.2vw, 4.1rem);
	font-weight: 800;
	line-height:1.43;
	position:relative;
	padding-left: 10%;
	width: 100%;
}

.brand_list3 > li span{
	font-size: clamp(4rem, 8.5vw, 9.7rem);
	font-weight: 700;
	line-height:1;
	color:#6FA6E8;
}

.brand_list3 > li:before{
	position:absolute;
	content:"";
	width:13px;
	height:13px;
	border-radius:50%;
	background:#555555;
	left:0;
	top: 10%;
	bottom:0;
	margin:auto;
}


.det_pp04{
	padding:120px 0 0;
}

.det_pp04_div{
	border:8px solid #6FA6E8;
	border-radius:30px;
	padding: 5%;
}

.det_pp04_div .art_title_area1{
	border:none;
	position:relative;
}

.det_pp04_div .art_title_area1:before{
	position:absolute;
	content:"";
	width:100px;
	height:1px;
	left:0;
	right:0;
	margin:auto;
	bottom:0;
	background:#6FA6E8;;
}

.det_pp04_div .artTit1{
	text-align:center;
}

.det_pp04_div .text{
    font-size: clamp(1.6rem, 2.4vw, 2.5rem);
    font-weight: 700;
    line-height: 2.2;
	margin-top:40px;
}
/*-- 固定ここまで --*/


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1921px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1921px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1800px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


.comp01 .mv_slider_area{
	right: -2%;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1800px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

	

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1600px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	
.cov-div {
    padding: 140px 0 0;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1600px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
	
	
	

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1400px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1400px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

		
	

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1200px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	

.ft_list1 li.parent{
	font-size: 1.6rem;
	margin-top: 10px;
}

.ft_list1 li.child{
	font-size: 1.4rem;
	padding-left: 15px;
}

.ft_list1 li.child:before{
	width:8px;
	top:10px;
}

.people01_list1 li a .text_area:before{
	width: 30px;
	height: 30px;
}

.comp01 .cont_area{
	padding: 5.162% 0 0;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

		


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 1000px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/

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

header{
	padding: 20px 2%;
}


.hd_link_btn1{
	font-size:1.6rem;
	height: 60px;
}

.hd_link_btn1:after{
	margin-left:6px;
}

    .cov-div {
        padding: 110px 0 0;
    }

.hide_nav {
    top: 20px;
    padding-top: 30px;
}

.content01 .btn1 {
    margin: 80px auto 0;
}

.btn1{max-width: 500px;padding-left: 40px;height: 100px;font-size: 3rem;}

.btn1:before{
	right:30px;
}

.content01 {
    padding: 100px 0;
}
	
.content02{
	padding:100px 0 60px;
}

.co2_div .title1{
	padding: 7% 0 60px;
}

.co2_div {
    padding: 38px 4.679% 60px;
}

.co2_text1 {
    margin: 10px auto 60px;
}

.btn2{
	font-size: 2.4rem;
	max-width: 220px;
	padding-bottom: 8px;
}

.btn2:after{
	width:40px;
	height:40px;
}

.content03 {
    padding: 60px 0 100px;
}

.content04 .btn1 {
    margin-top: 60px;
    padding-left: 40px;
}

.content04{
	padding:80px 0;
}

.content05 .mainTit {
    padding-bottom: 20%;
}

.content05 .text{
	top: 9%;
}

.co5_list1 li a .text_area:before{
	width:40px;
	height:40px;
}

.co5_list1 li .img_area{
    padding-left:  4%;
}

.co5_list1 li .text_area{
    padding-left:  4%;
}

.co5_list1 li:nth-child(2n) .img_area{
    padding-right: 4%;
}

.co5_list1 li:nth-child(2n) .text_area{
    padding-right: 4%;
}

.co5_list1 li:nth-child(2n) .img_area .img2 {
    padding-right: 4%;
}
.co5_list1 li .img_area .img2 {
    padding-left:  4%;
}

.content05 {
    padding: 80px 0 80px;
}

.content06 {
    padding: 80px 0;
}

    .content06 .flex .btn_area .btn1 {
        height: 100px;
        font-size: 2.4rem;
        padding-left: 42px;
    }

.content07 {
    padding: 100px 0;
}

footer .flex .right .flex2{
	flex-wrap:wrap;
}

.ft_list1{
	width:49%;
}

footer .flex .left{
	width: 43%;
}
	
footer .flex .right{
	width:55%;
}

.copyright{
	margin-top:60px;
}

.job_list1 li{
	padding:30px 0;
}

.btn_flex1{
	flex-direction:column;
}

.btn_flex1 .btn1{
	width:100%;
	max-width:500px;
	margin:20px auto 0;
	padding-left: 40px;
	font-size: 3rem;
}

.pankuzu{
	font-size:1.4rem;
}

.pankuzu li {
    padding: 0 0 0 20px;
}

.pankuzu li:before{
	width: 14px;
	left: 3px;
	top: 10px;
}

.people01_list1 li {
    width: 32%;
    margin-right: 2%;
}
	
.pagination-list .page-numbers{
	font-size: 2rem;
	width: 35px;
	height: 45px;
}

.people_cov_div1{
	height:150px;
}
	
.people_cov_div1 .pankuzu{
	padding:100px 0 0;
}

.envi01_list1 li .title2 {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.btn1.gaibu:before{
	width:25px;
	height:25px;
}

.intr03_list3 > li .btn1{
	height:70px;
}

.intr03_list3 > li .btn1.gaibu:before{
	width:18px;
	height:18px;
}

.intr03_list3 > li{
	padding-bottom:100px;
}

em{
	margin-left:10px;
}

.clearForm, .clearForm2, .toHome{
	padding-left: 40px;
	font-size: 3rem;
}

.people_cov_div2 .text_area .text1{
	font-size:1.5rem;
}


.brand_list3 > li:before{
	width:8px;
	height:8px;
}
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1000px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc {
	display: none;
}

.sp {
	display: block;
}

nav li a {
	font-size: 1.5rem;
}


a[href*="tel:"] {
	pointer-events: initial;
	cursor: pointer;
	text-decoration: none;
	}

/* ヘッダー
----------------------------------------------------------- */


.headerUl{
	display: flex;
	width: 46px;
	justify-content: center;
}

.menuBtn {
	display: flex;
	align-items: center;
	justify-content: center;
}


/*--- modal ---*/

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 46px;
  z-index: 9999;
  height: 46px;
  background: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 0 6px #00000012;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 23px;
  height: 2px;
  background-color: #555555;
  right: 0;
  margin: auto;
}
.menu-trigger span:nth-of-type(1) {
  top: 15px;
}
.menu-trigger span:nth-of-type(2) {
  top: 23px;
}
.menu-trigger span:nth-of-type(3) {
  top: 31px;
}

	
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}

/*gnav*/
.gnav{
    background: #6FA6E8;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999;
    transition: 1s;
    left: 0;
    top: 0;
}

.gnav.active{
	display: block;
}

.gnav__menu{
    display: block;
    width: 100%;
    height: 100%;
    padding: 60px 0 60px;
    margin-bottom: 10px;
}

.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: fixed;
    width: 100%;
	top: 0px;
    overflow: scroll;
}

nav .gnav__menu__item{
    margin: 15px auto 0;
    width: 89.334%;
}

	
nav .gnav__menu__item:last-child{
	padding-bottom:30px;
}
	
.gnav__menu__item > a{
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    padding: 0;
    text-decoration: none;
    transition: .5s;
    background: none;
    width: 100%;
    display: block;
}

	
.gnav__menu__item > a.gaibu{
	
}

.gnav__menu__item > a.gaibu:after{
	content:"";
	width:14px;
	height:14px;
	background:url(./img/common/gaibu_wh.svg)no-repeat;
	background-size:contain;
	display:inline-block;
	margin-left:8px;
}

.gnav_list1 li{
	margin-top:8px;
	padding-left:22px;
	position:relative;
	display: flex;
}

	
.gnav_list1 li:before{
	position:absolute;
	content:"";
	width:13px;
	height:1px;
	background:#fff;
	top: 10px;
	left:0;
}

.gnav_list1 li a{
	color:#fff;
	font-size:1.4rem;
	font-weight:500;
	line-height:1.4285;
	letter-spacing:-0.05em;
}

.pc_nav{
	display:none;
}


.contact01_div1{
	padding:30px 10px;
	border-radius:10px;
	margin-bottom: 60px;
}

.tb_flex{
	flex-direction:column;
}

input[type="text"], input[type="email"], input[type="tel"], select{
	height:50px;
}


.news01{padding: 60px 0 80px;}

.news01 .flex{
	flex-direction:column;
}

.news01 .main_cont{
	max-width:initial;
	width: 100%;
}


.pagination-list{
	margin:40px auto 0;
}

.news01 .side_cont{
	width: 100%;
	margin:60px auto 0;
	display:flex;
	justify-content:space-between;
	max-width:initial;
}

.side_div{
	margin:0;
	width:48%;
}


.det_cont .title_area .dacate{
	max-width:180px;
}

.det_cont .title_area {
    padding-bottom: 20px;
    margin-bottom: 20px;
}


.news_list li{padding: 18px 0 16px;}

.news_list li .title1{
	width:100%;
}


.news_list li .date{
	margin-right: 20px;
	font-size:1.3rem;
}

.news_list li:before{
	top: auto;
	bottom: 73px;
}

header{
	padding: 15px 20px!important;
	background: none!important;
}

.hLogo{
	width: 142px;
}

.cov-div .text_area .title1{
	
font-size: clamp(4.5rem, 9.6vw, 18rem);
	
line-height: 1.2222;
}

.cov-div .text_area{
	width:89.334%;
	margin: 13px auto 50px;
}

.cov-div .text_area .text1 {
    margin-top: 17px;
    line-height: 1.28;
    font-size: clamp(1.4rem, 3vw, 2.5rem);
}

    .cov-div {
        padding: 108px 0 0;
    }

#cover{
	background: url(./img/top/bg_mv_sp.png) no-repeat bottom left;
	background-size: cover;
}

	.mv_slider_area{
		
top: auto;
		
right: 0;
		
width: 27%;
		
bottom: 0;
	}


.cov-div2 .text_area{
	right: auto;
	left: 16px;
	bottom: 26px;
}

.cov-div2 .text_area .text{
	padding:0 7px;
	padding-right: 0;
}

.cov-div2 .text_area .text.text2{
	margin-top:5px;
}

    .content01 {
        padding: 40px 0 64px;
    }

.inner{
	width:89.334%;
}

.btn1{
max-width: 335px;
height: 72px;
font-size: 2.4rem;
padding-left: 42px;
}

.btn1:before{
	width: 8px;
	height: 8px;
	border-top: solid 4px #fff;
	border-right: solid 4px #fff;
	right: 28px;
}

.content02 {
	padding: 52px 0 11px;
	background: url(./img/top/bg2_sp.jpg) no-repeat #6FA6E8 top center;
	background-size: cover;
}

.co2_div {
	padding: 2.988% 4.78% 16.42%;
}

    .co2_div .title1 {
        padding: 7.268% 0 8.583%;
    }

.co2_list1 li{
	width:100%;
	margin: 0 auto 11.556%;
	padding:0!important;
	max-width: initial;
}

	    .co2_list1 li .img_area .img {
        height: 80vw;
    }
	
.co2_list1 li .img_area .text{
	font-size: clamp(3.6rem, 7vw, 6.3rem);
}

.co2_list1 li .img_area .text span{
	font-size: clamp(9.5rem, 12vw, 18rem);
}

.co2_list1 li .title {
    margin-top: 6.604%;
    font-size: clamp(2.4rem, 4vw, 5rem);
    line-height: 1.45;
}

.co2_list1 li .text1{
	font-size: clamp(1.6rem, 4vw, 2.5rem);
	line-height: 1.4375;
}

.co2_text1 {
	margin: 1.654% auto 13.206%;
	line-height: 1.6667;
	text-align: left;
	font-size: clamp(1.5rem, 4vw, 2.5rem);
}

.btn2 {
	font-size: 1.8rem;
	max-width: 163px;
	padding-bottom: 7px;
}

.btn2:after {
	width: 31px;
	height: 31px;
}

.content03 > .inner > .flex{
	flex-direction:column;
}

.content03 > .inner > .flex .text_area{
	width:100%;
	max-width:initial;
	margin: 0 auto 24px;
}

.content03 > .inner > .flex .text_area .text1{
	font-size: clamp(1.5rem, 4vw, 2.5rem);
	line-height: 1.5333;
}

.content03 > .inner > .flex .text_area .title1{
	font-size: clamp(2rem, 5vw, 5rem);
}

.content03 .mainTit{
	padding-bottom: 8%;
}

.mainTit{
	padding-top: 5.6%;
	font-size: clamp(3rem, 6vw, 8rem);
}

.job03 .mainTit{
	line-height: 1;
}
	
.mainTit .en_tit{
	font-size: clamp(5.5rem, 14vw, 23rem);
}

.content03 .btn2{
	margin:40px auto 0;
}

    .content03 {
        padding: 46px 0 80px;
    }

    .content04 {
        padding: 64px 0 80px;
        overflow: hidden;
    }

.content04 .mainTit .en_tit{
	
font-size: clamp(4.6rem, 14vw, 23rem);
}

.content04 .mainTit {
    padding-top: 5.676%;
}

.content04 .btn1 {
	margin-top: 16px;
	padding-left: 30px;
}

.content05 .mainTit{
	padding-bottom: 31px;
}
	
.content05 .text{
	position:initial;
	width: 100%;
	font-size: clamp(1.5rem, 4vw, 2.5rem);
	margin-bottom: 12%;
}

.content05 {
	padding: 46px 0 80px;
}

.co5_list1 li{
	width:100%;
	max-width:initial;
	padding: 0!important;
	margin-bottom: 10.5%;
}

.co5_list1 li .img_area{
	padding:0!important;
}

.co5_list1 li .img_area .img{
	height: 50.67vw;
	max-height: initial;
}

.co5_list1 li .img_area:before{
	width: 20.6%;
	left: -5.974%;
	top: -4.217%;
}

.co5_list1 li:nth-child(2n) .img_area:before {
    bottom: -4.217%;
    right: -5.974%;
}

.co5_list1 li .text_area{
	padding:0!important;
}

.co5_list1 li .title1{
	margin-top: 20px!important;
	font-size: clamp(2.2rem, 5vw, 5rem)!important;
}

.co5_list1 li .text1 {
    margin-top: 14px!important;
    font-size: clamp(1.4rem, 4vw, 2.5rem)!important;
}
	
.co5_list1 li .text2{
	margin-top:10px;
	font-size: clamp(1.8rem, 4vw, 3.5rem)!important;
}

    .co5_list1 li a .text_area:before {
        width: 31px;
        height: 31px;
    }

.content05 .btn2 {
    margin: 45px auto 0;
}

.content06 .text_slider_track span.img {
    width: 24.534vw;
    margin-left: 9px;
}

.content06 .text_slider_track span{
	padding-right: 25px;
}

    .content06 {
        padding: 67px 0 80px;
    }

.content06 .flex{
	margin-top: 9%;
	flex-direction: column;
}

.content06 .flex .text_area{
	width:100%;
	margin-bottom: 25px;
}

.content06 .flex .btn_area{
	width:100%;
	margin:0 auto;
}

.content06 .flex .text_area .text1{
	font-size: clamp(1.5rem, 4vw, 2.5rem);
	margin-top: 30px;
}

.content06 .flex .text_area .title1{
	font-size: clamp(3.5rem, 4.2vw, 8rem);
	white-space: nowrap;
	letter-spacing: 0;
	line-height: 1.4285;
}

.content06 .flex .btn_area .btn1{
	height:72px;
	margin-top: 15px;
}

.content07 {
	padding: 45px 0 150px;
	position:relative;
}
	
.content07 .flex{
	flex-direction:column;
}

.content07 .flex .left{
	width:100%;
}


.content07 .flex .right{
	width:100%;
	margin: 0 auto 0;
	padding: 0;
}
	
.content07 .flex .left .btn2{
	position:absolute;
	bottom:70px;
	left:0;
	right:0;
	margin:auto;
}

.content07 .mainTit{
	padding-bottom: 26px;
	padding-top: 6.6%;
}

.copyright{
	margin-top:50px;
	padding: 10px 0;
	font-size: 1.3rem;
	line-height: 1.4615;
}

footer{
	padding-top:50px;
}

footer .logo{
	width:253px;
	margin:0 auto 30px;
}

footer .flex{
	flex-direction:column;
}

footer .flex .left{
	width:100%;
}
	
footer .flex .right{
	width:100%;
	margin: 52px auto 0;
}

footer .flex .left .btn1{
	font-size:2.2rem;
	height: 72px;
	padding-left: 42px;
	margin-top: 9px;
}

footer .flex .left .text2{margin: 16px auto 30px;}

footer .flex .right .text1{
	margin-bottom:8px;
}

.ft_list1{
	width:100%;
}

.ft_list1 li.parent{
	font-size:2rem;
	line-height: 1.45;
	margin-top: 15px;
}

.ft_list1 li.child{
	line-height: 1.45;
	padding-left: 22px;
	margin-top: 7px;
	font-size: 1.5rem;
}

.ft_list1 li.child:before{
	width: 13px;
	top: 11px;
}

.bottom_btn{
	display:flex;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index: 999;
}

.bot_btn1{
	width:50%;
	display:flex;
	align-items:center;
	justify-content: flex-start;
	border-radius:10px 10px 0 0;
	background:#D6545F;
	color:#fff!important;
	padding:18px 13px;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
}

.bot_btn1.bgbla{
	background:#555555;
}


.bot_btn1:before{
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 13px;
    left: auto;
}

.content03 > .inner > .flex .text_area .title1 span.tit_span{
	padding:0 5px;
}

#art_cover .flex{
	flex-direction: column-reverse;
	padding-bottom: 30px;
	padding: 80px 0 30px;
	min-height: initial;
	height: initial;
	max-height: initial;
}

#art_cover .flex .art_cov_img{
	width: 100%;
	height: 44vw;
}

#art_cover .flex .text_area{
	width:100%;
	margin: 0 auto 0;
	padding-top: 5%;
}



#art_cover .flex .text_area .title1{
	font-size: clamp(4rem,9vw,13rem);
}

#art_cover .flex .text_area .title1 span{
	font-size: clamp(1.8rem,4vw,5rem);
}

#art_cover{
	background-position-x: 23%;
}

.job_list1 li:before{
	width: 30px;
	height: 30px;
}

    .job_list1 li {
        padding: 20px 0;
		border-bottom: 2px solid #555555;
		        padding-right: 35px;
    }

.job01 {
    padding: 60px 0 0;
}

.job02 {
    padding: 80px 0;
}

.art_title_area1{
	padding-bottom:20px;
}

.btn_flex1 .btn1{
	max-width: 335px;
	height: 72px;
	font-size: 2rem;
	padding-left: 20px;
}

.art_co5_list1.co5_list1 li{
	width: 100%;
	max-width: initial;
	margin-bottom: 10.5%;
}

.art_co5_list1.co5_list1 li .img_area .img{
	max-height:initial;
}

.art_co5_list1.co5_list1{
	margin:40px auto 0;
}

.job04 .flex{
	flex-direction:column;
}

.job04 .flex .text_area{
	max-width:initial;
	width:100%;
}
	
.job04 .flex .img{
	max-width:initial;
	width:100%;
	margin:40px auto 0;
	text-align:center;
}

.job05 .detail_area{
	margin-top:20px;
}

.job04 .flex .text_area .art_title_area1 {
    margin-bottom: 20px;
}

.detail_area p{
	line-height:1.8;
}

.job04{
	padding:80px 0 0;
}

.job05{
	padding:80px 0 0;
	margin: 0;
}

.job03 {
    padding:60px 0 0;
}


.people01{
	padding:80px 0;
}

.people01_list1 li{
	width:100%;
	margin-bottom: 40px;
}

.people01_list1 li .img_area .img{
	max-height: initial;
	height: 58vw;
}

.people01_list1 li .title1{
	margin-top: 20px!important;
	font-size: clamp(2.2rem, 5vw, 5rem)!important;
}

.people01_list1 li .text1 {
    margin-top: 14px!important;
    font-size: clamp(1.4rem, 4vw, 2.5rem)!important;
}
	
.people01_list1 li .text2{
	margin-top:10px;
	font-size: clamp(1.8rem, 4vw, 3.5rem)!important;
}

.people01 .people01_list1{
	margin-top:60px;
}

.inner2{
	width:89.334%;
}

.people_cov_div2{
	height: 70vw;
}

.people_cov_div2:before{
	background-position-x:60%;
	width:100%;
}

.pp_cov_img img{
	object-position:60% 50%;
}

.detpp_list1 li{
	flex-direction:column!important;
	margin-bottom: 60px;
}

.detpp_list1 li .text_area{
	width:100%;
}

.detpp_list1 li .img{
	width:100%;
	text-align:center;
	margin:40px auto 0;
}

.detpp_list1 li .text_area .art_title_area1{
	margin-bottom:20px;
}

.det_pp01 {
    padding: 80px 0 0;
}

.det_pp02 {
    padding: 80px 0 0;
}

.det_pp03 {
    padding: 80px 0 0;
}

.det_pp03 .art_title_area1{
	margin-bottom: 40px;
}

.detpp_list2 {
    margin-top: 20px;
}

.detpp_list2 li{
	flex-direction:column;
	padding: 16px 0;
	font-size: 2rem;
}

.detpp_list2 li .time{
	width:100%;
	margin-bottom: 4px;
}

.envi01 {
    padding: 80px 0;
}

.envi01_list1 li .title3 {
    margin-bottom: 8px;
}


.envi03_list2 > li{
	flex-direction:column;
}

.envi03_list2 li .left{
	padding:10px 0 0;
	width: 100%;
	margin-right: 0px;
	border-bottom: none;
	max-width:initial;
}


.envi03_list2 li .right{
	 padding:0 0 10px;
	 width: 100%;
}


.envi03_list1 > li{
	padding: 30px 20px 40px;
}

.envi03 {
    padding: 80px 0;
}

.envi01 .img {
    margin: 30px auto 40px;
}

.envi03_list1 > li .title_area{
	flex-direction:column;
	align-items:flex-start;
	margin-bottom: 10px;
}
	
.envi03_list1 > li .title_area .num{
	margin-bottom:8px;
}

.envi03_list1 > li .title_area .title1 span{
	margin-bottom:8px;
}

.envi01_list1 li{
	margin-bottom:40px;
}

.envi03 .mainTit{
	padding-bottom:40px;
}

.envi01_div1{
	padding:20px;
	margin-top:30px;
}

.intr01{
	padding:60px 0 80px
}

.intr02 {
    padding: 80px 0 80px;
}

.intr02 .text{
	margin-bottom:30px;
}

.intr03 {
    padding: 80px 0;
}

.intr03_div .title_area .title span{
	margin-right:10px;
}

.intr03_list1 > li .flex{
	flex-direction:column;
}

.intr03_list1 > li .flex .left{
	width:100%;
	max-width:initial;
}

.intr03_list1 > li .flex .right{
	width:100%;
	max-width:initial;
	margin: 40px auto 0;
}

.intr03_list1 > li .flex .left .title1{
	margin-bottom: 30px;
}

.intr03_div_b{
	margin-top:40px;
	padding:20px;
}

.intr03_div_c{
	margin-top:40px;
}

.intr03_list3{
	flex-direction:column;
}

.intr03_list3 li{
	width:100%;
	margin:0 auto 40px;
	max-width: 370px;
}
	
.intr03_list3 li:last-child{
	margin-bottom:0;
}

.intr03_list3 > li .ilogo2{
	height:initial;
}

.intr03_div .title_area .text{
	margin-top:12px;
}

.intr03_list1 > li{
	margin-bottom:50px;
}

.intr03_div {
    margin-bottom: 60px;
}

.intr03_div_a{
	margin:20px auto 30px;
}

.comp01 {
    padding: 60px 0 80px;
}

.comp_text2{
	margin-top:0;
}

.comp01 .mv_slider_area{
	top:0;
	width: 25%;
}

.comp_text1{
	margin-bottom:30px;
}

.comp01 .btn1{
	margin-top:50px;
}

.comp01 .mainTit{
	padding-bottom:8%;
}

.comp02{
	padding:80px 0;
}

.comp02 .mainTit{
	padding-bottom:30px;
}

.comp02_div .sld_img_area{
	overflow-x:scroll;
}

.sld_img{
	width:650px;
	padding-bottom:15px;
}


.contact_tb th,
.contact_tb td{
	display:block;
}

.contact_tb th {
	width: 100%;
	padding:20px 0 8px;
	border-bottom:none;
}
	

.contact_tb td{
	padding:0 0 20px;
}

.tb_flex2{
	flex-direction:column;
}

.tb_flex2 input{
	width:100%!important;
}
	
.tb_flex2 input + input,
.tb_flex2 select{
	margin-top:8px;
	width:100%;
}

.pri_div h3{
	margin-bottom:20px;
}

.pri_div{
	margin: 40px auto;
}

.privacy_area input{
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.clearForm, .clearForm2, .toHome{
        font-size: 2.4rem;
        padding-left: 42px;
    }

.contact01 {
    padding: 60px 0 80px;
}

.contact #art_cover .flex .text_area .title1 {
    font-size: clamp(4rem, 9vw, 9rem);
}


.news01 .news_list li{
	padding:18px 0 16px;
}

.brand_div {
	padding: 5%;
}
	
.brand_div .title1{
	text-align:center;
	font-size: clamp(2.4rem, 5vw, 3.5rem);
}

.brand_div .flex{
	flex-direction:column;
}

.brand_div .flex .left{
	width:100%;
	max-width: initial;
}

.brand_div .flex .right{
	max-width:initial;
	width:100%;
	flex-direction:column;
}


.brand_list3 > li.big{
	font-size: clamp(4rem, 8vw, 8rem);
}

.brand_list3 > li.big span{
	font-size: clamp(10rem, 17vw, 18.5rem);
}

.brand_list3 > li{
	font-size: clamp(3rem, 6vw, 4.1rem);
	padding-left: 5%;
}

.brand_list3 > li span{
	font-size: clamp(6rem, 13vw, 9.7rem);
}

.brand_list3 > li:before{
	width:10px;
	height:10px;
	top: 10%;
}

.brand_list1.long{
	max-width:initial;
	width:100%;
	margin:30px auto 20px;
}
	

.brand_list1{
	max-width:initial;
	width:100%;
}
	
.brand_list1 > li .title2{
	margin-bottom:8px;
	font-size: clamp(2rem, 3vw, 2.5rem);
}
	
.brand_list1 > li{
	margin-bottom:20px;
	max-width: initial;
}


.brand_list2 > li {
    font-size: clamp(1.8rem, 3vw, 2.2rem);
}
	
	.det_pp04_div{
	padding:30px 20px;
	border: 4px solid #6FA6E8;
}

.det_pp04_div .text{
	margin-top:20px;
}
	
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 591px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.pc2, .pcTel {
	display: none;
}

.sp2 {
	display: block;
}

.spTel  {
	display: inline;
}


/*-- テーブル --*/

table {
	width: 100%;
}


/*-- ページトップ --*/

#pageTop {
	display: none !important;
}


/* フッター
----------------------------------------------------------- */

.sp nav {
	margin: 0 auto;
}

.intr03_list1 > li .flex .left .flex2{
	flex-direction:column;
}

.intr03_list1 > li .flex .left .flex2 .ilogo{
	width:100%;
	margin:0 auto 30px;
}

.intr03_list2 > li{
	margin-bottom:30px;
}

.intr03_list1 > li .flex .left .flex2 .intr03_list2{
	width:100%;
	max-width:initial;
}


.comp01 .cont_area{
	padding: 40% 0 0;
}

.comp01 .mv_slider_area{
	width: 35%;
	left: 0;
	right: 0;
	margin: auto;
	top: 0.5%;
}


.comp02_list > li{
	width:100%;
	max-width: initial;
}
	
.comp02_list > li img{
	width:100%;
}


.comp02_div .img{
	margin-bottom: 10%;
	width: 100%;
}

.comp02_div{
	padding: 5%;
}


.brand_list1 > li{
	max-width:initial;
	width:100%;
}

.brand_list1 > li:nth-child(3){
	margin-bottom:20px;
}

    .brand_list3 > li {
        padding-left: 8%;
    }
	
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 320px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 320px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */