@charset "utf-8";
a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box
}

body,html {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #000;
    line-height: 1;
    font-weight: 500;
    font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif
}

body>iframe,body>img {
    display: none
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

nav ul,ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: '';
    content: none
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,select {
    vertical-align: middle;
  -webkit-appearance: button;
}

img {
    display: block;
    width: 100%;
    vertical-align: bottom
}
svg {
  fill: currentColor;
}
a{color: currentColor;}

body>iframe,body>img {
    display: none
}
body{ padding-bottom: 14rem !important;}

.red{color:#cb0014;}

#noscript {
    display: table;
    margin: 0 auto;
    padding: 20px 10px;
    color: red;
    font-size: 16px;
    line-height: 1.2
}

#header {
    width: 100%;
}

.header_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    width: 100%;
    height: 12vw;
    margin: 0 auto;
    padding: 0 2.67vw
}
.header_logo {
    width: 32vw;
}
.txt{
    font-size: 1.7rem;
    line-height: 1.7;
}
.section_txt{
   font-size: 1.7rem;
   line-height: 1.6;
   margin: 0 1rem 1.5rem;
   text-align: center;
}
.section_title{
    margin: 9.33vw 1.5vw 6.67vw;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1.5;
    text-align: center;
}
.titleBalloon {
    display: table;
    margin: 0 auto 2vw;
    font-size: 2.1rem;
    font-weight: bold;
}
.lst__note {
    list-style: none;
    counter-reset: note;
    color: #303030;
    margin: 1rem 1rem 2rem;
    max-width: 1000px;
}

.lst__note li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    counter-increment: note;
    padding-left: 14px;
    padding-left: 1rem;
    text-indent: -14px;
    text-indent: -1rem;
}
.lst__note .ml{
    margin-left: 1rem;
}
.lst__note_ttl {
    margin: 0 0 10px;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
}
.lst__note_ttl02 {
    margin: 1.5rem 0 1rem;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.4;
    text-indent: -1.5rem;
    padding-left: 1.5rem;
}
.lst__note li a{  color:#1565c0;}

.lst__note li a:hover{text-decoration:none;}
.LinkButton {
    /* NOTE: blue background button */
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #014066;
    border: 1px solid #014066;
    transition-duration: 400ms;
    transition-property: color, background-color;
    font-size: 1.7rem;
    position: relative;
    display: block;
    margin: 30px auto 0;
    line-height: 1.3;
    padding: 20px 10px;
    font-weight: bold;
}
a:hover .LinkButton,
    a:focus .LinkButton {
        color: #014066;
        color: var(--color-blue);
        background-color: #fff;
        opacity: 1;
}
.LinkButton svg {
        position: absolute;
        top: 50%;
        right: 5%;
        z-index: 1;
        width: 0.4em;
        transform: rotate(0) translateY(-50%);
        transform-origin: top left;
    }
#cus_club{
    background: #d9e4ee;
     overflow: hidden;
     margin: 0 0 0;
     padding-bottom: 4rem;
     padding-top: 4rem;
 }

.cus_club_block01{
    padding: 0.1rem 1.5rem 2rem;
    margin: 1rem;
}
.cus_club_block01 dl{
    margin: 0 2rem 1.5rem;
}
.cus_club_block01 dl dt img{
    width: 85%;
    margin: 0 auto -1.5rem;
}

#cus_club .lst__note{
    margin: 3rem 0 2rem;
    padding: 0 5.5%;
    width: auto;
}
#introduce .lst__note{
    margin: 3rem 0 2rem;
    padding: 0 20px 20px;
    width: auto;
}
#cus_club .lst__note li, #introduce .lst__note li{
    padding-left: 16px;
    padding-left: 2rem;
    text-indent: -16px;
    text-indent: -1rem;
}
#cus_club .kounyu .LinkButton{
    background-color: #8e7b31;
    border: 1px solid #8e7b31;
}
#cus_club .kounyu .LinkButton:hover,
#cus_club .kounyu .LinkButton:focus {
    color:  #8e7b31;
    color: #8e7b31;
    background-color: #fff;
    opacity: 1;
}
#ProudMaster{
	background: #fff;
    overflow: hidden;
    /*margin: 0 0 20px;*/
    padding-bottom: 4rem;
    /*padding-top: 4rem;*/
}
.Proud_block01{ margin:0 1rem;}
.Proud_block01 img{ margin-bottom:1rem;}
.Proud_block01 p{text-align: center;}

#Customer{
    /*background: #d9e4ee;*/
    overflow: hidden;
     margin-bottom: 5rem;
    padding-bottom: 4rem;
}
.Customer_block01{margin: 0 1rem;}
.Customer_block01 .section_title{
    font-weight: normal;
    padding: 0 0 0.6rem;
    border-bottom: 2px solid #004066;
}

.blk__select-field {
    margin: 0 auto 0;
    overflow: hidden;
}

.form_title {
    background-color: #004066;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    font-size: 5vw;
    font-weight: bold;
}
.form_title span{
    color: #b30b16;
    font-size: 5vw;
    background: #fff;
    display: inline-block;
    margin-bottom: 8px;
    font-weight: bold;
    padding: 0.2rem 0.2rem;
}
.form_field {
    padding: 4.67vw 5.0666vw 4vw;
    background-color: #fff9e1;
}

.form_field li {
    position: relative;
    width: 80vw;
    height: 10.6666vw;
    margin: 0 0 4.2666vw;
    padding: .4vw;
    background: #b7b6b6;
}

.form_field li:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 4vw;
    width: 2vw;
    height: 2vw;
    border-bottom: .4vw solid #000;
    border-left: .4vw solid #000;
    transform: rotate(-45deg) translate(50%,-50%)
}

.form_field li:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -9.67vw;
    width: 7.5vw;
    height: 7.5vw;
    background-image: url(../img/cv_check_off.png),url(../img/cv_check_on.png);
    background-repeat: no-repeat,no-repeat;
    background-position: center center,center center;
    background-size: 100% 100%,0 0;
    transform: translate(0,-50%);
}

.form_field li.is-success:after {
    background-image: url(../img/cv_check_on.png),url(../img/cv_check_off.png)
}

.form_field li:not(.is-disabled):not(.is-success) {
    background: #a77d09;
    -ms-animation-name: pulse;
    -ms-animation-duration: .6s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-direction: alternate;
    -ms-animation-delay: 0s;
    -webkit-animation-name: pulse;
    -webkit-animation-duration: .6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0s;
    -moz-animation-name: pulse;
    -moz-animation-duration: .6s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-direction: alternate;
    -moz-animation-delay: 0s;
}

.form_field li select {
    width: 100%;
    height: 100%;
    padding: 0 3.3333vw;
    background: #fff;
    border: none;
    border-radius: 0;
    font-weight: 700;
    font-size: 4.27vw;
    font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    cursor: pointer
}

select::-ms-value {
    background: 0 0;
    color: #000
}

::-ms-expand {
    display: none
}

.form_field select[disabled] {
    cursor: not-allowed
}

.form_field li option {
    font-weight: 500
}

.__assessment {
    position: relative;
    margin: 10vw 0 0;
}

.__assessment:before {
    content: "";
    position: absolute;
    top: -6.67vw;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 4vw solid #e3c750;
    border-left: 6.67vw solid rgba(255,255,255,0);
    border-right: 6.67vw solid rgba(255,255,255,0);
    transform: translate(-50%,0);
}

.btn__assessment {
    display: block;
    width: 78.6666vw;
    height: 14vw;
    margin: 0 auto;
    padding: 0;
    background: #d00000;
    text-align: center;
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 5.2vw;
    opacity: 1;
}
.btn__assessment:hover{  background: #ff2e2e;}

.btn__assessment:disabled {background: #929292;}

.btn__assessment:disabled:hover{ cursor: not-allowed}

#selectTemplate {
    display: none
}

@-ms-keyframes pulse {
    0% {
        background: #b41d12
    }

    100% {
        background: #c59f39
    }
}

@-webkit-keyframes pulse {
    0% {
        background: #b41d12
    }

    100% {
        background: #c59f39
    }
}

@-moz-keyframes pulse {
    0% {
        background: #b41d12
    }

    100% {
        background: #c59f39
    }
}
#floting{
    position:fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    background: #fff;
    border-top: 1px solid #e2e2e2;
}
#floting .form_title span{
    background: #b30b16;
    color: #fff;
    padding: 0.2rem 0.5rem 0;
    font-size: 1.2rem;
    margin: 0 0.5rem 0 0;
    display: inline-block;
}
#floting .form_field{max-width: 1000px;margin: 0 auto;background: none;padding: 1rem 0;}
#floting .form_field ul{
    padding-left: 2vw;
}
#floting .form_field ul li{
    width: 38%;
    height: 9vw;
    float: left;
    margin: 0 10vw 3vw 0;
}
#floting  .form_field li select{
    font-size: 3.5vw;
}

#floting .blk__select-field{
    width: 100%;
    margin: 0;
}
#floting .form_title{
    background: none;
    color: #242424;
    margin: 0 auto;
    font-size: 3.5vw;
    line-height: 1.3;
    padding: 2vw 0 0;
}
#floting .__assessment{
    float: left;
    width: 50%;
    margin: 0;
}
#floting .__assessment:before{ content: none;}

#floting  .btn__assessment{width: auto;height: 10vw;font-size: 4.5vw;padding: 0 6vw;margin: 0;}

.blk__select-field .dial{
    font-size:3.5vw;
}
.blk__select-field .dial .ttl{
    width: auto;
    text-align: center;
}
.blk__select-field .dial dt{
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: center;
     -ms-flex-pack: justify;
     justify-content: center;
     align-items: center;
}
.blk__select-field .dial .ttl{
    font-weight: bold;
}
.blk__select-field .dial .tel{
    font-weight: bold;
    text-decoration: none;
    color: #b3101a;
}
.blk__select-field .dial .day{
    font-weight: bold;
}
@media (max-width: 750px) {
    .el_pc {
        display:none
    }
    #ProudMaster {
        padding-top: 4rem;
    }
    .Proud_block01 p {
        text-align: left;
    }
}
p.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}
.mb00{margin-bottom: 0 !important}

@media (min-width: 751px) {
    .el_sp {
        display:none
    }
    body{ padding-bottom: 19rem !important;}

    .header_wrapper {
        width: 95.24vw;
        height: 6.48vw;
        margin: 0 auto;
        padding: 0
    }
    .header_logo {
        width: 17vw;
    }

    #mv {
      max-width: 1000px;
      margin: 0 auto;
    }
     #mv table th{
       width: 25%;
   } 
   .section_txt{
        margin: 0 auto;
        max-width: 1000px;
        width: 95vw;
     }
   .section_title{
        margin: 9.52vw auto 4.29vw;
        font-size: 2.5rem;
        line-height: 1.1;
   }
    .titleBalloon {
        margin: 0 auto 1.86vw;
        font-size: 1.9rem;
    }
     .LinkButton:hover {
            color: #004066;
            background-color: #fff;
        }
    .LinkButton {
        font-size: 0.9rem;
    }
    .LinkButton {
        max-width: 400px;
        width: 100%;
        padding: 1.7rem 2rem 1.7rem 1rem;
        margin-top: 30px;
        line-height: 1.71;
        font-size: 1.5rem;
    }
    .lst__note li{font-size: 1.7rem;line-height: 1.4;margin: 0 0 0.3rem;}
    
     .cus_club_block01{
      width: 95vw;
      margin: 0 auto;
     }
   .cus_club_block01 .inr{
      display: flex;
      justify-content: space-between;
     }
     #cus_club .lst__note li, #introduce .lst__note li{ font-size: 1.6rem;}
     
   .Proud_block01{
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 95vw;
      margin: 0 auto;
     }
    .Proud_block01 img{ width:48%;}
    .Proud_block01 p{width:50%;text-align: left;}

     .Customer_block01 .section_title{
       margin: 5rem auto 1rem;
       font-size: 2.2rem;
       width: 80%;
     }
     
    .lst__note{width: 95vw;margin: 0 auto 2rem;}
    
    .form_title{
        font-size: /*3vw*/2.5vw;
			  padding-top: 19px;
			  margin-bottom: 40px;
    }
    .form_title span{
        font-size: 2.5vw;
        display: inline-block;
        margin-right: 10px;
    }
    .form_field {
        padding: 1.9vw 0;
        display: -webkit-box;/*--- Androidブラウザ用 ---*/
        display: -ms-flexbox;/*--- IE10 ---*/
        display: -webkit-flex;/*--- safari（PC）用 ---*/
        display: flex;
        width: 100%;
    }

    .form_field ul {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 75%;
    }

    .form_field li {
        width: 20vw;
        height: 5.71vw;
        margin: 0 5vw 0 .95vw;
        padding: .19vw;
    }

    .form_field li:before {
        right: 1.43vw;
        width: .95vw;
        height: .95vw;
        border-bottom: .29vw solid #000;
        border-left: .29vw solid #000;
        transform: rotate(-45deg) translate(50%,-50%)
    }

    .form_field li:after {
        right: -4.24vw;
        width: 3.5vw;
        height: 3.5vw;
    }

    .form_field li select {
        padding: 0 1.9vw;
        font-size: 1.9vw;
    }

    .__assessment {
        margin: 0;
        position: static;
    }

    .__assessment:before {
        /* top: -3.62vw; */
        /* border-top: 2.38vw solid #87a3bc; */
        /* border-left: 4.29vw solid rgba(255,255,255,0); */
        /* border-right: 4.29vw solid rgba(255,255,255,0) */
        content: none;
    }

    .btn__assessment {
        height: auto;
        font-size: 2.2vw;
        width: auto;
        padding: 10px;
    }

    .btn__assessment:disabled {
    }

    #floting .form_title{
    font-size: 2.5vw;
    }
    #floting .form_field{display: block;}
    #floting .form_field ul{
    width: 100%;
    display: block;
    }
    #floting .form_field ul li{
    width: 42%;
    height: 6vw;
    margin: 0 5vw 2vw 0;
    }
    #floting .form_field li select{font-size: 2.5vw;}
    #floting .btn__assessment{
    font-size: 3vw;
    height: 6.5vw;
    width: 100%;
    }
    .blk__select-field .dial{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
    }
   .blk__select-field .dial .ttl{font-size: 2.3vw;}
   .blk__select-field .dial .tel{font-size: 2.7vw;margin: 0 0.5vw;}
   .blk__select-field .day{font-size: 2vw;}
}

@media (min-width: 1050px) {
     body{ padding-bottom: 10rem !important;}
 
    .header_wrapper {
        width: 1000px;
        height: 68px
    }
    .header_logo {
        width: 153px;
    }

    .mv_title {
        max-width: 1000px;
        margin: 0 auto;
    }
    .section_title{
         margin: 80px auto 40px;
         font-size: 3rem;
     }
    .txt{
       font-size: 1.8rem;
    }
    .section_txt{
       font-size: 1.8rem;
    }
    .titleBalloon {
        margin: 0 auto 10px;
        font-size: 2.5rem;
    }
    .LinkButton{
        font-size: 1.7rem;
    }
    #cus_club .section_title{ margin-top: 4rem;}
    
    .cus_club_block01{
        margin: 0 auto;
        padding-bottom: 3rem;
        max-width: 1000px;
			background-color: #fff;
        /*background: url(../img/pc_img_bg_cus.gif) ,url(../img/pc_img_bg_cus02.gif) ,#fff;
        background-repeat:no-repeat;
        background-position:center top , center bottom;
        background-size: contain;*/
     }
     .cus_club_block01 .inr{width: 700px;margin: 0 auto;}
     .cus_club_block01 dl dt img{ width: 100%;}
     #cus_club .lst__note li{font-size: 1.4rem;width: 80%;margin: 0 auto 0;line-height: 1.6;}
      #introduce .lst__note li{font-size: 1.4rem;width: 100%;margin: 0 auto 0;line-height: 1.6;}

   .Proud_block01{
    max-width: 1000px;
    margin: 0 auto;
     }
     .Customer_block01{
        max-width: 1000px;
        margin: 0 auto;
     } 
    .Customer_block01 img{
      max-width: 775px;
      margin: 1rem auto 0;
    } 
    .Customer_block01 .section_title{width: 350px;}
         
    .form_title{
        font-size: 2.2rem;
        padding: /*14px*/25px 0 /*5px*/17px;
    }
    .form_title span{
        font-size: 1.8rem;
    }
    .blk__select-field {
        width: 1000px;
        margin: 0 auto /*80px*/;
    }

    .form_field {
        padding: 20px 0
    }

    .form_field li {
        width: 210px;
        height: 50px;
        margin: 0 50px 0 10px;
        padding: 2px;
    }

    .form_field li:before {
        right: 15px;
        width: 10px;
        height: 10px;
        border-bottom: 3px solid #000;
        border-left: 3px solid #000
    }

    .form_field li:after {
        right: -40px;
        width: 35px;
        height: 35px;
    }

    .form_field li select {
        padding: 0 20px;
        font-size: 18px;
    }

    .__assessment {
        /* margin: 50px 0 0; */
        width: 220px;
    }
    .btn__assessment {
        font-size: 22px;
    }
    #floting .form_title{
       font-size: 1.6rem;
       display: -webkit-box;
       display: -ms-flexbox;
       display: -webkit-flex;
       display: flex;
       justify-content: center;
       padding: 1vw 0 0;
       max-width: 1000px;
    }
    #floting .form_title span{
    padding: 0.4rem 0.5rem 0;
   }
    
    .blk__select-field .dial{
    border-left: 1px solid lightgrey;
    padding-left: 0.5rem;
    margin-left: 0.5rem;
    }
   .blk__select-field .dial .ttl{font-size: 1.6rem;}
   .blk__select-field .dial .tel{font-size: 1.7rem;}
   .blk__select-field .day{font-size: 1.3rem;}
    #floting .form_field ul{
    padding: 0;
    }
    #floting .form_field ul li{
    width: 19%;
    height: 44px;
    margin: 0 4.5rem 2rem 0;
    }
    #floting .form_field li select{
    font-size: 1.8rem;
   }
   #floting .__assessment{
    width: 23%;
    margin-left: 2rem;
    }
   #floting .btn__assessment{
    font-size: 2.2rem;
    height: 44px;
    padding: 0 0;
    }
}
/*20210714add*/
.d-in-b{
	display: inline-block;
}
.container {
    width: 950px;
    margin: auto;
    position: relative;
}
.container .section_title {
    margin: 40px auto;
}
#support{
    background: #d9e4ee;
    overflow: hidden;
     margin-bottom: 5rem;
    padding-bottom: 4rem;
}
.support_service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4rem 0;
    margin: 0 auto;
}
.support_service dl {
    /*width: 32%;*/
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
	/*border: #d8e5ee 2px solid;*/
}
.support_service dl dt img {
    width: 100%;
}
.clearfix {
    display: block;
	  line-height: 2.4rem;
    *zoom: 1;
}
.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.support_service dl dd span {
  display: block;
	color: #004066;
	font-weight: 600;
  margin: 8px 0;
	font-size: 1.8rem;
}
.support_service .txt_link {
    float: right;
    position: relative;
    padding-left: 1.5rem;
	  color: #1565c0;
    text-decoration: none;
}
.support_service .txt_link:hover {
    text-decoration: underline;
}
/*.support_service .txt_link:before {
    font-family: nomucom!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.support_service .txt_link:before {
    content: "\e315";
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 28px;
    height: 1.75rem;
    margin: auto;
    color: #f8b634;
}*/
.support_service .txt_link::before {
	content: "";
	display: inline-block;
  width: 10px;
  height: 10px;
	border-top: solid 2px #014066;
  border-right: solid 2px #014066;
  transform: rotate(45deg);
	margin-right: 5px;
}
.support_txt{
   font-size: 2rem;
   line-height: 1.6;
   margin: 4rem 1rem 1.5rem;
	 padding: 1.1rem;
   text-align: center;
	color: #fff;
	background-color: #014066;
}
@media only screen and (min-width:751px) and ( max-width:950px) {
.container {
    width: 95%;
}
}
@media screen and (max-width: 750px){
.container {
    width: 95%;
}
.support_service {
	padding: 1rem 0 1rem;
  display: block;
}
#support .section_title{
		line-height: 1.5;
	}
.support_service dl {
    width: auto;
    margin: 15px;
}	
	.clearfix p {
		font-size: 1.6rem;
	}
}
/*20220523add*/
.step_inner .banner {
	max-width: 620px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 40px;
}
.step_inner .heading {
	margin: 50px 0 15px;
}
.center {
	padding-top: 50px;
	padding-bottom: 20px;
	font-size: 1.2em;
    text-align: center;
}
.underline {
    border-bottom: 1px solid #333;
    display: inline-block;
    line-height: 1.2;
	padding: 0 7px 7px;
}
#introduce {
	margin-bottom: 70px;
}
#introduce .step_inner {
    margin: 0 auto;
    max-width: 730px;
    width: calc(100% - 2rem);
}
#introduce .y_line {
	font-size: 1.8em;
    font-weight: bold;
    border-bottom: 5px solid #fcd13e;
    padding-bottom: 6px;
    margin-top: 50px;
}
#introduce .intro {
	  display: flex;
    padding: 20px 0;
}
#introduce .intro02 {
  padding: 20px 0;
}
#introduce .intro_inner {
	  width: 90%;
}
#introduce .intro02_inner {
    width: 85%;
}
#introduce .intro_inner p {
	font-size: 1.4em;
    line-height: 1.6;
    margin: 0 0 10px;
}
#introduce .intro02_inner p {
	font-size: 1.4em;
    line-height: 1.6;
    margin: 0 0 10px;
}
#introduce .intro_inner figure {
	padding: 10px 30px 0;
    width: 70%;
}
#introduce .intro02_inner figure {
	padding: 10px 0 0;
    width: 70%;
}
#introduce .intro_inner.second figure {
    width: 100%;
}
#introduce .intro02_inner.second figure {
    width: 100%;
}
#introduce .button {
	padding: 20px;
    width: 100%;
}
#ProudMaster .Proud_block01 {
	max-width: 100%;
}
@media screen and (max-width: 750px){
	.step_inner .banner {
        max-width: 85%;
    }
	.step_inner .heading {
        margin: 50px 0 5px;
    }
    #cus_club {
        margin: 1.5rem 0 0;
    }
    .cus_club_block01 {
        background: #ffffff;
        margin: 0 2rem;
        padding: 0.1rem 2rem 2rem;
    }
	.cus_club_block01 dl{
        margin: 0 0 3.5rem;
    }
    .cus_club_block01 dl dt img {
        width: 100%;
    }
    #cus_club .lst__note, #introduce .lst__note {
        padding: 0;
        margin: 1.5rem 0 0;
    }
    #introduce .y_line {
        font-size: 1.6em;
        margin-top: 15px;
        text-align: center;
    }
	#introduce .intro {
	    flex-wrap: wrap;
		justify-content: center;
        padding: 20px 0;
    }
	#introduce .intro_inner {
        text-align: center;
        width: 100%;
    }
    #introduce .intro02_inner {
        text-align: center;
        width: 100%;
    }
    #introduce .reverse_col_sp {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    #introduce .reverse_col_sp figure {
        order: 0;
        margin:  0 auto 25px !important;
    }
	#introduce .intro_inner figure {
        margin: 0 auto;
    }
    #introduce .intro02_inner figure {
        margin: 0 auto;
    }
	#introduce .intro_inner.second figure {
        padding-top: 15px;
    }
    #introduce .intro02_inner.second figure {
        padding-top: 15px;
    }
}
.note_txt {
	padding-top: 10px;
	text-align: center;
	line-height: 1.6;
}
.f_lst__note {
    border-top: 1px solid #e2e2e2;
    padding-top: 2rem;
    margin: 2rem 0;
}
@media screen and (max-width: 750px){
.note_txt {
	padding: 10px 15px 0 25px;
	text-align: left;
	line-height: 1.6;
	text-indent: -0.5em;
}
}
/*20240809add*/
.pos_link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.support_service .item {
    width: 32%;
    /*border: #d9e4ee 2px solid;
    padding: 10px;*/
    box-sizing: border-box;
    position: relative;
    transition: all .3s ease-in;
		background: #fff;
}
.LinkButton_head {
	  text-align: center;
    font-size: 1.5em;
    line-height: 1.6;
		 margin-top: 70px;
}
.LinkButton_head .LBhead {
	  display: inline-block;
    padding: 2px 50px 0;
    color: #fff;
    background-color: #e1818c;
    border-radius: 10px;
    margin-bottom: 15px;	
}
.LinkButton_head .LBinner {
	  font-weight: 600;
}
@media screen and (max-width: 750px){
.support_service .item {
	width: 100%;
	padding: 10px;
	margin-bottom: 3rem;
}
}