@charset "utf-8";

/* ====================================================================
 osirase_block 内
==================================================================== */
.osirase_block {
  margin-bottom: 3.16%;
}

/* 共通 */
.d-n { display: none; }

@media screen and (max-width: 639px){
  .float_none-sp {
    float: none;
  }
}


/* ページ大見出し
----------------------------------------------------------*/
.osirase_block .osirase_tit {
  border-bottom: #09F dashed 2px;
  margin-top: 5.5%;
  margin-right: 0;
  margin-bottom: 2.5%;
  margin-left: 0;
  padding-bottom: 5px;
  color: #09F;
  font-size: 30px;
  font-weight: normal;
}
@media screen and (max-width: 639px){
  .osirase_block .osirase_tit {
    margin-top: 8%;
  }
}
@media screen and (max-width: 414px){
  .osirase_block .osirase_tit {
    font-size: 28px;
    letter-spacing: -0.038em;
    margin: 10% 0 5%;
  }
}

/* 見出し
----------------------------------------------------------*/
.osirase_block .osirase_subtit {
  border-bottom: #09F solid 1px;
  padding: 1% 0;
  font-size: 18px;
  font-weight: bold;
  color: #09F;
}


/* 水色角丸ボタン
----------------------------------------------------------*/
.osirase_btns {
  display: block;
  text-align: right;
  margin: 4% 0;
}
.osirase_btns .btn_info {
    text-align: right;
    margin: 2% 0 0;
}
.osirase_btns .btn_info a {
    display: inline-block;
    background: #d2ecfc;
    border-radius: 40px;
    padding: 1% 12px 1% 20px;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}
.osirase_btns .btn_info a i {
    font-size: 21px;
    vertical-align: middle;
    margin-left: 5px;
    color: #0099ff;
}
.osirase_btns .btn_info a img {
    margin: 0;
}
@media screen and (max-width: 639px){
    .osirase_btns {
        display: block;
        width: auto;
        vertical-align: top;
    }
    .osirase_btns .btn_info {
        margin: 3% 0 0;
    }
}


/* osirase_sec
----------------------------------------------------------*/
.osirase_block .osirase_sec {
  margin: 6% 4% 0;
}

.border_dot {
  border-top: #09F dotted 2px;
}



/* テキスト
----------------------------------------------------------*/
/* テキスト基本設定 */
.osirase_block .osirase_txt {}
.osirase_block .osirase_txt p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #333333;
  line-height: 1.8;
  letter-spacing: 0.1px;
}
.osirase_block .osirase_txt p + p {
  margin: 30px 0 0;
}

@media screen and (max-width: 414px){
    .osirase_block .osirase_txt p {
        margin: 8% 0 0;
        letter-spacing: -0.01em;
    }
}


/* 画像まわり
----------------------------------------------------------*/
.img_block {}

.img-center {
  margin-right: auto !important;
  margin-left: auto !important;
}

@media screen and (max-width: 639px) {
    .img-center_sp {
      margin-right: auto !important;
      margin-left: auto !important;
    }
}

.img-tit {
  margin: 0 0 2%;
  font-size: 16px;
}
.img_block img {
  width: 100%;
  height: auto;
}
.img-copyright {
  display: block;
  font-size: 70%;
  margin: 1% auto 0;
  text-align: right;
}
.img-caption {
  display: block;
  font-size: 12px;
  margin: 1% auto 0;
}
.img-txt {
  display: block;
  margin: 2% auto 0;
}

/* 動画挿入
----------------------------------------------------------*/
.movie_block {}
.movie_block .movie_block_inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie_block .movie_block_inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/* 横並び
----------------------------------------------------------*/
.flex_block {
  display: flex;
}
.flex-center {
  justify-content: center;
}


/* 幅設定
----------------------------------------------------------*/
.w-80pct { width: 80%; }

@media screen and (min-width: 640px){
  .pc_w-30pct { width: 30%; }
  .pc_w-35pct { width: 35%; }
  .pc_w-40pct { width: 40%; }
  .pc_w-45pct { width: 45%; }
  .pc_w-50pct { width: 50%; }
  .pc_w-55pct { width: 55%; }
  .pc_w-60pct { width: 60%; }
  .pc_w-65pct { width: 65%; }
  .pc_w-70pct { width: 70%; }
  .pc_w-80pct { width: 80%; }
}

@media screen and (max-width: 639px){
  .sp_w-80pct { width: 80%; }
  .sp_w-100pct { width: 100%; }
  .ml0-sp {margin-left: 0 !important;}
}

.orange_list{
 background-color: cornsilk;
    padding: 1.5%;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .2);
}
.right_txt{
    text-align: right;
    margin-top: 4%;
    margin-bottom: 7%;
    color: orange;
    font-size: 18px;
    padding: 0 10%;
}
.link{
    color: dodgerblue!important;}
.img_600{
 max-width: 600px;
}
.osirase_txt{
 padding: 3% 0 5% 0;
 margin: 0!important;
}
.p_txt{
 margin: 0!important;
}
.mt60{
margin-top: 60px;}
.center_txt{
 text-align: center;
margin-top: 7%;
 color: orange;
 font-size: 24px;

}
.list_none{
 list-style: none;
    margin-bottom: 3%;
    background-image:
    linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 97%,
      #ddd 97%,
      #ddd 100%
    );
  background-size:100% 2em;
  line-height:2;
}
b.bold{
    color: orange;
    font-size: 18px;

}
.img_450{
 max-width: 450px;
}
.komemark{
 text-align: center;
    padding: 2.5%;
}
.text_list{
 padding: 0 10% ;
}
span.gray_txt{
 color:#555555;
}

@media screen and (max-width: 639px){
  .orange_list{
    padding: 0 1.5%;
    }
    .center_txt{
        font-size: 24px;
        padding-top: 4%;
    }
    .right_txt{
    text-align: right;
    margin-top: 4%;
    color: orange;
    font-size: 16px;
        padding: 0 2%;
    }
    .text_list{
        padding: 0;

    }

}


/* 20200803 追加　*/
.information{
background: #d9f6e1;
    padding: 2.35% 4.7%;
    border-radius: 10px;
    margin-top: 3%;
    border: #73ca8b solid 1px;
    text-align: center;
}
.information div.title {
    color: #333;
    margin-bottom: 2.5%;
    display: block;
    font-size: 24px;
}
.information div.line2 {
    width: 50%;
    display: block;
    margin: 0 auto;
}
.mt30{ margin-top: 1em!important; }
.mb30{ margin-bottom: 30px !important; }
.link_blue{
 color: blue!important;
}
.i_block{
 display: inline-block;
    margin-top: -5px;
}
.banner{
 margin: 50px 0 50px 0;
}
.banner:hover{
 opacity: 0.7;
}
.f_title{
 border-bottom: #09F solid 1px;
    padding: 1% 0;
    font-size: 18px;
    font-weight: bold;
    color: #09F;
}
.pic_row{
 display: flex;

}
.w360{
    width: 360px;
    height: auto;

}
.img_touka:hover{
 opacity: 0.7;
}
.pc{
 display: block;
}
.title_txt{
 text-align: center;
}
@media screen and (max-width: 639px){
    .pic_row{
 display: block;

}
.pc{
    display: none;
    }
.title_txt{
    text-align: left;
    }
    .information div.line2 {
        width: 100%;
    }

}


/* 角まるわく　マージン　osirase.cssより移植 */
.commentary{
    background: #fff;
    padding: 2% 3%;
    border-radius: 20px;
    margin-top: 5%;
    margin-bottom: 5%;
    border:#adebbf solid 10px;
}
@media screen and (max-width: 639px){
    .commentary{
        margin-top: 5%;
        margin-bottom: 5%;
    }
}
@media screen and (max-width: 414px){
    #.commentary{
        padding: 3% 2% 3% 3.7%;
    }
}
.commentary div.title{
    color:#07a834;
    font-weight: bold;
    margin-bottom: 3.5%;
    display: block;
    font-size: 18px;
    border-bottom: #2cda5d solid 1px;
    padding-bottom: 2%;
}
@media screen and (max-width: 414px){
    .commentary div.title{
        margin-bottom: 6%;
    }
}
.commentary p{
    display: block;
    vertical-align: top;
    margin:0;
    font-size: 16px;
}
@media screen and (max-width: 639px){
    .commentary p{
        padding-left: 0;
    }
}
@media screen and (max-width: 414px){
    .commentary p{
        letter-spacing: -0.02em;
    }
}