@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;
    padding-top: 103px;
}

a {
    text-decoration: underline;
    color: #e55793;
}

a img:hover {
    opacity: .7
}



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


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


/* セクション */
.section {
    width: 100%;
    margin: 0;
    padding: 0;
}
.section-inside {
    width: 1000px;
    margin: 0 auto;
}

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


/*==============================================
  00 - 固定ヘッダー　id="header"
===============================================*/
#header.section {
    position: fixed;
    top: 0;
    background-color: #ffffff;
    z-index: 9999;
}
#header .section-inside {
    display: flex;
    width: 1200px;
    padding: 1.5rem 0;
    justify-content: space-between;
    align-items: center;
}
#header .section-inside h1, 
#header .section-inside p {
    margin: 0;
}


/*==============================================
  00 - ヘッダー画像　id="header_img"
===============================================*/
#header_img .section-inside {
    width: 1200px;
}



/*==============================================
  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;
    color: red;
}
.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: #fa7921;
    color: #ffffff;
    border-radius: 7px;
    -webkit-appearance: inherit;
    box-shadow: 0 3px 0 #823500;
}

/********************
フォーム確認画面
********************/
#form_conf .section-inside {
    padding: 10rem 0 0;
    width: 700px;
}
#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;
}
#form_conf table.form th,
#form_conf table.form td {
    font-size: 1.6rem;
    padding: 1rem;
}
#form_conf table.form th {
    width: 25%;
}
#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;
}




/**********************/

.cta {
    background-color: #c51661;
    color: #ffffff;
    padding: 2rem 1.5rem;
    border-radius: 1rem;
    text-align: center;
    font-size: 1.3rem;
}
.cta div:first-child {
    margin-bottom: .5rem;
}
.cta div:last-child {
    font-size: 3rem;
}


.btn_tel {
    width: 50%;
}
.btn_mail {
    width: 100%;
}


#header .cta {
    padding: 1rem 1.5rem;
}



/*==============================================
  00 - CTA_01　id="cta_01"
===============================================*/
#cta_01.section {
    background-color: #fceef3;
    /*background-image: radial-gradient(#ea89be 1%, transparent 20%), radial-gradient(#ea89be 1%, transparent 20%);*/
    /*background-size: 5px 5px;*/
    /*background-position: 0 0, 10px 10px;*/
}
#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 .section-inside .btn {
    display: flex;
    justify-content: space-between;
    width: 700px;
    margin: 5rem auto 3rem;
}
#cta_01.section .section-inside .btn + p {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 0;
}


/*==============================================
  00 - CTA_02　id="cta_02"
===============================================*/
#cta_02.section {
    background-color: #fceef3;
    /*background-image: radial-gradient(#ea89be 1%, transparent 20%), radial-gradient(#ea89be 1%, transparent 20%);*/
    /*background-size: 5px 5px;*/
    /*background-position: 0 0, 10px 10px;*/
}
#cta_02.section .section-inside {
    padding: 7rem 0;
    text-align: center;
}
#cta_02.section .section-inside .head {
    width: 746px;
    height: auto;
    margin: 0 auto 6rem;
}
#cta_02.section .section-inside .lead {
    width: 913px;
    height: auto;
    margin: 0 auto 3rem;
}
#cta_02.section .section-inside .point {
    width: 709px;
    height: auto;
    margin: 0 auto;
}
#cta_02.section .section-inside .btn {
    display: flex;
    justify-content: space-between;
    width: 700px;
    margin: 5rem auto 3rem;
}
#cta_02.section .section-inside .btn + p {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 0;
}


/*==============================================
  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;
}
#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: #b8165c;
    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;
}
#section_06 .section-inside h2 img {
    width: 796px;
    height: auto;
}
#section_06 .sp_interview_box {
    background-color: #ffffff;
    border: 1px solid #c51661;
    border-radius: 10px;
    display: flex;
    padding: 2rem;
    margin-bottom: 7rem;
}
#section_06 .sp_interview_box .img {
    width: 30%;
}
#section_06 .sp_interview_box .img img {
    margin-bottom: 1rem;
}
#section_06 .sp_interview_box .img p {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.2;
}
#section_06 .sp_interview_box .img p span {
    font-size: 2rem;
}
#section_06 .sp_interview_box .txt {
    width: 70%;
    text-align: left;
    padding-left: 3rem;
}
#section_06 .sp_interview_box .txt h3 {
    font-size: 3rem;
    color: #c51661;
    margin-bottom: 3rem;
}
#section_06 .sp_interview_box .txt p {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.6;
}
#section_06 .sp_interview_box + h3 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;
}
#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;
}
#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"
===============================================*/


/*==============================================
  00 - Section10　id="section_10"
===============================================*/
#section_10 .section-inside {
    padding: 10rem 0;
}
#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;
}
#section_12 .office-box {
    letter-spacing: -1em;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #e4e3e3;
    font-size: 1.4rem;
    background-color: #ffffff;
}
#section_12 .office-box .c-table {
    display: inline-block;
    width: 47%;
    margin-right: 6%;
    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: 20%;
    vertical-align: top;
    font-weight: bold;
}
#section_12 .office-box .c-table > dd {
    letter-spacing: normal;
    display: inline-block;
    width: 80%;
    margin-left: 0;
}

/* 見出し */
#section_12_head.section {
    background-color: #b8175d;
    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 #b8175d;
    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 - 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;
}







/**********************
  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%;
}

}/* @media  */





/*==============================================
  スマホ

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

body {
    padding-top: 50px;
}
/* デバイスごとの表示 */
.pc {display: none;}
.sp {display: block;}

#header.section {
    height: 50px;
}
#header .section-inside {
    display: flex;
    width: 100%;
    padding: 1rem;
    justify-content: space-between;
}
#header .section-inside > div {
    width: 45%;
}
#header_img .section-inside {
    width: 100%;
}
#cta_01.section .section-inside {
    width: 100%;
    padding: 3rem 0;
}
#cta_01.section .section-inside .head {
    width: 95%;
}
#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 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: 80%;
}
#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: center bottom;
    background-size: 150px;
    height: 530px;
}
#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 .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: 3rem 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: 3rem 0;
}
#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;
}


/* Section10 */
#section_10 .section-inside {
    padding: 3rem 0;
    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;
    flex-direction: column;
    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: 100%;
    margin-bottom: 1rem;
}
#section_12 .office-box .c-table > dd {
    width: 100%;
}


/* 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%;
}


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


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












}/* @media  */