@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);
@charset "utf-8";

/* LP共通（PC表示） */
@media screen and (min-width: 768px) {
    /*============================
    取扱商品
    ============================*/
    #product {
    }
    #product .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #product .wrap {
        width: 1000px !important;
        margin: 0 auto;
    }
    #product .wrap .product_area {
        padding: 20px 40px;
        box-sizing: border-box;
        width: 100%;
        background: #fff;
        -webkit-box-shadow: 0px 1.61319px 4.03297px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 1.61319px 4.03297px 0px rgba(0, 0, 0, 0.15);
        position: relative;
    }
    #product .wrap .product_area .status_label {
        background: #30707f;
        color: #fff;
        display: table;
        padding: 10px 20px;
        position: absolute;
        top: 0px;
        right: 0px;
    }
    #product .wrap .product_area h3 {
        font-weight: 700;
        font-size: 22px;
        padding: 10px 0;
    }
    .fund_list01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 5px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 4px;
      }
      .fund_list01 > .tag {
        padding: 3px 11px;
        display: inline-block;
        font-size: 10px;
        border-radius: 4px;
        border: 1px solid #333;
        background: white;
      }
      .fund_list01 > .tag:first-child {
        background-color: #333;
        color: #fff;
        border-radius: 0;
      }
    #product .wrap .product_area .pruduct_img img {
        width: 100%;
    }

}

/* LP共通（SP表示） */
@media screen and (max-width: 767px) {
    /*============================
    取扱商品
    ============================*/
    #product {
    }
    #product .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding:40px 0;
        text-align: center;
    }
    #product .wrap {
        margin: 0 auto;
    }
    #product .wrap .product_area {
        padding: 20px 10px;
        box-sizing: border-box;
        width: 96%;
        margin: 0 auto;
        background: #fff;
        -webkit-box-shadow: 0px 1.61319px 4.03297px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 1.61319px 4.03297px 0px rgba(0, 0, 0, 0.15);
        position: relative;
    }
    #product .wrap .product_area .status_label {
        background: #30707f;
        color: #fff;
        display: table;
        padding: 10px;
        font-size: 14px;
        position: absolute;
        top: 0px;
        right: 0px;
    }
    #product .wrap .product_area h3 {
        font-weight: 700;
        font-size: 1.1rem;
        padding: 10px 0;
    }
    .fund_list01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 5px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 4px;
      }
      .fund_list01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 5px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 8px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding-right: 80px;
      }
      .fund_list01 > .tag {
        padding: 3px 0px;
        display: inline-block;
        font-size: 10px;
        border-radius: 4px;
        line-height: 1;
        border: 1px solid transparent;
        background: white;
      }
      .fund_list01 > .tag:first-child {
        background-color: #333;
        color: #fff;
        padding: 3px 8px;
        border-radius: 0;
      }
    #product .wrap .product_area .pruduct_img img {
        width: 100%;
    }

}
@charset "utf-8";

/* 2023.07 口座開設LP（共通・基本設定） */

/* フォント設定 */
body#digital { font-family: Hiragino Kaku Gothic Pro; }
#digital .bold { font-weight: 700;}

/* テキスト基本カラー */
body#digital { color: #111 }
#digital a:link { color: #00A4B0; text-decoration: underline;}
#digital a:visited { color: #00A4B0; text-decoration: underline;}
#digital a:hover { color: #00A4B0; text-decoration: none;}
#digital a:active { color: #111; text-decoration: none;}
#digital a { transition: .7s; }

/* フォントサイズ */
body#digital { font-size: 16px; line-height: 1.5em; letter-spacing: 0.06em; }

/* PCとSPの出し分け */
@media screen and (min-width: 901px) {
	#digital .sp { display: none !important; }
}
@media screen and (max-width: 900px) {
	#digital .pc { display: none !important; }
}

/* 全体の幅 */
#digital main , #digital header , #digital footer { width: 100%; margin: 0 auto; }

/* スクロール設定 */
html{ scroll-behavior: smooth; }

/* スクロールバーを非表示 */
body#digital {
	overflow-x: hidden;
}

/* エフェクト */
/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
#digital .scroll_up {
	transition: 0.8s ease-in-out;
	transform: translateY(30px);
	opacity: 0;
  }
  #digital .scroll_up.on {
	transform: translateY(0);
	opacity: 1.0;
  }
  
  /*----------------------------
  scroll_left ｜左から出現
  ----------------------------*/
  #digital .scroll_left {
	  -webkit-transition: 0.8s ease-in-out;
	  -moz-transition: 0.8s ease-in-out;
	  -o-transition: 0.8s ease-in-out;
	  transition: 0.8s ease-in-out;
	  transform: translateX(-30px);
	  opacity: 0;
	  filter: alpha(opacity=0);
	  -moz-opacity: 0;
  }
  #digital .scroll_left.on {
	  opacity: 1.0;
	  filter: alpha(opacity=100);
	  -moz-opacity: 1.0;
	  transform: translateX(0);
  }
  
  /*----------------------------
  scroll_right ｜右から出現
  ----------------------------*/
  #digital .scroll_right {
	  -webkit-transition: 0.8s ease-in-out;
	  -moz-transition: 0.8s ease-in-out;
	  -o-transition: 0.8s ease-in-out;
	  transition: 0.8s ease-in-out;
	  transform: translateX(30px);
	  opacity: 0;
	  filter: alpha(opacity=0);
	  -moz-opacity: 0;
  }
  #digital .scroll_right.on {
	  opacity: 1.0;
	  filter: alpha(opacity=100);
	  -moz-opacity: 1.0;
	  transform: translateX(0);
  }

  /*----------------------------
	scroll_fade ｜その場で表示
  ----------------------------*/
  #digital .scroll_fade {
	transition: 3s ease-in-out;
	opacity: 0;
  }
  #digital .scroll_fade.on {
	opacity: 1.0;
  }

  /*----------------------------
  表示タイミングをずらす
  ----------------------------*/
	#digital .timing02 {transition-delay: .2s !important;}
	#digital .timing03 {transition-delay: .4s !important;}
	#digital .timing04 {transition-delay: .6s !important;}
	#digital .timing05 {transition-delay: .8s !important;}

  /*----------------------------
  fadein｜スクロールなしでフェードイン
  ----------------------------*/
  #digital .fadein {
	animation-name:fadeInAnime;
	animation-duration:3s;
	animation-fill-mode:forwards;
	opacity:0;
	}
	
	@keyframes fadeInAnime{
	  from {
		opacity: 0;
	  }
	
	  to {
		opacity: 1;
	  }
    }
    
  /*----------------------------
  フローティング用フェードイン
  ----------------------------*/
  .elm {
    transition: 0.8s;
    opacity: 0;
    z-index:-1;
  }

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

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

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

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

hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img {
	object-fit: contain;
	-ms-interpolation-mode: bicubic;
    width: auto;
    height: auto;
}

.margin-top40{
  margin-top: 40px;
}

.account_btn{
  background-color: #fff;
  width: 100%;
  padding: 20px 0;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .account_btn img{
    width: 90%;
  }
}


.top_account_btn{
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .top_account_btn img{
    width: 90%;
  }
}

@charset "utf-8";

/* 2023.11 口座開設LP（PC表示） */
@media screen and (min-width: 901px) {

    header{
        width: 100%;
        border-top: #30707F solid 22px;
        box-sizing: border-box;
        padding: 10px 0 10px 0;
    }

    .logo {
        padding-left: 20px;
    }
    .logo img {
        width: 15%;
    }
    
    /*============================
    #mv
    ============================*/
    #mv {
        background: linear-gradient(180deg, #EEE 0.19%, #FFF 17.71%, #FFF 74.61%, rgba(224, 224, 224, 0.66) 92.77%);
        padding: 60px 0 120px 0;
        box-sizing: border-box;
        height: 460px;
    }
    #mv .wrap {
        width: 1000px;
        margin: 0 auto;
        display: flex;
        align-items: center;
    }
    #mv .wrap .copy {
        width: 680px;
        font-size: 50px;
        font-weight: bold;
    }
    #mv .wrap .copy h1 {
    }
    #mv .wrap .copy h1 span {
        font-weight: bold;
        font-size: 74px;
        line-height: 2;
    }
    #mv .wrap .copy h1 span.blue {
        color: #037CB8;
    }
    #mv .wrap .copy h1 span.orange {
        color: #FD8026;
    }
    #mv .wrap .copy h1 p {
        font-weight: bold;
        line-height: 1.7;
        text-align: center;
    }
    #mv .wrap .copy h1 p:nth-of-type(1) {
        font-size: 46px                                                                                                                                 ;
    }
    #mv .wrap .copy h1 p:nth-of-type(2) {
        font-size: 30px;
    }
    #mv .wrap .copy .disclaimer {
        font-size: 12px;
        line-height: 1.4;
        text-align: center;
        margin-top: 30px;
    }
    #mv .wrap .img {
        width: 320px;
    }

    /*============================
    #documents_area
    ============================*/
    #documents_area {
        background-image: radial-gradient(rgba(0, 164, 176, 0.30) 20%, transparent 20%);
        background-size: 10px 10px;
        padding: 0 0 40px 0;
    }
    #documents_area .wrap {
        width: 920px;
        margin: 0 auto;
    }
    #documents_area .wrap .documents {
    }
    #documents_area .wrap .documents .img img {
        margin-top: -80px;
        width: 100%;
    }
    #documents_area .wrap .documents .img .disclaimer {
        font-size: 13px;
    }
    #documents_area .wrap .about {
        display: flex;
        margin-top: 100px;
    }
    #documents_area .wrap .about .about_left {
        width: 640px;
        text-align: center;
        font-size: 35px;
        font-weight: 700;
    }
    #documents_area .wrap .about .about_left h2 {
        font-size: 35px;
        font-weight: 700;
    }
    #documents_area .wrap .about .about_left .img_area {
        margin-top: 50px;
    }
    #documents_area .wrap .about .about_left .img_area ul {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    #documents_area .wrap .about .about_left .img_area ul li {
        width: 175px;
    }
    #documents_area .wrap .about .about_left .img_area ul li:nth-child(2) {
        width: 215px;
    }
    #documents_area .wrap .about .about_left .img_area ul li img {
        width: 100%;
    }
    #documents_area .wrap .about .about_right {
        width: 280px;
    }
    #documents_area .wrap .about .about_right img {
        margin-left: 80px;
    }
    .arrow {
        margin: 160px 0;
        text-align: center;
        font-size: 30px;
        font-weight: 600;
    }
    .arrow h2 {
        font-size: 35px;
        font-weight: 700;
    }
    .arrow .img {
        margin-top: 30px;
    }
    .arrow .img img {
        width: 560px;
    }
    
    /*============================
    #recommendation
    ============================*/
    #recommendation {
        background-color: #F7F7F7;
        border-radius: 100px 0 0 0;
        padding-bottom: 75px;
        margin-left: 50px;
        padding-right: 50px;
    }
    #recommendation .wrap {
        width: 1000px;
        margin: 0 auto;
    }
    #recommendation .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #recommendation .wrap .block_area {
    }
    #recommendation .wrap .block_area ul {
        display: flex;
        justify-content: space-between;
    }
    #recommendation .wrap .block_area ul li {
        width: 225px;
        height: 225px;
        background-image: url(/assets/img/bg_check_point.32006efe.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        box-sizing: border-box;
        padding: 70px 30px 10px 30px;
        color: #333;
        font-size: 18px;
        font-weight: 700;
    }
    #recommendation .wrap .block_area ul li span {
        color: #30707F;
    }
    .bg_img {
        background-image: url(/assets/img/bg_digital_image_v2.bf4fb947.webp);
        background-size: 100% ;
        background-repeat: no-repeat;
    }
    .heading_txt {
        text-align: center;
        line-height: 1.6;
        width: 1000px;
        margin: 0 auto;
        padding: 100px 0;
    }
    .heading_txt h2 {
        font-size: 35px;
        font-weight: 700;
    }
    
    /*============================
    #features
    ============================*/
    #features {
        background-color: #F7F7F7;
        border-radius: 0 100px 0 0;
        padding-bottom: 75px;
        margin-right: 50px;
        padding-left: 50px;
    }
    #features .wrap {
        width: 1000px;
        margin: 0 auto;
    }
    #features .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #features .wrap dl {
        background-image: url(/assets/img/bg_green_gradation.34491033.svg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 176px;
        display: flex;
        align-items: center;
        margin-bottom: 30px;
    }
    #features .wrap dl dt {
        font-size: 40px;
        width: 150px;
        padding-left: 50px;
    }
    #features .wrap dl dd {
        padding: 0 60px 0 100px;
        box-sizing: border-box;
    }
    #features .wrap dl dd p:nth-child(1) {
        font-size: 25px;
        margin-bottom: 20px;
        font-weight: 600;
    }
    #features .wrap dl dd p:nth-child(1) span {
        font-weight: 600;
        background-color: #EAFC19;
    }
    #features .wrap dl dd p:nth-child(2) {
        font-size: 18px;
    }
    
    /*============================
    #merchandise
    ============================*/
    #merchandise {
    }
    #merchandise .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #merchandise .wrap {
        width: 960px;
        margin: 0 auto 100px auto;
    }
    #merchandise .wrap dl {
        display: flex;
        align-items: stretch;
        margin-top: 30px;
    }
    #merchandise .wrap dl dt {
    }
    #merchandise .wrap dl dt img {
        width: 470px;
        height: 407px;
    }
    #merchandise .wrap dl dd {
        background-image: url(/assets/img/bg_circle_image.8f244881.svg);
        background-repeat: no-repeat;
        box-sizing: border-box;
        padding: 128px 0 0 60px;
        font-size: 30px;
        line-height: 1.5;
        font-weight: 700;
    }
    #merchandise .wrap dl dd .min {
        font-size: 13px;
        font-weight: normal;
        margin-top: 20px;
    }
    
    /*============================
    #commercialization
    ============================*/
    #commercialization {
        background-color: #F7F7F7;
        border-radius: 100px 0 0 0;
        padding-bottom: 75px;
        margin-left: 50px;
        padding-right: 50px;
    }
    #commercialization .wrap {
        width: 1000px;
        margin: 0 auto;
    }
    #commercialization .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #commercialization .wrap .text {
        font-size: 18px;
    }
    #commercialization .wrap .img_area {
        display: flex;
        justify-content: space-between;
        margin: 70px 0 120px 0;
    }
    #commercialization .wrap .img_area dl {
        width: 220px;
    }
    #commercialization .wrap .img_area dl dt {
    }
    #commercialization .wrap .img_area dl dt img {
        width: 100%;
    }
    #commercialization .wrap .img_area dl dd {
        font-size: 16px;
        font-weight: 700;
        text-align: center;
    }

    #commercialization .wrap .about_area {
    }
    #commercialization .wrap .about_area h3 {
        font-size: 30px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 30px;
    }
    #commercialization .wrap .about_area .img {
    }
    
    /*============================
    #merit
    ============================*/
    #merit {
        background-color: #F7F7F7;
        border-radius: 0 100px 0 0;
        padding-bottom: 75px;
        margin-right: 50px;
        padding-left: 50px;
        margin-top: 100px;
    }
    #merit .wrap {
        width: 1000px;
        margin: 0 auto;
    }
    #merit .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #merit .wrap .point_area {
        margin-top: 50px;
    }
    #merit .wrap .point_area ul {
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px;
    }
    #merit .wrap .point_area ul li {
        background: #30707F;
        border-radius: 15px;
        color: #fff;
        padding: 20px 40px;
        display: table;
        font-size: 30px;
        font-weight: 300;
    }
    #merit .wrap .point_area .detail {
        display: flex;
        justify-content: space-between;
    }
    #merit .wrap .point_area .detail dl {
        width: 250px;
        box-sizing: border-box;
        border-right: #D9D9D9 solid 1px;
        padding: 0 30px;
    }
    #merit .wrap .point_area .detail dl:last-child {
        border-right: none;
    }
    #merit .wrap .point_area .detail dl dt {
        text-align: center;
        color: #30707F;
        font-size: 18px;
        font-weight: 600;
        height: 110px;
    }
    #merit .wrap .point_area .detail dl dt p {
        height: 72px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #merit .wrap .point_area .detail dl dt p img {
    }
    #merit .wrap .point_area .detail dl dd {
        font-size: 18px;
    }
    
    /*============================
    #start
    ============================*/
    #start {
    }
    #start .wrap {
        margin: 0 auto;
    }
    #start .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #start .wrap .img_area {
        display: flex;
        align-items: center;
    }
    #start .wrap .img_area .img {
        width: 50%;
        position: relative;
    }
    #start .wrap .img_area .img img {
        width: 100%;
        margin-left: calc(100% - 50vw);
    }
    #start .wrap .img_area .flow {
        width: 50%;
        display: flex;
        padding: 100px 0;
    }
    #start .wrap .img_area .flow .flow_img {
        width: 155px;
        padding-top: 10px;
    }
    #start .wrap .img_area .flow .flow_img img {
        width: 100%;
    }
    #start .wrap .img_area .flow .flow_text {
        font-size: 18px;
        line-height: 1.7;
        padding: 0 0 0 40px;
    }
    #start .wrap .img_area .flow .flow_text ul {
    }
    #start .wrap .img_area .flow .flow_text ul li:nth-of-type(1) {
        margin-bottom: 25px;
    }
    #start .wrap .img_area .flow .flow_text ul li:nth-of-type(2) {
        margin-bottom: 16px;
    }
    #start .wrap .img_area .flow .flow_text ul li:nth-of-type(3) {
        margin-bottom: 35px;
    }
    #start .wrap .img_area .flow .flow_text ul li span {
        background-color: #EAFC19;
    }
    
    /*============================
    #closing
    ============================*/
    #closing h2 {
        font-size: 35px;
        line-height: 1.6;
        font-weight: 600;
        text-align: center;
    }
    #closing .text {
        font-size: 18px;
        display: table;
        margin: 50px auto;
        line-height: 1.7;
    }
    #closing .img img{
        width: 100%;
        vertical-align: bottom;
    }
    


    /* フッター */

    #digital #footer {
        background: #F2F2F2;
        padding-top: 100px;
    }

    #digital #footer h2,
    #digital #footer p,
    #digital #footer div {
        width: 900px;
        margin: auto;
    }

    #digital #footer p,
    #digital #footer div {
        padding: 20px 0;
    }

    #digital #footer .b_bottom {
        border-bottom: 1px solid #333;
    }

    #digital #footer div h3 {
        font-weight: 700;
        margin-bottom: 10px;
    }

    #digital #footer .caution {
        font-size: 14px;
        line-height: 1.3em;
        margin-bottom: 30px;
    }

    #digital #footer .copy {
        width: 100%;
        background: #fff;
        text-align: center;
        font-size: 14px;
        padding-bottom: 140px;
    }

    /* フローティングバナー */

    #digital #float {
        display: none;
    }

    #digital #float .link_floating {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding: 0% 3%;
    }

    #digital #float img {
        animation: fuwafuwa 1.5s ease 0s infinite;
        width: 100%;
        padding: 10px;

    }

    #digital #float .link img:hover {
        width: 540px;
        height: auto;
    }

    /*アニメーション*/
    @keyframes fuwafuwa {
        0% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-5%);
        }

        100% {
            transform: translateY(0);
        }
    }



}
@charset "utf-8";

/* 2023.07 口座開設LP（SP表示） */
@media screen and (max-width: 900px) {


    header{
        width: 100%;
        border-top: #30707F solid 22px;
        box-sizing: border-box;
        padding: 10px 0 10px 0;
    }

    .logo {
        padding-left: 20px;
    }
    .logo img {
        width: 30%;
    }
    
    /*============================
    #mv
    ============================*/
    #mv {
        background: linear-gradient(180deg, #EEE 0.19%, #FFF 4.6%, #FFF 33.8%, #E0E0E0 92.77%);
        padding: 60px 0 120px 0;
        box-sizing: border-box;
    }
    #mv .wrap {
        margin: 0 auto;
    }
    #mv .wrap .copy {
        font-size: 50px;
        font-weight: bold;
    }
    #mv .wrap .copy h1 {
    }
    #mv .wrap .copy h1 span {
        font-weight: bold;
        font-size: 10vw;
        line-height: 2;
    }
    #mv .wrap .copy h1 span.blue {
        color: #037CB8;
    }
    #mv .wrap .copy h1 span.orange {
        color: #FD8026;
    }
    #mv .wrap .copy h1 p {
        font-weight: bold;
        line-height: 1.7;
        text-align: center;
    }
    #mv .wrap .copy h1 p:nth-of-type(1) {
        font-size: 6vw;
    }
    #mv .wrap .copy h1 p:nth-of-type(2) {
        font-size: 5vw;
    }
    #mv .wrap .disclaimer {
        font-size: 2.2vw;
        line-height: 1.4;
        display: table;
        margin: 0 auto;
    }
    #mv .wrap .img {
        text-align: center;
    }
    #mv .wrap .img img {
        margin: 5% 0;
        width: 80%;
    }

    /*============================
    #documents_area
    ============================*/
    #documents_area {
        background-image: radial-gradient(rgba(0, 164, 176, 0.30) 20%, transparent 20%);
        background-size: 10px 10px;
        padding: 0 0 40px 0;
    }
    #documents_area .wrap {
        margin: 0 auto;
        width: 96%;
    }
    #documents_area .wrap .documents {
    }
    #documents_area .wrap .documents .img img {
        margin-top: -10%;
        width: 100%;
    }
    #documents_area .wrap .documents .img .disclaimer {
        font-size: 2.5vw;
        line-height: 4vw;
        padding: 5%;
    }
    #documents_area .wrap .about {
        margin-top: 50px;
    }
    #documents_area .wrap .about .about_left {
    }
    #documents_area .wrap .about .about_left h2 {
        font-size: 6vw;
        font-weight: 700;
        text-align: center;
    }
    #documents_area .wrap .about .about_left .img_area {
        margin-top: 50px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    #documents_area .wrap .about .about_left .img_area ul {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        width: 60%;
    }
    #documents_area .wrap .about .about_left .img_area ul li {
        text-align: center;
    }
    #documents_area .wrap .about .about_left .img_area ul li:nth-child(1) {
        order: 2;
        width: 50%;
    }
    #documents_area .wrap .about .about_left .img_area ul li:nth-child(2) {
        order: 1;
        width: 80%;
    }
    #documents_area .wrap .about .about_left .img_area ul li:nth-child(2) img {
        width: 70%;
    }
    #documents_area .wrap .about .about_left .img_area ul li:nth-child(3) {
        order: 3;
        width: 50%;
    }
    #documents_area .wrap .about .about_left .img_area ul li img {
        width: 98%;
    }
    #documents_area .wrap .about .about_right {
        width: 40%;
        text-align: right;
    }
    #documents_area .wrap .about .about_right img {
        width: 95%;
    }
    .arrow {
        margin: 15% 0;
        text-align: center;
        font-size: 30px;
        font-weight: 600;
    }
    .arrow h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
    }
    .arrow .img {
        text-align: center;
        margin-top: 30px;
    }
    .arrow .img img {
        width: 80%;
    }
    
    /*============================
    #recommendation
    ============================*/
    #recommendation {
        background-color: #F7F7F7;
        border-radius: 100px 0 0 0;
        padding-bottom: 2%;
        margin-left: 2%;
        padding-right: 2%;
    }
    #recommendation .wrap {
        margin: 0 auto;
        width: 96%;
    }
    #recommendation .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding: 60px 0 40px 0;
        text-align: center;
    }
    #recommendation .wrap .block_area {
    }
    #recommendation .wrap .block_area ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #recommendation .wrap .block_area ul li {
        width: 50%;
        aspect-ratio: 1 / 1;
        padding: 18% 5% 4% 5%;
        background-image: url(/assets/img/bg_check_point_sp.9eda3e82.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        box-sizing: border-box;
        color: #333;
        font-size: 3.5vw;
        line-height: 4.5vw;
        font-weight: 700;
    }
    #recommendation .wrap .block_area ul li p {
        font-weight: 700;
    }
    #recommendation .wrap .block_area ul li span {
        font-weight: 700;
        color: #30707F;
    }
    .bg_img {
        background-image: url(/assets/img/bg_digital_image_v2_sp.97e18a8b.webp);
        background-size: 100% ;
        background-repeat: no-repeat;
    }
    .heading_txt {
        text-align: center;
        line-height: 1.6;
        margin: 0 auto;
        padding: 60px 0;
    }
    .heading_txt h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
    }
    
    /*============================
    #features
    ============================*/
    #features {
        background-color: #F7F7F7;
        border-radius: 0 100px 0 0;
        padding-bottom: 2%;
        margin-right: 2%;
        padding-left: 2%;
    }
    #features .wrap {
        margin: 0 auto;
        width: 96%;
    }
    #features .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding: 60px 0 40px 0;
        text-align: center;
    }
    #features .wrap dl {
        background-image: url(/assets/img/bg_green_gradation_sp.16e218c8.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        aspect-ratio: 343 / 200;
        display: flex;
        align-items: center;
        margin-bottom: 30px;
    }
    #features .wrap dl dt {
        font-size: 7vw;
        width: 10%;
        padding-left: 2%;
    }
    #features .wrap dl dd {
        padding: 0 2% 0 15%;
        box-sizing: border-box;
    }
    #features .wrap dl dd p:nth-child(1) {
        font-size: 5vw;
        line-height: 6vw;
        margin-bottom: 20px;
        font-weight: 600;
    }
    #features .wrap dl dd p:nth-child(1) span {
        font-weight: 600;
        background-color: #EAFC19;
    }
    #features .wrap dl dd p:nth-child(2) {
        font-size: 3vw;
    }
    
    /*============================
    #merchandise
    ============================*/
    #merchandise {
    }
    #merchandise .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding: 50px 0 40px 0;
        text-align: center;
    }
    #merchandise .wrap {
        margin: 0 auto 50px auto;
        width: 96%;
    }
    #merchandise .wrap dl {
        margin-top: 30px;
    }
    #merchandise .wrap dl dt {
        text-align: center;
    }
    #merchandise .wrap dl dt img {
        width: 80%;
    }
    #merchandise .wrap dl dd {
        background-image: url(/assets/img/bg_circle_image.8f244881.svg);
        background-repeat: no-repeat;
        background-size:  68%;
        box-sizing: border-box;
        width:  100%;
        aspect-ratio: 380 / 263;
        font-size: 5vw;
        line-height: 1.5;
        display: flex;
        align-items: center;
    }
    #merchandise .wrap dl dd div {
        font-weight: 700;
        padding-left: 10%;

    }
    #merchandise .wrap dl dd .min {
        font-size: 13px;
        font-weight: normal;
        margin-top: 20px;
    }
    
    /*============================
    #commercialization
    ============================*/
    #commercialization {
        background-color: #F7F7F7;
        border-radius: 100px 0 0 0;
        padding-bottom: 75px;
        margin-left: 2%;
        padding-right: 2%;
    }
    #commercialization .wrap {
        margin: 0 auto;
        width: 96%;
    }
    #commercialization .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding: 60px 0 40px 0;
        text-align: center;
    }
    #commercialization .wrap .text {
        font-size: 3.5vw;
        line-height: 4.5vw;
    }
    #commercialization .wrap .img_area {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: stretch;
        margin: 30px 0 60px 0;
    }
    #commercialization .wrap .img_area dl {
        width: 46%;
        margin-bottom: 4%;
    }
    #commercialization .wrap .img_area dl dt {
        text-align: center;
    }
    #commercialization .wrap .img_area dl dt img {
        width: 100%;
    }
    #commercialization .wrap .img_area dl dd {
        font-size: 3vw;
        font-weight: 700;
        text-align: center;
    }

    #commercialization .wrap .about_area {
    }
    #commercialization .wrap .about_area h3 {
        font-size: 5vw;
        font-weight: 700;
        text-align: center;
        margin-bottom: 30px;
    }
    #commercialization .wrap .about_area .img {
    }
    #commercialization .wrap .about_area .img img {
        width: 100%;
    }
    
    /*============================
    #merit
    ============================*/
    #merit {
        background-color: #F7F7F7;
        border-radius: 0 100px 0 0;
        padding-bottom: 50px;
        margin-right: 2%;
        padding-left: 2%;
        margin-top: 50px;
    }
    #merit .wrap {
        margin: 0 auto;
    }
    #merit .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding: 60px 0 40px 0;
        text-align: center;
    }
    #merit .wrap .point_area {
    }
    #merit .wrap .point_area ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 60px;
    }
    #merit .wrap .point_area ul li {
        background: #30707F;
        border-radius: 15px;
        color: #fff;
        padding: 4% 8%;
        display: table;
        font-size: 4vw;
        font-weight: 300;
    }
    #merit .wrap .point_area ul li:nth-child(1) {
        order: 1;
        margin-right: 5%;
    }
    #merit .wrap .point_area ul li:nth-child(2) {
        order: 3;
        margin-top: 5%;
    }
    #merit .wrap .point_area ul li:nth-child(3) {
        order: 2;
    }

    #merit .wrap .point_area .detail {
        width: 100%;
    }
    #merit .wrap .point_area .detail dl {
        width: 80%;
        margin: 0 auto;
        box-sizing: border-box;
        border-bottom: #D9D9D9 solid 1px;
        padding: 30px 0;
    }
    #merit .wrap .point_area .detail dl:last-child {
        border-bottom: none;
    }
    #merit .wrap .point_area .detail dl dt {
        text-align: center;
    }
    #merit .wrap .point_area .detail dl dt h3 {
        color: #30707F;
        font-size: 3.5vw;
        line-height: 4.5vw;
        font-weight: 700;
        padding: 10px;
    }
    #merit .wrap .point_area .detail dl dt img {
        width: 20%;
    }
    #merit .wrap .point_area .detail dl dd {
        font-size: 3.5vw;
        line-height: 4.5vw;
        padding: 0 2%;
    }
    
    /*============================
    #start
    ============================*/
    #start {
    }
    #start .wrap {
        margin: 0 auto;
    }
    #start .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding: 50px 0 40px 0;
        text-align: center;
    }
    #start .wrap .img_area {
    }
    #start .wrap .img_area .img {
        width: 100%;
    }
    #start .wrap .img_area .img img {
        width: 100%;
    }
    #start .wrap .img_area .flow {
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding: 50px 0;
    }
    #start .wrap .img_area .flow .flow_img {
        width: 30%;
        margin-right: 3%;
    }
    #start .wrap .img_area .flow .flow_img img {
        width: 100%;
    }
    #start .wrap .img_area .flow .flow_text {
        width: 67%;
        font-size: 3.5vw;
        line-height: 4.5vw;
    }
    #start .wrap .img_area .flow .flow_text ul {
    }
    #start .wrap .img_area .flow .flow_text ul li:nth-of-type(1) {
        margin-bottom: 10%;
    }
    #start .wrap .img_area .flow .flow_text ul li:nth-of-type(2) {
        margin-bottom: 8%;
    }
    #start .wrap .img_area .flow .flow_text ul li:nth-of-type(3) {
        margin-bottom: 12%;
    }
    #start .wrap .img_area .flow .flow_text ul li span {
        background-color: #EAFC19;
    }
    
    /*============================
    #closing
    ============================*/
    #closing h2 {
        font-size: 6vw;
        line-height: 7.5vw;
        font-weight: 600;
        text-align: center;
    }
    #closing .text {
        font-size: 3vw;
        display: table;
        line-height: 4.5vw;
        padding: 10% 5%;
    }
    #closing .img img{
        width: 100%;
        vertical-align: bottom;
    }

    /* フッター */

    #digital #footer {
        background: #F2F2F2;
        padding-top: 50px;
    }

    #digital #footer h2,
    #digital #footer p,
    #digital #footer div {
        width: 85%;
        margin: auto;
    }

    #digital #footer h2 img {
        width: 40%;
    }

    #digital #footer p,
    #digital #footer div {
        padding: 20px 0;
    }

    #digital #footer p span {
    }

    #digital #footer p span span {
        font-size: 14px;
    }

    #digital #footer .b_bottom {
        border-bottom: 1px solid #333;
    }

    #digital #footer div h3 {
        font-weight: 700;
        margin-bottom: 10px;
    }

    #digital #footer .caution {
        font-size: 14px;
        line-height: 1.3em;
        margin-bottom: 30px;
    }

    #digital #footer .copy {
        width: 100vw;
        background: #fff;
        text-align: center;
        font-size: 14px;
        padding-bottom: 140px;
    }

    /* フローティングバナー */

    #digital #float {
        display: none;
    }

    #digital #float .link_floating {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding: 0% 3%;
    }


    #digital #float img {
        animation: fuwafuwa 1.5s ease 0s infinite;
        width: 100%;
        padding: 10px;

    }

    /*アニメーション*/
    @keyframes fuwafuwa {
        0% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-5%);
        }

        100% {
            transform: translateY(0);
        }
    }


}
@charset "utf-8";

/* 2023.11 口座開設LP（PC表示） */
@media screen and (min-width: 901px) {

    header{
        width: 100%;
        border-top: #30707F solid 22px;
        box-sizing: border-box;
        padding: 10px 0 10px 0;
    }

    .logo {
        padding-left: 20px;
    }
    .logo img {
        width: 15%;
    }
    
    /*============================
    #mv
    ============================*/
    #general_mv {
        background-color: #edf5f8;
        background-image: url(/assets/img/mv_back.bd03dcd0.png);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 50% auto;
        box-sizing: border-box;
        box-shadow: inset 0px 0px 8px -2px rgba(0, 0, 0, 0.2);
    }
    #general_mv .wrap {
        width: 1000px;
        margin: 0 auto;
        padding-bottom: 30px;
        display: flex;
        align-items: center;
    }
    #general_mv .wrap h1 img {
        width: 900px;
    }

    /*============================
    #documents_area
    ============================*/
    #general_documents_area {
        background-image: radial-gradient(rgba(0, 164, 176, 0.30) 20%, transparent 20%);
        background-size: 10px 10px;
        padding: 50px 0 40px 0;
    }
    #general_documents_area .wrap {
        width: 920px;
        margin: 0 auto;
    }
    #general_documents_area .wrap .documents {
    }
    #general_documents_area .wrap .documents .img img {
        margin-top: -80px;
        width: 100%;
    }
    #general_documents_area .wrap .documents .img .disclaimer {
        font-size: 13px;
    }
    #general_documents_area .wrap .about {
        display: flex;
        margin-top: 100px;
    }
    #general_documents_area .wrap .about .about_left {
        width: 640px;
        text-align: center;
        font-size: 35px;
        font-weight: 700;
    }
    #general_documents_area .wrap .about .about_left h2 {
        font-size: 35px;
        font-weight: 700;
    }
    #general_documents_area .wrap .about .about_left .img_area {
        margin-top: 50px;
    }
    #general_documents_area .wrap .about .about_left .img_area ul {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    #general_documents_area .wrap .about .about_left .img_area ul li {
        width: 175px;
    }
    #general_documents_area .wrap .about .about_left .img_area ul li:nth-child(2) {
        width: 215px;
    }
    #general_documents_area .wrap .about .about_left .img_area ul li img {
        width: 100%;
    }
    #general_documents_area .wrap .about .about_right {
        width: 280px;
    }
    #general_documents_area .wrap .about .about_right img {
        margin-left: 80px;
    }
    .arrow {
        margin: 160px 0;
        text-align: center;
        font-size: 30px;
        font-weight: 600;
    }
    .arrow h2 {
        font-size: 35px;
        font-weight: 700;
    }
    .arrow .img {
        margin-top: 30px;
    }
    .arrow .img img {
        width: 560px;
    }
    
    /*============================
    #recommendation
    ============================*/
    #recommendation {
        background-color: #F7F7F7;
        border-radius: 100px 0 0 0;
        padding-bottom: 75px;
        margin-left: 50px;
        padding-right: 50px;
    }
    #recommendation .wrap {
        width: 1000px;
        margin: 0 auto;
    }
    #recommendation .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #recommendation .wrap .block_area {
    }
    #recommendation .wrap .block_area ul {
        display: flex;
        justify-content: space-between;
    }
    #recommendation .wrap .block_area ul li {
        width: 225px;
        height: 225px;
        background-image: url(/assets/img/bg_check_point.32006efe.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        box-sizing: border-box;
        padding: 70px 30px 10px 30px;
        color: #333;
        font-size: 18px;
        font-weight: 700;
    }
    #recommendation .wrap .block_area ul li span {
        color: #30707F;
    }
    .bg_img {
        background-image: url(/assets/img/bg_digital_image_v2.bf4fb947.webp);
        background-size: 100% ;
        background-repeat: no-repeat;
    }
    .heading_txt {
        text-align: center;
        line-height: 1.6;
        width: 1000px;
        margin: 0 auto;
        padding: 100px 0;
    }
    .heading_txt h2 {
        font-size: 35px;
        font-weight: 700;
    }
    
    /*============================
    #features
    ============================*/
    #features {
        background-color: #F7F7F7;
        border-radius: 0 100px 0 0;
        padding-bottom: 75px;
        margin-right: 50px;
        padding-left: 50px;
    }
    #features .wrap {
        width: 1000px;
        margin: 0 auto;
    }
    #features .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #features .wrap dl {
        background-image: url(/assets/img/bg_green_gradation.34491033.svg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 176px;
        display: flex;
        align-items: center;
        margin-bottom: 30px;
    }
    #features .wrap dl dt {
        font-size: 40px;
        width: 150px;
        padding-left: 50px;
    }
    #features .wrap dl dd {
        padding: 0 60px 0 100px;
        box-sizing: border-box;
    }
    #features .wrap dl dd p:nth-child(1) {
        font-size: 25px;
        margin-bottom: 20px;
        font-weight: 600;
    }
    #features .wrap dl dd p:nth-child(1) span {
        font-weight: 600;
        background-color: #EAFC19;
    }
    #features .wrap dl dd p:nth-child(2) {
        font-size: 18px;
    }
    
    /*============================
    #merchandise
    ============================*/
    #merchandise {
    }
    #merchandise .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #merchandise .wrap {
        width: 960px;
        margin: 0 auto 100px auto;
    }
    #merchandise .wrap dl {
        display: flex;
        align-items: stretch;
        margin-top: 30px;
    }
    #merchandise .wrap dl dt {
    }
    #merchandise .wrap dl dt img {
        width: 470px;
        height: 407px;
    }
    #merchandise .wrap dl dd {
        background-image: url(/assets/img/bg_circle_image.8f244881.svg);
        background-repeat: no-repeat;
        box-sizing: border-box;
        padding: 128px 0 0 60px;
        font-size: 30px;
        line-height: 1.5;
        font-weight: 700;
    }
    #merchandise .wrap dl dd .min {
        font-size: 13px;
        font-weight: normal;
        margin-top: 20px;
    }
    
    /*============================
    #commercialization
    ============================*/
    #commercialization {
        background-color: #F7F7F7;
        border-radius: 100px 0 0 0;
        padding-bottom: 75px;
        margin-left: 50px;
        padding-right: 50px;
    }
    #commercialization .wrap {
        width: 1000px;
        margin: 0 auto;
    }
    #commercialization .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #commercialization .wrap .text {
        font-size: 18px;
    }
    #commercialization .wrap .img_area {
        display: flex;
        justify-content: space-between;
        margin: 70px 0 120px 0;
    }
    #commercialization .wrap .img_area dl {
        width: 220px;
    }
    #commercialization .wrap .img_area dl dt {
    }
    #commercialization .wrap .img_area dl dt img {
        width: 100%;
    }
    #commercialization .wrap .img_area dl dd {
        font-size: 16px;
        font-weight: 700;
        text-align: center;
    }

    #commercialization .wrap .about_area {
    }
    #commercialization .wrap .about_area h3 {
        font-size: 30px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 30px;
    }
    #commercialization .wrap .about_area .img {
    }
    
    /*============================
    #merit
    ============================*/
    #merit {
        background-color: #F7F7F7;
        border-radius: 0 100px 0 0;
        padding-bottom: 75px;
        margin-right: 50px;
        padding-left: 50px;
        margin-top: 100px;
    }
    #merit .wrap {
        width: 1000px;
        margin: 0 auto;
    }
    #merit .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #merit .wrap .point_area {
        margin-top: 50px;
    }
    #merit .wrap .point_area ul {
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px;
    }
    #merit .wrap .point_area ul li {
        background: #30707F;
        border-radius: 15px;
        color: #fff;
        padding: 20px 40px;
        display: table;
        font-size: 30px;
        font-weight: 300;
    }
    #merit .wrap .point_area .detail {
        display: flex;
        justify-content: space-between;
    }
    #merit .wrap .point_area .detail dl {
        width: 250px;
        box-sizing: border-box;
        border-right: #D9D9D9 solid 1px;
        padding: 0 30px;
    }
    #merit .wrap .point_area .detail dl:last-child {
        border-right: none;
    }
    #merit .wrap .point_area .detail dl dt {
        text-align: center;
        color: #30707F;
        font-size: 18px;
        font-weight: 600;
        height: 110px;
    }
    #merit .wrap .point_area .detail dl dt p {
        height: 72px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #merit .wrap .point_area .detail dl dt p img {
    }
    #merit .wrap .point_area .detail dl dd {
        font-size: 18px;
    }

    /*============================
    #commission
    ============================*/
    #commission {
    }
    #commission .wrap {
        width: 1000px;
        margin: 0 auto;
    }
    #commission .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #commission .wrap .commission_box {
        background-color: #f9fcfd;
        border-radius: 20px;
        width: 950px;
        margin: 0 auto;
        padding: 50px 40px;
        box-sizing: border-box;
        box-shadow: 0px 0px 4px 4px rgba(124, 124, 124, 0.1);
    }
    #commission .wrap .commission_box .commission_img {
        text-align: center;
    }
    #commission .wrap .commission_box .commission_img img {
        width: 720px;
    }
    #commission .wrap .commission_box .commission_atte {
        font-size: 0.8em;
        margin-top: 40px;
    }


    /*============================
    #conpany
    ============================*/
    #conpany {
    }
    #conpany .wrap {
        width: 1000px;
        margin: 0 auto;
    }
    #conpany .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }

    .corporate_block01 .wrap {
        width: 1000px;
        margin: 0 auto;
    }
    .corporate_block01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 31px;
        margin-bottom: 31px;
    }
    .corporate_block01 .bold_txt {
        font-weight: bold;
    }
    .corporate_image01 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 41.2371134021%;
                flex: 0 0 41.2371134021%;
    }

    .shareholder_list_area {
        background-color: #eeeeee;
        padding: 30px 40px;
        text-align: center;
        margin-bottom: 50px;
    }
    .shareholder_list_area .subtitle {
        margin-bottom: 20px;
    }
    .shareholder_list_area img {
        width: 94%;
    }

    .corporate_block03 > dl {
        padding: 16px 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px dashed #BBBBBB;
      }
      .corporate_block03 > dl:first-child {
        padding-top: 0;
      }
      .corporate_block03 > dl > dt {
        font-weight: 700;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 276px;
                flex: 0 0 276px;
      }
      .corporate_block03 > dl > dd > a {
        transition: .5s;
      }
      .corporate_block03 > dl > dd > a:hover {
        color: #00A4B0;
      }
      .corporate_block03 > dl > dd > p.name_list {
        display: flex;
        width: 100%;
      }
      .corporate_block03 > dl > dd > p.name_list > .post {
        white-space: nowrap;
        width: 140px;
      }
      .corporate_block03 > dl > dd > p.name_list > .name {
        white-space: nowrap;
      }
    
    /*============================
    #start
    ============================*/
    #start {
    }
    #start .wrap {
        margin: 0 auto;
    }
    #start .wrap h2 {
        font-size: 35px;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #start .wrap .img_area {
        display: flex;
        align-items: center;
    }
    #start .wrap .img_area .img {
        width: 50%;
        position: relative;
    }
    #start .wrap .img_area .img img {
        width: 100%;
        margin-left: calc(100% - 50vw);
    }
    #start .wrap .img_area .flow {
        width: 50%;
        display: flex;
        padding: 100px 0;
    }
    #start .wrap .img_area .flow .flow_img {
        width: 155px;
        padding-top: 10px;
    }
    #start .wrap .img_area .flow .flow_img img {
        width: 100%;
    }
    #start .wrap .img_area .flow .flow_text {
        font-size: 18px;
        line-height: 1.7;
        padding: 0 0 0 40px;
    }
    #start .wrap .img_area .flow .flow_text ul {
    }
    #start .wrap .img_area .flow .flow_text ul li:nth-of-type(1) {
        margin-bottom: 25px;
    }
    #start .wrap .img_area .flow .flow_text ul li:nth-of-type(2) {
        margin-bottom: 16px;
    }
    #start .wrap .img_area .flow .flow_text ul li:nth-of-type(3) {
        margin-bottom: 35px;
    }
    #start .wrap .img_area .flow .flow_text ul li span {
        background-color: #EAFC19;
    }
    
    /*============================
    #closing
    ============================*/
    #closing h2 {
        font-size: 35px;
        line-height: 1.6;
        font-weight: 600;
        text-align: center;
    }
    #closing .text {
        font-size: 18px;
        display: table;
        margin: 50px auto;
        line-height: 1.7;
    }
    #closing .img img{
        width: 100%;
        vertical-align: bottom;
    }
    


    /* フッター */

    #digital #footer {
        background: #F2F2F2;
        padding-top: 100px;
    }

    #digital #footer h2,
    #digital #footer p,
    #digital #footer div {
        width: 900px;
        margin: auto;
    }

    #digital #footer p,
    #digital #footer div {
        padding: 20px 0;
    }

    #digital #footer .b_bottom {
        border-bottom: 1px solid #333;
    }

    #digital #footer div h3 {
        font-weight: 700;
        margin-bottom: 10px;
    }

    #digital #footer .caution {
        font-size: 14px;
        line-height: 1.3em;
        margin-bottom: 30px;
    }

    #digital #footer .copy {
        width: 100%;
        background: #fff;
        text-align: center;
        font-size: 14px;
        padding-bottom: 140px;
    }

    /* フローティングバナー */

    #digital #float {
        display: none;
    }

    #digital #float .link_floating {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding: 0% 3%;
    }

    #digital #float img {
        animation: fuwafuwa 1.5s ease 0s infinite;
        width: 100%;
        padding: 10px;

    }

    #digital #float .link img:hover {
        width: 540px;
        height: auto;
    }

    /*アニメーション*/
    @keyframes fuwafuwa {
        0% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-5%);
        }

        100% {
            transform: translateY(0);
        }
    }



}
@charset "utf-8";

/* 2023.07 口座開設LP（SP表示） */
@media screen and (max-width: 900px) {


    header{
        width: 100%;
        border-top: #30707F solid 22px;
        box-sizing: border-box;
        padding: 10px 0 10px 0;
    }

    .logo {
        padding-left: 20px;
    }
    .logo img {
        width: 30%;
    }
    
    /*============================
    #mv
    ============================*/
    #general_mv {
        background-color: #edf5f8;
        background-image: url(/assets/img/mv_back.bd03dcd0.png);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 50% auto;
        box-sizing: border-box;
        box-shadow: inset 0px 0px 8px -2px rgba(0, 0, 0, 0.2);
    }
    #general_mv .wrap {
        margin: 0 auto;
        padding-bottom: 30px;
        display: flex;
        align-items: center;
    }
    #general_mv .wrap h1 img {
        width: 98%;
    }

    /*============================
    #documents_area
    ============================*/
    #general_documents_area {
        background-image: radial-gradient(rgba(0, 164, 176, 0.30) 20%, transparent 20%);
        background-size: 10px 10px;
        padding: 50px 0 40px 0;
    }
    #general_documents_area .wrap {
        margin: 0 auto;
        width: 96%;
    }
    #general_documents_area .wrap .documents {
    }
    #general_documents_area .wrap .documents .img img {
        margin-top: -10%;
        width: 100%;
    }
    #general_documents_area .wrap .documents .img .disclaimer {
        font-size: 2.5vw;
        line-height: 4vw;
        padding: 5%;
    }
    #general_documents_area .wrap .about {
        margin-top: 50px;
    }
    #general_documents_area .wrap .about .about_left {
    }
    #general_documents_area .wrap .about .about_left h2 {
        font-size: 6vw;
        font-weight: 700;
        text-align: center;
    }
    #general_documents_area .wrap .about .about_left .img_area {
        margin-top: 50px;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    #general_documents_area .wrap .about .about_left .img_area ul {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        width: 60%;
    }
    #general_documents_area .wrap .about .about_left .img_area ul li {
        text-align: center;
    }
    #general_documents_area .wrap .about .about_left .img_area ul li:nth-child(1) {
        order: 2;
        width: 50%;
    }
    #general_documents_area .wrap .about .about_left .img_area ul li:nth-child(2) {
        order: 1;
        width: 80%;
    }
    #general_documents_area .wrap .about .about_left .img_area ul li:nth-child(2) img {
        width: 70%;
    }
    #general_documents_area .wrap .about .about_left .img_area ul li:nth-child(3) {
        order: 3;
        width: 50%;
    }
    #general_documents_area .wrap .about .about_left .img_area ul li img {
        width: 98%;
    }
    #general_documents_area .wrap .about .about_right {
        width: 40%;
        text-align: right;
    }
    #general_documents_area .wrap .about .about_right img {
        width: 95%;
    }
    .arrow {
        margin: 15% 0;
        text-align: center;
        font-size: 30px;
        font-weight: 600;
    }
    .arrow h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
    }
    .arrow .img {
        text-align: center;
        margin-top: 30px;
    }
    .arrow .img img {
        width: 80%;
    }
    
    /*============================
    #recommendation
    ============================*/
    #recommendation {
        background-color: #F7F7F7;
        border-radius: 100px 0 0 0;
        padding-bottom: 2%;
        margin-left: 2%;
        padding-right: 2%;
    }
    #recommendation .wrap {
        margin: 0 auto;
        width: 96%;
    }
    #recommendation .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding: 60px 0 40px 0;
        text-align: center;
    }
    #recommendation .wrap .block_area {
    }
    #recommendation .wrap .block_area ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #recommendation .wrap .block_area ul li {
        width: 50%;
        aspect-ratio: 1 / 1;
        padding: 18% 5% 4% 5%;
        background-image: url(/assets/img/bg_check_point_sp.9eda3e82.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        box-sizing: border-box;
        color: #333;
        font-size: 3.5vw;
        line-height: 4.5vw;
        font-weight: 700;
    }
    #recommendation .wrap .block_area ul li p {
        font-weight: 700;
    }
    #recommendation .wrap .block_area ul li span {
        font-weight: 700;
        color: #30707F;
    }
    .bg_img {
        background-image: url(/assets/img/bg_digital_image_v2_sp.97e18a8b.webp);
        background-size: 100% ;
        background-repeat: no-repeat;
    }
    .heading_txt {
        text-align: center;
        line-height: 1.6;
        margin: 0 auto;
        padding: 60px 0;
    }
    .heading_txt h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
    }
    
    /*============================
    #features
    ============================*/
    #features {
        background-color: #F7F7F7;
        border-radius: 0 100px 0 0;
        padding-bottom: 2%;
        margin-right: 2%;
        padding-left: 2%;
    }
    #features .wrap {
        margin: 0 auto;
        width: 96%;
    }
    #features .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding: 60px 0 40px 0;
        text-align: center;
    }
    #features .wrap dl {
        background-image: url(/assets/img/bg_green_gradation_sp.16e218c8.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        aspect-ratio: 343 / 200;
        display: flex;
        align-items: center;
        margin-bottom: 30px;
    }
    #features .wrap dl dt {
        font-size: 7vw;
        width: 10%;
        padding-left: 2%;
    }
    #features .wrap dl dd {
        padding: 0 2% 0 15%;
        box-sizing: border-box;
    }
    #features .wrap dl dd p:nth-child(1) {
        font-size: 5vw;
        line-height: 6vw;
        margin-bottom: 20px;
        font-weight: 600;
    }
    #features .wrap dl dd p:nth-child(1) span {
        font-weight: 600;
        background-color: #EAFC19;
    }
    #features .wrap dl dd p:nth-child(2) {
        font-size: 3vw;
    }
    
    /*============================
    #merchandise
    ============================*/
    #merchandise {
    }
    #merchandise .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding: 50px 0 40px 0;
        text-align: center;
    }
    #merchandise .wrap {
        margin: 0 auto 50px auto;
        width: 96%;
    }
    #merchandise .wrap dl {
        margin-top: 30px;
    }
    #merchandise .wrap dl dt {
        text-align: center;
    }
    #merchandise .wrap dl dt img {
        width: 80%;
    }
    #merchandise .wrap dl dd {
        background-image: url(/assets/img/bg_circle_image.8f244881.svg);
        background-repeat: no-repeat;
        background-size:  68%;
        box-sizing: border-box;
        width:  100%;
        aspect-ratio: 380 / 263;
        font-size: 5vw;
        line-height: 1.5;
        display: flex;
        align-items: center;
    }
    #merchandise .wrap dl dd div {
        font-weight: 700;
        padding-left: 10%;

    }
    #merchandise .wrap dl dd .min {
        font-size: 13px;
        font-weight: normal;
        margin-top: 20px;
    }
    
    /*============================
    #commercialization
    ============================*/
    #commercialization {
        background-color: #F7F7F7;
        border-radius: 100px 0 0 0;
        padding-bottom: 75px;
        margin-left: 2%;
        padding-right: 2%;
    }
    #commercialization .wrap {
        margin: 0 auto;
        width: 96%;
    }
    #commercialization .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding: 60px 0 40px 0;
        text-align: center;
    }
    #commercialization .wrap .text {
        font-size: 3.5vw;
        line-height: 4.5vw;
    }
    #commercialization .wrap .img_area {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: stretch;
        margin: 30px 0 60px 0;
    }
    #commercialization .wrap .img_area dl {
        width: 46%;
        margin-bottom: 4%;
    }
    #commercialization .wrap .img_area dl dt {
        text-align: center;
    }
    #commercialization .wrap .img_area dl dt img {
        width: 100%;
    }
    #commercialization .wrap .img_area dl dd {
        font-size: 3vw;
        font-weight: 700;
        text-align: center;
    }

    #commercialization .wrap .about_area {
    }
    #commercialization .wrap .about_area h3 {
        font-size: 5vw;
        font-weight: 700;
        text-align: center;
        margin-bottom: 30px;
    }
    #commercialization .wrap .about_area .img {
    }
    #commercialization .wrap .about_area .img img {
        width: 100%;
    }
    
    /*============================
    #merit
    ============================*/
    #merit {
        background-color: #F7F7F7;
        border-radius: 0 100px 0 0;
        padding-bottom: 50px;
        margin-right: 2%;
        padding-left: 2%;
        margin-top: 50px;
    }
    #merit .wrap {
        margin: 0 auto;
    }
    #merit .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding: 60px 0 40px 0;
        text-align: center;
    }
    #merit .wrap .point_area {
    }
    #merit .wrap .point_area ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 60px;
    }
    #merit .wrap .point_area ul li {
        background: #30707F;
        border-radius: 15px;
        color: #fff;
        padding: 4% 8%;
        display: table;
        font-size: 4vw;
        font-weight: 300;
    }
    #merit .wrap .point_area ul li:nth-child(1) {
        order: 1;
        margin-right: 5%;
    }
    #merit .wrap .point_area ul li:nth-child(2) {
        order: 3;
        margin-top: 5%;
    }
    #merit .wrap .point_area ul li:nth-child(3) {
        order: 2;
    }

    #merit .wrap .point_area .detail {
        width: 100%;
    }
    #merit .wrap .point_area .detail dl {
        width: 80%;
        margin: 0 auto;
        box-sizing: border-box;
        border-bottom: #D9D9D9 solid 1px;
        padding: 30px 0;
    }
    #merit .wrap .point_area .detail dl:last-child {
        border-bottom: none;
    }
    #merit .wrap .point_area .detail dl dt {
        text-align: center;
    }
    #merit .wrap .point_area .detail dl dt h3 {
        color: #30707F;
        font-size: 3.5vw;
        line-height: 4.5vw;
        font-weight: 700;
        padding: 10px;
    }
    #merit .wrap .point_area .detail dl dt img {
        width: 20%;
    }
    #merit .wrap .point_area .detail dl dd {
        font-size: 3.5vw;
        line-height: 4.5vw;
        padding: 0 2%;
    }

    /*============================
    #commission
    ============================*/
    #commission {
    }
    #commission .wrap {
        margin: 0 auto;
    }
    #commission .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }
    #commission .wrap .commission_box {
        background-color: #f9fcfd;
        border-radius: 20px;
        width: 90%;
        margin: 0 auto;
        padding: 8% 4%;
        box-sizing: border-box;
        box-shadow: 0px 0px 4px 4px rgba(124, 124, 124, 0.1);
    }
    #commission .wrap .commission_box .commission_img {
        text-align: center;
    }
    #commission .wrap .commission_box .commission_img img {
        width: 90%;
    }
    #commission .wrap .commission_box .commission_atte {
        font-size: 0.8em;
        margin-top: 20px;
        line-height: 1.6em;
    }

    /*============================
    #conpany
    ============================*/
    #conpany {
    }
    #conpany .wrap {
        width: 90%;
        margin: 0 auto;
    }
    #conpany .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding: 75px 0 40px 0;
        text-align: center;
    }

    .corporate_block01 .wrap {
        margin: 0 auto;
    }
    .corporate_block01 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 31px;
        margin-bottom: 31px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .corporate_block01 .bold_txt {
        font-weight: bold;
    }
    .corporate_image01 {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        order: 1;
        text-align: center;
    }
    .corporate_image01 img {
        width: 90%;
    }

    .shareholder_list_area {
        background-color: #eeeeee;
        padding: 3%;
        text-align: center;
        margin-bottom: 50px;
    }
    .shareholder_list_area .subtitle {
        margin-bottom: 10px;
        font-size: 0.9rem;
    }
    .shareholder_list_area img {
        width: 100%;
    }

    .corporate_block03 > dl {
        padding: 16px 18px;
        border-bottom: 1px dashed #BBBBBB;
    }
    .corporate_block03 > dl:first-child {
        padding-top: 0;
    }
    .corporate_block03 > dl > dt {
        font-weight: 700;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 111px;
                flex: 0 0 111px;
    }
    .corporate_block03 > dl > dd > p.name_list {
        display: block;
        width: 100%;
    }
    .corporate_block03 > dl > dd > p.name_list > .post {
        white-space: normal;
    }
    .corporate_block03 > dl > dd > p.name_list > .name {
        display: table;
        margin-bottom: 10px;
    }


    /*============================
    #start
    ============================*/
    #start {
    }
    #start .wrap {
        margin: 0 auto;
    }
    #start .wrap h2 {
        font-size: 6vw;
        line-height: 7vw;
        font-weight: 700;
        padding: 50px 0 40px 0;
        text-align: center;
    }
    #start .wrap .img_area {
    }
    #start .wrap .img_area .img {
        width: 100%;
    }
    #start .wrap .img_area .img img {
        width: 100%;
    }
    #start .wrap .img_area .flow {
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding: 50px 0;
    }
    #start .wrap .img_area .flow .flow_img {
        width: 30%;
        margin-right: 3%;
    }
    #start .wrap .img_area .flow .flow_img img {
        width: 100%;
    }
    #start .wrap .img_area .flow .flow_text {
        width: 67%;
        font-size: 3.5vw;
        line-height: 4.5vw;
    }
    #start .wrap .img_area .flow .flow_text ul {
    }
    #start .wrap .img_area .flow .flow_text ul li:nth-of-type(1) {
        margin-bottom: 10%;
    }
    #start .wrap .img_area .flow .flow_text ul li:nth-of-type(2) {
        margin-bottom: 8%;
    }
    #start .wrap .img_area .flow .flow_text ul li:nth-of-type(3) {
        margin-bottom: 12%;
    }
    #start .wrap .img_area .flow .flow_text ul li span {
        background-color: #EAFC19;
    }
    
    /*============================
    #closing
    ============================*/
    #closing h2 {
        font-size: 6vw;
        line-height: 7.5vw;
        font-weight: 600;
        text-align: center;
    }
    #closing .text {
        font-size: 3vw;
        display: table;
        line-height: 4.5vw;
        padding: 10% 5%;
    }
    #closing .img img{
        width: 100%;
        vertical-align: bottom;
    }

    /* フッター */

    #digital #footer {
        background: #F2F2F2;
        padding-top: 50px;
    }

    #digital #footer h2,
    #digital #footer p,
    #digital #footer div {
        width: 85%;
        margin: auto;
    }

    #digital #footer h2 img {
        width: 40%;
    }

    #digital #footer p,
    #digital #footer div {
        padding: 20px 0;
    }

    #digital #footer p span {
    }

    #digital #footer p span span {
        font-size: 14px;
    }

    #digital #footer .b_bottom {
        border-bottom: 1px solid #333;
    }

    #digital #footer div h3 {
        font-weight: 700;
        margin-bottom: 10px;
    }

    #digital #footer .caution {
        font-size: 14px;
        line-height: 1.3em;
        margin-bottom: 30px;
    }

    #digital #footer .copy {
        width: 100vw;
        background: #fff;
        text-align: center;
        font-size: 14px;
        padding-bottom: 140px;
    }

    /* フローティングバナー */

    #digital #float {
        display: none;
    }

    #digital #float .link_floating {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding: 0% 3%;
    }


    #digital #float img {
        animation: fuwafuwa 1.5s ease 0s infinite;
        width: 100%;
        padding: 10px;

    }

    /*アニメーション*/
    @keyframes fuwafuwa {
        0% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-5%);
        }

        100% {
            transform: translateY(0);
        }
    }


}