@charset "UTF-8";
/**********************************************************************
  2017 New Style CSS
  product name TANMEN
  TANMEN is designed with reference to FLOCSS
***********************************************************************/

/*==============================================
  01 - Common
===============================================*/

html { font-size: 10px; }

html * {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Noto Sans Japanese","Rounded Mplus 1c","メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif!important;
    color: #333333;
    position: relative;
}

a {
    text-decoration: none;
    color: #e55793;
    display: block;
}

a img:hover {
    opacity: .7
}



/* 各種設定 */
h2,
h3,
p {
    margin: 0 0 5rem;
}
img {
    width: 100%;
    height: auto;
    line-height: 0;
    vertical-align: bottom;
}


/* デバイスごとの表示 */
.pc {display: block!important;}
.sp {display: none!important;}


/* セクション */
.section {
    width: 100%;
    margin: 0;
    padding: 0;
}
.section-inside {
    width: 1000px;
    margin: 0 auto;
}
#link_01,
#link_02,
#link_03,
#link_04,
#link_05,
#link_mail {
    display: block;
    margin-top: -115px;
    padding-top: 115px
}

/* PC用画像 */
.pc-img {
    display: block!important;
}
/* SP用画像 */
.sp-img {
    display: none!important;
}

/* ページトップ */
#page-top {
    position: fixed;
    right: 3%;
    bottom: 2%;
    z-index: 9999999;
}
#page-top a {
    display: block;
    width: 50px;
    height: 50px;
}

/*==============================================
  00 - 固定ヘッダー　id="header"
===============================================*/
#header {
  position: fixed;
  z-index: 9999;
  height: 115px;
  border-bottom: 1px solid #eeeeee;
  background-color: #ffffff;
}

#header .section-inside {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1000px;
  padding: 1rem 0;
  height: 115px;
}

/* h1 */
h1 {
    font-weight: normal;
    font-size: 1.1rem;
    margin: 0.7rem 0 1.1rem;
}


/* ロゴ */
.logo {
    width: 380px;
}
.logo div {
    width: 325px;
}

/* ナビゲーション */
.nav {
  width: calc(100% - 320px);
}
.nav .cta {
  display: flex;
  justify-content: flex-end;
  margin: .7rem 0;
}
.nav .cta > * {
  height: 46px;
}
.nav .cta .mail {
  font-size: 1rem;
  margin-left: 2rem;
  border: 1px solid #d8234c;
}
.nav .cta .mail a {
  line-height: 1.6;
  padding: .7rem 5rem;
  color: #d8234c;
}
.nav .cta .mail a:hover {
  color: #ffffff;
  background-color: #d8234c;
}
.nav ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 1.7rem 0 0;
  padding-left: 10rem;
  font-size: 1.4rem;
  font-weight: bold;
}
.btn a {
    transition: all 0.5s ease;
}

/* エフェクト */
.nav ul li a,
.nav ul li a:after,
.nav ul li a:before {
  transition: all .2s;
}

.nav ul li a {
  position: relative;
  color: inherit;
  font-weight: normal;
}

.nav ul li a:after {
  position: absolute;
  bottom: -.3rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #d8234c;
  height: 2px;
}

.nav ul li a:hover:after {
  width: 100%;
}


/*==============================================
  00 - ヘッダー画像　id="header_img"
===============================================*/
#header_wrap {
    padding-top: 115px;
}
#header_img {
    background: url(../../common/img/bg_main_visual_pc.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    height: 650px;
    line-height: 0;
}
#header_img .section-inside {
    width: 100%;
    height: 650px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}


/*==============================================
  00 - お問合せフォーム　id="mail"
===============================================*/
#mail .section-inside {
    width: 725px;
    text-align: center;
    padding: 10rem 0;
}
#mail h2 {
    font-size: 3rem;
}
#mail p {
    font-size: 1.6rem;
    line-height: 1.6;
}



.form_box {
    text-align: left;
    font-size: 1.6rem;
}
.form_box .line {
    display: flex;
    margin-bottom: 3rem;
}
.form_box .line:last-child {
    margin-bottom: 7rem;
}
.form_box .line .head {
    width: 30%;
    line-height: 52px;
    padding-left: 1rem;
    font-weight: bold;
}
.required {
    margin-left: 1rem;
    background: #ff6f61;
    color: #ffffff;
    font-size: 1.3rem;
    padding: .1rem .5rem .3rem;
}
.form_box .line .data {
    width: 70%;
}
.form_box .line .data input,
.form_box .line .data select {
    font-size: 1.6rem;
    width: 100%;
    line-height: 38px;
    padding: .5rem 1rem;
}
.form_box .line .data select {
    height: 52px;
}
.form_box .line .data textarea {
    width: 100%;
    height: 300px;
    padding: 1rem;
    font-size: 1.6rem;
    line-height: 1.5;
}
.form_box .line .data.radio_colum label {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
}
.form_box .line .data.radio_colum label:last-child {
    margin-bottom: 0;
}
.form_box .line .data.radio_colum div {
    width: 9%;
}
.form_box .line .data.radio_colum input {
    width: 5%;
    height: 1.7rem;
}

.btn-box {
    text-align: center;
}
.btn-box .lp-btn {
    width: 70%;
    margin: 0 auto;
    padding: 2rem 0;
    font-size: 2rem;
    background-color: #d8234c;
    color: #ffffff;
    border-radius: 7px;
    -webkit-appearance: inherit;
    box-shadow: 0 3px 0 #823500;
}

/********************
フォーム確認画面
********************/
#form_conf .section-inside {
    padding: 10rem 0 0;
    width: 650px;
}
#form_conf .section-inside p,
#form_conf .section-inside a {
    text-align: center;
    font-size: 1.6rem;
    margin: 0 0 3rem;
}
#form_conf .section-inside p.coment04 {
    font-weight: bold;
}
#form_conf .section-inside p.error_messe {
    color: red;
}
#form_conf .section-inside p.contact {
    text-align: center;
}
#form_conf table.form {
    width: 100%;
    margin: 0 auto 3rem;
    text-align: left;
    border: 1px solid #eeeeee;
    border-collapse: collapse;
}
#form_conf table.form tr {
    border-bottom: 1px solid #eeeeee;
}
#form_conf table.form th,
#form_conf table.form td {
    font-size: 1.6rem;
    padding: 1rem;
}
#form_conf table.form th {
    width: 25%;
    border-right: 1px solid #eeeeee;
}
#form_conf table.form td {
    width: 75%;
}
.menu-toggle, input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
    font-size: 1.6rem;
    padding: 1rem;
}







/*==============================================
  00 - CTA_01　id="cta_01"
===============================================*/
#cta_01.section {
    background-color: rgba(255, 158, 140, 0.12);
    /*background: #FF6F61;*/
}
#cta_01.section .section-inside {
    padding: 5rem 0;
    text-align: center;
}
#cta_01.section .section-inside .head {
    width: 785px;
    height: auto;
    margin: 0 auto;
}
#cta_01.section.pc .btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    width: 95%;
}
#cta_01.section .section-inside .btn + p {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 0;
}
.btn_tel {
    width: 57%;
}
.btn_mail {
    width: 38%;
}


/*==============================================
  00 - CTA_last　id="cta"
===============================================*/
/* CTA */
#cta {
  /*background-color: #ff6b6c;*/
  background: url(../../common/img/bg_cta.jpg) no-repeat;
  background-position: 0 -165px;
}
#cta .section-inside {
    width: 800px;
    margin: 0 auto;
    padding: 7rem 0;
}
#cta .fm {
  font-size: 3rem;
}
#cta .fms {
  font-size: 2.6rem;
}
#cta .fs {
  font-size: 2rem;
}
#cta .fw_n {
  font-weight: normal;
}
#cta h2 {
  text-align: center;
  color: #ffffff;
  font-size: 3.5rem;
  margin: 0 0 5rem;
  line-height: 1.4;
}
.box-cta {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.7;
}
.box-cta > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: solid 4px rgba(255, 255, 255, 0.5);
    width: 49%;
    height: 150px;
}
.box-cta > div a {
    color: #ffffff;
    width: 100%;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*==============================================
  00 - Section01　id="section_01"
===============================================*/
#section_01 .section-inside {
    width: 716px;
    padding: 10rem 0;
}


/*==============================================
  00 - Section02　id="section_02"
===============================================*/
#section_02.section {
    background: url(https://www.sakurasachiko.jp/lp/uwaki/img/section_02_bg.jpg);
}
#section_02 .section-inside {
    text-align: center;
    padding: 20rem 0 0;
    background: url(https://www.sakurasachiko.jp/lp/uwaki/img/section_02_inside_bg.png) no-repeat;
    background-position: 634px 131px;
    height: 618px;
    position: relative;
}
#section_02 .section-inside img {
    position: absolute;
    left: 45px;
    top: 40px;
    width: 642px;
}


/*==============================================
  00 - Section03　id="section_03"
===============================================*/
#section_03.section {
    background: url(https://www.sakurasachiko.jp/lp/uwaki/img/section_03_bg.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
}
#section_03 .section-inside {
    text-align: center;
    padding: 10rem 0 0;
}
#section_03 .section-inside .img_01 {
    /*width: 720px;*/
    width: 900px;
    margin-bottom: 10rem;
}


/*==============================================
  00 - Section04　id="section_04"
===============================================*/
#section_04.section {
    background: url(https://www.sakurasachiko.jp/lp/uwaki/img/section_04_bg.png) no-repeat;
    background-size: cover;
}
#section_04 .section-inside {
    text-align: center;
    padding: 10rem 0;
}
#section_04 .section-inside > img {
    width: 665px;
    height: auto;
    margin: 0 auto 5rem;
}
#section_04 .section-inside > img + p {
    width: 85%;
    margin: 0 auto 5rem;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
}
#section_04 .cont_wrap {
    display: flex;
    background-color: #ffffff;
    margin-bottom: 1.5rem;
}
#section_04 .cont_wrap .img_box {
    width: 35%;
}
#section_04 .cont_wrap .txt_box {
    width: 65%;
    padding: 3rem;
    text-align: left;
}
#section_04 .cont_wrap .txt_box .point {
    font-size: 2rem;
    font-weight: bold;
    color: #b8165c;
    margin-bottom: 2.5rem;
}
#section_04 .cont_wrap .txt_box .txt {
    font-size: 1.5rem;
    line-height: 1.7;
    margin-bottom: 0;
}


/*==============================================
  00 - Section05　id="section_05"
===============================================*/
#section_05.section {
    background-color: #f0f4ed;
    padding: 10rem 0 3rem;
}
#section_05 .section-inside {
    text-align: center;
    padding: 3rem;
    background-color: #ffffff;
    position: relative;
}
#section_05 h2 {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #d8234c;
    width: 100%;
    height: 200px;
}
#section_05 h2 img {
    width: 753px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#section_05 h2 + p {
    margin-top: 22rem;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
}
#section_05 h3 {
    color: #ffffff;
    padding: 2rem;
    font-size: 3rem;
    line-height: 1.4;
    background: url(https://www.sakurasachiko.jp/lp/uwaki/img/section_05_head_h3.png) no-repeat;
}
#section_05 .chosa_case {
    margin-bottom: 3rem;
}
#section_05 h3 + p {
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
}
#section_05 .col2_wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10rem;
}
#section_05 .col2_wrap .flex_item {
    width: 48%;
}
#section_05 .col2_wrap .flex_item .img {
    margin-bottom: 3rem;
}
#section_05 .col2_wrap .flex_item .list {
    margin: 0;
    padding-left: 2rem;
    font-size: 1.3rem;
    line-height: 1.6;
    text-align: left;
}
#section_05 .col2_wrap .flex_item .txt {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.6;
    text-align: left;
}
#section_05 h3.sp_interview {
    color: #ffffff;
    padding: 2rem;
    font-size: 3rem;
    line-height: 1.4;
    background: url(https://www.sakurasachiko.jp/lp/uwaki/img/section_05_head_h3.png) no-repeat;
    margin-bottom: 0;
}
#section_05 .sp_interview_box {
    display: flex;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 2rem;
}
#section_05 .sp_interview_box .img {
    width: 30%;
    margin-bottom: 0;
    line-height: 0;
}
#section_05 .sp_interview_box .img img {
    margin-bottom: 1rem;
}
#section_05 .sp_interview_box .img p {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.2;
}
#section_05 .sp_interview_box .txt {
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    width: 70%;
    padding-left: 3rem;
    margin-bottom: 0;
}
#section_05 .sp_interview_box .txt p {
    margin-bottom: 3rem;
}
#section_05 .sp_interview_box .txt p:last-child {
    margin: 0;
}

/*==============================================
  00 - Section06　id="section_06"
===============================================*/
#section_06.section {
    background: url(https://www.sakurasachiko.jp/lp/uwaki/img/section_06_bg.gif);
}
#section_06 .section-inside {
    text-align: center;
    padding: 10rem 0 3rem;
}
#section_06 h2 {
    width: 769px;
    height: auto;
    margin: 0 auto 8rem;
}
#section_06 .section-inside h2 img {
    width: 769px;
    height: auto;
}
#section_06 .cont_wrap {
    display: flex;
    background-color: #ffffff;
    margin-bottom: 1.5rem;
}
#section_06 .cont_wrap .img_box {
    width: 25%;
}
#section_06 .cont_wrap .txt_box {
    width: 75%;
    padding: 3rem;
    text-align: left;
}
#section_06 .cont_wrap .txt_box .point {
    font-size: 2rem;
    font-weight: bold;
    color: #b8165c;
    margin-bottom: 2.5rem;
}
#section_06 .cont_wrap .txt_box .txt {
    font-size: 1.5rem;
    line-height: 1.7;
    margin-bottom: 0;
}


/*==============================================
  00 - Section07　id="section_07"
===============================================*/
#section_07.section {
    background: url(https://www.sakurasachiko.jp/lp/uwaki/img/section_07_bg.jpg) no-repeat;
    background-size: cover;
    padding: 10rem 0;
}
#section_07 .section-inside {
    padding: 7rem 5rem;
    background-color: rgba(248, 245, 226, .85);
    text-align: center;
}
#section_07 .section-inside h2 {
    width: 665px;
    height: auto;
    margin: 0 auto 5rem;
}
#section_07 .sp_interview_box {
    background-color: #ffffff;
    border: 1px solid #c51661;
    border-radius: 10px;
    display: flex;
    padding: 3rem;
    margin-bottom: 1.5rem;
}
#section_07 .sp_interview_box:last-child {
    margin-bottom: 0;
}
#section_07 .sp_interview_box .img {
    width: 30%;
}
#section_07 .sp_interview_box .img img {
    margin-bottom: 1rem;
}
#section_07 .sp_interview_box .img p {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.2;
}
#section_07 .sp_interview_box .img p span {
    font-size: 2rem;
}
#section_07 .sp_interview_box .txt {
    width: 70%;
    text-align: left;
    padding-left: 3rem;
}
#section_07 .sp_interview_box .txt h3 {
    font-size: 3rem;
    color: #c51661;
    margin-bottom: 3rem;
}
#section_07 .sp_interview_box .txt p {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.7;
}


/*==============================================
  00 - Section08　id="section_08"
===============================================*/
#section_08.section {
    background: url(https://www.sakurasachiko.jp/lp/uwaki/img/section_08_bg.jpg);
}
#section_08 .section-inside {
    text-align: center;
    padding: 10rem 0 3rem;
}
#section_08 .section-inside > img + p {
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    background-color: rgba(255, 255, 255, .7);
    padding: 2rem;
    width: 80%;
    margin: 0 auto 5rem;
}
#section_08 .voice_wrap {
    background-color: #ffffff;
    padding: 5rem;
}
#section_08 .voice_wrap .box {
    margin-bottom: 3rem;
}
#section_08 .voice_wrap .box:last-child {
    margin-bottom: 0;
}
#section_08 .voice_wrap .box .box_voice {
    width: 900px;
    height: auto;
    padding: 3rem;
    border-bottom: solid 2px #2266AC;
    border-left: solid 2px #2266AC;
    border-right: solid 2px #2266AC;
    display: flex;
    justify-content: space-between;
}
#section_08 .voice_wrap .box .box_voice.women {
    border-bottom: solid 2px #AD254F;
    border-left: solid 2px #AD254F;
    border-right: solid 2px #AD254F;
}
#section_08 .voice_wrap .box .box_voice p {
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    width: 50%;
    margin: 0;
}
#section_08 .voice_wrap .box .box_voice img {
    width: 410px;
    height: auto;
}


/*==============================================
  00 - Section09　id="section_09"
===============================================*/
#section_09 .section-inside {
    width: 950px;
    text-align: center;
    padding: 3rem 0 0;
}


/*==============================================
  00 - Section10　id="section_10"
===============================================*/
#section_10 .section-inside {
    padding: 10rem 0;
    width: 950px;
}
#section_10 h2 {
    font-size: 3rem;
    text-align: center;
    border-bottom: 2px solid #000000;
    padding: 0 0 1rem;
}
#section_10 .flow {
    display: flex;
    justify-content: space-between;
}
#section_10 .flow .box {
    width: 23%;
    border: 1px solid #bbbbbb;
}
#section_10 .flow .box .txt {
    padding: 1.5rem;
}
#section_10 .flow .box .txt p {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.5;
}
#section_10 .flow .box .img {
    position: relative;
}
#section_10 .flow .box .img h3 {
    margin: 0;
    font-size: 2rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
    text-shadow: 2px 2px 1px #FFFFFF, -2px 2px 1px #FFFFFF, 2px -2px 1px #FFFFFF, -2px -2px 1px #FFFFFF;
}


/*==============================================
  00 - Section11　id="section_11"
===============================================*/
#section_11.section {
    background: url(https://www.sakurasachiko.jp/lp/uwaki/img/section_09_bg.jpg);
    padding: 10rem 0;
}
#section_11 .section-inside {
    text-align: center;
    padding: 10rem 5rem;
    background-color: #ffffff;
}
#section_11 h2 {
    text-align: center;
    font-size: 4rem;
    color: #000d46;
}
#section_11 h3 {
    font-size: 3rem;
    text-align: center;
    border-bottom: 2px solid #000000;
    padding: 0 0 1rem;
}
#section_11 p {
    font-size: 1.6rem;
    line-height: 1.6;
}
.couns_listen_01 {
    width: 580px;
    margin: 0 auto 10rem;
}
.couns_listen_02 {
    margin-bottom: 0!important;
}


/*==============================================
  00 - Section12　id="section_12"
===============================================*/
#section_12.section {
    background: url(https://www.sakurasachiko.jp/lp/uwaki/img/section_12_bg.jpg) no-repeat;
    background-size: cover;
}
#section_12 .section-inside {
    width: 900px;
    padding: 10rem 0 3rem;
}
#section_12 .office-box {
    letter-spacing: -1em;
    margin: 0 auto;
    padding: 45px;
    border: 1px solid #e4e3e3;
    font-size: 1.4rem;
    background-color: #ffffff;
}
#section_12 .office-box .c-table {
    display: inline-block;
    width: 49%;
    margin-top: 0;
    margin-right: 2%;
    margin-bottom: 3%;
    vertical-align: top;
}
#section_12 .office-box .c-table:nth-child(2n+2) {
    margin-right: 0;
}
#section_12 .office-box .c-table > dt {
    letter-spacing: normal;
    display: inline-block;
    width: 17%;
    vertical-align: top;
    font-weight: bold;
    margin-right: 3%;
}
#section_12 .office-box .c-table > dt:nth-child(2n+2) {
    margin-right: 0;
}
#section_12 .office-box .c-table > dd {
    letter-spacing: normal;
    display: inline-block;
    width: 80%;
    margin-left: 0;
}
#section_12 .office-box .c-table > dd h3 {
    margin-bottom: 5px;
}
#section_12 .office-box .c-table > dd p {
    margin: 0;
    font-size: 11px;
    line-height: 1.4;
}

/* 見出し */
#section_12_head.section {
    /*background-color: #d8234c;*/
    background-color: #ff6b6c;
    color: #ffffff;
    position: relative;
}
#section_12_head.section:after {
    content: '';
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin: 0 0 0 -50px;
    width: 0;
    height: 0;
    border-right: 50px solid transparent;
    /*border-top: 35px solid #d8234c;*/
    border-top: 35px solid #ff6b6c;
    border-left: 50px solid transparent;
}
#section_12_head .section-inside {
    padding: 5rem 0;
    margin: 0 auto;
    width: 900px;
}
#section_12_head .section-inside h2 {
    margin: 0 0 3rem;
    font-size: 4rem;
    text-align: center;
}
#section_12_head .section-inside p {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
}


/*==============================================
  00 - Section12　id="section_13"
===============================================*/
#section_13 {
    background: #fcb7b7;
    position: relative;
}
#section_13:after {
    content: '';
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin: 0 0 0 -50px;
    width: 0;
    height: 0;
    border-right: 50px solid transparent;
    border-top: 35px solid #fcb7b7;
    border-left: 50px solid transparent;
}
#section_13 .section-inside {
    padding: 6rem 0;
}

/*==============================================
  00 - Footer　id="footer"
===============================================*/
#footer .section-inside {
    padding-bottom: 1rem;
    width: 350px;
}
#footer .section-inside ul {
    margin: 0;
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    font-size: 1.3rem;
}


/*==============================================
  00 - Copy　id="copy"
===============================================*/
#copy.section {
    background-color: #fceef3;
}
#copy .section-inside {
    padding: 1rem 0;
    text-align: center;
}
#copy .section-inside .copy {
    margin-bottom: 0;
    font-size: 1.3rem;
}
.copy a {
    display: inline;
}


/*==============================================
  00 - mail　id="thnx"
===============================================*/
#thnx .section-inside {
    width: 750px;
    padding: 5rem 0;
    font-size: 1.6rem;
    text-align: center;
}
#thnx .section-inside a {
    font-size: 2rem;
}

/*==============================================
  00 - Coupon　class="wrap_coupon"
===============================================*/
.wrap_coupon {
    width: 800px;
    margin: 0 auto 5rem;
}
.wrap_coupon .item {
    margin-bottom: 1.5rem;
}
.wrap_coupon .txt {
    width: 95%;
    margin: 0 auto;
    font-size: 1.4rem;
    text-align: left;
}
.wrap_coupon .txt p {
    text-indent: -1em;
    margin-left: 1em;
}

/* キャンペーン期間 */
.box_cpn_schedule {
    font-size: 2rem;
    font-weight: bold;
}
.box_cpn_schedule p {
    margin-bottom: 3rem;
}

/* クーポンコード */
.box_cpn_code dl {
    background-color: #fff;
    font-size: 1.6rem;
    border: 1px solid #eee;
    font-weight: bold;
}
.box_cpn_code dt {
    height: 3.5rem;
    line-height: 3.5rem;
    border-bottom: 2px dotted #eee;
}
.box_cpn_code dd {
    margin: 0;
    height: 5rem;
    line-height: 5rem;
    font-size: 3rem;
}


/**********************
  Utility
***********************/

/* 余白 */
.u-m0 { margin: 0!important; }

.u-mt00 { margin-top: 0!important; }
.u-mt05 { margin-top: 5px!important; }
.u-mt10 { margin-top: 10px!important; }
.u-mt15 { margin-top: 15px!important; }
.u-mt20 { margin-top: 20px!important; }
.u-mt25 { margin-top: 25px!important; }
.u-mt30 { margin-top: 30px!important; }
.u-mt35 { margin-top: 35px!important; }
.u-mt40 { margin-top: 40px!important; }
.u-mt45 { margin-top: 45px!important; }
.u-mt50 { margin-top: 50px!important; }
.u-mt55 { margin-top: 55px!important; }
.u-mt60 { margin-top: 60px!important; }
.u-mt65 { margin-top: 65px!important; }
.u-mt70 { margin-top: 70px!important; }

.u-mr00 { margin-right: 0!important; }
.u-mr05 { margin-right: 5px!important; }
.u-mr10 { margin-right: 10px!important; }
.u-mr15 { margin-right: 15px!important; }
.u-mr20 { margin-right: 20px!important; }
.u-mr25 { margin-right: 25px!important; }
.u-mr30 { margin-right: 30px!important; }
.u-mr35 { margin-right: 35px!important; }
.u-mr40 { margin-right: 40px!important; }
.u-mr45 { margin-right: 45px!important; }
.u-mr50 { margin-right: 50px!important; }
.u-mr55 { margin-right: 55px!important; }
.u-mr60 { margin-right: 60px!important; }
.u-mr65 { margin-right: 65px!important; }
.u-mr70 { margin-right: 70px!important; }

.u-mb00 { margin-bottom: 0!important; }
.u-mb05 { margin-bottom: 5px!important; }
.u-mb10 { margin-bottom: 10px!important; }
.u-mb15 { margin-bottom: 15px!important; }
.u-mb20 { margin-bottom: 20px!important; }
.u-mb25 { margin-bottom: 25px!important; }
.u-mb30 { margin-bottom: 30px!important; }
.u-mb35 { margin-bottom: 35px!important; }
.u-mb40 { margin-bottom: 40px!important; }
.u-mb45 { margin-bottom: 45px!important; }
.u-mb50 { margin-bottom: 50px!important; }
.u-mb55 { margin-bottom: 55px!important; }
.u-mb60 { margin-bottom: 60px!important; }
.u-mb65 { margin-bottom: 65px!important; }
.u-mb70 { margin-bottom: 70px!important; }

.u-ml00 { margin-left: 0!important; }
.u-ml05 { margin-left: 5px!important; }
.u-ml10 { margin-left: 10px!important; }
.u-ml15 { margin-left: 15px!important; }
.u-ml20 { margin-left: 20px!important; }
.u-ml25 { margin-left: 25px!important; }
.u-ml30 { margin-left: 30px!important; }
.u-ml35 { margin-left: 35px!important; }
.u-ml40 { margin-left: 40px!important; }
.u-ml45 { margin-left: 45px!important; }
.u-ml50 { margin-left: 50px!important; }
.u-ml55 { margin-left: 55px!important; }
.u-ml60 { margin-left: 60px!important; }
.u-ml65 { margin-left: 65px!important; }
.u-ml70 { margin-left: 70px!important; }

.u-p0 { padding: 0!important; }

.u-pt00 { padding-top: 0!important; }
.u-pt05 { padding-top: 5px!important; }
.u-pt10 { padding-top: 10px!important; }
.u-pt15 { padding-top: 15px!important; }
.u-pt20 { padding-top: 20px!important; }
.u-pt25 { padding-top: 25px!important; }
.u-pt30 { padding-top: 30px!important; }
.u-pt35 { padding-top: 35px!important; }
.u-pt40 { padding-top: 40px!important; }
.u-pt45 { padding-top: 45px!important; }
.u-pt50 { padding-top: 50px!important; }
.u-pt55 { padding-top: 55px!important; }
.u-pt60 { padding-top: 60px!important; }
.u-pt65 { padding-top: 65px!important; }
.u-pt70 { padding-top: 70px!important; }

.u-pr00 { padding-right: 0!important; }
.u-pr05 { padding-right: 5px!important; }
.u-pr10 { padding-right: 10px!important; }
.u-pr15 { padding-right: 15px!important; }
.u-pr20 { padding-right: 20px!important; }
.u-pr25 { padding-right: 25px!important; }
.u-pr30 { padding-right: 30px!important; }
.u-pr35 { padding-right: 35px!important; }
.u-pr40 { padding-right: 40px!important; }
.u-pr45 { padding-right: 45px!important; }
.u-pr50 { padding-right: 50px!important; }
.u-pr55 { padding-right: 55px!important; }
.u-pr60 { padding-right: 60px!important; }
.u-pr65 { padding-right: 65px!important; }
.u-pr70 { padding-right: 70px!important; }

.u-pb00 { padding-bottom: 0!important; }
.u-pb05 { padding-bottom: 5px!important; }
.u-pb10 { padding-bottom: 10px!important; }
.u-pb15 { padding-bottom: 15px!important; }
.u-pb20 { padding-bottom: 20px!important; }
.u-pb25 { padding-bottom: 25px!important; }
.u-pb30 { padding-bottom: 30px!important; }
.u-pb35 { padding-bottom: 35px!important; }
.u-pb40 { padding-bottom: 40px!important; }
.u-pb45 { padding-bottom: 45px!important; }
.u-pb50 { padding-bottom: 50px!important; }
.u-pb55 { padding-bottom: 55px!important; }
.u-pb60 { padding-bottom: 60px!important; }
.u-pb65 { padding-bottom: 65px!important; }
.u-pb70 { padding-bottom: 70px!important; }

.u-pl00 { padding-left: 0!important; }
.u-pl05 { padding-left: 5px!important; }
.u-pl10 { padding-left: 10px!important; }
.u-pl15 { padding-left: 15px!important; }
.u-pl20 { padding-left: 20px!important; }
.u-pl25 { padding-left: 25px!important; }
.u-pl30 { padding-left: 30px!important; }
.u-pl35 { padding-left: 35px!important; }
.u-pl40 { padding-left: 40px!important; }
.u-pl45 { padding-left: 45px!important; }
.u-pl50 { padding-left: 50px!important; }
.u-pl55 { padding-left: 55px!important; }
.u-pl60 { padding-left: 60px!important; }
.u-pl65 { padding-left: 65px!important; }
.u-pl70 { padding-left: 70px!important; }

/*************************
 ban_mikata
*************************/
.ban_mikata{
    margin: 5rem auto;
    max-width: 480px;
    width: 90%;
}


/*==============================================
  タブレット

===============================================*/

@media screen and (min-width:768px) and ( max-width:1023px) {

.section-inside {
    width: 95%;
}
#header .section-inside {
    width: 97%;
    margin: 0 auto;
}
.logo {
    width: 45%;
}
h1 {
    margin: 0 0 1rem;
    font-size: 1rem;
}
.logo div {
    width: 300px;
}
.nav {
    width: 55%;
}
.nav .cta {
    margin: 0 0 1rem;
}
.nav .cta .mail a {
    padding: .5rem 3rem;
}
.nav ul {
    padding: 0;
    margin: 0;
    font-size: 1.2rem;
}
#header_img {
    height: inherit;
}
#header_img .section-inside {
    height: inherit;
    width: 90%;
    padding: 8rem 0;
}
.wrap_coupon {
    width: 90%;
}
#section_01 .section-inside {
    padding: 5rem 4rem;
    width: 100%;
}
#section_02 .section-inside {
    background-position: 97% 100%;
    background-size: 35%;
}
#section_03 .section-inside {
    padding: 5rem 0 0;
}
#section_03 .section-inside .img_01 {
    width: 100%;
    margin-bottom: 5rem;
}
#section_04 .cont_wrap {
    align-items: center;
}
#section_04 .cont_wrap .img_box {
    overflow: hidden;
}
#section_04 .cont_wrap .img_box img {
    width: 160%;
    margin-left: -35%;
}
#section_05.section {
    padding: 5rem 0 0;
}
#section_05 h2 img {
    width: 90%;
}
#section_05 h3 {
    padding: 1.5rem;
    font-size: 2.2rem;
}
#section_06 h2 {
    width: 100%;
    margin-bottom: 6rem;
}
#section_06 .section-inside h2 img {
    width: 100%;
}
#section_09 .section-inside {
    width: 100%;
    padding: 0;
}
#section_10 .section-inside {
    width: 95%;
    padding: 5rem 0;
}
#section_10 h2 {
    margin-bottom: 3.5rem;
}
#section_10 .flow {
    flex-direction: column;
}
#section_10 .flow .box {
    width: 100%;
    display: flex;
    margin-bottom: 3rem;
}
#section_10 .flow .box .img {
    width: 20%;
}
#section_10 .flow .box .txt {
    width: 80%;
}
#section_10 .flow .box .txt p {
    font-size: 1.6rem;
}
#section_11.section {
    padding: 5rem 0;
}
#section_11 .section-inside {
    padding: 5rem 3rem;
}
#section_11 h3 {
    font-size: 2.5rem;
}
#section_12_head .section-inside {
    width: 95%;
}
#section_12_head .section-inside p {
    text-align: left;
}
#section_12_head .section-inside p .pc {
    display: none!important;
}
#section_12 .section-inside {
    width: 90%;
    padding-top: 8rem;
}
#section_12 .office-box .c-table {
    width: 100%;
    margin-right: 0;
    padding-bottom: 3%;
    border-bottom: 1px solid #eee;
}
#section_12 .office-box .c-table > dd h3 {
    font-size: 2rem;
}
#section_12 .office-box .c-table > dd p {
    font-size: 1.6rem;
}
#cta .section-inside {
    width: 100%;
}
.box-cta {
    width: 90%;
}


}/* @media  */



/*==============================================
  スマホ
===============================================*/
@media screen and (min-width:1px) and ( max-width:767px) {

/* デバイスごとの表示 */
.pc {display: none!important;}
.sp {display: block!important;}

.section#mail {
    margin-top: -65px;
    padding-top: 65px;
}

#header.section {
    height: 85px;
}
#header .section-inside {
    display: block;
    padding: 1rem;
    width: 100%;
    height: 85px;
}
h1 {
    margin: 0 0 1rem;
    font-size: 1rem;
}
#header .cta {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#header .section-inside .logo {
    width: 58%;
    height: auto;
}
#header .cta .mail {
    width: 35%;
    height: 42px;
    margin: 0;
    background: #d8234c;
}
#header .cta .mail a {
    padding: 0;
    height: 44px;
    line-height: 1.4;
    text-align: center;
    padding-top: 7px;
    color: #ffffff;
}

#header_wrap {
    padding-top: 85px;
}
#header_img {
    background: url(../../common/img/bg_main_visual_sp.jpg) no-repeat;
    background-size: cover;
    height: 100vw;
}
#header_img .section-inside {
    height: 100vw;
    width: 85%;
}
#cta_01.section .section-inside {
    width: 100%;
    padding: 3rem 0;
}
#cta_01.section .section-inside .head {
    width: 95%;
}
#cta_01.section .section-inside .btn.pc {
    display: none!important;
}
#cta_01.section .section-inside .btn {
    width: 95%;
    margin: 3rem auto 1rem;
    flex-direction: column;
    justify-content: flex-start;
}
#cta_01.section .section-inside .btn .btn_tel {
    margin-bottom: 1.5rem;
}
#cta_01.section .section-inside .btn .btn_tel,
#cta_01.section .section-inside .btn .btn_mail {
    width: 100%;
}
#cta_01.section .section-inside .btn .btn_tel a,
#cta_01.section .section-inside .btn .btn_mail a {
    display: block;
}
#cta_01.section .section-inside .btn .btn_tel a img,
#cta_01.section .section-inside .btn .btn_mail a img {
    width: 90%;
}
#cta_01.section .section-inside .btn + p {
    width: 90%;
    margin: 0 auto;
    font-size: 1.3rem;
}
#section_01 .section-inside {
    width: 95%;
    padding: 3rem 0;
}
#section_02 .section-inside {
    width: 100%;
    position: inherit;
    padding: 3rem;
    background-position: 115% bottom;
    background-size: 47VW;
    height: 90vw;
}
#section_02 .section-inside img {
    width: 100%;
    position: inherit;
}
#section_03 .section-inside {
    width: 100%;
    padding: 3rem 0 0;
}
#section_03 .section-inside .img_01 {
    width: 95%;
    margin-bottom: 5rem;
}
#cta_02.section .section-inside {
    width: 100%;
    padding: 3rem 0;
}
#cta_02.section .section-inside .head {
    width: 95%;
    margin: 0 auto 3rem;
}
#cta_02.section .section-inside .lead {
    width: 95%;
}
#cta_02.section .section-inside .point {
    width: 95%;
}
#cta_02.section .section-inside .btn {
    width: 100%;
    margin-top: 3rem;
    flex-direction: column;
}
#cta_02.section .section-inside .btn .btn_tel {
    margin-bottom: 1.5rem;
}
#cta_02.section .section-inside .btn .btn_tel img,
#cta_02.section .section-inside .btn .btn_mail img {
    width: 80%;
}
#cta_02.section .section-inside .btn + p {
    width: 90%;
    margin: 0 auto;
    font-size: 1.3rem;
}

/* Section04 */
#section_04 {
    margin-bottom: 3rem;
}
#section_04 .section-inside {
    width: 100%;
    padding: 3rem 0;
}
#section_04 .section-inside > img {
    width: 95%;
    margin-bottom: 3rem;
}
#section_04 .section-inside > img + p {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 3rem;
}
#section_04 .cont_wrap {
    flex-direction: column;
    width: 95%;
    margin: 0 auto 1.5rem;
}
#section_04 .cont_wrap .img_box {
    width: 100%;
}
#section_04 .cont_wrap .txt_box {
    width: 100%;
}
#section_04 .cont_wrap .txt_box .point {
    font-size: 2rem;
}
#section_04 .cont_wrap .txt_box .txt {
    font-size: 1.4rem;
    line-height: 1.4;
}


/* Section05 */
#section_05.section {
    padding: 0;
}
#section_05 .section-inside {
    width: 100%;
    padding: 3rem 2rem;
}
#section_05 h2 {
    height: 90px;
    margin-bottom: 3rem;
}
#section_05 h2 img {
    width: 95%;
}
#section_05 h2 + p {
    margin: 80px 0 3rem;
    font-size: 1.4rem;
    line-height: 1.4;
}
#section_05 h3 {
    font-size: 2rem;
    text-align: left;
    margin-bottom: 2rem;
}
#section_05 h3 + p {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 3rem;
}
#section_05 .col2_wrap {
    flex-direction: column;
    margin-bottom: 0;
}
#section_05 .col2_wrap .flex_item {
    width: 100%;
    margin-bottom: 3rem;
}
#section_05 .col2_wrap .flex_item .img {
    margin-bottom: 1.5rem;
}
#section_05 h3.sp_interview {
    font-size: 2rem;
    text-align: left;
}
#section_05 .sp_interview_box {
    flex-direction: column;
}
#section_05 .sp_interview_box .img {
    width: 100%;
    margin-bottom: 3rem;
}
#section_05 .sp_interview_box .txt {
    font-size: 1.4rem;
    line-height: 1.4;
    width: 100%;
    padding: 0;
}


/* Section06 */
#section_06 .section-inside {
    width: 100%;
    padding: 6rem 0 3rem;
}
#section_06 .section-inside h2 {
    width: 95%;
    margin: 0 auto 3rem;
}
#section_06 .section-inside h2 img {
    width: 100%;
}
#section_06 .sp_interview_box {
    width: 95%;
    margin: 0 auto 3rem;
    flex-direction: column;
    padding: 1.5rem;
}
#section_06 .sp_interview_box .img {
    width: 100%;
    margin-bottom: 3rem;
}
#section_06 .sp_interview_box .txt {
    width: 100%;
    padding: 0;
}
#section_06 .sp_interview_box .txt h3 {
    font-size: 2rem;
    margin-bottom: 2rem;
}
#section_06 .sp_interview_box .txt p {
    font-size: 1.4rem;
    line-height: 1.4;
}
#section_06 .sp_interview_box + h3 {
    width: 95%;
    margin: 0 auto 3rem;
}
#section_06 .sp_interview_box + h3 img {
    width: 100%;
}
#section_06 .cont_wrap {
    flex-direction: column;
    width: 95%;
    margin: 0 auto 1.5rem;
}
#section_06 .cont_wrap .img_box {
    width: 100%;
}
#section_06 .cont_wrap .txt_box {
    width: 100%;
}
#section_06 .cont_wrap .txt_box .point {
    font-size: 2rem;
}
#section_06 .cont_wrap .txt_box .txt {
    font-size: 1.4rem;
    line-height: 1.4;
}


/* Section07 */
#section_07.section {
    padding: 0;
}
#section_07 .section-inside {
    padding: 3rem 1rem;
    width: 100%;
}
#section_07 .section-inside h2 {
    width: 100%;
    margin-bottom: 3rem;
}
#section_07 .sp_interview_box {
    flex-direction: column;
    padding: 1.5rem;
}
#section_07 .sp_interview_box .img {
    width: 100%;
    margin-bottom: 3rem;
}
#section_07 .sp_interview_box .txt {
    width: 100%;
    padding: 0;
}
#section_07 .sp_interview_box .txt h3 {
    font-size: 2rem;
    margin-bottom: 2rem;
}
#section_07 .sp_interview_box .txt p {
    font-size: 1.4rem;
    line-height: 1.4;
}


/* Section08 */
#section_08 .section-inside {
    padding: 3rem 0;
    width: 100%;
}
#section_08 .section-inside > img + p {
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 1.5rem;
    margin-bottom: 3rem;
}
#section_08 .voice_wrap {
    width: 95%;
    margin: 0 auto;
    padding: 1.5rem;
}
#section_08 .voice_wrap .box {
    margin-bottom: 1.5rem;
}
#section_08 .voice_wrap .box .box_voice {
    width: 100%;
    flex-direction: column-reverse;
    padding: 1.5rem;
}
#section_08 .voice_wrap .box .box_voice p {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.4;
}
#section_08 .voice_wrap .box .box_voice img {
    width: 100%;
    margin-bottom: 1rem;
}


/* Section09 */
#section_09 .section-inside {
    width: 100%;
    padding: 2rem 0;
}


/* Section10 */
#section_10 .section-inside {
    padding: 3rem 0 6rem;
    width: 100%;
}
#section_10 h2 {
    font-size: 2rem;
    margin-bottom: 3rem;
}
#section_10 .flow {
    flex-direction: column;
    width: 95%;
    margin: 0 auto;
}
#section_10 .flow .box {
    width: 100%;
    margin-bottom: 1.5rem;
}


/* Section11 */
#section_11.section {
    padding: 3rem 0;
}
#section_11 h2 {
    font-size: 2rem;
    margin-bottom: 3rem;
}
#section_11 .section-inside {
    width: 95%;
    padding: 1.5rem;
}
#section_11 h3 {
    font-size: 2rem;
    margin-bottom: 2rem;
}
#section_11 p {
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 3rem;
}
.couns_listen_01 {
    width: 100%;
}


/* Section12 */
#section_12_head .section-inside {
    padding: 3rem 0;
    width: 100%;
}
#section_12_head .section-inside h2 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
}
#section_12_head .section-inside p {
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: left;
    width: 95%;
    margin: 0 auto;
}
#section_12 .section-inside {
    width: 100%;
    padding: 5rem 0;
}
#section_12 .office-box {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    width: 95%;
    margin: 0 auto;
}
#section_12 .office-box .c-table {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 0 1.5rem;
    margin: 0 0 1.5rem;
    border-bottom: 1px dotted #bbbbbb;
}
#section_12 .office-box .c-table > dt {
    width: 20%;
}
#section_12 .office-box .c-table > dd {
    width: 76%;
}
#section_12 .office-box .c-table > dd p br {
    display: none;
}


/* Section13 */
#section_13 {
    padding: 1.5rem 0;
}
#section_13 .section-inside {
    width: 95%;
    background: #ffffff;
    padding: 0;
}

/* CTA_last */
#cta {
    background-position: -100px -280px;
}
#cta .section-inside {
    width: 100%;
}
#cta h2 {
    margin-bottom: 3rem;
}
#cta h2,
#cta .fm {
    font-size: 2.3rem;
}
.box-cta {
    flex-direction: column;
    width: 90%;
}
.box-cta > div {
    width: 100%;
    margin-bottom: 1.5rem;
}
.box-cta > div a div:first-child {
    font-size: 1.4rem;
}
.box-cta > div a div:nth-child(2) {
    font-size: 3rem;
}




/* mail */
#mail .section-inside {
    width: 100%;
    padding: 3rem 0;
}
#mail h2 {
    font-size: 2rem;
    margin-bottom: 3rem;
}
#mail .section-inside .lead {
    width: 95%;
    margin: 0 auto 3rem;
}
#mail .section-inside .lead p {
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: left;
    margin: 0;
}
.form_box {
    width: 95%;
    margin: 0 auto;
}
.form_box .line {
    flex-direction: column;
}
.form_box .line .head {
    width: 100%;
    line-height: 1.4;
    padding: 0;
    margin-bottom: 1rem;
}
.form_box .line .data {
    width: 100%;
    display: flex;
}
.form_box .line .data input, .form_box .line .data select {
    font-size: 1.4rem;
    padding: .5rem;
}
.form_box .line .data.radio_colum label {
    width: 35%;
    margin: 0;
}
.form_box .line .data.radio_colum div {
    width: 40%;
}
.form_box .line .data.radio_colum input {
    width: 23%;
    height: 1.7rem;
}
.btn-box .lp-btn {
    border: none;
    width: 100%;
}


/* copy */
#footer .section-inside {
    width: 100%;
}
#footer .section-inside ul {
    width: 95%;
    margin: 0 auto;
    flex-direction: column;
}
#footer .section-inside ul li {
    margin-bottom: 1rem;
}
#footer .section-inside ul li a {
    display: block;
}
#copy .section-inside {
    width: 100%;
}
#copy a {
    display: inline;
}



/* メール確認画面 */
#form_conf .section-inside {
    width: 92%;
    padding: 3rem 0 0;
}
#form_conf table.form th {
    vertical-align: top;
}
#form_conf table.form th,
#form_conf table.form td {
    font-size: 1.4rem;
}


/* メール送信確認画面 */
#form_conf .section-inside .sp_v {
    width: 90%;
    margin: 0 auto;
}
#form_conf .section-inside .sp_v p {
    text-align: left;
}


/*==============================================
  00 - mail　id="thnx"
===============================================*/
#thnx .section-inside {
    width: 90%;
    text-align: left;
}
#thnx .section-inside p {
    margin-bottom: 3rem;
}


/*==============================================
  00 - Coupon　class="wrap_coupon"
===============================================*/
.wrap_coupon {
    width: 90%;
    margin-bottom: 3rem;
}
.wrap_coupon .txt {
    width: 100%;
    font-size: 1.2rem;
}
.wrap_coupon .txt p {
    margin-bottom: 0;
}




}/* @media  */




/*==============================================
2020.03.12 チャットボタン追加
===============================================*/

#page-top a {
  margin-left: auto;
}
#page-top #btn_chat_contact {
  margin-top: 15px;
  width: 326px;
  height: 86px;
}
#page-top #btn_chat_contact a {
  width: auto;
  height: auto;
}
#page-top #btn_chat_contact a.pc_link img {
  display: block;
}
#page-top #btn_chat_contact a.sp_link {
  display: none;
}

@media screen and (min-width:1px) and ( max-width:1023px) {
#page-top #btn_chat_contact {
  margin-top: 10px;
  width: 124px;
  height: 84px;
  font-size: 13px;
  font-weight: bold;
  font-style: italic;
  line-height: 1.4;
  text-align: center;
  position: relative;
}
#page-top #btn_chat_contact::before {
  content: '';
  border-style: solid;
  border-width: 20px 6px 0 6px;
  border-color: #d8234c transparent transparent transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: 3px;
  right: 3px;
  z-index: 2;
  transform: rotate(-45deg);
}
#page-top #btn_chat_contact::after {
  content: '';
  border-style: solid;
  border-width: 30px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -5px;
  right: -4px;
  z-index: -1;
  transform: rotate(-45deg);
}
#page-top #btn_chat_contact a.pc_link {
  display: none;
}
#page-top #btn_chat_contact a.sp_link {
  background-color: #d8234c;
  border: #fff solid 4px;
  border-radius: 50%;
  padding-top: 11px;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #fff;
  display: block;
  overflow: hidden;
  position: relative;
}
#page-top #btn_chat_contact a.sp_link::after {
  content: '';
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100%);
  margin : -50px 0 0 -180px;
  width : 200px;
  height : 50px;
  display: block;
  transform : rotate(-60deg);
  animation: shine 2.1s ease 1.5s infinite;
}
#page-top #btn_chat_contact a.sp_link span:nth-of-type(1) {
  font-size: 15px;
  color: #ff0;
}
#page-top #btn_chat_contact a.sp_link span:nth-of-type(2) {
  font-size: 11px;
}
}

@keyframes shine {
0% {
  margin-left : -180px;
}
40% {
  margin-left : -180px;
}
100% {
  margin-left : 180px;
}
}