@charset "UTF-8";
html{
  overflow-x: hidden;
}

/**ヘッダー**/
header{
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
header .text_center{
  text-align: left;
}
header .wrap1{
  width: 100%;
  padding:0;
}
#logo img{
  width: 206px;
}
#menu_btn{
  width: 60px;
  top: 15px;
  right: 15px;
}
#header_bottom{
  margin-top: 20px;
}

/**コンテンツ**/
dl{
  width: auto;
  margin: auto;
  font-size: 15px;
  text-align: left;
  margin-bottom: 30px;
}
dt{
  margin-bottom: 0;
}
dd{
  margin-bottom: 15px;
}

.wrap1,
.wrap2{
  width: 95%;
  padding-left: 0;
  padding-right: 0;
  margin: auto;
}
.art_margin{
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
.bg_left_img_style,
.bg_right_img_style{
  margin: auto;
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
  width: 300px;
}
.bg_right_img_style img,
.bg_left_img_style img{
  margin-left: 0;
  width: 282px;
  position: absolute;
  top:110px;
  left:30px;
}
.bg_left_img_style .h2_en,
.bg_right_img_style .h2_en{
  font-size: 12px;
  margin-bottom: 340px;
}
.right_box,
.left_box{
  width: auto;
  display: block;
  margin: auto;
  margin-right: 0;
  margin-top: 0;
  margin-left: 0;
}
.box_desc{
  line-height: 2.0rem;
}
.content_box_sytle1{
  width: auto;
  display: block;
  margin-bottom: 40px;
}
.content_box_sytle1 p{
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.9rem;
}
.content_box_sytle1 dl{
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 0;
  width: auto;
}


.fs15{
  font-size: 16px;
  line-height: 1.7rem;
}
.sp_fs16{
  font-size: 16px;
  line-height: 1.3rem;
  display: inline-block;
}
.fs30{
  font-size: 34px;
}
.btn_style2,
.btn_style1{
  font-size: 16px;
  padding-left: 70px;
  padding-right: 70px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.bg_style1{
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}
.sp_mt30{
  margin-top: 30px;
}
.sp_inner_wrap{
  width: 300px;
  margin: auto;
}
.w300{
  width: 250px;
}

/**フッター**/
footer{
  position: relative;
  height: 670px;
  background: linear-gradient(0deg,#FFECEB, #FFF8EB ); 
  padding-left: 0;
  padding-right: 0;
}
footer #footer_left,
footer #footer_right{
  width:auto;
  position: absolute;
}
footer #footer_left{
  display: block;
  top:500px;
  left: 60px;
}
footer #footer_right{
  display: block;
  top:60px;
  margin-left: 30px;
}
footer #footer_right ul{
  display: block;
}
footer #footer_right div{
  margin-top: 60px;
}
footer #footer_right div a{
  display: block;
}
footer #footer_left img{
  width: 236px;
}
#copyright,
#footer_left_middle{
  margin-top: 20px;
  text-align: center;
}

/**モーダル**/
#modal .text_right .modal_btn_close{
  margin-top: -5px;
  margin-right: 15px;
  width: 60px;
}
#modal li{
  font-size: 16px;
}
#modal .btn_style2{
  margin-top: 0px;
}
#modal_footer{
  margin-top: 50px;
}
.over_lay_active{
  -webkit-backdrop-filter:blur(40px);
}

.for_sp {
  display: inline-block;
}
.for_pc {
  display: none;
}