@charset "UTF-8";
/* CSS Document */

@import url("roopani.css");

/*PC*/
@media print, screen and (min-width: 769px) {

/*main_img
---------------------------------*/
.hedTitWrap {
position: relative;
z-index: 0;
width: 100%;
min-width: 1080px;
height: 100vh;
margin: 0;
overflow: hidden;
}

.hedTitWrap .hed_tit {
position: absolute;
width: 75%;
height: 50vh;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
z-index: 3;
filter: drop-shadow( 3px 3px 6px rgba(0, 0, 0, 0.35));
}

.hedTitWrap .hed_tit h2 {
/*width: 100%;
display: block;
overflow: hidden;*/
width: 100%;
display: block;
overflow: hidden;
font-size: 124px;
letter-spacing: 9px;
line-height: 120px;
font-weight: 700;
}
.hedTitWrap .hed_tit h3 {
width: 100%;
display: block;
overflow: hidden;
  font-weight: 700;
  font-size: 40px;
}
.hedTitWrap .hed_tit h4{
font-size: 20px;
}
.hed_logo {
position: absolute;
left: -5%;
bottom: -5%;
width: 45%;
}


/*about
---------------------------------*/
#about{min-width: 1400px; margin-top: 10%;}
#about .wrap{display: flex;justify-content: space-between;align-items: center;position: relative;}
#about .wrap::after{position: absolute;  z-index: -10000;  content: "";  top: -18px;  left: -30%;  width: 120%;  height: 587px;  background-color: #E6E6E6;transform: rotate(-120deg);}
#about .txt_box{width: 30%;position: relative;}
#about .txt_box::after{content: "";display: inline-block;background-image: url("../images/index/about.png");background-repeat: no-repeat;background-size: contain;width:100%;height: 250px;opacity: 0.2; position: absolute;top: -20%;left: 78%;}
#about .txt_box .con_tit{font-size: 90px;color: #152F77;font-weight: 700;line-height: 1;position: relative;}
#about .txt_box .con_sub_tit{font-size:32px;font-weight: 600;margin-bottom: 135px;}
#about .txt_box h4{font-size: 28px;font-weight: 600;}
#about .txt_box h4 span{color:#29abe2;font-weight: 700; }
#about .txt_box p{font-size: 18px;line-height: 55px; margin: 55px 0;}
#about .img_box{position: relative;}
#about .img_box::before{content: "";display: inline-block;border: 2px solid  #fff; width: 500px;height: 500px;position: absolute;bottom: 45%;left: -76%;z-index: -1;}
#about .img_box::after{content: "";display: inline-block;background-color: #152F77;width: 612px;height: 612px;position: absolute;bottom: -12%;right: 35%;z-index: -2;}
/*w_contant
---------------------------------*/
.parallax-window {
margin: 10% 0;
position: relative;
  background-image: url("../images/index/img02.png");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
		min-height: 500px;
}
/*business
---------------------------------*/
#business{min-width: 1400px;}
#business .wrap{display: flex;justify-content: space-between;align-items: center;position: relative;}
#business .wrap::after{position: absolute;  z-index: -10000;  content: "";  top: 350px;  left: -5%;  width: 120%;  height: 587px;  background-color: #E6E6E6;transform: rotate(-240deg);}
#business .wrap .img_box{position: relative;}
#business .wrap .img_box::before{content: "";display: inline-block;border: 2px solid  #fff;width: 500px;height: 500px;position: absolute;bottom: 45%;right: -76%;z-index: -1;}
#business .wrap .img_box::after{content: "";display: inline-block;background-color: #152F77;width: 612px;height: 612px;position: absolute;bottom: -10%;left: 35%;z-index: -2;}
#business .txt_box{width: 30%;position: relative;}
#business .txt_box::after{content: "";display: inline-block;background-image: url("../images/index/business.png");background-repeat: no-repeat;background-size: contain;width:61%;height: 330px;opacity: 0.2; position: absolute;top: -23%;right: -35%;}
#business .txt_box .con_tit{font-size: 90px;color: #152F77;font-weight: 700;line-height: 1;position: relative;}
#business .txt_box .con_sub_tit{font-size:32px;font-weight: 600;margin-bottom: 135px;}
#business .txt_box p{font-size: 18px;line-height: 55px; margin: 55px 0;}


/*company
---------------------------------*/
#company{min-width:1200px; margin-top: 125px;}
#company .wrap{position: relative;}
#company .wrap img{width: 100%;}
#company .wrap .con_box{position: absolute;  top: 50%;  left: 50%;  transform: translateY(-50%) translateX(-50%);  -webkit- transform: translateY(-50%) translateX(-50%);text-align: center;}
#company .wrap .con_box .con_tit{font-size: 90px;color: #152F77;font-weight: 700;line-height: 1;}
#company .wrap .con_box .con_sub_tit{font-size:32px;font-weight: 600;margin: 0 0 8%;}
#company .wrap .con_box .com_btn{margin: 0 auto;}


/*contact
---------------------------------*/
#contact{min-width:1200px; }
#contact .wrap{position: relative;}
#contact .wrap .back_img{width: 100%;filter:brightness(50%);}
#contact .wrap .con_box{width: 70%; position: absolute;  top: 50%;  left: 50%;  transform: translateY(-50%) translateX(-50%);  -webkit- transform: translateY(-50%) translateX(-50%);text-align: center;display: flex;justify-content: space-between;align-items: center;}
#contact .wrap .con_box .txt_box {color: #fff;}
#contact .wrap .con_box .txt_box .con_tit{font-size: 90px;font-weight: 700;line-height: 1;}
#contact .wrap .con_box .txt_box .con_sub_tit{font-size:32px;font-weight: 600;margin: 0 0 8%;text-align: left;}
#contact .wrap .con_items{display: flex;justify-content: space-between;}
#contact .wrap .con_items img{width: 50px;}
#contact .wrap .con_items h2{font-size: 16px;color: #fff;margin: 8% auto;}
#contact .wrap .con_items .con_itm01,
#contact .wrap .con_items .con_itm02{position: relative;margin: 0 20px;width: 280px;}
#contact .wrap .con_items .con_itm01 h3{font-size: 35px;color: #fff;}
#contact .wrap .con_items .con_itm01 a{color: #fff;display: inline-block;font-size: 35px;font-weight: 600;}
#contact .wrap .con_items .con_itm01::before{ margin: 0 1rem;  content: "";  width: 1px;  height: 100%;  background-color: #fff;  position: absolute;  right: -35px;}
#contact .wrap .con_items .con_itm02 .btn_mail a{display: inline-block;width: 200px;background-color: #fff;color: #000;padding:15px; font-weight: 500;transition: .7s;}
#contact .wrap .con_items .con_itm02 .btn_mail a:hover{opacity: 0.7;}
/*news
---------------------------------*/
#news{margin: 10% auto ;}
#news .con_tit{font-size: 90px;color: #152F77;font-weight: 700;line-height: 1;}
#news .con_sub_tit{font-size:32px;font-weight: 600;margin-bottom: 135px;}
/*news
---------------------------------*/
.news_wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.news_wrap_box1{
width: 20%;
position: relative;
}

.news_wrap_box2{
position: relative;
}

.news_wrap_box2 .news_list{
width: 100%;
height: 200px;
overflow-y: scroll;
margin: 10px 0 0;
border-top: 1px solid #000;
}

.news_wrap_box2 .news_list li{
border-bottom: 1px solid #000;
padding: 20px 5px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}

.news_wrap_box2 .news_list li .news_day{
width:15%;
white-space: nowrap;
}

.news_wrap_box2 .news_list li .news_txt{
width: 85%;
}


.news_wrap_box2 .news_list li .news_txt a{
color: #0f9582;
}

.news_wrap_box2 .news_list li .news_txt a .pdf_icon{
color: #0f9582;
display: block;
text-decoration: underline #0f9582;
}

.news_wrap_box2 .news_list li .news_txt a .pdf_icon i{
margin-left: 5px;
color: #0f9582;
font-size: 1.2em;
}

.sec04_wrap {
width: 1000px;
margin: 0 auto;
}

.sec04_wrap_box {
width: 100%;
height: 200px;
overflow-y: auto;
}

.sec04_wrap_box dl{
}

.sec04_wrap_box dl dt{
border-top: 1px solid #000;
padding: 10px 0;
box-sizing: border-box;
float: left;
width: 14%;
}

.sec04_wrap_box dl dd{
border-top: 1px solid #000;
padding: 10px 0;
box-sizing: border-box;
float: right;
width: 86%;
}


}


/*sp*/
@media only screen and (max-width: 768px) {

/*main_img
---------------------------------*/
.hedTitWrap {
position: relative;
z-index: 0;
width: 100%;
height: 60vh;
margin: 0;
overflow: hidden;
z-index: 10px;
}

.hedTitWrap .hed_tit {
position: absolute;
width:100%;
text-align: center;
height: 50vh;
left: 0;
top: 30%;
z-index: 3;
color: #fff;
filter: drop-shadow( 3px 3px 6px rgba(0, 0, 0, 0.35));
}

/*.hedTitWrap .hed_tit h2 {
width: 100%;
display: block;
overflow: hidden;
position: absolute;
left: 0%;
bottom: 103%;
}*/
.hedTitWrap .hed_tit h2 {
/*width: 100%;
display: block;
overflow: hidden;*/
width: 100%;
display: block;
overflow: hidden;
font-size: 35px;
letter-spacing: 4px;
line-height: 40px;
font-weight: 700;
}
.hedTitWrap .hed_tit h3 {
width: 100%;
display: block;
overflow: hidden;
  font-weight: 700;
  font-size: 20px;
}
.hedTitWrap .hed_tit h4{
font-size: 14px;
}
.hedTitWrap .hed_tit p{
line-height: 20px;
}

/*about
---------------------------------*/
#about{padding: 20% 2% 10%;background: #fff;}
#about .wrap{position: relative;z-index: 20;}
/*#about .wrap::after{position: absolute;  z-index: -10000;  content: "";  top: 20px;  left: -50%;  width: 152%;  height: 200px;  background-color: #E6E6E6;transform: rotate(-110deg);}*/
#about .txt_box::after{content: "";display: inline-block;background-image: url("../images/index/about.png");background-repeat: no-repeat;background-size: contain;width:35%;height: 130px;opacity: 0.2; position: absolute;top: -2%;right: 4%;}
#about .txt_box .con_tit{font-size: 45px;color: #152F77;font-weight: 700;}
#about .txt_box .con_sub_tit{font-size:23px;font-weight: 600;margin-bottom: 45px;}
#about .txt_box h4{font-size: 17px;font-weight: 600;}
#about .txt_box p{font-size: 14px; line-height: 22px; margin: 10px 0 55px;}
#about .com_btn{margin-bottom: 5%;}
/*w_contant
---------------------------------*/
.parallax-window {
		min-height: 200px;
}
.parallax-window::after{
content: "";
position: fixed;
  background-image: url("../images/index/img02.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
		width: 100%;
		 height: 100vh;
		top: 0;
		left: 0;
		z-index: -1;
}
/*business
---------------------------------*/
#business{padding: 20% 0 0;background: #fff;}
#business .wrap{position: relative;display: flex;	flex-direction: column-reverse;padding: 0 2%;}
/*#business .wrap::after{position: absolute;  z-index: -10000;  content: "";  top: -20px;  left:-30%;  width: 152%;  height: 200px;  background-color: #E6E6E6;transform: rotate(-250deg);}*/
#business .txt_box::after{content: "";display: inline-block;background-image: url("../images/index/business.png");background-repeat: no-repeat;background-size: contain;width:30%;height: 140px;opacity: 0.2; position: absolute;top: -2%;right: 6%;}
#business .txt_box .con_tit{font-size: 45px;color: #152F77;font-weight: 700;}
#business .txt_box .con_sub_tit{font-size:23px;font-weight: 600;margin-bottom: 45px;}
#business .txt_box p{font-size: 14px; line-height: 22px; margin: 10px 0 55px;}
#business .com_btn{margin-bottom: 5%;}

/*company
---------------------------------*/
#company{padding: 20% 0 0;background: #fff;}
#company .wrap{position: relative;}
#company .wrap img{width: 100%;height: 220px;object-fit: cover;}
#company .wrap .con_box{position: absolute;  top: 50%;  left: 50%;  transform: translateY(-50%) translateX(-50%);  -webkit- transform: translateY(-50%) translateX(-50%);text-align: center;}
#company .wrap .con_box .con_tit{font-size: 45px;color: #152F77;font-weight: 700;}
#company .wrap .con_box .con_sub_tit{font-size:23px;font-weight: 600;margin: 0 0 8%;}
#company .wrap .con_box .com_btn{margin: 0 auto;}


/*contact
---------------------------------*/
#contact{}
#contact .wrap{position: relative;}
#contact .wrap .back_img{width: 100%;height: 320px;object-fit: cover;}
#contact .wrap .con_box{ position: absolute;  top: 8%;  left: 5%; text-align: center;}
#contact .wrap .con_box  .txt_box{color: #fff;}
#contact .wrap .con_box  .txt_box .con_tit{font-size: 45px;font-weight: 700;}
#contact .wrap .con_box  .txt_box .con_sub_tit{font-size:23px;font-weight: 600;margin: 0 0 8%;}
#contact .wrap .con_items{display: flex;}
#contact .wrap .con_items .icon{width:20%;}
#contact .wrap .con_items h2{font-size: 14px;color: #fff;margin: 8% auto;}
#contact .wrap .con_items .con_itm01,
#contact .wrap .con_items .con_itm02{position: relative;margin: 0 10px;}
#contact .wrap .con_items .con_itm01 a{color: #fff;display: inline-block;font-size: 23px;font-weight: 600;}
#contact .wrap .con_items .con_itm01::before{ margin: 0 1rem;  content: "";  width: 1px;  height: 100%;  background-color: #fff;  position: absolute;  right: -25px;}
#contact .wrap .con_items .con_itm02 .btn_mail a{display: inline-block;width: 120px;background-color: #fff;color: #000;padding:15px; font-weight: 500;}
#contact .wrap .con_items .con_itm02 .btn_mail a:hover{}
/*news
---------------------------------*/
#news{padding: 20% 2% 10%;background: #fff;width: 100%;box-sizing: border-box;}
#news .con_tit{font-size: 45px;color: #152F77;font-weight: 700;}
#news .con_sub_tit{font-size:23px;font-weight: 600;margin-bottom: 45px;}
/*news
---------------------------------*/
.news_wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.news_wrap_box1{
width: 20%;
position: relative;
}

.news_wrap_box2{
position: relative;
}

.news_wrap_box2 .news_list{
width: 100%;
height: 200px;
overflow-y: scroll;
margin: 10px 0 0;
border-top: 1px solid #000;
}

.news_wrap_box2 .news_list li{
border-bottom: 1px solid #000;
padding: 20px 5px;
box-sizing: border-box;
font-size: 0.8em;
}

.news_wrap_box2 .news_list li .news_day{
width:15%;
white-space: nowrap;
}

.news_wrap_box2 .news_list li .news_txt{
width: 85%;
}


.news_wrap_box2 .news_list li .news_txt a{
color: #0f9582;
}

.news_wrap_box2 .news_list li .news_txt a .pdf_icon{
color: #0f9582;
display: block;
text-decoration: underline #0f9582;
}

.news_wrap_box2 .news_list li .news_txt a .pdf_icon i{
margin-left: 5px;
color: #0f9582;
font-size: 1.2em;
}

.sec04_wrap {
width: 1000px;
margin: 0 auto;
}

.sec04_wrap_box {
width: 100%;
height: 200px;
overflow-y: auto;
}

.sec04_wrap_box dl{
}

.sec04_wrap_box dl dt{
border-top: 1px solid #000;
padding: 10px 0;
box-sizing: border-box;
float: left;
width: 14%;
}

.sec04_wrap_box dl dd{
border-top: 1px solid #000;
padding: 10px 0;
box-sizing: border-box;
float: right;
width: 86%;
}

}