@charset "utf-8";
/* CSS Document 320-560*/

.kijiBox{background: none}
/*--------------------------------------------------------------------

first

--------------------------------------------------------------------*/
.kijiBox ul li{list-style: none ; line-height: unset;}

.first{background:#1130ae; color: #fff; padding: 30px 0 30px 8%}
.first .en{font-size: 13px; letter-spacing: 1px; }
.first h2{ font-size:clamp(1.875rem, 1.375rem + 2.5vw, 2.25rem)}/*30-36*/


/*--------------------------------------------------------------------

.pagemenu

--------------------------------------------------------------------*/
.pagemenu{padding: 30px 8%; display: flex; justify-content: space-between ; color:#1130ae; background: #f2efe9}
.pagemenu a{color:#1130ae; display: block; padding: 3px 0}
.pagemenu a:hover{opacity: 0.5}
.pagemenu dl{width: 15%}
.pagemenu dd{width: 80%; font-size: 15px; margin-top: -3px}
.pagemenu dd li{line-height: 1}
/*--------------------------------------------------------------------

.pagemenu

--------------------------------------------------------------------*/
.komari{text-align: center; padding: 50px 8%}
.komari .tate{color:#1130ae; text-align: left; margin:0 auto; line-height: 2; font-size:clamp(1.125rem, 0.458rem + 3.33vw, 1.625rem)}/*18-26*/
.komari .tate span{display: inline-block; padding: 20px 8px 0 0}
.komari p{margin: 30px 0; text-align: left; line-height: 1.8}

/*--------------------------------------------------------------------

.an

--------------------------------------------------------------------*/
#l01{padding: 80px 0 100px; background:#f1eee8 url("../img/profire/mert.png") no-repeat right 60px; background-size: 70%; text-align: center}
#l01a .an1, #l01b .an {background:#f1eee8; text-align: center}
.an h2{color: #1130ae; margin-top: -10px; font-size:clamp(2.125rem, 1.625rem + 2.5vw, 2.5rem)}/*34-40*/
.an .sub{color: #1130ae; margin-bottom: 30px;}

.an dl{margin: 30px 0 0 0 ;  position: relative}
.an dt{color: #1130ae ; width:78%; max-width:416px; margin-left: 22%}
.an dd {text-align: left; position: absolute; left: 5%; top: 0; color: #1130ae; font-size:clamp(1.25rem, 0.417rem + 4.17vw, 1.875rem)}/*0-30*/
.an dd .en{font-size: 18px; margin-bottom: 20px}
.an dd .tate{height: 450px; text-align: left; margin-left: -15px}
.an dd span{background:#f1eee8; padding: 20px 0; display: inline-block; border-radius: 10px}

.an .text{text-align: left; margin: 30px 8% 0; line-height: 1.8}
.an .text .mini{font-size: clamp(0.875rem, 0.792rem + 0.42vw, 0.938rem)}/*14-15*/
.an ul{display: flex;justify-content:space-between; margin: 20px 8% 0}
.an li{width: 30%}

.an a.kage img{  transition: opacity 0.3s ease; box-shadow: 0 0 4px gray; border-radius: 10px; transition: 1s}
.an a.kage img:hover{opacity: 0.8; box-shadow: none}


#l01a .an1 dl, #l01b .an dl{margin: 0; position: relative}

#l01a .an1 dt {margin-top: -50px;  color: #1130ae ; text-align: left; position: absolute; left: 5%; top: 0; font-size:clamp(1.25rem, 0.417rem + 4.17vw, 1.875rem)}/*20-30*/
#l01a .an1 dt .en{font-size: 18px; margin-bottom: 20px}
#l01a .an1 dt .tate{height: 450px; text-align: left; margin-left: -15px}
#l01a .an1 dt span{background:#f1eee8; display: inline-block; border-radius: 10px}
#l01a .an1 .text{text-align: left; margin: 0; line-height: 1.8}
#l01a .an1 dd{ width:73%; max-width:416px; margin-left: 27%; padding-right: 8%; box-sizing: border-box}
#l01a .an1 ul{display: flex;justify-content:space-between; margin: 20px 8% 0; padding-bottom: 70px}
#l01a .an1 li{width: 30%}



/*--------------------------------------------------------------------

l02

--------------------------------------------------------------------*/
#l02{padding: 120px 0 0px; background:#f1eee8 url("../img/top/about.png") no-repeat center 100px; background-size:contain; text-align: center}
#l02 h2{color: #1130ae; margin-top: -10px; font-size:clamp(1.875rem, 1.208rem + 3.33vw, 2.375rem)}/*30-38*/

.aboutBox{position: relative;}
.aboutBox .img{padding-top: 75px}
.aboutBox .tate{text-align: left; height:580px; position: absolute; left: 1%; top:15px; color: #1130ae; font-size: clamp(1.625rem, 1.292rem + 1.67vw, 1.875rem)}/*26-30*/ 
.aboutBox .tate span{display: inline-block; background:#f3f0ea; padding: 0px 0 20px; border-radius: 10px; margin-left: 5px }

.abBox{text-align:left; margin: -20px 0 0 8%; position: relative; z-index: 1; padding-bottom: 50px}
.abBox h2{color: #1130ae; font-size: clamp(1.25rem, 0.75rem + 2.5vw, 1.625rem)}/*20-26*/
.abBox .name{line-height: 1.1; color: #1130ae;  font-size:clamp(2.125rem, 1.625rem + 2.5vw, 2.5rem)}/*34-40*/
.abBox .name span{font-size: clamp(1.25rem, 0.75rem + 2.5vw, 1.625rem)}/*20-26*/
.abBox .cata{margin: 10px 0 30px; font-size:clamp(0.688rem, 0.438rem + 1.25vw, 0.875rem) }/*11-14*/
.abBox .waku{background:#e8e4dd; padding:20px 15px 10px; font-size:clamp(0.938rem, 0.854rem + 0.42vw, 1rem)  }/*15-16*/
.abBox .waku .en{margin-bottom: 10px}
.abBox .waku li{margin-bottom: 10px; line-height: 1.3}
.abBox .come{margin:40px 8% 0 0; line-height: 1.8}


.scl{background: #f1eee8}
/*--------------------------------------------------------------------

.heart

--------------------------------------------------------------------*/
.heart{padding: 50px 8%;}
.heart .text{ color: #1130ae; margin-bottom: 20px ;font-size:clamp(1.25rem, 0.583rem + 3.33vw, 1.75rem); }/*20-28*/
.heart .text1{line-height: 1.8; font-size:clamp(0.938rem, 0.854rem + 0.42vw, 1rem)  }/*15-16*/


/*--------------------------------------------------------------------

.heart

--------------------------------------------------------------------*/
#l03{padding: 80px 0; background:#f2efe9 url("../img/profire/about.png") no-repeat left top; background-size: 78%}
#l03 h2{padding-bottom: 90px; text-align: center; color: #1130ae; font-size:clamp(1.25rem, -0.083rem + 6.67vw, 2.25rem)}/*20-36*/
#l03 .tit{margin: 0 8%; font-weight: 700; font-size: clamp(1.125rem, 0.958rem + 0.83vw, 1.25rem)}/*18-20*/
#l03 .kai{margin:0 8% 20px}
#l03 ul{margin: 0 8% 20px}
#l03 ul img{width: 25px}
#l03 .mai{margin-bottom: 30px}

@media screen and (min-width: 1100px) {
#l01a .an1 .text{min-height: 360px;}
#l03{padding-top: 110px}


}