@charset "utf-8";

.ptf {font-family: ab-suzume, sans-serif;font-style: normal; font-weight:900; letter-spacing:15px; font-size:min(calc(0.1 * 80vw), 80px); line-height:min(calc(0.1 * 55vw), 55px);}
* {font-family: dnp-shuei-mgothic-std, sans-serif;font-weight: 600;font-style: normal;}

/*トップ*/
.companytop{max-width: 1000px;margin: 0 auto;width:90%;
padding-top:30px;
z-index: 2;
position: relative;
}

/*トップタイトル↓*/
.companytopbackgroundcolor{margin-top:-8%;min-height:300px;height: min(calc((100 / 1920) * 360vw), 360px);width:100%;background-color:#D6EBF7;z-index:0;}
.companytoptxt{padding-top:7%;max-width: 1000px; width:90%;margin: auto; left:0; right:0; z-index:1;}
.companytoptxt_1 {color:white;font-size:7rem;font-weight: bold;margin-left:3%;position:relative;}
.companytoptxt_1 span {color:white;}
.companytoptxt_2{color:#00478A; font-weight: bold; font-size:min(calc(0.1 * 24vw), 24px); line-height:min(calc(0.1 * 24vw), 24px);}
.topillust{position:absolute;width:16%;top:32%;z-index:-1;left:-6%;}
/*トップタイトル↑*/


/*1*/
.section1{position:relative;background-color:#FEF4DF;z-index:0;}
.section1flex{max-width:1000px;margin: 0 auto;width:90%;
display:flex;z-index: 2;position: relative;justify-content:space-between;align-items:center;padding-top: 8%;padding-bottom:8%;}
.sec1illust{position: absolute;width:40%;z-index:-1;margin: auto; left:0; right:0;}
.sec1tittle{font-size:3rem;white-space: nowrap;}
.section1flex ul{position:absolute;font-size:21px;padding:20px;width:300px;z-index: 2;margin-top:20px;margin-left: 10px;}
.section1flex li{border-bottom: dotted 2px #0085CD;width:200px;}
.section1flex li::after {
    content: '';
    display: inline-block;
    background-image: url(../img/company/11.png);
    width:20px;height:20px;margin-left:5px;
	background-size: contain;
	vertical-align: middle;
}
.section1flex a{text-decoration: none;}
.companymenu{position:relative;z-index: 1;width:260px;}
.backgroundwhite{position: absolute;background-color: white;
height:100%;width:900px;z-index:1;top:0;margin: auto; left:0; right:0;}

.sec1tittle {
	padding: 2% 5%;
	position: relative;
    width:47%;
    margin: auto; left:0; right:0;
    margin-bottom:5%;
}

.sec1tittle::before, .sec1tittle::after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
}

.sec1tittle::before {
	border-left: solid 2px #00478a;
	border-top: solid 2px #00478a;
	top: 0;
	left: 0;
}

.sec1tittle::after {
	border-right: solid 2px #00478a;
	border-bottom: solid 2px #00478a;
	bottom: 0;
	right: 0;
}
.sec1txt{margin-bottom:4%;font-size:2rem;line-height:180%;}

/*2*/
.sec2imagemargin{margin-bottom: 26%;}
.section2{position:relative;background-color:#D9EDF7;z-index:0;}
.section2inner{z-index: 5;max-width: 1000px;margin: 0 auto;position:relative;width:90%;}
.section2 h2{padding-top:7%;font-size:3rem;line-height:180%;}
.sec2flex{display:flex;}
.sec2flex p{font-size:2rem;}
.sec2img1{z-index:0;width:80%;position: absolute;right:0;margin-top:3%;}
.sec2img2{z-index:0;width:80%;margin-top:3%;}
.sec2txt2_2{position: absolute; right:0;margin-top:8%;}
.sec2txt2_2 p{font-size: 2rem;}
.sec2item2{font-size: 2rem;}
.sec2flex2{display:flex;padding-bottom:10%;}
.sec2txt1{margin-top:14%;z-index: 1;}

/*3*/
.section3{position:relative;background-color:#FEF4DF;z-index:0;}
.section3inner{z-index: 5;max-width: 1000px;margin: 0 auto;position:relative;width:90%;}
.sec3flex{display:flex;justify-content:space-between;}

.sec3img1{width:100%;margin-right:5%;top:10%;}
.sec3img2{margin-right:5%;margin-top:25%;}
.sec3txt1 p{font-size: 2rem;width:95%;}
.greeting{position:absolute;color:#E5F3FA;margin-bottom:10%;padding-top:5%;z-index:-1;}
.daihyo{color:#00478A;margin-left:4%;width:900px;text-align: center;margin-bottom:10%;padding-top:10%;z-index:10; font-size:min(calc(0.1 * 26vw), 26px); line-height:min(calc(0.1 * 26vw), 26px);}
.sec3txt2{font-size:2.5rem;font-weight: bold;margin-top:12%;margin-bottom:10%;}
.sec3flex2{display:flex;justify-content:space-between;}
.sec3txt4p{font-size:2rem;}
.sec3txt3{font-size:16px;}
.sec3txt4{margin-top:3%;max-width: 850px;font-weight: bold; font-size:2.5rem;}
.sec3txt3 p{font-size:2rem;}
.name{color:#0085CD;font-size:2rem;text-align: right;max-width: 1000px;padding-bottom:10%;}
.daihyoname{font-size:2.3rem;}
.sec3illusut1{width:20%;margin-top:7%;}
.sec3flex3{display: flex;}
.sec3flex4{display: flex;margin-bottom:5%;}
.sec3illusut2{width:25%;margin-top:0%;}
.daihyo::after{content: '';display: inline-block;width: 3px;height: 40px;background-image: url(../img/company/12.svg);background-size: contain;position:relative;top:60px;right:55px;background-repeat:no-repeat;}

/*4*/
.section4 {position:relative; background-color:#D9EDF7; z-index:0;padding-top:30px;padding-bottom:5%;}
.section4inner {z-index:5; max-width:1000px; margin:0 auto; position:relative; width:90%; }
.sec4flex1 {display:flex; margin-bottom:12%;}
.sec4flex1 div {color:#E5F3FA; position:absolute; padding-top:5%;z-index:-1; letter-spacing:7px;}
.sec4flex1 h2 {position:relative;width:1000px; text-align:center;padding-top:10%;margin-bottom:3%; font-size:min(calc(0.1 * 26vw), 26px); line-height:min(calc(0.1 * 26vw), 26px);}
.sec4flex1 h2::after{content: '';display: inline-block;width: 3px;height: 40px;background-image: url(../img/company/12.svg);background-size: contain;
	position:absolute; top:130%; right:50%; background-repeat:no-repeat;}

.sec4kaigo{padding:1% 2%;color:white;background-color:#f7b52c;border-radius: 50px;
	border:solid white 2px ;position:absolute;width:30%;text-align: center;font-size:1.5rem;
	font-weight:bold;
    top: -14%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
.section4 ul{background-color:#fef4df;position:relative;width:700px;margin:0 auto;
	display:block;border-radius: 30px;height:38%;padding:5%;}

.section4 li{margin:0 auto; text-align: left; width:40%;font-weight:bold;font-size:1.5rem;}

/*5*/
.section5 {position:relative;background-color:#D9EDF7;z-index:0;}
.section5inner {z-index:5; max-width:1000px; margin:0 auto; position:relative; width:90%;padding-bottom:6%;}
.sec5flex1 {display:flex; margin-bottom:10%;}
.sec5flex1 div {color:#E5F3FA; position:absolute;padding-top:5%;z-index:-1;}
.sec5flex1 h2 {position:relative;width:1000px; text-align:center;padding-top:10%;margin-bottom:3%; font-size:min(calc(0.1 * 26vw), 26px); line-height:min(calc(0.1 * 26vw), 26px);}
.sec5flex1 h2::after{content: '';display: inline-block;width: 3px;height: 40px;background-image: url(../img/company/12.svg);background-size: contain;
	position:absolute; top:130%; right:50%; background-repeat:no-repeat;}

/*表*/
	.sec5hyou {
		border-collapse: separate;
		border-spacing: 0px 8px;
		width:70%;
		margin:0 auto;

	  }

		.sec5hyou td {
		  border-bottom: 1px dotted #80c2e6;
			font-size:min(calc((100 / 1500) * 20vw), 20px);
			border-spacing:10px 0px;
			padding:0.5% 0%;
		}

		.sec5hyou li{list-style: none;
		  padding-top: 2%;
		  padding-bottom:2%;
		  padding-left: 0;
		}

		.sec5hyou ul{
		  text-align: left;
		  padding: 0;
		}

		table{table-layout: fixed;}
		tbody{ margin:0;}
		.hyouright{ width:400px;}
		.hyouleft{color:#0085cd; width:145px;text-indent: 1em;}

		.sec5hyousp{display:none;}
		.webhyou2{margin-top:7%;}



/*6*/
.section6{position:relative;background-color:#FEF4DF;z-index:0;}
.section6inner{z-index: 5;max-width: 1000px;margin: 0 auto;position:relative;width:90%;}
.sec6flex2{display: flex;justify-content: space-between;}
.section6 iframe{margin-bottom:10%;}
.accesmap1{color:#E5F3FA; position:absolute;padding-top:5%;z-index:-1;}
.accesmap2{position:relative;width:1000px; text-align:center;padding-top:5%;margin-bottom:3%; font-size:min(calc(0.1 * 26vw), 26px); line-height:min(calc(0.1 * 26vw), 26px);}
.sec6flex1{display:flex; margin-bottom:10%;}
.sec6txt{margin-top:10%;}
.accesmap2::after{content: '';display: inline-block;width: 3px;height: 40px;background-image: url(../img/company/12.svg);background-size: contain;position:absolute;top:100px;right:50%;background-repeat:no-repeat;}
.sec6map{width:70%;margin-bottom:10%;}

/*SP版追記*/
  .sec2imgsp1 {display:none;}
  .sec2imgsp2  {display:none;}
  .sec3img1sp  {display:none;}
  .sec3img2sp {display:none;}
  .sec3txt2sp{display: none;}
  .spsec3br{display:none;}





/*SP版*/
@media screen and (max-width : 999px ){

	.sec2imagemargin{margin-bottom: -9%;}
	.section2inner{padding-bottom: 7%;}

	.companytop{width:95%;
		padding-top:2%;
		}

	.br1{display: none;}
	/*1*/
	.commenu{display:none;}
	.section1flex{display:block; }
	.sec1illust{position: absolute;width:50%;z-index:-1;margin: auto; left:0; right:0;top:15%;}
	.backgroundwhite{width:70%;}
	.sec1txt{text-align: left;
		width: auto;
		font-size:2rem;
	}


	.sec1tittle{width:300px;}

	/*2*/
	.sec2flex{display:block;}
	.sec2img1{display:none;}
	.sec2img2{ display:none;}
	.sec2imgsp1{display:block; width:85%;margin: auto;}
	.sec2imgsp2	{display:block; width:85%;margin: auto;}
	.sec2flex2{display:block;}
	.sec2txt2_2{position:initial;}
	.section2 h2{margin-left:5%;}
	.sec2flex p{width: auto;
		font-size: 2rem;}
	.sec2txt2_2 p{width: auto;
		font-size: 2rem;}

	/*3*/
	.sec3txt3 p{font-size: 2rem;}
	.sec3flex{display:block;justify-content:space-between;}
	.sec3img1sp{display: block;width:50%; margin: auto;}
	.sec3img1{display:none;}
	.sec3txt1 p{width:auto;margin-top:3%;font-size:2rem;}
	.daihyo{width:60%;text-align: center;margin: auto; padding-top:5%;margin-bottom:8%;}
	.sec3img2sp {display:block; width:63%; margin: auto;}
	.sec3img2{display:none;}
	.greeting{position:absolute;margin-bottom:5%;padding-top:0px;}
	.sec3illusut1{margin-top:24%;}
	.sec3txt2sp{white-space:nowrap;display:block;
	font-size:min(calc((100 / 1920) * 80vw), 80px);
	font-weight: bold;margin-top:20%;margin-bottom:10%;}
	.sec3txt2{display:none;}

	/*4*/
	.section4inner {width:100%;}
	.sec4flex1 {padding-bottom:16%;width:90%;margin:0 auto;}
	.sec4flex1 div {letter-spacing:8px;}
	.sec4flex1 h2 {font-size:14px;}
	.sec4flex1 h2::after{height: 30px;position:absolute;top:117%;right:50%;}


	.section4 ul{background-color:#fef4df;position:relative;width:70%;margin:0 auto;
		display:block;border-radius: 10px;height:38%;padding:7% 5%;}

	.section4 li{margin:0 auto; text-align: left;font-weight:bold;font-size:1.2rem;}

	.sec4kaigo{width:70%;font-size:1.3rem;}
	.section4 li{margin:0 auto; text-align: left; width:80%;font-weight:bold;font-size:1.2rem;margin-top:2%;}
	/*5*/
	.section5inner {width:100%;padding-bottom:8%;}
	.sec5flex1 {padding-bottom:10%;width:90%;margin:0 auto;}
	.sec5flex1 div {letter-spacing: 12px;}
	.sec5flex1 h2 {font-size:14px;}
	.sec5flex1 h2::after{height: 30px;position:absolute;top:117%;right:50%;}

	.sec5hyouweb{display:none;}
	.sec5hyousp{display:block;}


	/*sp表*/
	.sec5hyousp{width:85%;margin:0 auto; display:block;}
	.hyousptop{color:#0085cd;font-size:1.2rem;}
	.hyouspbottom{border-bottom: 1px dotted #80c2e6;font-size:1.2rem;}
	.hyou2{margin-top: 8%;}

	/*6*/
	.sec6flex2{display: block;}
	.section6 iframe{padding-bottom:10%;width:90%;display:block;margin: auto;right:0; left:0;}
	.sec6flex1{display: flex;margin-bottom:5%;}
	.sec6txt{margin-top:3%; text-align: center;}
	.daihyo{position: relative; }
	.daihyo::after{right:50%;top:117%;position:absolute;height:35px;}
	.section6 h2 {font-size:14px;}
	.accesmap2::after{height: 35px;position:absolute;top:117%;right:50%;}

	.sec3illusut2{width:25%;margin-top:5%;}
	.sec6map{width:100%;padding-bottom: 10%;}
	.section6inner{width:90%;}


}

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

	.sec1tittle{width:160px;}

	.sec3illusut1{margin-top:21%;}

	.topillust{width: 30%;max-width: 100px;}
	.companytopbackgroundcolor{min-height:180px;}

	.sec1tittle{font-size:1.5rem;}
	.sec1txt{font-size:1.2rem;}

	.section2 h2{font-size:2rem;}
	.sec2flex p{font-size:1.2rem;}
	.sec2txt2_2 p {font-size:1.2rem;}
	.sec3txt1 p {font-size:1.2rem;}
	.sec3txt3 p {font-size:1.2rem;}

	.sec3illusut2 {
		width:100%;
		margin-top: 12%;
}

.sec3txt4p{font-size:1.2rem;}

.sec3txt4{font-size:1.5rem;}
.name{font-size:1rem;}
.accesmap2{margin-top: 15%;margin-bottom:5%;}

.section6inner iframe{width:100%;}

.sec2imgsp1{width:100%;}
.sec2imgsp2{width:100%;}
.greeting{left:0;font-size:4rem;}
.sec3illusut1{width:100%;}
.daihyoname{font-size:1.5rem;}
.section2 h2{white-space: nowrap;margin-left: 0;font-size:1.7rem;}
.daihyo{font-size:2.3rem;}
.sec3txt4{white-space: nowrap;margin-top: 7%;margin-bottom: 5%;}
.sec3txt4{font-size:min(calc((100 / 1920) * 70vw), 70px);}
.spsec3br{display: block;}

.accesmap2::after{top:35px;height:30px;}

.daihyo{padding-top:20%;}
.daihyo::after{
	right:50%;
	top:105%;
	position:absolute;
	height:30px;
	  }

	  .accesmap2::after{
		height: 30px;
		position:absolute;
		top:117%;
		right:50%;
	}

	.sec6map{padding-bottom: 10%;}

	/*トップタイトル↓*/
	.companytoptxt_1{font-size: 4rem;}
	.companytoptxt_2{font-size: 2rem;}
	.companytopbackgroundcolor{height:calc((100 / 1920) * 668vw);min-height:0;}
	.topillust{width:26%;top:23%;}
	/*トップタイトル↑*/
}