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


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

Last update:    2022-10-27

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


/*=============================
header
=============================*/
#header{
    background: url("../../info/img/bg_main.png") no-repeat center bottom;
}

@media screen and (max-width:768px){
    #header{
        background: url("../../info/img/bg_main.png") no-repeat center bottom;
        background-size:auto 110% ;
    }
}

#info_detail .br_no{
  display: none;
}
@media screen and (max-width:768px){
  #info_detail .br_no{
    display: block;
  }
  #info_detail .sp_none{
    display: none;
  }
}



/*=============================
info_detail
=============================*/
#info_detail_area #info_box{
    border: 1px solid #3fa4ea;
    padding: 4em;
    margin-bottom: 3em;
}
#info_detail_area h2.ttl_info{
    border-bottom: 4px solid #3fa4ea;
    font-size: 160%;
    line-height: 1.4;
    padding-bottom: 0.5em;
    margin-bottom: 1.5em;
}
#info_detail_area .date01{
    text-align: right;
    color: #999;
    font-size: 90%;
    margin-bottom: 2em;
}
#info_detail .table_style.sp100 th,
#info_detail .table_style.sp100_640 th{
    width: 10em;
}

@media screen and (max-width:640px){
    #info_detail .table_style.sp100 th{
        width: 6em;
    }
    #info_detail .table_style.sp100_640 th{
        width: 100%;
    }
}

@media screen and (max-width:480px){
    #info_detail_area #info_box{
        padding: 2.5em 1em;
    }
    #info_detail_area h2.ttl_info{
        font-size: 140%;
    }
    #info_detail .table_style.sp100 th{
        display: block;
        width: 100%;
    }
}


/*=============================
.fukidashi
=============================*/
.fukidashi {
  position: relative;
  display: inline-block;
  margin-left: 30px;
  padding: 1em;
  border: 2px solid #3fa4ea;
  border-radius: 8px;
  background-color: #f7fdff;
  text-align: left;
  line-height: 1.8;
}

.fukidashi::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  border-style: solid;
  border-width: 0 30px 30px 0;
  border-color: transparent #3fa4ea transparent transparent;
  translate: -100% -50%;
  transform: skew(0, -24deg);
  transform-origin: right;
}

.fukidashi::after {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  border-style: solid;
  border-width: 0 25.2px 25.2px 0;
  border-color: transparent #f7fdff transparent transparent;
  translate: -100% calc(-50% - 0.4px);
  transform: skew(0, -24deg);
  transform-origin: right;
}


@media screen and (max-width:740px){
.fukidashi {
  margin-left: 0;
  margin-top: 30px;
}
.fukidashi::before {
  top: 0;
  left: 50%;
  border-width: 0 30px 30px 0;
  border-color: transparent transparent #3fa4ea;
  translate: -50% -100%;
  transform: skew(-24deg);
  transform-origin: bottom;
}

.fukidashi::after {
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 25.2px 25.2px 0;
  border-color: transparent transparent #f7fdff;
  translate: calc(-50% - 0.4px) -100%;
  transform: skew(-24deg);
  transform-origin: bottom;
}



}

/*=============================
.detail_20251101
=============================*/
.fukidashi_area{    
}
.fukidashi_area .fukidashi_img{
    float: left;
    width: 240px;
}
.fukidashi_area .fukidashi_img img{
    border-radius: 50%;
}
.fukidashi_area .fukidashi{
    float: right;
    width: calc( 100% - ( 330px ) );
}

@media screen and (max-width:740px){
.fukidashi_area .fukidashi_img{
    float: none;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
}
.fukidashi_area .fukidashi{
    float: none;
    width: calc( 100% - 30px );
}
}



/*=============================
.detail_20250901
=============================*/
.detail_20250901 dl{
    display: flex;
}
.detail_20250901 dt{
    width: 4em;
}
.detail_20250901 dd{
    width: calc( 100% - 4em );
}
.detail_20250901 dd p span{
    display: inline-block;
}