@charset "UTF-8";

.sp_mainvisual {
  position: relative;
}
.sp_mainvisual_area {
    background-color: #ffffff;
    border: solid 2px #FF9900;
    position: absolute;
    top: 9px;
    left: 12px;
    padding: 0 5px;
    font-size: 1.9rem;
    font-weight: bold;
}
.sp_mainvisual_area .sp_place_output {
  color: #FF9900;
}
@media screen and (max-width: 375px) {
  .sp_mainvisual_area {
    top: 6px;
  }
}
@media screen and (max-width: 320px) {
  .sp_mainvisual_area {
    left: 10px;
    top: 5px;
    font-size: 1.6rem;
  }
}

/* ===================================================================
content
====================================================================== */
.sp_l-main_index {
  padding: 0px 10px 0;
}
.sp_l-main.sp_l-main_index > section > .sp_l_inner {
  padding: 0;
  margin-top: 0;
}
.sp_l-main.sp_l-main_index > [class^="c_cv"],
.sp_l-main.sp_l-main_index > [class*=" c_cv"] {
  padding: 0;
}

/* --------------------------------------------------------------------
 p_easy
-------------------------------------------------------------------- */
.p_easy {
  padding: 0 10px;
}
.p_easy h2 {
  margin-bottom: 10px;
}
.p_easy h3 {
  margin-bottom: 10px;
}
.p_easy .intro {
  font-size: 13px;
  text-align: justify;
  margin-bottom: 10px;
}
.p_easy ul .image {
}
.p_easy ul .text h4 {
  border-bottom: 2px dotted #d7e898;
  font-size: 15px;
  font-weight: bold;
  margin: 10px 0 5px;
  padding-bottom: 5px;
}
.p_easy ul .text p {
  font-size: 13px;
  text-align: justify;
  margin-bottom: 25px;
}

/* --------------------------------------------------------------------
 p_product
-------------------------------------------------------------------- */
.p_product [class^="c_column"] [class^="c_attention"],
.p_product [class^="c_column"] [class*=" c_attention"],
.p_product [class*=" c_column"] [class^="c_attention"],
.p_product [class*=" c_column"] [class*=" c_attention"] {
  margin-top: 5px;
}


/* --------------------------------------------------------------------
 p_schedule
-------------------------------------------------------------------- */
.p_schedule .p_schedule_bg {
  border: 1px solid #fdf799;
  border-top: none;
  padding: 0 10px 10px;
}


/* --------------------------------------------------------------------
 p_reason
-------------------------------------------------------------------- */
.p_reason .p_reason_wrap01 {
  padding: 0 6px;
}
.p_reason .p_reason_wrap01 .txt {
    font-size: 1.4rem;
    line-height: 1.7;
}


/* --------------------------------------------------------------------
 p_voice
-------------------------------------------------------------------- */
/*p_voice_bg01*/
.p_voice .p_voice_bg01 {
  padding: 10px;
  border: 1px solid #ead5b8;
  background: url(../img/index_bg_voice01.png) repeat 0 0;
  background-size: 4px 4px;
  margin-bottom: 25px;
}
.p_voice .c_btn_gray_01 {border: none;}
.p_request_voice{margin-bottom: 25px;}
.p_request_voice .c_btn_gray_01{border: 1px solid #bbb;}
.p_request_voice .c_ttl03_01{margin-bottom: 10px;}
.p_request_voice .p_request_wrap01 .txt .ttl {
    font-size: 16px;
    font-weight: bold;
    color: #5d973e;
    text-decoration: none;
}
.p_request_voice .p_request_wrap01 .txt .detail {
    font-size: 1.4rem;
    text-decoration: underline;
}

/* --------------------------------------------------------------------
 p_faq
-------------------------------------------------------------------- */
.p_faq{margin-bottom: 25px;}
.p_faq .p_faq_wrap01 {
  padding: 10px;
}
.p_faq .p_faq_wrap01 .p_faq_colum01 {
  text-align: center;
}
.p_faq .p_faq_wrap01 .p_faq_colum01 a {
  display: block;
}
.p_faq .p_faq_wrap01 .p_faq_colum01 a > * {
  margin-top: 5px;
}
.p_faq .p_faq_wrap01 .p_faq_colum01 a > *:first-child {
  margin-top: 0;
}
.p_faq .c_ttl02_01{margin-bottom: 10px;}



/* --------------------------------------------------------------------
 p_newArea
-------------------------------------------------------------------- */
.p_newArea .sp_l_inner {
  margin-top: 10px;
}
.p_newArea .p_newArea_list01 {
  padding:0 10px 10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius:5px;
}
.p_newArea .p_newArea_list01 ul {
  letter-spacing: -0.4em;
}
.p_newArea .p_newArea_list01 ul li {
  display: inline-block;
  letter-spacing: normal;
  padding-top: 7px;
  font-size: 1em;
}
.p_newArea .p_newArea_list01 li a {
  border-right: 1px solid #333;
  margin-right: 8px;
  padding-right: 8px;
  text-decoration: underline;
    font-size: 1.4rem;
}
.p_newArea .p_newArea_list01 ul li:nth-child(1),
.p_newArea .p_newArea_list01 ul li:nth-child(2),
.p_newArea .p_newArea_list01 ul li:nth-child(3),
.p_newArea .p_newArea_list01 ul li:nth-child(4){padding-top:0;}


/* --------------------------------------------------------------------
 p_aside_wrap
-------------------------------------------------------------------- */
.p_aside_wrap {
  margin-top: 15px;
  color: #999;
}
.p_aside_wrap > * {
  /*
  margin-top: 15px;
  */
}
.p_aside_wrap > *:first-child {
  margin-top: 0;
}

/*p_aside_media*/
.p_aside_media {
  /*padding: 7px 7px 10px;
  border: 3px solid #f8f9d4;
  */
}
.p_aside_media .img {
  margin-top: 5px;
}
.p_aside_media .txt {
  margin-top: 13px;
  padding: 0 5px;
  font-size: 0.7em;
}
.p_aside_media .txt > * {
  margin-top: 5px;
}
.p_aside_media .txt > *:first-child {
  margin-top: 0;
}
.p_aside_media .txt .ttl {
  line-height: 1;
}

/*p_aside_cv*/
.p_aside_cv {
  background: url(../img/common/cv3_bg01.png) repeat 0 0;
  background-size: 10px 10px;
  padding: 5px;
  text-align: center;
}
.p_aside_cv .p_aside_cv_inner {
  padding: 0 7px 7px;
  background: #fff;
}
.p_aside_cv .ttl {
  padding: 2px 1px 0;
  background: #fff;
}
.p_aside_cv .c_cv_btn01 {
  margin-top: 5px;
}

/*p_aside_credit*/
.p_aside_credit {
  border: 1px solid #5296b4;
}
.p_aside_credit .ttl {
  padding: 10px 0;
  color: #FFF;
  line-height: 1;
  text-align: center;
  background: #5296b4;
}
.p_aside_credit .p_aside_credit_inner {
  padding: 17px 12px 10px;
}
.p_aside_credit .p_aside_credit_inner .c_attention01 {
  margin-top: 15px;
}
.p_aside_credit figure {
  margin: 0 auto;
  width: 80%;
}

/*p_aside_privacy*/
.p_aside_privacy {
  padding: 15px;
  background: #f6f2dd;
}
.p_aside_privacy .ttl {
  text-align: center;
  color: #014099;
  font-weight: bold;
}
.p_aside_privacy .c_columnWrap01 {
  margin-top: 13px;
}
.p_aside_privacy .c_columnWrap01 .txt {
  font-size: 0.85em;
}
.p_aside_privacy .c_columnWrap01 .txt a {
  color: #999;
  text-decoration: none;
}
.p_aside_privacy .c_columnWrap01 .txt .contact {
  margin-top: 25px;
}

/* 2018.2.27add */
.c_ttl02_01{margin-top: 10px;}

.cv_btn_wrap{margin-top: 10px;}
.tap_btn{position: relative;}
.cv_btn_wrap .tel_btn img{width:100%;height:auto;}
.cv_btn_wrap .tap_pointer{position: absolute;width: 44px;height: 44px;bottom: 25px;right: 0;}
.sp_conversion_new_time2{position: absolute;bottom:34px;left: 0;right: 0;text-align: center;font-size: 13px;}
/*
.cv_btn_wrap{padding:10px;margin-top:15px;width:100%;background-color:#ffffdf;max-width: 750px;}
.tap_btn{;top:76px;right:0;left:0;padding:10px;}
.tap_btn img{width: 100%;}
.sp_conversion_new_time2{position: absolute;top: 177px;left: 0;right: 0;text-align: center;font-size: 11px;}
.tap_pointer{position:absolute;width: 44px;top: 150px;right:0;}
.tap_pointer img{width: 100%;}
*/

.p_reason.mt_medium{padding: 0;margin-top:0;}
.c_column2_01 > [class^="column"], .c_column2_01 > [class*=" column"]{width: 100%;float:none;}
.p_faq .sp_l_inner{padding: 10px;background-color: #f0f0f0;}
.ul_qa{width: 100%;padding: 10px;}
.ul_qa li{;background-color:#FFF;margin-bottom:5px;border-radius:5px;position: relative;}
.ul_qa li a {padding:10px 5px;display:block;font-size:1.4rem;text-indent:2.6em;}
.ul_qa li a:before {
  position:absolute;top:5px;
  content:'';
  display:inline-block;
  width:30px;
  height:30px;
  background:url(../img/index_img_faq01.png) no-repeat 50% 50%;
  background-size:contain;
  margin-left:-35px;
}
.ul_qa li:last-child{margin-bottom:0;}

.service_list{width:100%;margin:0 auto;}
/*
.service_img{display:inline-block;width: 49.2%;margin-bottom:5px;}
*/
.service_img{display:inline-block;width: 48%;margin-bottom:5px;}
.service_img p.c_attention01{margin-top: 5px;}
.service_img img{width:100%;}

@media screen and (max-width:419px){
.service_other img{
     margin:0 0 15px 0;
     display:inline-block;
}
}
@media screen and (min-width:768px){
.service_other img{
     margin:0 0 15px 0;
     display:inline-block;
}
}

.sp_conversion_new{margin: 10px auto;}
.sp_l-main > section.mt_medium{margin-top:15px;}
.cv_btn_text{margin-top:0;}


img.media {margin-top: 10px;}

/* 2018.3.12 */
[class^="c_bg"].c_bg_large, [class*=" c_bg"].c_bg_large, [class^="c_bdr"].c_bg_large, [class*=" c_bdr"].c_bg_large{margin-top:0;}
.c_columnWrap01 .w90{width: 60px;}
section.p_schedule.sp_l-main_index{padding:0;}

/* 2018.3.16 */
.index_ttl_schedule02{margin: 20px auto;}
section.p_voice{margin-top: 20px;}
.p_service01{margin-top: 15px;}
.p_service01 .sp_l_inner p {
    font-size: 1.4rem;
}

@media screen and (max-width:320px){
  .service_img p.last{}
}

.tosho {
    margin: 10px;
    display: flex;
    justify-content: space-between;
    border: 1px solid #e11b2e;
  }
.tosho_img{
  width: 25%;
  display: flex;
  align-items: center;
}
.tosho p {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 1.6;
}
.cl {
    clear: both;
}
@media screen and (max-width:320px){
  .tosho p {
    font-size: 10px;
  }
}


/*area_st*/
.area_abs {
    position: absolute;
    text-align: center;
    line-height: 1.3;
    color: #fff;
}
@media screen and (max-width:480px){
  .area_abs{
    margin: 6px 0 0 8.8%;
  }
  .abs_text {
        font-size: 20px;
  }
  .abs_text_sub {
        font-size: 20px;
  }
}
@media screen and (max-width:375px){
  .area_abs{
    margin: 6px 0 0 9%;
  }
  .abs_text {
    font-size: 17px;
  }
  .abs_text_sub {
    font-size: 17px;
  }

}
@media screen and (max-width:320px){
  .area_abs{
    margin: 5px 0 0 8.7%;
  }
  .abs_text {
    font-size: 14px;
    font-weight: 600;
  }
  .abs_text_sub {
    font-size: 14px;
    font-weight: 600;
  }
}

.area_abs_2 {
    position: absolute;
    line-height: 6;
    color: #fff;
}
@media screen and (max-width:480px){
  .area_abs_2 {
        margin: 0px 0 0 2%;
  }
  .abs_text_2 {
        font-size: 20px;
  }
  .abs_text_sub_2 {
        font-size: 20px;
  }
}
@media screen and (max-width:375px){
  .area_abs_2 {
        margin: 0px 0 0 2%;
  }
  .abs_text_2 {
    font-size: 18px;
  }
  .abs_text_sub_2 {
    font-size: 18px;
  }

}
@media screen and (max-width:320px){
  .area_abs_2 {
    margin: 2px 0 0 2%;
  }
  .abs_text_2 {
    font-size: 15px;
    font-weight: 600;
  }
  .abs_text_sub_2 {
    font-size: 15px;
    font-weight: 600;
  }
}
/*area_end*/
/*@ sourceMappingURL=style.css.map */


/*staff_st*/
.staff_area {
  position: relative;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 20px;
}
.staff_text_area{
  position: absolute;
  top: 0%;
  left: 0;
  right: 0;
}
.staff_text{
  color: #ff590c;
}
.staff_text_2{
  color: #191919;
}
@media screen and (max-width: 480px){
  .staff_text {
      font-size: 26px;
  }
  .staff_text_2 {
      font-size: 26px;
  }
}
@media screen and (max-width: 375px){
  .staff_text {
      font-size: 24px;
  }
  .staff_text_2 {
      font-size: 24px;
  }
}
@media screen and (max-width: 320px){
  .staff_text {
    font-size: 20px;
  }
  .staff_text_2 {
    font-size: 20px;
  }
}
/*staff_end*/

/* 2018.06.15 attention_area */
.attention_area{
  background-color: #5C973E;
  color: #FFF;
  font-size: 16px;
  font-weight: 900;
  padding: 10px 10px 8px;
  margin-top: 10px;
}
.attention_area p{
  text-align: center;
}
@media screen and (max-width:320px) {
  .attention_area{
    font-size: 14px;
    padding: 10px 5px;
  }
}
/* 2018.07.03 p_service01_img */
.p_service01_img{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 10px !important;
}
.p_service01_img > div{
  flex-basis: calc(33.3333% - 2%);
}
.c_btn_01{
  margin-top: 15px;
}

/* 2018.07.17 distribution_map */
.distribution{
  position: relative;
  margin: 10px 0 25px;
  width: 100%;
}

.area_map{
  position: absolute;
  bottom:-2px;
  text-align: center;
  color: #212121;
  font-weight: bold;
  font-size: 19px;
  padding: 5px 0;
  width: 100%;
  z-index: 2;
}
@media screen and (max-width:375px) {.area_map{font-size: 19px;bottom:-2px;left:0px;right: 0;}}
@media screen and (max-width:350px) {.area_map{font-size: 19px;bottom:-3px;left:0px;right: 0;}}
@media screen and (max-width:320px) {.area_map{font-size: 17px;bottom:-4px;left:0px;right: 0;}}

.area_mojikan{
letter-spacing: -8px;
}

.area_mojikan2{
letter-spacing: -3px;
}

.area_moji{
  color:#f90000;
}

/* 2018.06.15 attention_area */
.attention_area{
  background-color: #5C973E;
  color: #FFF;
  font-size: 16px;
  font-weight: 900;
  padding: 10px 10px 8px;
  margin: 10px auto;
}
.attention_area p{
  text-align: center;
}
@media screen and (max-width:320px) {
  .attention_area{
    font-size: 14px;
    padding: 10px 5px;
  }
}

/* 2018.07.30 tosho(override) */
.tosho {
  align-items: stretch;
  margin: 10px 0;
}
.tosho p{
  display: inline;
  flex: none;
}
.tosho_img {
  flex: none;
  flex-basis: 21%;
  display: inline;
}
.tosho_txt {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.tosho_txt p{
  flex-basis: 81%;
  font-size: 10px;
}
.tosho_txt .co_name{
  font-weight: 900;
  display: block;
  margin-top: 3px;
}
.tosho_txt figure{
  flex-basis: 19%;
}
@media screen and (min-width: 640px) {
  .tosho {
    margin: 10px auto;
    width: 355px;
  }
}
@media screen and (max-width: 320px) {
  .tosho_img,
  .tosho_txt figure{
    flex-basis: 17%;
    align-self: center;
  }
  .tosho_txt{
    padding: 3px;
    padding-left: 5px;
  }
  .tosho_txt p{
    font-size: 9px;
    line-height: 1.5;
  }
  .tosho_txt .co_name{
    margin-top: 2px;
  }
}

.img__hikaku{
  margin: 10px -10px;
}

.donate-jrc p.c_attention02{
  margin-top: 5px;
  text-align: right;
  font-size: 2.8vw;
  color: #999;
}