@charset "utf-8";

.fancybox__container {
	z-index: 99999999!important;
}
/*===============================================
●画面の横幅が769px以上
===============================================*/
@media screen and (min-width : 769px ){
#pc------------------------------------------- {
}
header .innerpc nav ul:first-child li:nth-of-type(7) a::before {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #000;
  transform-origin: left top;
}
.helo {
	width: 1366px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.helo img {
	width: 100%;
	height: auto;
}
.helo h2 {
	font-size: 34px;
	color: #000;
	font-weight: bold;
	text-shadow: 0px 0px 12px #fff,0px 0px 12px #fff,0px 0px 12px #fff,0px 0px 12px #fff,0px 0px 12px #fff,0px 0px 12px #fff;
	letter-spacing: 0.15em;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	left: 0px;
	right: 0px;
	z-index: 999;
	line-height: 1.5em;
	top: 30px;
}
.helo .flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.helo .flex .fig01 {
	width: 471px;
	margin-left: 120px;
	position: relative;
	top: 20px;
}
.helo .flex .fig02 {
	width: 683px;
}





.zyouken {
	background-color: #FDF1BA;
	padding-top: 85px;
	padding-bottom: 85px;
	margin-top: 85px;
}
.zyouken .flex {
	display: flex;
	justify-content: space-between;
	width: 1165px;
	margin-left: auto;
	margin-right: auto;
}
.zyouken .flex div {
	width: 448px;
	text-align: left;
}
.zyouken .flex div h3 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.7em;
}
.zyouken .flex div p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.8em;
	margin-top: 45px;
}
.zyouken .flex figure {
	width: 725px;
	position:relative;
}
.zyouken .flex figure .fig01 {
	width: 650px;
	height: auto;
}
.zyouken .flex figure .fig02 {
	width: 113px;
	height: auto;
	position: absolute;
	left: -30px;
	top: 170px;
}




.strongs {
	padding-top: 90px;
}
.strongs .ttl {
	position: relative;
	width: 1152px;
	height: 107px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../../images/literasu/asaka/strong_fig01.webp"),url("../../images/literasu/asaka/strong_fig02.webp");
	background-repeat: no-repeat,no-repeat;
	background-position: left top,right top;
	margin-bottom: 50px;
}
.strongs h3 {
	font-size: 36px;
	font-weight: bold;
	padding-top: 20px;
}
.strongs h3 img {
	position: relative;
	right: -55px;
	top: -22px;
	z-index: 9;
}
.strongs h3 span {
	position: relative;
	z-index: 99;
}
.strongs h3+p {
	font-size: 16px;
	margin-top: 5px;
}
.strongs .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1165px;
	margin-left: auto;
	margin-right: auto;
}
.strongs .flex div {
	width: 350px;
}
.strongs .flex div img {
	width: 100%;
	height: auto;
}
.strongs .flex div dt {
	font-size: 24px;
	font-weight: bold;
	margin-top: 5px;
}
.strongs .flex div dt span {
	font-size: 36px;
}
.strongs .flex div dd {
	font-size: 16px;
	margin-top: 10px;
}
.strongs .flex div:nth-of-type(4),
.strongs .flex div:nth-of-type(5),
.strongs .flex div:nth-of-type(6)
{
	margin-top: 90px;
}
.strongs .flex+p {
	text-align: right;
	width: 1165px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	margin-top: 30px;
}





.fueru {
	padding-top: 90px;
	margin-bottom: 80px;
}
.fueru .ttl {
	position: relative;
	width: 1152px;
	height: 107px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../../images/literasu/asaka/fueru_fig01.webp"),url("../../images/literasu/asaka/fueru_fig02.webp");
	background-repeat: no-repeat,no-repeat;
	background-position: left top,right top;
	margin-bottom: 65px;
}
.fueru h3 {
	font-size: 36px;
	font-weight: bold;
	padding-top: 20px;
}
.fueru h3 img {
	position: relative;
	right: -55px;
	top: -22px;
	z-index: 9;
}
.fueru h3 span {
	position: relative;
	z-index: 99;
}
.fueru h3+p {
	font-size: 16px;
	margin-top: 5px;
}
.fueru .flex {
	display: flex;
	justify-content: space-between;
	width: 1165px;
	margin-left: auto;
	margin-right: auto;
}
.fueru .flex img {
	width: 100%;
	height: auto;
}
.fueru .flex div {
	width: 570px;
}
}





/*===============================================
●画面の横幅が1300pxまで
===============================================*/
@media screen and (min-width:769px) and (max-width:1300px) {
#pc1300------------------------------------------- {
}

}



/*===============================================
●画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
	
/*===============================================
●sp-tablet
===============================================*/
#sptablet------------------------------------------- {
}
.helo h2 {
	font-size: 4.2667vw;
	color: #000;
	font-weight: bold;
	padding-top: 9.0667vw;
	line-height: 1.6em;
}
.helo .flex {

}
.helo .flex .fig01 {
	width: 70.4vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2.6667vw;
}
.helo .flex .fig02 {
	margin-top: 5.3333vw;
}





.zyouken {
	background-color: #FDF1BA;
	margin-top: 9.3333vw;
}
.zyouken .flex {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column-reverse;
	padding-top: 8vw;
	padding-bottom: 8vw;
}
.zyouken .flex div {

}
.zyouken .flex div h3 {
	font-size: 4.8vw;
	font-weight: bold;
	text-align: center;
	line-height: 1.6em;
	margin-top: 8vw;
}
.zyouken .flex div p {
	font-size: 3.7333vw;
	font-weight: 500;
	line-height: 1.8em;
	margin-top: 5.3333vw;
}
.zyouken .flex figure {
	width: 86.6667vw;
	margin-left: auto;
	margin-right: auto;
}
.zyouken .flex figure .fig01 {
	width: 173.3333vw;
	height: auto;
}
.zyouken .flex figure .fig02 {
	width: 30.1333vw;
	height: auto;
	position: absolute;
	left: -8vw;
	top: 45.3333vw;
}




.strongs {
	padding-top: 24vw;
}
.strongs .ttl {

}
.strongs h3 {
	font-size: 4.8vw;
	font-weight: bold;
	padding-top: 5.3333vw;
}
.strongs h3 img {
	position: relative;
	right: -6.6667vw;
	top: -2.6667vw;
	z-index: 9;
	width: 9.8667vw;
	
}
.strongs h3 span {
	position: relative;
	z-index: 99;
}
.strongs h3+p {
	font-size: 3.7333vw;
	margin-top: 1.3333vw;
	line-height: 1.8em;
}
.strongs .flex {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.strongs .flex div {
	margin-top: 13.3333vw;
}
.strongs .flex div img {
	width: 100%;
	height: auto;
}
.strongs .flex div dt {
	font-size: 4.8vw;
	font-weight: bold;
	margin-top: 1.3333vw;
}
.strongs .flex div dt span {
	font-size: 9.6vw;
}
.strongs .flex div dd {
	font-size: 3.7333vw;
	margin-top: 2.6667vw;
}
.strongs .flex div:nth-of-type(4),
.strongs .flex div:nth-of-type(5),
.strongs .flex div:nth-of-type(6)
{
	margin-top: 24vw;
}
.strongs .flex+p {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 2.9333vw;
	margin-top: 8vw;
}





.fueru {
	padding-top: 10vw;
	margin-bottom: 10vw;
}
.fueru h3 {
	font-size: 4.8vw;
	font-weight: bold;
	padding-top: 5.3333vw;
	line-height: 1.2em;
	margin-bottom: 5.3333vw;
}
.fueru h3 img {
	position: relative;
	right: -6.6667vw;
	top: -2.6667vw;
	z-index: 9;
	width: 9.8667vw;
}
.fueru h3 span {
	position: relative;
	z-index: 99;
	line-height: 1.4em;	
}
.fueru h3+p {
	font-size: 3.7333vw;
	margin-top: 1.3333vw;
	line-height: 1.8em;
}
.fueru .flex {
	margin-left: auto;
	margin-right: auto;
	width: 94%;
}
.fueru .flex img {
	width: 100%;
	height: auto;
}
.fueru .flex div {
	margin-top: 8vw;
}
}



/*===============================================
●画面の横幅が400pxまで
===============================================*/
@media screen and (max-width:400px){
/*===============================================
●sp400
===============================================*/
#sp400------------------------------------------- {
}
}



/*===============================================
●画面の横幅が320pxまで
===============================================*/
@media screen and (max-width:320px){
/*===============================================
●sp320
===============================================*/
#sp320------------------------------------------- {
}
}



/*===============================================
●画面の横幅が481pxから768pxまで
===============================================*/
@media screen and (min-width:481px) and (max-width:768px) {
/*===============================================
●tablet
===============================================*/
#tab------------------------------------------- {
}
}