@charset "utf-8";
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
@media (min-width: 768px) {
  .sp {	display: none!important;}
  #navSP{display: none;}
}
@media (max-width: 767px) {
  /* html{overflow-x: hidden;} */
	body {
    min-width: 100%;
    margin-top: 60px;
  }
	p{font-size: 13px;}
  .pc {display: none;}
  .wrap {
    width: 92%;
    margin: 0 auto;
  }
  img{max-width: 100%;}

}
#cnt{  position: relative;}
#content {
  color: #000000;
  border-bottom: 7px solid #292929;
  overflow-x: hidden;
  background-color: #8c9da0;
}
p{
  font-size: 16px;
}
h2, h3 {
  font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/* to_register */
#to_register {
	position:fixed; /*固定*/
  bottom:20px; /*場所を右下に移動*/
  right:20px; /*場所を右下に移動*/
  z-index: 9999;
}
#to_register a{
  background: url(../image/to_register.png) 0 0 / cover no-repeat;
  width: 238px;
  height: 238px;
  display: block;
}
#to_register a:hover { 
  background: url(../image/to_register_on.png) 0 0 / cover no-repeat;
}

/* 汎用 */
.ta_c {text-align: center !important;}
.ta_l {text-align: left !important;}

.font_size_12{font-size: 12px;}
.font_size_13{font-size: 13px;}
.font_size_14{font-size: 14px;}
.font_size_15{font-size: 15px;}
.font_size_16{font-size: 16px;}

a.text_link{
  color: #e7336e;
  font-weight: bold;
}

.font_s{font-size: 12px;}

.text_left{
  text-align: left;
  max-width: 800px;
  margin: 0 auto;
}
.margin_center{margin: 0 auto;}
.flex_between {
  display: flex;
  justify-content: space-between;
}
.flex_w_center{
  display: flex;
  justify-content: center;
}
.mgt_30 {margin-top: 30px !important;}

.mgb_5 {margin-bottom: 5px !important;}
.mgb_10 {margin-bottom: 10px !important;}
.mgb_15 {margin-bottom: 15px !important;}
.mgb_20 {margin-bottom: 20px !important;}
.mgb_25 {margin-bottom: 25px !important;}
.mgb_30 {margin-bottom: 30px !important;}
.mgb_35 {margin-bottom: 35px !important;}
.mgb_40 {margin-bottom: 40px !important;}
.mgb_45 {margin-bottom: 45px !important;}
.mgb_50 {margin-bottom: 50px !important;}
.mgb_60 {margin-bottom: 60px !important;}
.mgb_70 {margin-bottom: 70px !important;}
.mgb_80 {margin-bottom: 80px !important;}
.mgb_90 {margin-bottom: 90px !important;}
.mgb_100 {margin-bottom: 100px !important;}
.mgb_110 {margin-bottom: 110px !important;}
.mgb_120 {margin-bottom: 120px !important;}

.mgr_20 {margin-right: 20px !important;}


/* リンクボタン */
a.link_btns{
  color: #e7336e;
  text-decoration: none;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 80px;
  border: 5px solid #e7336e;
}
a.btn_R_1{  background: url(../image/btns_arrow_R.png) 97% 50% no-repeat #feee35;}
a.btn_R_1:hover{
  color: #FFF;
  background: url(../image/btns_arrow_R_on.png) 97% 50% no-repeat #ec5c8b;
}
a.btn_B_1{  background: url(../image/btns_arrow_B.png) 97% 50% no-repeat #FFF;}
a.btn_B_1:hover{
  color: #FFF;
  background: url(../image/btns_arrow_B_on.png) 97% 50% no-repeat #ec5c8b;
}
a.btn_R_2{  background: url(../image/btns_arrow_R.png) 97% 50% no-repeat;}
a.btn_R_2:hover{
  color: #FFF;
  background: url(../image/btns_arrow_R_on.png) 97% 50% no-repeat #ec5c8b;
}
a.btn_long{  width: 680px;}
a.btn_long_1{  width: 600px;}

.btn_white_bottom{
  background: url(../image/btn_white_bottom.png) 0 0 / cover no-repeat;
  font-weight: bold;
}
a.btn_white_bottom_m{
  width: 412px;
  height: 75px;
}
a.btn_white_bottom_s{
  width: 353px;
  height: 65px;
  font-size: 22px;
}
a.btn_white_right{
  background: url(../image/btn_white_right.png) 0 0 / cover no-repeat;
  width: 412px;
  height: 75px;
  font-weight: bold;
  margin: 0 auto;
}
a.btn_white_right_s{
  width: 353px;
  height: 65px;
  font-size: 22px;
}
.overview_details a.btn_white_right {
  margin: 0;
}
a.btn_white_long{
  background: url(../image/btn_white_long.png) 0 0 / cover no-repeat;
  width: 582px;
  height: 79px;
  font-weight: bold;
}
a.btn_yellow_long{
  background: url(../image/btn_yellow_long.png) 0 0 / cover no-repeat;
  width: 513px;
  height: 79px;
  font-weight: bold;
  margin: 0 auto;
}

header{
  width: 980px;
  margin: 0 auto;
}

/* メインビジュアル */
#mainVisual img {
  position: relative;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .contentHeadArea{display: none;}
  #content {position: relative;  }
  /* サイドナビ */
  #nav{
    width: 250px;
    position: absolute;
    top: 230px;
    z-index: 9999;
  }
  #nav.fixed{
    position: fixed;
    top: 20px;
  }
  #nav li{  margin-bottom: 13px;}
  #nav li a.nav_item{
    display: flex;
    color: #000;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    align-items: center;
    width: 295px;
    height: 83px;
    margin-left: -60px;
    padding: 5px 5px 5px 75px;
    box-sizing: border-box;
    border: 5px solid #e7336e;
    border-bottom: 10px solid #e7336e;
    background-color: #FFF;
  }
  #nav li.on a {
    margin-left: -45px;
    background-color: #ec5c8b;
    color: #FFF;
  }
  #nav li a.nav_item.register{background-color: #FDDC0A;}
  #nav li a.nav_item:hover{margin-left: -45px;}
}

/* 「ねびきプラスサービス」に登録すると */
.section_A {
  background: url(../image/bg_radiation_01.png) bottom center / 100% no-repeat;
  padding: 30px 0 100px;
}
.overview_inn{
  width: 980px;
  margin: 0 auto;
  background-color: #e7336e;
  padding:15px 20px 20px;
  box-sizing: border-box;
}
.bg_white {
  background-color: #FFF;
  padding: 60px 50px 10px;
}
.hedding_overview{
  font-size: 40px;
  color: #FFF;
  padding: 0 0 25px 30px;
  position: relative;
  text-align: center;
  letter-spacing: 4px;
}
.now-text{
  width: 180px;
  height: 152px;
  display: flex;
  top: -45px;
  left: -60px;
  align-items: center;
  justify-content: center;
  position: absolute;
  color: #586c6f;
  font-size: 60px;
  background: url(../image/hukidashi_ima.png) 0 0 / cover no-repeat;
  letter-spacing: -10px;
}
.dot-text {
  padding-top: .4em;
  background-position: top left -7px;
  background-repeat: repeat-x;
  background-size: 1.3em .3em;
  background-image: radial-gradient(4px 4px at center center,#FDDC0A,#FDDC0A 100%,transparent);
}
.overview_details dl{
  display: flex;
  justify-content: space-between;
  padding: 35px 0;
  align-items: center;
}
.overview_details dl:not(:last-child){  background: url(../image/dot.png) left bottom no-repeat;}
.overview_details dl dt{
  width: 260px;
  text-align: center;
}
.overview_details dl dd{  width: 550px;}
.overview_details dl dd h3{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
}
.saidai8enbiki{
  margin-left: -30px;
}
.overview_details dl dd .spotlight{
  display: inline-block;
  font-size: 40px;
  color: #e7336e;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 25px;
}
.overview_details dl dd .spotlight.spotlight_b{ color: #883541;}
.overview_details dl dd .spotlight.spotlight_c{ color: #d14e30;}
.overview_details .overview_text{  font-size: 14px;}
.indent_1{
  text-indent: -1em;
  margin-left: 1em;
  line-height: 1.8em;
  font-size: 15px;
  letter-spacing: 0;
}
.indent_5{
  text-indent: -5em;
  margin-left: 5em;
  line-height: 1.8em;
  letter-spacing: 0;
}

/* 「ねびきプラスサービス」とは？ */
.section_B{
  padding:0 0 100px;
  background: url(../image/bg_radiation_02.png) bottom center / 100% no-repeat;
}
.hedding_service {
  font-size: 50px;
  text-align: center;
  margin-bottom: 30px;
  color: #586c6f;
  background-color: #fbf9d2;
  padding: 30px 0;
}
.hedding_service .emphasis {  font-size: 52px;}
.outline {
    text-align: center;
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
}

/* 例えばこんなにおトク！ */
.about_box{
  width: 980px;
  margin: 0 auto;
  text-align: center;
  border: 10px solid #586c6f;
  box-sizing: border-box;
  padding: 40px 0 55px;
  position: relative;
  background-color: #FFF;
}
.about_box_inn{
  width: 820px;
  margin: 0 auto;
}
.title_text {  margin-bottom: 10px;}
.hedding_about_box {
  font-size: 50px;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 30px;
  color: #e7336e;
}
.maituki3en{
  color: #FFF;
  background: #e7336e;
  width: 800px;
  margin: 0 auto 20px;
  padding: 20px 0;
  font-size: 38px;
  line-height: 1.3;
}
.maituki3en .font_l{  font-size: 60px;}
.text_style_1{
  font-size: 30px;
  color: #e7336e;
  font-weight: bold;
}
.text_style_2{
  font-size: 20px;
  font-weight: bold;
}

/* ねびきサイクル */
/*タブ切り替え全体のスタイル ねびきサイク*/
.tabs {
  padding-bottom: 40px;
  background-color: #fff;
  width: 900px;
  margin: 0 auto;
}
/*タブのスタイルル*/
.tab_item {
  width: calc(92% / 2);
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e7336e;
  border-bottom: none;
  line-height: 1.5;
  font-size: 16px;
  text-align: left;
  color: #C1C1C1;
  float: left;
  transition: all 0.2s ease;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: bold;
}
.tab_item:first-of-type{  margin-left: 4%;}
.tab_item:hover {  opacity: 1;}
.tab_item:last-of-type {  border-left-style: none;}
.tab_item span{
  font-size: .875em;
  margin-right: .5em;
}
/*ラジオボタンを全て消す*/
  input[name="tab_item"] {  display: none;}
/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 0;
  clear: both;
  overflow: hidden;
  border-top: 4px solid #e7336e;
  border-bottom: 4px solid #e7336e;
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content {  display: block;}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #e7336e;
  color: #fff;
  opacity: 1;
  cursor: default;
  position: relative;
}

@media (min-width: 768px){
  /*タブのスタイル 登録手順*/
  .tabs_2 {
    background-color: #fff;
    width: 840px;
    margin: 0 auto;
  }
  .tab_item_2 {
    width: calc(90% / 3);
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #8c9da0;
    border-bottom: none;
    line-height: 1.5;
    font-size: 20px;
    color: #8c9da0;
    float: left;
    transition: all 0.2s ease;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: 1px;
  }
  .tab_item_2:first-of-type{
    margin-left: 5%;
    border-top-left-radius: 10px;
  }
  .tab_item_2:hover {  opacity: 1;}
  .tab_item_2:first-of-type {  border-right-style: none;}
  .tab_item_2:last-of-type {
    border-left-style: none;
    border-top-right-radius: 10px;
  }
  .tab_item_2 span{
    font-size: .875em;
    margin-right: .5em;
  }
  /*ラジオボタンを全て消す*/
    input[name="tab_item_2"] {  display: none;}
  /*タブ切り替えの中身のスタイル*/
  .tab_content_2 {
    display: none;
    clear: both;
    overflow: hidden;
    border: 4px solid #8c9da0;
  }
  /*選択されているタブのコンテンツのみを表示*/
  #meisai:checked ~ #meisai_content,
  #kamimeisai:checked ~ #kamimeisai_content,
  #mitouroku:checked ~ #mitouroku_content {
    display: block;
  }
  /*選択されているタブのスタイルを変える*/
  .tabs_2 input:checked + .tab_item_2 {
    background-color: #8c9da0;
    color: #fff;
    opacity: 1;
    cursor: default;
    position: relative;
  }
  .tabs_2 input:checked + .tab_item_2::after {
    position: absolute;
    content: "";
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #8c9da0 transparent transparent transparent;
  }
  .tab_content_2_content_inn{
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}


/* 登録方法 */
.section_C {
  padding: 0 0 100px;
  background: url(../image/bg_radiation_03.png) bottom center / 100% no-repeat;
}
.method_box{
  width: 980px;
  margin: 90px auto 125px;
  border: 10px solid #217AC1;
  background-color: #FFF;
  box-sizing: border-box;
  padding: 50px 0 70px;
  position: relative;
  text-align: center;
}
.hedding_method_box {
  font-size: 40px;
  line-height: 1;
  padding: 0 50px;
  background: linear-gradient(to bottom, rgba(0,0,255,0) 70%, #fff 30%);
  color: #000;
  margin-top: -150px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 40px;
}
.method_inn{
  width: 680px;
  display: block;
  margin: 0 auto;
  text-align: left;
}
.icon_circle {
  font-size: 30px;
  color: #000;
  margin-bottom: 5px;
  position: relative;
  font-weight: bold;
  margin-left: -30px;
}
.icon_circle::before{
  position: absolute;
  content: "";
  width: 29px;
  height: 30px;
  top: 9px;
  left: -32px;
}
.acd-check{  display: none;}
.acd-label{
  color: #e7336e;
  text-decoration: none;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 680px;
  height: 80px;
  border: 5px solid #e7336e;
  cursor: pointer;
  background: url(../image/btns_arrow_B.png) 97% 50% no-repeat;
  transition: all .3s;
}
.acd-label:hover{
  background: url(../image/btns_arrow_B_on.png) 97% 50% no-repeat #ec5c8b;
  color: #FFF;
}
.acd-content{
  display: block;
  height: 0;
  opacity: 0;
  transition: .3s;
  visibility: hidden;
}
.acd-check:checked + .acd-label{
  background: url(../image/btns_arrow_T.png) 97% 50% no-repeat #ec5c8b;
  color: #FFF;
}
.acd-check:checked + .acd-label + .acd-content{
  height: 450px;
  opacity: 1;
  visibility: visible;
  padding-top: 60px;
}
.tokuten {
  width: 330px;
  border: 4px solid #8c9da0;
  position: relative;
}
.tokuten_h3{
  background-color: #8c9da0;
  color: #FFF;
  font-size: 20px;
  position: relative;
  padding: 10px 0 13px 85px;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 2px;
}
.tokuten_h3 .number{
  position: absolute;
  background-color: #FFF;
  color: #8c9da0;
  padding: 10px 5px;
  top: 10px;
  left: 10px;
  letter-spacing: 0;
}
.tokuten_cnt {
  padding: 20px 20px 30px;
  text-align: center;
}
.tokuten_hukidashi{
  position: absolute;
  background-color: #e7336e;
  width: 295px;
  bottom: -38px;
  left: 15px;
  color: #FFF;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4;
}
.tokuten_hukidashi::before{
  content: "";
  position: absolute;
  background: url(../image/tokuten_hukidashi_sankaku.png) 0 0 / cover no-repeat;
  width: 23px;
  height: 12px;
  top: -12px;
  left: 25px;
}
.text_style_3 {
  font-size: 40px;
  display: inline-block;
  color: #ec5c8b;
  margin-bottom: 15px;
  line-height: 01;
  font-weight: bold;
}
#kamimeisai_content .tab_content_2_content_inn{
  margin: 0 auto;
  align-items: center;
}
#kamimeisai_content .text{
  font-size: 28px;
  color: #586c6f;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 750px;
  margin: 0 auto 30px;
  font-weight: bold;
}
#kamimeisai_content .text .font_s{  font-size: 20px;}
.text_style_4{
  font-size: 28px;
  color: #586c6f;
  font-weight: bold;
}
.mitouroku_list{
  display: flex;
  width: 780px;
  margin: 0 auto 20px;
  justify-content: space-between;
}
.mitouroku_list li {
  font-size: 22px;
  text-align: center;
  color: #FFF;
  background-color: #8c9da0;
  padding: 13px 0;
  width: 250px;
  border-radius: 30px;
}

/* キャンペーン詳細 */
#campaignDetail{
  padding-bottom: 100px;
  background: url(../image/bg_radiation_04.png) bottom center / 100% no-repeat;
}
.campaignDetail_inn{
  width: 980px;
  margin: 0 auto;
  padding: 20px 60px;
  background-color: #FFF;
}
.campaignDetail_tbl tr:not(:last-child){  border-bottom:1px solid #8c9da0 ;}
.campaignDetail_tbl th{
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  width: 190px;
  padding: 15px 0 0 20px;
  vertical-align: top;
}
.campaignDetail_tbl td {  padding: 15px 0 15px 0;}
.campaignDetail_tbl .square{color: #ec5c8b;}
.campaignDetail_tbl .indent_1{font-size: 16px;}
a.to_campaignList{
  color: #586c6f;
  text-decoration: none;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 520px;
  height: 80px;
  border: 5px solid #586c6f;
  background-color: #FFF;
  margin: 0 auto;
  position: relative;
}
a.to_campaignList::before{
  content: "";
  width: 12px;
  height: 20px;
  background: url(../image/btns_arrow_L.png) 0 0 / cover no-repeat;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -10px;
}
a.to_campaignList:hover{
  background-color: #79898c;
  color: #FFF;
}
a.to_campaignList:hover::before{  background: url(../image/btns_arrow_L_on.png) 0 0 / cover no-repeat;}

/*----------------------------------------------------
  ここからスマホ用
----------------------------------------------------*/

@media (max-width: 767px) {
  .img_100{width: 100%;}
  p {
    font-size: 3.2vw;
  }
  .indent_1{
    text-indent: -1em;
    margin-left: 1em;
    font-size: 3.2vw;
  }

  .mgb_5_sp {margin-bottom: 5px !important;}
  .mgb_10_sp {margin-bottom: 10px !important;}
  .mgb_15_sp {margin-bottom: 15px !important;}
  .mgb_20_sp {margin-bottom: 20px !important;}
  .mgb_25_sp {margin-bottom: 25px !important;}
  .mgb_30_sp {margin-bottom: 30px !important;}
  .mgb_35_sp {margin-bottom: 35px !important;}
  .mgb_40_sp {margin-bottom: 40px !important;}
  .mgb_45_sp {margin-bottom: 45px !important;}
  .mgb_50_sp {margin-bottom: 50px !important;}
  .mgb_60_sp {margin-bottom: 60px !important;}
  .mgb_70_sp {margin-bottom: 70px !important;}
  .mgb_80_sp {margin-bottom: 80px !important;}
  .mgb_90_sp {margin-bottom: 90px !important;}
  .mgb_100_sp {margin-bottom: 100px !important;}
  .mgb_110_sp {margin-bottom: 110px !important;}
  .mgb_120_sp {margin-bottom: 120px !important;}
  

  /*
		グローバルナビ
  =================================================================*/
  header {
    position: fixed;
    top: 0;
    border-top: solid 3px #d20a0a;
    z-index: 9999;
  }
  .menu,
  .menu span {
    display: inline-block;
    -webkit-transition: all .4s;
    transition: all .4s;
    box-sizing: border-box;
  }
  .menu{
    position: fixed;
    top: 24px;
    right: 25px;
    width: 28px;
    height: 18px;
    z-index: 10;
  }
  .menu_open{opacity: 0;}
  .menu span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    z-index: 10;
  }
  .menu span:nth-of-type(1){top: 0px;}
  .menu span:nth-of-type(2){top: 8px;}
  .menu span:nth-of-type(3){bottom: 0px;}
  .menu_close.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
  }
  .menu_close.active span:nth-of-type(2) {opacity: 0;}
  .menu_close.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
  }
  .menu_open.active {
    display: none;
    opacity: 0;
  }
  .menu_close.active {display: inline-block;}

  #navSP {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    height: 100vh;
    opacity: 0;
    background-color: #fbf9d2;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
  }
  #navSP.active {
    right: 0;
    opacity: 1;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
  }
  #navSP ul {
    margin: 70px 0 0;
  }
  #navSP ul li {
    list-style-type: none;
    margin-bottom: 15px;
  }
  #navSP ul li a {
    width: 80%;
    margin: 0 auto;
    display: block;
    padding: 11px 0;
    text-align: center;
    border: 5px solid #e7336e;
    border-bottom: 9px solid #e7336e;
    background-color: #FFF;
    color: #000;
    text-decoration: none;
    font-weight: bold;
  }
  #navSP ul li a:hover {
    color: #f65d5d;
  }

  /*
		スマホコンテンツエリア
	=================================================================*/
  #mainVisual {margin-bottom: -15px;}
  #mainVisual img{margin-top: 0;}
  #content{padding-top: 15px;}

  #nav{display: none;}

  .section_A{padding: 15px 0 50px;}
  .overview_inn {
    width: 92%;
    padding: 5px;
  }
  .now-text{
    font-size: 27px;
    width: 75px;
    height: 62px;
    top: -20px;
    left: -15px;
  }
  .hedding_overview{
    font-size: 6vw;
    padding: 10px 10px 10px 62px;
  }
  .hedding_overview::after{
    bottom: -20px;
    margin-left: -17.5px;
    border-width: 20px 17.5px 0 17.5px;
  }
  .dot-text{
    position: relative;
    background-image: none;
  }
  .dot-text::before{
    content: "";
    position: absolute;
    top: 0;
    left: 2.5vw;
    width: 4px;
    height: 4px;
    background: url(../image/dot-text.png) 0 0 / cover no-repeat;
  }
  .bg_white{padding: 30px 20px 10px;  }
  .imgsArea{display: none;}
  .overview_details dl{
    display: block;
    padding: 32px 0;
  }
  .overview_details dl dt{
    width: 100%;
    margin-bottom: 20px;
  }
  .overview_details dl dd{width: 100%;  }
  .nebiki_cycle1{width: 100%;}
  .flex_between{
    justify-content: center;
    flex-wrap: wrap;
  }
  .flex_between a:first-of-type {margin-bottom: 30px;  }
  a.link_btns{
    width: 100%;
    height: 14.4vw;
    font-size: 3.7vw;
    border: 3px solid #e7336e;
    background-size: 12px;
  }
  a.btn_R_1,a.btn_R_2{background-size: 7px;}
  a.link_btns_font_s{font-size: 4vw;}
  a.btn_white_bottom_s{height: 14.4vw;  }
  a.btn_white_long{
    background: url(../image/btn_white_right.png) 0 0 / cover no-repeat;
    padding-right: 20px;
  }
  #overview .bg_white {
    display: flex;
    flex-direction: column;
  }
  .overview_details dl:first-of-type{padding: 0 0 32px;}
  .overview_details {order: -1;}
  .overview_details dl:last-child{
    background: url(../image/dot.png) left bottom no-repeat;
    margin-bottom: 30px;
  }
  .overview_details dl dd h3{
    font-size: 4.8vw;
    letter-spacing: 1px;
    text-align: center;
  }
  .overview_details dl dd .spotlight{
    font-size: 8vw;
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
    padding: 5px;
    line-height: 1.3;
  }
  .overview_details .overview_text{
    font-size: 3.2vw;
    letter-spacing: 0;
  }
  .section_B{
    padding: 0 0 60px 0;
    width: 100%;
    margin: 0 auto;
  }
  .title_hukidashi{height: 29px;  }
  .hedding_service{
    font-size: 8vw;
    margin-bottom: 20px;
    line-height: 1.2;
    padding: 25px 0;
  }
  .hedding_service .emphasis{font-size: 8vw;  }
  .outline{
    text-align: left;
    font-size: 4vw;
  }
  .ill_graph{width: 100%;  }
  .about_box{
    width: 100%;
    border: 5px solid #586c6f;
    padding: 30px 15px;
    margin: 0 auto;
  }
  .hedding_about_box{
    font-size: 8vw;
    letter-spacing: -3px;
  }
  .about_box_inn{ width: 100%;  }
  .ill_about01 img{width: 100%;  }
  .maituki3en {
    width: 100%;
    padding: 15px 0;
    font-size: 3.8vw;
  }
  .maituki3en .font_l,
  .maituki3en .font_l_sp {font-size: 6.5vw;  }
  .text_style_1{
    font-size: 4.3vw;
    letter-spacing: -2px;
  }
  .text_style_2{font-size: 4vw;}


  .tabs {
    width: 105%;
    padding-bottom: 20px;
    margin-left: -2.5%;
  }
  .tab_item{
    font-size: 3.2vw;
    width: calc(94% / 2);
    letter-spacing: 1px;
    text-align: center;
    height: 58px;
  }
  .tab_item:first-of-type{margin-left: 3%;}
  .tab_content{
    padding: 20px 2.5%;
    border-bottom: 4px solid #586c6f;
  }
  .section_C{
    background: none;
    padding: 0;
  }
  .section_C .bg_radiation{
    padding-bottom: 60px;
    background: url(../image/bg_radiation_03_sp.png) bottom center / cover no-repeat;
  }
  .method_box{
    width: 92%;
    border: 5px solid #217AC1;
    margin: 60px auto 0px;
    padding: 40px 20px 30px;
  }
  .title_text{height: 15px;  }
  .hedding_method_box{
    font-size: 20px;
    padding: 0 20px;
    margin-top: -100px;
  }
  .method_inn{width: 100%;  }
  .icon_circle{
    font-size: 6vw;
    margin-left: 1em;
    text-indent: -1em;
  }
  .icon_circle::before{
    width: 25px;
    height: 26px;
    top: 5px;
    left: -16px;
  }
  .acd-label{
    font-size: 4vw;
    height: 14.4vw;
    text-align: left;
    padding: 5px 15px;
    width: 100%;
    border: 3px solid #e7336e;
    background-size: 12px;
  }
  .acd-label:hover{
    background: url(../image/btns_arrow_B.png) 97% 50% / 12px no-repeat #FFF;
    color: #ec5c8b;
  }
  .acd-check:checked + .acd-label{
    background: url(../image/btns_arrow_T.png) 97% 50% / 12px no-repeat #ec5c8b;
    color: #FFF;
  }
  .tokuten_h3{
    font-size: 5vw;
    line-height: 1.3;
    padding: 10px 0 13px 85px;
  }
  .tokuten_h3 .number{
    padding: 5px;
    top: 15px;
  }
  .tokuten_h3 .font_s{
    font-size: 3.5vw;
    font-weight: normal;
  }
  .bg_line{font-size: 5vw;  }
  .tokuten_1{margin-bottom: 30px;  }
  .acd-check:checked + .acd-label + .acd-content{
    height: 161vw;
    padding-top: 30px;
  }
  .tokuten_hukidashi{
    width: 90%;
    left: 4vw;
    font-size: 3.8vw;
    padding: 5px 7px;
    bottom: -20px;
  }
  .tokuten_cnt{padding: 25px 15px;  }
  .tokuten_1 .tokuten_cnt{padding: 25px 15px 50px;  }
  .indent_1_s{font-size: 3.5vw;}

  .tabs_2{display: none;  }
  #kamimeisai_content .tab_content_2_content_inn{width: 100%;  }

  /* 登録手順 */
  .acd-check_tejun{display: none;  }
  .acd-label_tejun{
    background: #FFFFFF;
    border: 3px solid #8c9da0;
    border-radius: 8px;
    color: #8c9da0;
    display: block;
    margin-bottom: 20px;
    position: relative;
    padding: 14px 10px 14px 0;
    font-size: 3.8vw;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
  }
  .acd-label_tejun:after{
    background: url(../image/btns_arrow_B_tejun.png) 0 0 / cover no-repeat;
    content: '';
    display: block;
    height: 8px;
    width: 13.5px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -4.25px;
  }
  .acd-check_tejun:checked + .acd-label_tejun{
    background: #a3b1b3;
    color: #FFF;
  }
  .acd-content_tejun{
    display: block;
    height: 0;
    opacity: 0;
    transition: .5s;
    visibility: hidden;
  }
  .acd-check_tejun:checked + .acd-label_tejun:after{background: url(../image/btns_arrow_B_tejun_on.png) 0 0 / cover no-repeat;  }
  .acd-check_tejun:checked + .acd-label_tejun + .acd-content_tejun{
    opacity: 1;
    visibility: visible;
  }
  #acd-check_tejun1:checked + .acd-label_tejun + .acd-content_tejun{height: 120px;}
  #acd-check_tejun2:checked + .acd-label_tejun + .acd-content_tejun{height: 180px;}
  #acd-check_tejun3:checked + .acd-label_tejun + .acd-content_tejun{height: 302px;}
  a.btn_yellow_long{background: url(../image/btn_yellow.png) 0 0 / cover no-repeat;}
  .kamimeisai_text{
    position: relative;
    line-height: 30px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 4.8vw;
    color: #586c6f;
    font-weight: bold;
  }
  .text_style_4{font-size: 5vw;}
  .mitouroku_list {
    display: block;
    width: 85%;
  }
  .mitouroku_list li {
    font-size: 5vw;
    font-weight: bold;
    padding: 13px 0;
    width: 100%;
  }
  .mitouroku_list li:not(:last-child){margin-bottom: 10px;}
  .kamimeisai_text_2::before{background: url(../image/circle_2.png) 0 0 / cover no-repeat;  }
  .kamimeisai_text_1::after{
    content: "";
    position: absolute;
    width: 14px;
    height: 12.5px;
    bottom: -15px;
    left: 50%;
    margin-left: -15px;
    background: url(../image/icon_arrow.png) 0 0 / cover no-repeat;
  }
  #campaignDetail {
    padding-bottom: 0;
    background:none;
  }
  .bg_radiation{
    padding-bottom: 140px;
    background: url(../image/bg_radiation_04_sp.png) bottom center / cover no-repeat;
  }
  .campaignDetail_inn{
    width: 92%;
    padding: 15px;
  }
  .campaignDetail_tbl tr {
    padding: 15px 0;
    display: block;
  }
  .campaignDetail_tbl th{
    width: 100%;
    display: block;
    font-size: 3vw;
    padding: 0;
    margin-bottom: 10px;
  }
  .campaignDetail_tbl td{
    width: 100%;
    display: block;
    padding: 0;
  }
  .campaignDetail_tbl td p{font-size: 3vw;  }
  .campaignDetail_tbl td p.indent_1{
    text-indent: -1.1em;
    margin-left: 1.1em;
    font-size: 3vw;
  }
  a.to_campaignList{
    font-size: 4vw;
    width: 80%;
    border: 3px solid #586c6f;
    height: 55px;
  }
  a.to_campaignList::before{
    width: 8px;
    height: 13px;
    margin-top: -6.5px;
  }
  #to_register{
    bottom: 5px;
    right: 5px;
  }
  #to_register a,
  #to_register a img{
    width: 114px;
    height: 114px;
  }
  .position-now{
    padding-top: 62px;
    margin-top: -62px;
  }


}

@media (max-width: 320px) {
  a.link_btns {    height: 14vw;  }
  a.btn_white_bottom_s{height: 14vw;  }
}