@charset 'utf-8';
/*
 * name:top.css
 * author:sovanda nulo
*/

/* top
------------------------------------------------ */

/* @font-face {
    font-family: 'NotoSansJP-Black';
    src: url('../fonts/NotoSansJP-Regular.otf') format('opentype');
    font-weight: normal;
  	font-style: normal;
}
@font-face {
    font-family: 'NotoSansJP-Black';
    src: url('../fonts/NotoSansJP-Black.otf') format('opentype');
    font-weight: normal;
  	font-style: normal;
}
@font-face {
    font-family: 'NotoSansJP-Black';
    src: url('../fonts/MuseoModerno-Medium.ttf') format('truetype');
    font-weight: normal;
  	font-style: normal;
} */

#container:before { background: #fff; height: 144px; z-index: 0; }

.section { position: relative; background: #fff; padding: 90px 0 95px }
.section--head { text-align: center; margin-bottom: 72px; }
.section--head--tlt { font-family: 'NotoSansJP-Black'; font-size: 37px; font-size: 3.7rem; letter-spacing: 0.1em; line-height: 1.2; margin-bottom: 32px; }
.section--head--txt { font-size: 20px; font-size: 2rem; line-height: 2; }

/* section visual */
#visual { padding-top: 0; padding-bottom: 0; }
#visual .wrap { max-width: 1440px; padding-left: 80px; padding-right: 120px; box-sizing: border-box; }
.visual__block { display: flex; flex-wrap: wrap; align-items: flex-start; }
.visual--image { width: 50.24%; margin-top: 44px; }
.visual--image img:last-child {display: block;width: 60%;margin-left: 30px;margin-top: 20px;}
.visual--desc { width: calc( 100% - 50.24% ); margin-top: 60px; }
.visual--title { width: 72.43%; display: block; margin-bottom: 7.87%; }
.visual--title img { width: 100%; height: auto; }
.visual--lists { display: block; width: calc( 100% + 2em ); padding-left: 1px; }
.visual--lists li { font-family: 'NotoSansJP-Bold'; font-size: 25px; font-weight: bold; line-height: 2.08; letter-spacing: .025em; padding-left: 1.6504em; position: relative; }
.visual--lists li:before { content: ''; display: inline-block; position: absolute; left: 0; top: .55em; width: 1.23348em; height: .88em; background: url(../../img/top/icon-thick.svg) no-repeat; background-size: 100% 100%; }
.visual--btn { font-family: 'NotoSansJP-Bold'; font-size: 26px; line-height: 1.15; margin-left: 20px; margin-bottom: 100px; display: block; width: 87.52%;}
.visual--btn a { color: #fff; display: inline-block; background: #FA9600; text-align: center; padding: .3675em 1.171em; border: 1px solid #FA9600; border-radius: .1538em; transition: linear .25s; }
.visual--btn a:hover { color: #FA9600; background: none; }
.visual--logo { display: flex; align-items: center;}
.visual--logo img { height: auto; width: 360px; }

    @media only screen and (min-width: 768px) and (max-width: 1440px) {
        .visual--lists li { font-size: 1.736vw; }
        .visual--btn { font-size: 1.3vw; }
    }

    @media only screen and (max-width: 768px) {
        #visual { padding-top: 22px; }
        #visual .wrap { padding: 0 15px; }
        .visual__block { display: block; }
        .visual--image { width: 67.46vw; margin: 22px auto 0; }
		.visual--image img:last-child {display: block;width: 100%;height: auto;margin-left: 0;margin-top: 20px;}
		.visual--logo { width: 67.46vw; margin: 22px auto 0; }
        .visual--desc { width: 100%; max-width: 330px; margin: 0 auto; }
        .visual--title { max-width: 330px; width: 100%; display: block; margin-bottom: 11px; }
        .visual--lists li { font-size: 14px; line-height: 2.14; }

    }

    @media only screen and (max-width: 375px) {
        .visual--title,
        .visual--desc { max-width: 87.66vw; }
        .visual--lists li { font-size: 3.73vw; }
    }


/* section about */
#about { padding-top: 15px; }
/* #about:after { content: ''; width: 100%; height: 562px; position: absolute; top: 189px; left: 0; background: url(../../img/top/about-family.png) repeat-x bottom center; background-size: cover; z-index: 0; } */
/* .about--title { max-width: 830px; margin: 0 auto; padding-bottom: 400px; } */
.about__desc { position: relative; max-width: 970px; margin: 0 auto; font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 2.333; text-align: center; z-index: 1; }

/* section column */

/* #about:after { content: ''; width: 100%; height: 562px; position: absolute; top: 189px; left: 0; background: url(../../img/top/about-family.png) repeat-x bottom center; background-size: cover; z-index: 0; } */
.about__row1 {float: left;width: 100%; display: flex;flex-direction: row;/* height: 430px; *//* height: 45rem; */height: 40%;
}
.about__row2 {float: left;width: 100%; display: flex;flex-direction: row;/* padding-top: 50px; */}
.about__row3 {float: left;width: 100%; display: flex;flex-direction: row;}
.about__column1 {float: left;width: 60%;padding: 0px;height: 100%; /* background-color: antiquewhite; */}
.about__column2 {float: left;width: 40%;padding: 10px;height: 100%; /* background-color: antiquewhite; */}
.about__column3 {float: left;width: 33.3%;padding: 0px;height: 500% !important;max-width: 125%;}
.about__column4 {float: left;width: 35%;padding: 0px;padding: 2%;}
.about__column5 {float: left;width: 50%;padding: 0px;height: 500% !important;max-width: 125%;}
.about--head--tlt { font-family: 'NotoSansJP-Black'; font-weight: bold; font-size:  54px; color:#EA5550; text-align: left;}
.about--head--txt { font-family: 'NotoSansJP-Black'; font-size: 22px; line-height: 2; text-align-last: right; color:#000000; margin-bottom: 10px; margin-top: -8px; vertical-align: text-top; letter-spacing: 4px;}
.about__yuipota-logo-image1 {max-width: 65%;padding-left: 22%;width: 930px;max-height: 100%;}
.about__yuipota-logo-image2 {max-width: 65%;padding-left: 22%;}
.about__yuipota-logo-image11 {max-width: 70%;padding-left: 20%;width: 930px;max-height: 100%;}
.about__yuipota-logo-image22 {max-width: 70%;padding-left: 20%;}
.about__yuipota-logo-image3 {width: auto; height: auto;max-width: 100%;border: none;vertical-align: top;}
.about__yuipota-logo-image4 {width: auto; height: auto;max-width: 100%;border: none;vertical-align: top;}
.about__yuipota-logo-image5 {width: auto; height: auto;max-width: 100%;border: none;vertical-align: top;padding-top: 10%;}
.about__yuipota-logo-image6 {width: 100%;height: 100%;}
.about__yuipota-logo-image7 {width: 90%;height: 100%;}
.about__content1 {font-family: 'NotoSansJP-Black'; padding-bottom: 8px !important;font-size: 18px;color:#000000;}
.about__content2 {font-family: 'NotoSansJP-Black'; padding: 0 !important; font-size: 27px; font-weight: bold; color: #0072D3; margin-bottom: -10px;}
.about__video { position: relative;}
.about__video--block { display: block; overflow: hidden; max-width: 786px; height: 443px; margin: 0 auto; }
.about--list {  }
.about--list--tem { display: flex; list-style-position: inside; margin: 0; padding: 0; background: url(../../img/top/bg-skew.png) no-repeat center left; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box; }
.about--list--tem li { display: inline-block; width: 50%; }
.about--list--tem li:not(:last-child) { 
	/* margin-right: 20px;  */
}
.about--list--tem li span { display: block; text-align: center; }
.about--list--tem li .t-pic { max-width: 70px; margin: 0 auto; }
.about--list--tem li .t-txt { font-size: 15px; font-size: 1.5rem; font-weight: bold; color: #000; }
.about--list--txt.t-three { width: 100%; }
.about--list--tem.t-three { width: 600px; }
.about--list--tem.t-two { width: 100%; }
.limain1 { width: 55% !important; }
.limain2 { width: 45% !important; }
.about--list--item { display: flex; align-items: flex-end; margin: 0px; padding: 0 0 0 20%; background: url(../../img/top/bg-skew.png) no-repeat center left; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box; }
.about--list--item li { display: inline-block; width: 50%; }
.about--list--item li:not(:last-child) { 
	/* margin-right: 20px;  */
}
.about--list--item li span { display: block; text-align: center; }
.about--list--item li .t-pic { max-width: 70px; margin: 0 auto; }
.about--list--item li .t-txt { font-size: 15px; font-size: 1.5rem; font-weight: bold; color: #000; }
.about--list--txt.t-three { width:100%; }
.about--list--item.t-three { width: 90% !important; }

.about--list--item{
	width: 100%;
}

.about--list--item-1{ width: 25% !important; }
.about--list--item-2{ width: 25% !important; }
.about--list--item-3{ width: 50% !important; }
.about__video--block iframe { height: 100%; width: 100%; transform: scale(1.02); }
.about__row:after {     content: "";display: 100%; clear:both;}


/* section slide */
#slide { padding-top: 80px; }
.slide--alert { font-size: 12px; font-size: 1.2rem; display: block; margin: 0 auto; position: absolute; bottom: 15px; left: 0; right: 0; max-width: 1056px; padding: 0 15px; text-align: right; }
.slide__block--item { position: relative; }
.slide__block--photo {  }
.slide__block__desc { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 3% 10px 4.5%; width: 100%; color: #fff; text-shadow: 2px 2px 2px rgb(0, 0, 0, 0.5); -webkit-box-sizing: border-box; box-sizing: border-box; }
.slide__block__desc:after { content: ''; width: 0; height: 100%; position: absolute; top: 0; left: calc( 50% - 7.5px ); background: #ea5550; transition: linear .4s; }
.slide__block--number { font-family: 'MuseoModerno-Medium'; position: relative; font-size: 1.1979vw; font-weight: bold; letter-spacing: .1em; margin-bottom: .25em; z-index: 1; }
.slide__block--title { position: relative; font-size: 1.145vw; line-height: 1.54; font-weight: bold; letter-spacing: .1em; z-index: 1; }
.slide__block--item span { display: block; }
.slide__block--item span:hover .slide__block__desc:after { width: 100%; left: 0; background: rgba(233, 83, 83, .8); }
.slide__block .owl-dots { display: block !important; text-align: center; margin-top: 50px; }
.slide__block .owl-dots button { display: inline-block; margin: 0 15px; width: 13px; height: 13px; background: #ccc; border-radius: 50%; text-indent: -9999px; outline: none; white-space: nowrap; overflow: hidden; }
.slide__block .owl-dots button.active { background: #ea5550; }

.mfp-container { padding: 45px 15px; height: 100vh; -webkit-overflow-scrolling: touch; overflow: auto; }
.slide__content {  }
.slide__content-item { background: white; text-align: left; max-width: 780px; margin: 0 auto; position: relative; }
.slide__content--title { position: relative; background: #ea5550; color: #fff; padding: 10px 95px 15px 35px; min-height: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; }
.slide__content--title:after { content: ''; display: block; position: absolute; right: 0; top: 0; height: 100%; width: 87px; background: #fff; }
.slide__content--title .st-case { font-family: 'MuseoModerno-Medium'; font-size: 20px; font-size: 2rem; font-weight: bold; line-height: 1.2; letter-spacing: .1em; margin-bottom: .3em; }
.slide__content--title .st-text { font-size: 25px; font-size: 2.5rem; line-height: 1.2; font-weight: bold; letter-spacing: 0.025em; }
.slide__content--desc { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 1.8; padding: 28px 85px;  }
.slide__content--desc .sd-text:not(:last-child) { margin-bottom: 1em; }
.slide__content--desc img { display: block; max-width: 68%; margin: 0 auto; }
.slide__content--btn { display: block; overflow: hidden; padding: 30px 30px; }
.slide__content--btn .btn-popup { font-size: 15px; font-size: 1.5rem; color: #ea5550; }
.slide__content--btn .btn-popup--prev { float: left; }
.slide__content--btn .btn-popup--next { float: right; }
.slide__content--btn .btn-popup--prev:before { content: ''; display: inline-block; position: relative; margin: -3px 18px 0 0; width: 8px; height: 12px; vertical-align: middle; background-position: center center; background-repeat: no-repeat; background-size: 100%; background-image: url(../../img/share/btn-prev.png); }
.slide__content--btn .btn-popup--next:after { content: ''; display: inline-block; position: relative; margin: -3px 0 0 18px; width: 8px; height: 12px; vertical-align: middle; transform: rotate(-180deg); background-position: center center; background-repeat: no-repeat; background-size: 100%; background-image: url(../../img/share/btn-prev.png); }
.slide__content-item .mfp-close { line-height: 1; position: absolute; top: 40px; right: 23px; height: 40px; width: 40px; background: #ea5550; opacity: 1; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; }
.btn-popup { display: inline-block; cursor: pointer; }

.Vslide__block { margin-top: 15px; }
.Vslide__block__frame { position: relative; width: 100%; height: 262px; overflow: hidden; }
.Vslide__block__move { position: relative; height: 100%; margin-left: 335px; }
.Vslide__block--item { position: relative; float: left; margin-left: 20px; width: 370px !important; height: 100%; }
.Vslide__block--photo {  }
.Vslide__block__desc { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: absolute; left: 0; top: calc( 50% - 67.5px ); height: 135px; width: 100%; color: #fff; }
.Vslide__block--number { font-size: 23px; font-size: 2.3rem; font-weight: bold; letter-spacing: .1em; }
.Vslide__block--title { font-size: 25px; font-size: 2.5rem; font-weight: bold; letter-spacing: .1em; }
.Vslide__block__control { margin-top: 50px; }
.Vslide__block--direct { display: none; }
.Vslide__block__bullets { display: flex; justify-content: center; width: 100%; height: 13px; z-index: 1; }
.Vslide__block__bullets > a { display: block; margin: 0 15px; width: 13px; height: 100%; background: #ccc; border-radius: 50%; text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.Vslide__block__bullets > a.active { background: #ea5550; }

/* section funt */
#funt { background: url(../../img/top/bg-funt.jpg) no-repeat bottom center; background-size: cover; background-attachment: fixed; }
#funt:before { content: none; width: 100%; height: 785px; position: fixed; top: 0; left: 0; background: url(../../img/top/bg-funt.jpg) repeat-x bottom center; background-size: cover; z-index: -1; }

.ft-struct__video { position: relative; margin: 110px 0 100px; }
.ft-struct__video--block { display: block; overflow: hidden; max-width: 786px; height: 443px; margin: 0 auto; }
.ft-struct__video--block iframe { height: 100%; width: 100%; transform: scale(1.02); }

.ft__block:not(:last-child) { margin-bottom: 82px; }
.ft__block-tlt { font-family: 'NotoSansJP-Black'; font-size: 32px; font-size: 3.2rem; line-height: 1.2; letter-spacing: .5em; padding: 25px 0 45px; position: relative; color: #fff; background: #5ca9d6; text-align: center; box-shadow: 0px 6px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.2); }
.ft__block-tlt span { display: inline-block; position: absolute; top: calc( 50% - 29px ); right: 20px; opacity: .6; }

.ft-struct .ft__block-tlt { padding: 35px 0; }
.ft-struct .ft__block-tlt span { top: calc( 50% - .1em ); transform: translate(0, -50%); }
.ft-struct--break { position: relative; margin-top: -20px; }
.ft-struct--list {  }
.ft-struct--list:not(:last-child) { margin-bottom: 35px; }
.ft-struct--list dt { position: relative; font-size: 28px; font-size: 2.8rem; font-weight: bold; letter-spacing: 0.025em; line-height: 1.64; padding: 15px 20px; height: 120px; display: flex; justify-content: center; align-items: center; text-align: center; background: #f5bcba; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ft-struct--list dd { position: relative; padding: 45px 25px; background: #fff; border: 1px solid #f5bcba; }
.ft-struct--list:first-child dd:after { content: ''; width: 100%; height: 320px; position: absolute; bottom: 13%; left: 0; background: url(../../img/share/bg-build.png) repeat-x bottom center; background-size: cover; z-index: 0; }

.ft-struct__one {  }
.ft-struct__one__box { max-width: 820px; margin: 0 auto; position: relative; z-index: 1; background: #fff; box-shadow: 5px 5px 15px rgba(0,0,0,0.28); -moz-box-shadow: 5px 5px 15px rgba(0,0,0,0.28); -webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.28); }
.ft-struct__one__box:after,
.ft-struct__one__box:before { content: ''; position: absolute; top: 0; left: -2px; display: inline-block; background: #e32124; }
.ft-struct__one__box:before { width: 185px; height: 4px; top: -2px; }
.ft-struct__one__box:after { width: 4px; height: 185px; }
.ft-struct__one__box--break { padding: 45px 18px 55px; }
.ft-struct__one__box--break:after,
.ft-struct__one__box--break:before { content: ''; position: absolute; bottom: 0; right: -2px; display: inline-block; background: #e32124; }
.ft-struct__one__box--break:before { width: 185px; height: 4px; bottom: -2px; }
.ft-struct__one__box--break:after { width: 4px; height: 185px; }
.ft-struct__one__box--desc { font-size: 21px; font-size: 2.1rem; font-weight: bold; line-height: 1.85; text-align: center; }
.ft-struct__one__box--pic { position: relative; display: block; margin-top: 20px; }
.ft-struct__one__box--pic-list { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ft-struct__one__box--pic-list li { position: absolute; }
.ft-struct__one__box--pic-list .bpl-01 { width: 36.3%; top: 1.5%; left: 3.4%; }
.ft-struct__one__box--pic-list .bpl-02 { width: 32.3%; top: 0; right: 6.2%; }
.ft-struct__one__box--pic-list .bpl-03 { width: 89.1%; top: 24.65%; left: 5.35%; }
.ft-struct__one__box--pic-list .bpl-04 { width: 28.8%; bottom: 0; left: 6.8%; }
.ft-struct__one__box--pic-list .bpl-05 { width: 56.2%; bottom: 0; right: 0; }

.ft-struct__two {  }
.ft-struct__two dd { padding: 25px 25px 30px; }
.ft-struct__two__box--lists {  }
.ft-struct__two__box--lists li:not(:last-child) { margin-bottom: 25px; }
.ft-struct__two__box--note { font-size: 15px; font-size: 1.5rem; max-width: 952px; margin: 22px auto 0; }
.ft-struct__two__box--note a { color: #ea5550; transition: linear .25s; }
.ft-struct__two__box--note a:hover { text-decoration: underline; }
.ft-struct__two__box--note a:after { content: none; display: inline-block; vertical-align: -1px; margin-left: 0; width: 15px; height: 15px; background: url(../../img/share/icon-link.png) no-repeat; background-size: 100%; }

.ft-funt--break {  }
.ft-funt--block { position: relative; margin-top: -20px; }
.ft-funt--list {  }
.ft-funt--list:not(:last-child) { margin-bottom: 35px; }
.ft-funt--list dt { margin-bottom: 16px; position: relative; display: flex; flex-wrap: wrap; padding: 0; background: #f5bcba; }
.ft-funt--list--txt { padding: 10px 18px 10px 28px; display: flex; flex-direction: column; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ft-funt--list--txt .t-tag { font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 32px; margin-bottom: 10px; }
.ft-funt--list--txt .t-tag span { display: inline-block; background: #fff; -webkit-border-radius: 50px; border-radius: 50px; padding: 0 1em; }
.ft-funt--list--txt .t-tlt { font-size: 27px; font-size: 2.7rem; line-height: 1.2; font-weight: bold; letter-spacing: .025em; display: block; }
.ft-funt--list--tem { display: flex; flex-wrap: wrap; align-items: flex-end; margin: 5px; padding: 10px 23px 10px 95px; background: url(../../img/top/bg-skew.png) no-repeat center left; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ft-funt--list--tem li { display: inline-block; width: 80px; }
.ft-funt--list--tem li:not(:last-child) { margin-right: 20px; }
.ft-funt--list--tem li span { display: block; text-align: center; }
.ft-funt--list--tem li .t-pic { max-width: 70px; margin: 0 auto; }
.ft-funt--list--tem li .t-txt { font-size: 15px; font-size: 1.5rem; font-weight: bold; color: #000; }

.ft-funt--list--txt.t-three { width: calc( 100% - 410px ); }
.ft-funt--list--tem.t-three { width: 400px; }
.ft-funt--list--txt.t-two { width: calc( 100% - 310px ); }
.ft-funt--list--tem.t-two { width: 300px; }
.ft-funt--list--txt.t-one { width: calc( 100% - 210px ); }
.ft-funt--list--tem.t-one { width: 200px; }

.ft-funt--list dd { border: 1px solid #f5bcba; }
.ft-funt--list--tlt { font-size: 22px; font-size: 2.2rem; font-weight: bold; letter-spacing: 0.1em; line-height: 1.2; background: #fff; text-align: center; padding: 14px 20px 15px; border-bottom: 1px solid #f5bcba; }
.ft-funt--list--pic { position: relative; width: calc( 100% - .5px ); display: block; overflow: hidden; background: #fff; background: -moz-linear-gradient(left, #fff 50%, #faecee 50%); background: -webkit-linear-gradient(left, #fff 50%,#faecee 50%); background: linear-gradient(to right, #fff 50%,#faecee 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#faecee',GradientType=0 ); }
.ft-funt--list--pic-txt { font-size: 18px; font-size: 1.8rem; line-height: 1.94; min-height: 3.88em; width: 50%; text-align: center; position: absolute; right: 0; bottom: 0; padding: 0 1em 1.4em; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ft-funt--list-02 {  }
.ft-funt--list-02 .ft-funt--list--pic { background: #fff; }
.ft-funt--list-02 .ft-funt--list--pic-txt { width: 42.5%; }

.ft-funt--list-07 {  }
.ft-funt--list-07 dt { background: #aed2e4; }
.ft-funt--list-07 dd,
.ft-funt--list-07 .ft-funt--list--tlt { border-color: #aed2e4; }
.ft-funt--list-07 .ft-funt--list--pic { background: #fff; }
.ft-funt--list-07 .ft-funt--list--pic-txt { width: 40%; bottom: 3%; text-align: left; }

/* section system */
#system { display: block; overflow: hidden; background: #f4f2f5; }
.system__lists { display: flex; flex-wrap: wrap; }
.system__lists--box { font-size: 18px; font-size: 1.8rem; font-weight: bold; width: 30.3%; margin-right: 4.55%; border: 1px solid #EA5550; background: #fff; display: block; overflow: hidden; box-sizing: border-box; border-radius: 10px; }
.system__lists--box:nth-child(3n) { margin-right: 0; }
.system__lists--box:nth-child(n+4) { margin-top:4.55%; }
.system__lists--box a { display: block; color: #fff; transition: linear .25s; }
.system__lists--tlt { height: 60px; padding: 5px 50px 5px 22px; background: #EA5550; border-bottom: 1px solid #EA5550; display: flex; align-items: center; position: relative; box-sizing: border-box; transition: linear .25s; }
.system__lists--tlt:after { content: ''; display: inline-block; position: absolute; right: 22px; top: 50%; transform: translate(0, -50%); width: 1em; height: 1em; border-radius: 50%; border: 1px solid #EA5550; vertical-align: middle; background: #fff url(../../img/share/btn-next-H.png) no-repeat center left 0.35em; background-size: 38%; }
.system__lists--pic { padding: 21px 22px; }

    .system__lists--box a:hover { opacity: .8; }
    .system__lists--box a:hover .system__lists--tlt { background: none; color: #EA5550; }

    #system .animated .fade-delay-01 { -webkit-transition-delay: 0s; transition-delay: 0s; }
    #system .animated .fade-delay-02 { -webkit-transition-delay: .3s; transition-delay: .3s; }
    #system .animated .fade-delay-03 { -webkit-transition-delay: .6s; transition-delay: .6s; }
    #system .animated .fade-delay-04 { -webkit-transition-delay: .9s; transition-delay: .9s; }
    #system .animated .fade-delay-05 { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
    #system .animated .fade-delay-06 { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
    #system .animated .fade-delay-07 { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }
    #system .animated .fade-delay-08 { -webkit-transition-delay: 2.1s; transition-delay: 2.1s; }
    #system .animated .fade-ease-up { opacity: 1; transform: scale(1,1); }


/* section comparison */
#comparison {  }
.comparison__point { display: block; background: #FAE0DF; padding: 28px 60px 60px; }
.comparison__point--tlt { font-family: 'NotoSansJP-Black'; font-size: 28px; font-size: 2.8rem; font-weight: bold; line-height: 1.2; text-align: center; margin-bottom: 28px; }
.comparison__point--lists { display: block; }
.comparison__point--lists dl { display: flex; flex-wrap: wrap; align-items: center; overflow: hidden; background: #fff; border-radius: 10px; }
.comparison__point--lists dl:not(:last-child) { margin-bottom: 17px; }
.comparison__point--lists dl dt,
.comparison__point--lists dl dd { display: flex; align-items: center; min-height: 66px; box-sizing: border-box; }
.comparison__point--lists dl dt { font-size: 23.78px; font-size: 2.378em; font-weight: bold; line-height: 1.2; background: #EA5550; color: #fff; width: 270px; padding: 5px 20px 5px 15px; text-align: center; justify-content: center; }
.comparison__point--lists dl dt span { display: inline-block; text-align: left; width: 7em; white-space: pre; }
.comparison__point--lists dl dd { font-size: 19.38px; font-size: 1.938em; font-weight: bold; letter-spacing: .1em; padding: 5px 40px; width: calc( 100% - 270px ); }

.comparison__desc { display: block; position: relative; }
.comparison__desc__block { margin-top: 90px; }
.comparison__desc--tlt { font-family: 'NotoSansJP-Black'; font-size: 27px; font-size: 2.7rem; font-weight: bold; line-height: 1.2; margin-bottom: 55px; }
.comparison__desc--tlt span { display: inline-block; color: #EA5550; margin-right: .45em; }
.comparison__desc--cap { font-size: 14px; font-size: 1.4rem; text-align: right; width: 1056px; max-width: 1056px; margin-bottom: 18px; }
.comparison__desc--cap span { color: #EA5550; }
.comparison__desc--cont { position: relative; overflow: auto; }
.comparison__desc__table { position: relative; width: 1056px; max-width: 1056px; border-collapse: collapse; z-index: 2; }
.comparison__desc__table tr th,
.comparison__desc__table tr td { font-size: 16px; font-size: 1.6rem; line-height: 1.5; padding: 8px 5px; text-align: center; vertical-align: middle; border-right: 1px solid #E6E6E6; box-sizing: border-box; position: relative; }
.comparison__desc__table tr th:first-child { position: sticky; top: 0; left: 0; z-index: 2; }
.comparison__desc__table thead tr th { border-right-color: #fff; }
.comparison__desc__table thead tr th:nth-child(2),
.comparison__desc__table tbody tr td:nth-child(2) { border-right-color: #EA5550; }
.comparison__desc__table tbody tr td:nth-child(2):before { content: ''; display: block; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: #EA5550; }
.comparison__desc__table tbody tr:last-child td:nth-child(2):after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #EA5550; }
.comparison__desc__table thead tr th { font-weight: bold; padding: 13px 5px; position: relative; width: 200px; }
.comparison__desc__table thead tr th span { position: relative; }
.comparison__desc__table thead tr th:first-child { background: #fff; width: 256px; }
.comparison__desc__table thead tr th:not(:first-child):before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #F5BCBA; display: block; overflow: hidden; }
.comparison__desc__table thead tr th:last-child:before { border-top-right-radius: 10px; }
.comparison__desc__table thead tr th:nth-child(2) { font-size: 27px; font-size: 2.7rem; letter-spacing: .1em; color: #fff; }
.comparison__desc__table thead tr th:nth-child(2):before { width: calc( 100% + 1px ); left: -1px; background: #EA5550; border-top-left-radius: 10px; }
.comparison__desc__table tbody tr { background: #F2F2F2; }
.comparison__desc__table tbody tr th { font-weight: bold; padding: 8px 22px; background: #FAE0DF; text-align: left; border: none; }
.comparison__desc__table tbody tr th span { display: flex; min-height: 3em; align-items: center; }
.comparison__desc__table tbody tr:nth-child(2n),
.comparison__desc__table tbody tr:nth-child(2n) th { background: #fff; }
.comparison__desc__table tbody tr td:last-child { border-right-color: #fff; }
.comparison__desc__table tbody tr td .dt-sign { font-size: 27px; font-size: 2.7rem; line-height: 1.22; display: inline-block; }
.comparison__desc__table tbody tr td .dt-sign small { font-size: 14px; font-size: 1.4rem; line-height: 1.8; display: block; }
.comparison__desc__table tbody tr td .dt-circle { color: #EA5550; font-weight: bold; }
.comparison__desc__table tbody tr td .dt-minus { color: #999; }
.comparison__desc--note { font-size: 14px; font-size: 1.4rem; margin-top: 18px; text-indent: -1.8em; padding-left: 1.8em; }

    .comparison__desc__service .comparison__desc__table tbody tr th { padding: 11px 22px; }
    .comparison__desc__service .comparison__desc__table tbody tr th span { min-height: 4.5em; }
    .comparison__desc__service .comparison__desc--cont { padding-bottom: 1px; }
    .comparison__desc__service .comparison__desc--cont:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 1056px; height: 2px; background: #E6E6E6; }

    .comparison__desc__feature .comparison__desc__table tbody tr td { padding-top: 2px; padding-bottom: 2px; }
    .comparison__desc__feature .comparison__desc--tlt { margin-bottom: 25px; }

/* section ease */
#ease { background: #f4f2f5; }
.ease--block {  }
.ease__list {  }
.ease__list:not(:last-child) { margin-bottom: 65px; }
.ease__list dt { position: relative; font-size: 27px; font-size: 2.7rem; font-weight: bold; color: #fff; letter-spacing: 0.1em; line-height: 1.2; padding: 34px 50px; background: #a5a5a5; }
.ease__list dd { display: flex; flex-wrap: wrap; align-items: center; background: #fff; }
.ease__list--pic { width: 44.7%; }
.ease__list--txt { font-size: 20px; font-size: 2rem; font-weight: bold; line-height: 1.85; padding: 15px 53px; width: 55.3%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ease__list--break{ display: block; padding-left: 120px; }

/* section news */
#news {  }
#news-table { border-collapse: collapse; border-bottom: none; }
#news-table thead { display: none; }
#news-table tbody tr { background: none; }
#news-table tbody tr:nth-of-type(2) td { border-top: 1px solid #e2e0e1; }
#news-table tbody tr td { position: relative; background: none; font-size: 15px; font-size: 1.5rem; letter-spacing: .025em; padding: 23px 0; border-bottom: 1px solid #e2e0e1; transition: linear .4s; transition: linear .25s; }
#news-table tbody tr td:nth-of-type(2) { width: 160px; font-size: 13px; font-size: 1.3rem; font-weight: bold; color: #ea5550; }
#news-table tbody tr td p { transition: linear .4s; transition: linear .25s; }
#news-table tbody tr td p.Txts:after { content: 'PDF'; font-size: 12px; font-size: 1.2rem; line-height: 16px; display: inline-block; background: #ea5550; color: #fff; padding: 0 8px; margin-left: 15px; -webkit-border-radius: 2px; border-radius: 2px; }
#news-table tbody tr:hover td { border-bottom: 1px solid #000; }
#news-table tbody tr:hover td p { padding-left: 15px; }
#news-table tbody tr td .Liks { position: absolute; top: 0; left: -160px; width: calc( 100% + 160px ); height: 100%; }
#news-table tbody tr td .Liks a { display: block; width: 100%; height: 100%; }
#news-table_info,
#news-table_length,
#news-table_filter,
#news-table_paginate { display: none; }
.news--more { font-size: 16px; font-size: 1.6rem; font-weight: bold; display: block; width: 195px; margin: 60px auto 0; text-align: center; }
.news--more a { display: block; background: #ea5550; color: #fff; border: solid #ea5550 1px; padding: 12px 0; -webkit-border-radius: 3px; border-radius: 3px; transition: linear .4s; transition: linear .25s; }
.news--more a:after { content: ''; display: inline-block; vertical-align: middle; margin: -3px 0 0 15px; width: 8px; height: 12px; background: url(../../img/share/btn-next.png) no-repeat center center; background-size: 100%; }
.news--more a:hover { color: #ea5550; background: #fff; }
.news--more a:hover:after { background-position: center center; background-repeat: no-repeat; background-size: 100%; background-image: url(../../img/share/btn-next-H.png); }

.fade-ease.animated .fade-ease--list-01 { -webkit-transition-delay: 0s; transition-delay: 0s; }
.fade-ease.animated .fade-ease--list-02 { -webkit-transition-delay: .6s; transition-delay: .6s; }
.fade-ease.animated .fade-ease--list-03 { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
.fade-ease.animated .fade-ease--list-04 { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }
.fade-ease.animated .fade-ease--list-05 { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; }
.fade-ease.animated .fade-ease--list-06 { -webkit-transition-delay: 3s; transition-delay: 3s; }
.fade-ease.animated .fade-ease--list-07 { -webkit-transition-delay: 3.6s; transition-delay: 3.6s; }

/* Responsive
------------------------------------------------ */
@media screen and (min-width: 768px) {
    #news-table { width: 100% !important; }
}
@media screen and (max-width: 1080px) {
	.ft-funt--list--pic-txt { font-size: 1.666667vw; }
}

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

	#container:before { height: 50px; }

	.section { position: relative; padding: 45px 0 50px }
	.section--head { margin-bottom: 28px; }
	.section--head--tlt { font-size: 18px; font-size: 1.8rem; letter-spacing: .025em; margin-bottom: 20px; }
	.section--head--txt { font-size: 14px; font-size: 1.4rem; line-height: 1.7; }

	/* section about */
	#about { padding-top: 36px; padding-bottom: 0; }
	/* #about:after { content: ''; width: 100%; height: 0; padding-bottom: 51.5%; top: 9.5%; } */
	.about--head--tlt {  font-size: 3.5rem; color:#EA5550; width: 100%; letter-spacing: 2px; text-align: center;}
	.about--head--txt {  font-size: 2rem; line-height: 1.7; text-align-last: center; width: 100%; color:#000000; margin-bottom: 10px; }
	.about--title {margin: 0 auto; padding: 0 10% 0 10%; }
	.about__desc { font-size: 13px; font-size: 1.3rem; line-height: 2; letter-spacing: .025em; text-align: center; }
	.about__lists { max-width: 970px; margin: 12% auto 0; }
	.about__lists li { position: relative; width: calc( 33.33333% - 10px ); margin-right: 15px; }
	.about__lists li:nth-child(3n) { margin-right: 0; }
	.about__lists li:nth-child(n+4) { margin-top: 15px; }
	.about__lists li a { display: block; padding: 14% 2% 30%; border: 2px solid #666464; -webkit-border-radius: 4px; border-radius: 4px; }
	.about__lists--pic { max-width: 69%; margin: 0 auto; }
	.about__lists--txt { font-size: 2.91vw; line-height: 1.27; min-height: 2.54em; position: absolute; left: 0; bottom: 4%; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; }
	.about__lists--txt span { display: block; }
	.about__video { margin: 0; }
    .about__video--block { height: 388px; }
	.about__row1 {float: left;width: 100%; display: flex;flex-direction: row;/* height: 125px; *//* height: 14rem; */height: 40%;}
	.about__row2 {float: left;width: 100%; display: flex;flex-direction: row;/* padding-top: 50px; */}
	.about__row3 {float: left;width: 100%; display: flex;flex-direction: row; padding: 0 20% 0 20% !important;}
	.about__column1 {float: left;width: 60%;padding: 0px;height: 100%; /* background-color: antiquewhite; */}
	.about__column2 {float: left;width: 40%;padding: 10px;height: 100%; /* background-color: antiquewhite; */}
	.about__column3 {float: left;width: 33.3%;padding: 0px;max-width: 125%;}
	.about__column4 {float: left;width: 50%;padding: 0px;max-width: 125%;}
	.about__column5 {float: left;width: 50%;padding: 0px;max-width: 125%;}
	.about__yuipota-logo-image11 {display: flex; /*flex-wrap: wrap;*/ align-items: center; max-width: 100%;padding: 0;}
	.about__yuipota-logo-image22 {display: flex; /*flex-wrap: wrap;*/ align-items: center; max-width: 100%;padding: 0;}
	.about__yuipota-logo-image6 {width: 100%;height: 100%;}
	.about__yuipota-logo-image7 {width: 90%;height: 100%;}
	.about__content1 {padding-bottom: 0px !important;font-size: 1.3rem;width: 100%;color:#000000; margin-top: 15px;}
	.about__content2 {padding-bottom: 0px !important;font-size: 1.3rem; font-weight: bold; color: #0072D3; width: 100%;}
	.about--list--tem.t-two { width: 100%; }
	.about--list--tem { display: flex; flex-direction: column; justify-content: center; margin: 3px; padding: 5px 10px 5px 0px;/* width: 125px !important; min-height: 60px;*/ max-width: 100%; }
	.about--list--tem li { display: flex; flex-wrap: wrap; align-items: center; width: auto; }
	.about--list--tem li:not(:last-child) { margin-right: 0; margin-bottom: 3px; }
	.about--list--tem li span { display: block; text-align: left; line-height: 1; }
	.about--list--tem li .t-pic { max-width: 14px; margin: 0 5px 0 0; }
	.about--list--tem li .t-txt { font-size: 10px; font-size: 1rem; }
	.about--list--tem.t-three { width: 600px; }
	.about--list--item { display: flex; /*flex-wrap: wrap;*/ align-items: flex-end; margin: 5px; padding: 0; background: url(../../img/top/bg-skew.png) no-repeat center left; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.about--list--item.t-three { width: 100% !important; }
	.about--list--item li { display: inline-block; width: 33.33%; margin-bottom: 5px;}
	.about--list--item li:not(:last-child) { 
		/* margin-right: 20px;  */
	}
	.about--list--item li span { display: block; text-align: center; }
	.about--list--item li .t-pic { max-width: 70px; margin: 0 auto; }
	.about--list--item li .t-txt { font-size: 15px; font-size: 1.5rem; font-weight: bold; color: #000; }
	.limain1 { width: 100% !important; }
	.limain2 { width: 100% !important; }
	.about__lists li:last-child {  }
	.about__lists li:last-child a { display: block; padding: 3.8% 0 3%; }
	.about__lists li:last-child .about__lists--pic { width: 74.8%; max-width: 100%; margin: 0 auto; }
	.about__lists li:last-child .about__lists--txt { width: 100%; font-size: 2.67vw; margin: 1.5% 0 0; min-height: auto; line-height: 1.59; position: relative; bottom: auto; text-align: center; }

	/* section slide */
	#slide { padding-top: 35px; }
	#slide .section--head { padding: 0 15px; }
	.slide__block { padding: 0 15px; }
	.slide__carousel { display: flex; flex-wrap: wrap; }
	.slide__block--item { width: calc( 50% - 7.5px ); margin-right: 15px; }
	.slide__block--item:nth-child(2n) { margin-right: 0; }
	.slide__block--item:nth-child(n+3) { margin-top: 15px; }
	.slide__block__desc { padding: 3% 10px 4.5%; }
	.slide__block__desc:after { width: 100%; left: 0; background: rgba(233, 83, 83, .8); }
	.slide__block--number { font-size: 2.933333vw; margin-bottom: 0; }
	.slide__block--title { font-size: 2.666667vw; }

	.mfp-container { padding: 25px 15px; }
	.slide__content-item { margin: 0 auto; }
	.slide__content--title { padding: 10px 65px 10px 15px; min-height: auto; }
	.slide__content--title:after { width: 54px; }
	.slide__content--title .st-case { font-size: 11px; font-size: 1.1rem; }
	.slide__content--title .st-text { font-size: 14px; font-size: 1.4rem; }
	.slide__content--desc { font-size: 13px; font-size: 1.3rem; font-weight: bold; line-height: 1.57; padding: 15px; height: -webkit-calc(100vh - 150px); height: calc(100vh - 150px); max-height: 360px; }
	.slide__content--desc img { max-width: 85%; }
	.slide__content--btn { display: block; overflow: hidden; padding: 20px 15px; }
	.slide__content--btn .btn-popup { font-size: 13px; font-size: 1.3rem; }
	.slide__content--btn .btn-popup--prev:before { margin: -2px 12px 0 0; width: 6px; height: 10px; }
	.slide__content--btn .btn-popup--next:after { margin: -2px 0 0 12px; width: 6px; height: 10px; }
	.slide__content-item .mfp-close { top: 13px; right: 13px; height: 28px; width: 28px; }

	/* section funt */
	#funt {  }
	#funt:before { height: 392px; }

	.ft__block:not(:last-child) { margin-bottom: 50px; }
	.ft__block-tlt { font-size: 14px; font-size: 1.4rem; padding: 12px 0 32px; }
	.ft__block-tlt span { font-size: 12px; font-size: 1.2rem; margin-top: 3px; display: block; position: relative; top: auto; right: auto; opacity: .6; }

    .ft-struct__video { margin: 58px 0 45px; }
    .ft-struct__video--block { height: 388px; }

    .ft-struct .ft__block-tlt { padding: 22px 0; }
    .ft-struct .ft__block-tlt span { top: auto; transform: none; }
	.ft-struct--break { margin-top: -20px; }
	.ft-struct--list:not(:last-child) { margin-bottom: 30px; }
	.ft-struct--list dt { font-size: 14px; font-size: 1.4rem; letter-spacing: 0; line-height: 1.4; padding: 12px 5px; height: auto; justify-content: center; }
	.ft-struct--list dd { padding: 20px 20px; }
	.ft-struct--list:first-child dd:after { display: none; }

	.ft-struct__one__box:after,
	.ft-struct__one__box:before { left: -1px; }
	.ft-struct__one__box:before { width: 74px; height: 2px; top: -1px; }
	.ft-struct__one__box:after { width: 2px; height: 74px; }
	.ft-struct__one__box--break { padding: 25px 12px 28px; }
	.ft-struct__one__box--break:after,
	.ft-struct__one__box--break:before { right: -1px; }
	.ft-struct__one__box--break:before { width: 74px; height: 2px; bottom: -1px; }
	.ft-struct__one__box--break:after { width: 2px; height: 74px; }
	.ft-struct__one__box--desc { font-size: 13px; font-size: 1.3rem; line-height: 1.57; text-align: center; }
	.ft-struct__one__box--pic { margin-top: 20px; }
	.ft-struct__one__box--pic-list .bpl-01 { width: 40.2%; top: 1.1%; left: 0; }
	.ft-struct__one__box--pic-list .bpl-02 { width: 42.2%; top: 0; right: 2.2%; }
	.ft-struct__one__box--pic-list .bpl-03 { width: 98.9%; top: 29%; right: 0; left: auto; }
	.ft-struct__one__box--pic-list .bpl-04 { width: 35.4%; bottom: 0; left: 4.4%; }
	.ft-struct__one__box--pic-list .bpl-05 { width: 62.5%; bottom: 3.1%; right: 1.2%; z-index: 1; }

	.ft-struct__two dd { padding: 20px; }
	.ft-struct__two__box--lists li:not(:last-child) { margin-bottom: 20px; }
	.ft-struct__two__box--note { font-size: 0px; font-size: 1rem; margin: 12px 0 0 5.7%; width: calc( 100% + 15px ) }
	.ft-struct__two__box--note a:after { width: 10px; height: 10px; }

	.ft-funt--list:not(:last-child) { margin-bottom: 30px; }
	.ft-funt--list dt { margin-bottom: 15px; }
	.ft-funt--list--txt { width: calc( 100% - 131px ) !important; padding: 8px 0 5px 10px; }
	.ft-funt--list--txt .t-tag { font-size: 10px; font-size: 1rem; line-height: 15px; margin-bottom: 5px; }
	.ft-funt--list--txt .t-tlt { font-size: 14px; font-size: 1.4rem; line-height: 1.4; letter-spacing: 0; }
	.ft-funt--list--tem { display: flex; flex-direction: column; justify-content: center; margin: 3px; padding: 5px 10px 5px 40px; width: 125px !important; min-height: 60px; max-width: 200px; }
	.ft-funt--list--tem li { display: flex; flex-wrap: wrap; align-items: center; width: auto; }
	.ft-funt--list--tem li:not(:last-child) { margin-right: 0; margin-bottom: 3px; }
	.ft-funt--list--tem li span { display: block; text-align: left; line-height: 1; }
	.ft-funt--list--tem li .t-pic { max-width: 14px; margin: 0 5px 0 0; }
	.ft-funt--list--tem li .t-txt { font-size: 10px; font-size: 1rem; }
	.slide__block--item-extra { display: flex !important; align-items: center; border: 2px solid #666464; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -webkit-box-sizing: border-box; box-sizing: border-box; }
	.slide__block--item-extra a { display: block; }
	.slide__block--item-extra .slide__block--photo { max-width: 45.5%; margin: -1em auto -.2em; }
	.slide__block--item-extra .slide__block__desc { font-size: 2.93333vw; font-weight: bold; line-height: 1.27; padding: 0; color: #000; position: relative; left: auto; top: auto; -webkit-transform: translate(0); transform: translate(0); text-shadow: none; }
	.slide__block--item-extra .slide__block__desc:after { display: none; }

	.ft-funt--list--tlt { font-size: 13px; font-size: 1.3rem; line-height: 1.26; padding: 11px 15px 12px; letter-spacing: 0; }
	.ft-funt--list--pic { position: relative; width: calc( 100% - .5px ); display: block; overflow: hidden; background: none; }
	.ft-funt--list--pic-txt { font-size: 13px; font-size: 1.3rem; line-height: 1.57; min-height: auto; width: 100% !important; text-align: left; position: inherit; right: auto; bottom: auto; padding: 0 20px; margin-top: 8px; }
	.ft-funt--list--pic-one { background: #fff; padding: 20px 0; }
	.ft-funt--list--pic-two { padding: 20px 0 15px; background: #faecee; }

	.ft-funt--list-02 .ft-funt--list--pic-two,
	.ft-funt--list-07 .ft-funt--list--pic-two { background: #fff; }
	.ft-funt--list-02 .ft-funt--list--pic-txt,
	.ft-funt--list-04 .ft-funt--list--pic-txt,
	.ft-funt--list-05 .ft-funt--list--pic-txt,
	.ft-funt--list-06 .ft-funt--list--pic-txt { text-align: center; }
	.ft-funt--list-07 .ft-funt--list--pic-txt { padding: 0 40px; }

    /* section system */
    .system__lists { display: block; width: calc( 100% - 60px ); margin: 0 auto; }
    .system__lists--box { font-size: 14px; font-size: 1.4rem; letter-spacing: .025em; width: 100%; margin-right: 0; border-radius: 5px; }
    .system__lists--box:nth-child(n+2) { margin-top: 30px; }
    .system__lists--tlt { height: 50px; padding: 5px 40px 5px 15px; }
    .system__lists--tlt:after { right: 15px; }
    .system__lists--pic { padding: 20px 18px; }

    /* section comparison */
    #comparison {  }
    .comparison__point { padding: 25px 20px; }
    .comparison__point--tlt { font-size: 14px; font-size: 1.4rem; letter-spacing: .025em; margin-bottom: 18px; }
    .comparison__point--lists { display: flex; flex-wrap: wrap; }
    .comparison__point--lists dl { width: 47.5%; margin-right: 5%; margin-bottom: 0 !important; display: block; border-radius: 5px; }
    .comparison__point--lists dl:nth-child(2n) { margin-right: 0; }
    .comparison__point--lists dl:nth-child(n+3) { margin-top: 6.6%; }
    .comparison__point--lists dl dt,
    .comparison__point--lists dl dd { display: block; align-items: center; min-height: auto; box-sizing: border-box; }
    .comparison__point--lists dl dt { font-size: 12px; font-size: 1.2em; letter-spacing: .025em; text-align: center; width: 100%; padding: 5.5px 15px; }
    .comparison__point--lists dl dd { font-size: 13px; font-size: 1.3em; line-height: 1.57; letter-spacing: .025em; padding: 10px; width: 100%; }

    .comparison__desc {  }
    .comparison__desc__block { margin-top: 45px; padding-left: 15px; width: calc( 100% + 15px ); box-sizing: border-box; }
    .comparison__desc--tlt { font-size: 14px; font-size: 1.4rem; letter-spacing: .025em; margin-bottom: 18px; margin-left: -15px; }
    .comparison__desc--cap { font-size: 10px; font-size: 1rem; letter-spacing: .025em; width: 825px; max-width: 825px; text-align: right; margin-top: 0; margin-bottom: 10px; }
    .comparison__desc__table { position: relative; width: 825px; max-width: 825px; border-collapse: collapse; z-index: 2; }
    .comparison__desc__table tr th,
    .comparison__desc__table tr td { font-size: 13px; font-size: 1.3rem; line-height: 1.5; letter-spacing: .025em; padding: 8px 5px; text-align: center; vertical-align: middle; border-right: 1px solid #E6E6E6; box-sizing: border-box; }
    .comparison__desc__table tr th:first-child { position: sticky; top: 0; left: 0; z-index: 2; }
    .comparison__desc__table thead tr th { border-right-color: #fff; }
    .comparison__desc__table thead tr th:nth-child(2),
    .comparison__desc__table tbody tr td:nth-child(2) { border-right-color: #EA5550; }
    .comparison__desc__table tbody tr:last-child td:nth-child(2):after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #EA5550; }
    .comparison__desc__table thead tr th { font-weight: bold; padding: 13px 5px; position: relative; width: 165px; }
    .comparison__desc__table thead tr th span { position: relative; }
    .comparison__desc__table thead tr th:first-child { background: #fff; width: 165px; }
    .comparison__desc__table thead tr th:not(:first-child):before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #F5BCBA; display: block; overflow: hidden; }
    .comparison__desc__table thead tr th:last-child:before { border-top-right-radius: 10px; }
    .comparison__desc__table thead tr th:nth-child(2) { font-size: 18px; font-size: 1.8rem; letter-spacing: .1em; color: #fff; }
    .comparison__desc__table thead tr th:nth-child(2):before { width: calc( 100% + 1px ); left: -1px; background: #EA5550; border-top-left-radius: 10px; }
    .comparison__desc__table tbody tr { background: #F2F2F2; }
    .comparison__desc__table tbody tr th { font-weight: bold; padding: 8px 5px 8px 10px; background: #FAE0DF; text-align: left; border: none; }
    .comparison__desc__table tbody tr th span { display: flex; min-height: 3em; align-items: center; }
    .comparison__desc__table tbody tr:nth-child(2n),
    .comparison__desc__table tbody tr:nth-child(2n) th { background: #fff; }
    .comparison__desc__table tbody tr td:last-child { border-right-color: #fff; }
    .comparison__desc__table tbody tr td .dt-sign { font-size: 22px; font-size: 2.2rem; line-height: 1.22; display: inline-block; }
    .comparison__desc__table tbody tr td .dt-sign small { font-size: 11px; font-size: 1.1rem; line-height: 1.8; display: block; }
    .comparison__desc__table tbody tr td .dt-circle { color: #EA5550; font-weight: bold; }
    .comparison__desc__table tbody tr td .dt-minus { color: #999; }
    .comparison__desc--note { font-size: 12px; font-size: 1.2rem; margin-top: 10px; width: calc( 100% - 15px ); }

        .comparison__desc__service .comparison__desc__table tbody tr th { padding: 10px 10px; }
        .comparison__desc__service .comparison__desc__table tbody tr th span { min-height: 4.5em; }
        .comparison__desc__service .comparison__desc--cont { padding-bottom: 1px; }
        .comparison__desc__service .comparison__desc--cont:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 825px; height: 2px; background: #E6E6E6; }

        .comparison__desc__feature .comparison__desc__table tbody tr td { padding-top: 2px; padding-bottom: 2px; }
        .comparison__desc__feature .comparison__desc--tlt { margin-bottom: 18px; }

	/* section ease */
	.ease__list:not(:last-child) { margin-bottom: 18px; }
	.ease__list dt { font-size: 15px; font-size: 1.5rem; padding: 14px 15px; text-align: center; }
	.ease__list dd { display: block; }
	.ease__list--pic { width: 100%; }
	.ease__list--txt { font-size: 14px; font-size: 1.4rem; line-height: 1.7; padding: 5px 30px 15px; width: 100%; }
	.ease__list--txt small { display: block; font-size: 14px; font-size: 1.4rem; }
	.ease__list--break{ padding-left: 82px; }

	/* section news */
	#news-table { border-top: 1px solid #e2e0e1; }
	#news-table tbody tr { border-bottom: 1px solid #e2e0e1; }
	#news-table tbody tr:nth-of-type(2) td { border-top: none; }
	#news-table tbody tr td { display: block; width: 100%; font-size: 13px; font-size: 1.3rem; padding: 2px 0 15px; border: none; }
	#news-table tbody tr td:nth-of-type(2) { width: 100%; font-size: 12px; font-size: 1.2rem; border: none; padding: 15px 0 2px; }
	#news-table tbody tr td p.Txts:after { font-size: 10px; font-size: 1rem; line-height: 13px; padding: 0 7px; margin-left: 8px; }
	#news-table tbody tr:hover td { border-bottom: none; }
	#news-table tbody tr:hover td p { padding-left: 0; }
	#news-table tbody tr td .Liks { top: -36px; left: 0; width: 100%; height: calc( 100% + 36px ); }
	.news--more { font-size: 13px; font-size: 1.3rem; width: 100%; max-width: 295px; margin: 50px auto 0; }
	.news--more a { padding: 10px 0; }
	.news--more a:after { margin: -2px 0 0 12px; width: 6px; height: 10px; }
	.about__bottom_content { padding: 0 0% 0 12% !important; }

}

.about_wrap {
    position: relative !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

@media (max-width: 1290px){
	.about--head--txt { 
		margin-bottom: 10px;
		font-size: 1.6rem;
	}
	/* .about__row3 {padding: 0 !important;} */
	.about__content2 {
		padding-bottom: 0 !important;
		font-size: 13px;
		font-weight: bold;
		color: #0072D3;
		margin-bottom: 0px;
	}
}

@media (max-width: 480px){
	.about--head--tlt {  font-size: 2.5rem !important; letter-spacing: 2px; text-align: center;}
	.about--head--txt { margin-bottom: 10px;font-size: 1.6rem; letter-spacing: 0px; text-align-last: center;}
	.about__row3 {padding: 0 20% 0 20% !important;}
}

@media (max-width: 360px){
	.about--head--tlt {  font-size: 2.3rem !important; letter-spacing: 2px; text-align: center;}
	.about--head--txt { margin-bottom: 10px;font-size: 1.4rem; letter-spacing: 0px; text-align-last: center;}
	.about__row3 {padding: 0 20% 0 20% !important;}
}

@media (max-width: 320px){
	.about--head--tlt {  font-size: 1.7rem !important; letter-spacing: 2px; text-align: center;}
	.about--head--txt { margin-bottom: 10px;font-size: 1.1rem; letter-spacing: 0px; text-align-last: center;}
	.about__row3 {padding: 0 20% 0 20% !important;}
}

@media (max-width: 768px) and (max-height: 1600px) and (min-height: 1000px){
	.about--head--tlt {  font-size: 5.3rem !important; color:#EA5550; width: 100%; letter-spacing: 2px; text-align: center;}
	.about--head--txt { margin-bottom: 10px;font-size: 3rem; letter-spacing: 0px; text-align-last: center;}
	.about__row3 {padding: 0 20% 0 20% !important;}
	.about__content1 { font-size: 2.3rem; }
	.about__content2 { font-size: 2.3rem; }
}

@media screen and (max-width: 414px) {
	.about__desc { font-size: 3vw; }
	.about__video--block { height: 200px; }
	.ft-struct__video--block { height: 200px; }
	.ft-struct--list dt { font-size: 3.5vw; }
}