@charset "UTF-8";
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	リセット
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
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;
    vertical-align:baseline;
    background:transparent;
    font-size: 100%;
    font-weight: normal;
}

html{
    font-size:62.5%;
    font-family: "游ゴシック体", YuGothic,"游ゴシック", "Yu Gothic",BlinkMacSystemFont,Original Yu Gothic,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;
}

body {
    line-height: 1.5;
    font-size: 1.6rem;
    letter-spacing: 0.02em;
    color: #000;
}

div{
    display: block;
}

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

nav,ul {
    list-style:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
    color: #000
}

img{
    display: block;
    width: 100%;
}

*{
    box-sizing: border-box;
}

/*
#################################

	common

#################################
*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	base
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.wrap{
    overflow: hidden;
}
.mb0{
    margin-bottom: 0!important;
}
.mb24{
    margin-bottom: 24px!important;
}
br.pc{
    display: block!important;
}
br.tab{
    display: none!important;
}
br.sp{
    display: none!important;
}
.effect__fade{
    opacity: 0;
    transition: all 1.5s;
}
.effect__fade.effect__scroll {
    opacity: 1;
}
.flash:hover {
  opacity: 1;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: flash;
  animation-duration: 1s;
  animation-name: flash;
}
@keyframes flash {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (max-width: 1024px){
    .mb24{
        margin-bottom: 21.6px!important;
    }
    br.pc{
        display: none!important;
    }
    br.tab{
        display: block!important;
    }
    br.sp{
        display: none!important;
    }
}
@media only screen and (max-width: 768px) {
    .mb24{
        margin-bottom: 16.8px!important;
    }
    br.pc{
        display: none!important;
    }
    br.tab{
        display: none!important;
    }
    br.sp{
        display: block!important;
    }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	btn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.btn{
    width: 100%;
    position: relative;
    display: block;
    font-size: 32px;
    font-size: 3.2rem;
    font-family: "游ゴシック体", YuGothic,"游ゴシック", "Yu Gothic",BlinkMacSystemFont,Original Yu Gothic,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;
    font-weight: 600;
    color: #000;
    background: #fff;
    cursor: pointer;
    padding: 40px 0;
    border: 8px solid #000;
    text-align: center;
    z-index: 2;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.btn:hover{
    color: #fff;
}
.btn:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 0;
    left: auto;
    right: 0;
    background-color: #000;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.btn:hover:before{
    width: 100%;
    right: auto;
    left: 0;
}
.btn:after{
    content: "お問い合わせ";
    color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 100%;
    display: block;
}
.btn:hover:after{
    content: "お問い合わせ";
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
@media only screen and (max-width: 1024px){
    .btn{
        font-size: 28.8px;
        font-size: 2.88rem;
        padding: 36px 0;
        border: 7.2px solid #000;
    }
}
@media only screen and (max-width: 768px) {
    .btn{
        font-size: 22.4px;
        font-size: 2.24rem;
        padding: 25.2px 0;
        border: 5.6px solid #000;
    }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
header{
    background: #fff;
    position: fixed;
    width: 100%;
    padding: 24px 0;
    z-index: 10;
}
.header__inner{
    max-width: 1025px;
    padding: 0 24px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    align-content: stretch;
    justify-content: space-between;
}
.header__inner--left{
    width: auto;
    height: 40px;
    z-index: 30;
}
.header__inner--left img{
    width: auto;
    height: 40px;
}
.header__inner--right{
    display: flex;
    align-items: center;
    align-content: stretch;
    justify-content: space-between;
    z-index: 30;
}
.header__inner--right li{
    padding-left: 12px;
}
.header__inner--right li a{
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'Avenir Heavy Oblique';
    padding-left: 12px;
}
.header__sp--nav,.header__sp--content{
    display: none;
}
header a:hover {
  opacity: 1;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: flash;
  animation-duration: 1s;
  animation-name: flash;
}
@media only screen and (max-width: 1024px){
    header{
        background: #fff;
        padding: 21.6px 0;
    }
    .header__inner{
        max-width: 100%;
        width: 100%;
        padding: 0 40px;
    }
    .header__inner--left{
        height: 36px;    
    }
    .header__inner--left img{
        height: 36px;
    }
    .header__inner--right li{
        display: none;
    }
    .header__sp--nav{
        display: block;
        position: relative;
        width: 39.6px;
        height: 39.6px;
        cursor: pointer;
        z-index: 30;
    }
    .header__sp--nav span{
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 2px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: 0.3s;
        transition: 0.3s;
        background-color: #000;
    }
    .header__sp--nav span:before,.header__sp--nav span:after{
        display: block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #000;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    .header__sp--nav span:before{
        -webkit-transform: translate(0, -500%);
        transform: translate(0, -500%);
    }
    .header__sp--nav span:after{
        -webkit-transform: translate(0, 500%);
        transform: translate(0, 500%);   
    }
    .header__sp--content{
        display: block;
        background: #EDF1F2;
        opacity: 0;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        pointer-events: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        width: 100%;
        -webkit-transition: 0.6s;
        transition: 0.6s;
        will-change: opacity, transform;
        z-index: 20;
    }
    .header__sp--content--inner{
        width: 100%;
        padding: 82.8px 16px 0;
    }
    .header__sp--content--inner > ul > li{
        font-size: 28.8px;
        font-size: 2.88rem;
        font-family:'Avenir Heavy Oblique';
        margin-bottom: 32px;
    }
    .header__sp--content--inner > ul > li > ul > li {
        font-size: 21.6px;
        font-size: 2.16rem;
        font-family:'Avenir Heavy Oblique';
        padding-left: 20px;
        margin-bottom: 20px;
    }
    .show .header__sp--nav span{
        background: transparent;
    }
    .show .header__sp--nav span:before{
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .show .header__sp--nav span:after{
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .show .header__sp--content{
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}
@media only screen and (max-width: 768px) {
    header{
        padding: 16.8px 0;
    }
    .header__inner{
        padding: 0 20px;
    }
    .header__inner--left{
        height: 28px;    
    }
    .header__inner--left img{
        height: 28px;
    }
    .header__sp--nav{
        width: 30.8px;
        height: 30.8px;
    }
    .header__sp--nav span:before{
        -webkit-transform: translate(0, -400%);
        transform: translate(0, -400%);
    }
    .header__sp--nav span:after{
        -webkit-transform: translate(0, 400%);
        transform: translate(0, 400%);   
    }
    .header__sp--content--inner{
        padding: 64.4px 16px 0;
    }
    .header__sp--content--inner > ul > li{
        font-size: 22.4px;
        font-size: 2.24rem;
        margin-bottom: 22.4px;
    }
    .header__sp--content--inner > ul > li > ul > li {
        font-size: 16.8px;
        font-size: 1.68rem;
        padding-left: 16.8px;
        margin-bottom: 16.8px;
    }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
footer{
    background: #000;
    padding: 24px 0;
}
.footer__inner{
    max-width: 1025px;
    padding: 0 24px;
    margin: 0 auto;
    text-align: center;
}
.footer__inner p{
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'Avenir Book Oblique';
}
@media only screen and (max-width: 1024px){
    footer{
        padding: 21.6px 0;
    }
    .footer__inner{
        max-width: 100%;
        width: 100%;
        padding: 0 40px;
    }
    .footer__inner p{
        font-size: 14.4px;
        font-size: 1.44rem;
    }   
}
@media only screen and (max-width: 768px) {
    footer{
        padding: 16.8px 0;
    }
    .footer__inner{
        padding: 0 20px;
    }
    .footer__inner p{
        font-size: 11.2px;
        font-size: 1.12rem;
    }   
}

/*
#################################

	loading

#################################
*/

.loading{
    background: #000;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    z-index: 100;
}
.loading__inner{
    max-width: 1056px;
    width: 76.5739385065%;
}
.loading__inner--box{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
}
@media only screen and (max-width: 768px) {
    .loading__inner{
        width: 88%;
    }
}
@media only screen and (max-width: 481px) {
    .loading__inner{
        width: 88%;
    }
}
.loading__inner--fadetext{
    display: flex;
    max-width: 1056px;
    width: 76.5739385065%;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}
.loading__inner--fadetext .create{
    width: 30.588068181%;
}
.loading__inner--fadetext .plus{
    width: 5.221590909%;
}
.loading__inner--fadetext .serendipity{
    width: 52.191287878%;
}
.loading__inner--fadetext svg{
    width: 100%;
    fill: transparent;
    stroke: #fff;
    stroke-width: 1px;
    animation-name: loading__animation--1;
    animation-duration: 2.4s;
    animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    animation-fill-mode:both;
}
@keyframes loading__animation--1{
    0% {
        fill: transparent;
        stroke: #fff;
        stroke-width: 1px;
        stroke-dasharray: 2000px;
        stroke-dashoffset: 2000px;
    }
    100% {
        stroke-dasharray: 0;
        stroke-dashoffset: 0;
    }
}
.loading__inner--fadetext svg .crepity{
    animation-name: loading__animation--2;
    animation-duration: 2.4s;
    animation-timing-function: ease-in;
    animation-fill-mode:both;
}
@keyframes loading__animation--2{
    0% {
        fill: transparent;
    }
    80% {
        fill: transparent;
    }
    100%{
        fill: #fff;
    }
}

/*
#################################

	top

#################################
*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.top header{
    background: none;
}
.top header .header__inner--left a.white{
    display: block;
}
.top header .header__inner--left a.black{
    display: none;
}
.top header .header__inner--right li a{
    color: #fff;
}
.top header.add{
    background: #fff;
}
.top header.add .header__inner--left a.white{
    display: none;
}
.top header.add .header__inner--left a.black{
    display: block;
}
.top header.add .header__inner--right li a{
    color: #000;
}
@media only screen and (max-width: 1024px){
    .top header .header__sp--nav span,.top header .header__sp--nav span:before,.top header .header__sp--nav span:after{
        background-color: #fff;
    }
    .top header.add .header__sp--nav span,.top header.add .header__sp--nav span:before,.top header.add .header__sp--nav span:after{
        background-color: #000;
    }
    .top header.show .header__sp--nav span{
        background: transparent;
    }
    .top header.add.show .header__sp--nav span{
        background: transparent;
    }
}
    
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	fv
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.top .fv{
    background:  url(../images/top__background.png) 50% 50% no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
    position: relative;
}
.top .fv:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100vh solid #000;
    border-right: 74.963396778vw solid transparent;
    opacity: 0.32;
}
.top .fv:after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 29.427083333vh solid #000;
    border-left: 18.59443631vw solid transparent;
    opacity: 0.32;
}
.top .fv__inner{
    max-width: 1025px;
    padding: 0 24px;
    margin: 0 auto;
}
.top .fv__inner--box{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
}
.top .fv__inner--title{
    max-width: 523px;
    width: 50%;
    margin: 0 auto 56px auto;
}
.top .fv__inner--subtitle{
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: center;
}
.top .fv__inner--subtitle span{
    display: inline-block;
    font-size: 40px;
    font-size: 4rem;
    font-weight: 600;
    color: #fff;
}
.top .fv__inner--subtitle span.sp-only{
    width: 100%;
}
.top .fv__inner--scroll{
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform : translate(-50%,0);
    transform : translate(-50%,0);
}
.top .fv__inner--scroll--text{
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-family:'Avenir Book Oblique';
    color: #fff;
}
.top .fv__inner--scroll--arrow{
    width: 12px;
    display: block;
    margin: 8px auto 24px auto;
}
@media only screen and (max-width: 1024px){
    .top .fv__inner{
        max-width: 100%;
        width: 100%;
        padding: 0 40px;
    }
    .top .fv__inner--title{
        max-width: 523px;
        width: 64%;
        margin: 0 auto 50.4px auto;
    }
    .top .fv__inner--subtitle span{
        font-size: 36px;
        font-size: 3.6rem;
    }
    .top .fv__inner--scroll--text{
        font-size: 14.4px;
        font-size: 1.44rem;
    }
    .top .fv__inner--scroll--arrow{
        width: 10.8px;
        margin: 7.2px auto 21.6px auto;
    }
}
@media only screen and (max-width: 768px) {
    .top .fv__inner{
        max-width: 100%;
        width: 100%;
        padding: 0 20px;
    }
    .top .fv__inner--title{
        max-width: 523px;
        width: 72%;
        margin: 0 auto 39.2px auto;
    }
    .top .fv__inner--subtitle span{
        font-size: 28px;
        font-size: 2.8rem;
    }
    .top .fv__inner--subtitle span.sp{
        width: 100%;
    }
    .top .fv__inner--scroll--text{
        font-size: 11.2px;
        font-size: 1.12rem;
    }
    .top .fv__inner--scroll--arrow{
        width: 7.2px;
        margin: 4.8px auto 14.4px auto;
    }
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	top animation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*fv__animation--1
———————————————————————————————————————————————————————————————————*/
.top .fv.animation{
    animation-name: fv__animation--1;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    animation-fill-mode:both;
}
@keyframes fv__animation--1{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*fv__animation--2
———————————————————————————————————————————————————————————————————*/
.top .fv.animation:before,.top .fv.animation:after{
    animation-name: fv__animation--2;
    animation-duration: 0.8s;
    animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    animation-delay: 0.4s;
    animation-fill-mode:both;
}
.top .fv.animation:before{
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);    
}
.top .fv.animation:after{
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);    
}

@keyframes fv__animation--2{
    0% {
        opacity: 0;
    }
    40%{
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
    100% {
        opacity: 0.35;
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
    }
}

/*fv__animation--3
———————————————————————————————————————————————————————————————————*/
.top .fv.animation .fv__inner--title svg g path{
    opacity: 0;
    fill: transparent;
    animation-name: fv__animation--3;
    animation-duration: 2.4s;
    animation-timing-function: ease-in;
    animation-fill-mode:both;
}
@keyframes fv__animation--3{
    0% {
        fill: transparent;
        stroke: #fff;
        stroke-width: 1px;
        stroke-dasharray: 2000px;
        stroke-dashoffset: 2000px;
        opacity: 0;
    }
    80% {
        fill: transparent;
        stroke: #fff;
        stroke-width: 1px;
        stroke-dasharray: 0;
        stroke-dashoffset: 0;
        opacity: 1;
    }
    100%{
        fill: #fff;
        stroke: #fff;
        stroke-width: 1px;
        stroke-dasharray: 0;
        stroke-dashoffset: 0;
        opacity: 1;
    }
}
.top .fv.animation .fv__inner--title svg g path.yellow{
    opacity: 0;
    fill: transparent;
    animation-name: fv__animation--3--yellow;
    animation-duration: 2.4s;
    animation-timing-function: ease-in;
    animation-fill-mode:both;
}
@keyframes fv__animation--3--yellow{
    0% {
        fill: transparent;
        stroke: #e5ab00;
        stroke-width: 1px;
        stroke-dasharray: 2000px;
        stroke-dashoffset: 2000px;
        opacity: 0;
    }
    80% {
        fill: transparent;
        stroke: #e5ab00;
        stroke-width: 1px;
        stroke-dasharray: 0;
        stroke-dashoffset: 0;
        opacity: 1;
    }
    100%{
        fill: #e5ab00;
        stroke: #e5ab00;
        stroke-width: 1px;
        stroke-dasharray: 0;
        stroke-dashoffset: 0;
        opacity: 1;
    }
}

/*fv__animation--4
———————————————————————————————————————————————————————————————————*/
.top .fv.animation .fv__inner--subtitle span{
    animation-name: fv__animation--4;
    animation-duration: 0.8s;
    animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    animation-delay: 2s;
    animation-fill-mode:both;
}

@keyframes fv__animation--4{
    0% {
        opacity: 0;
        transform: translate(0, 105%);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
.top .fv.animation .fv__inner--subtitle span:nth-child(2) {
        animation-delay: 2.06s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(3) {
        animation-delay: 2.12s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(4) {
        animation-delay: 2.18s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(5) {
        animation-delay: 2.24s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(6) {
        animation-delay: 2.30s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(7) {
        animation-delay: 2.36s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(8) {
        animation-delay: 2.42s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(9) {
        animation-delay: 2.48s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(10) {
        animation-delay: 2.54s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(11) {
        animation-delay: 2.60s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(12) {
        animation-delay: 2.66s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(13) {
        animation-delay: 2.72s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(14) {
        animation-delay: 2.78s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(15) {
        animation-delay: 2.84s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(16) {
        animation-delay: 2.9s;
}
.top .fv.animation .fv__inner--subtitle span:nth-child(17) {
        animation-delay: 2.96s;
}

/*fv__animation--5
———————————————————————————————————————————————————————————————————*/
header.animation{
    opacity: 0;
    visibility: hidden;
    animation-name: fv__animation--5;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    animation-delay: 2.96s;
    animation-fill-mode:both;
}
@keyframes fv__animation--5{
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}

/*fv__animation--6
———————————————————————————————————————————————————————————————————*/
.fv.animation .fv__inner--scroll{
    opacity: 0;
    visibility: hidden;
    animation-name: fv__animation--6;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    animation-delay: 2.96s;
    animation-fill-mode:both;
}
@keyframes fv__animation--6{
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}

/*fv__animation--7
———————————————————————————————————————————————————————————————————*/
.fv.animation .fv__inner--scroll--arrow svg{
    stroke-dasharray: 80px;
    animation-name: fv__animation--7;
    animation-duration: 3.2s;
    animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    animation-iteration-count: infinite;
    animation-fill-mode:both;
}
@keyframes fv__animation--7{
    0% {
        stroke-dashoffset: 80px;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	top section
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.top .section{
    background: #fff;
    padding: 80px 0;
}
.top .section.gray{
    background: #EDF1F2;
}
.top .section__inner{
    max-width: 1025px;
    padding: 0 24px;
    margin: 0 auto;
    text-align: left;
}
.top .section__inner--title{
    margin-bottom: 64px;
}
.top .section__inner--title h2{
    font-size: 80px;
    font-size: 8rem;
    font-family: 'Avenir Heavy Oblique';
}
.top .section__inner--title p{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
}
.top .section__inner.none{
    max-width: 100%;
    width: 100%;
    padding: 0;
    text-align: left;
}
.top .section__inner.none .section__inner--title{
    max-width: 1025px;
    padding: 0 24px;
    margin: 0 auto 64px;
}
@media only screen and (max-width: 1024px){
    .top .section{
        padding: 72px 0;
    }
    .top .section__inner{
        max-width: 100%;
        width: 100%;
        padding: 0 40px;
    }
    .top .section__inner--title{
        margin-bottom: 57.6px;
    }
    .top .section__inner--title h2{
        font-size: 72px;
        font-size: 7.2rem;
    }
    .top .section__inner--title p{
        font-size: 21.6px;
        font-size: 2.16rem;
    }
    .top .section__inner.none .section__inner--title{
        max-width: 100%;
        width: 100%;
        padding: 0 40px;
        margin-bottom: 57.6px;
    }
}
@media only screen and (max-width: 768px) {
    .top .section{
        padding: 56px 0;
    }
    .top .section__inner{
        max-width: 100%;
        width: 100%;
        padding: 0 20px;
    }
    .top .section__inner--title{
        margin-bottom: 44.8px;
    }
    .top .section__inner--title h2{
        font-size: 40px;
        font-size: 4rem;
    }
    .top .section__inner--title p{
        font-size: 16.8px;
        font-size: 1.68rem;
    }
    .top .section__inner.none .section__inner--title{
        max-width: 100%;
        width: 100%;
        padding: 0 40px;
        margin-bottom: 44.8px;
    }
}

/*message
———————————————————————————————————————————————————————————————————*/
.top .section__inner--message{
    margin-bottom: 40px;
}
.top .section__inner--message p{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 2;
    margin-bottom: 40px;
}
.top .section__inner--message p:last-child{
    margin-bottom: 0;
}
@media only screen and (max-width: 1024px){
    .top .section__inner--message{
        margin-bottom: 32px;
    }
    .top .section__inner--message p{
        font-size: 21.6px;
        font-size: 2.16rem;
        margin-bottom: 22.4px;
    }
}
@media only screen and (max-width: 768px) {
    .top .section__inner--message{
        margin-bottom: 32px;
    }
    .top .section__inner--message p{
        font-size: 16.8px;
        font-size: 1.68rem;
        margin-bottom: 22.4px;
    }
}

/*VISION・MISSION
———————————————————————————————————————————————————————————————————*/
.top .section__inner--v{
    position: relative;
    margin-bottom: 40px;
}
.top .section__inner--m{
    position: relative;
}
.top .section__inner--v--image{
    max-width: 825px;
    width: 80.487804878%;
    margin: 0 0 0 auto;
    border-radius: 40px 0 0 0;
}
.top .section__inner--m--image{
    max-width: 825px;
    width: 80.487804878%;
    margin: 0 auto 0 0;
    border-radius: 0 40px 0 0;
}
.top .section__inner--v--text{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.top .section__inner--m--text{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    text-align: right;
}
.top .section__inner--v--text--title,.top .section__inner--m--text--title{
    font-size: 40px;
    font-size: 4rem;
    font-family: 'Avenir Book Oblique';
    margin-bottom: 8px;
}
.top .section__inner--v--text--subtitle,.top .section__inner--m--text--subtitle{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.top .section__inner--v--text--description,.top .section__inner--m--text--description{
    display: inline-block;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 600;
    padding: 16px;
    background: #000;
    color: #fff;
}
@media only screen and (max-width: 1024px){
    .top .section__inner--v{
        margin-bottom: 36px;
    }
    .top .section__inner--v--image{
        border-radius: 36px 0 0 0;
    }
    .top .section__inner--m--image{
        border-radius: 0 36px 0 0;
    }
    .top .section__inner--v--text--title,.top .section__inner--m--text--title{
        font-size: 36px;
        font-size: 3.6rem;
        margin-bottom: 7.2px;
    }
    .top .section__inner--v--text--subtitle,.top .section__inner--m--text--subtitle{
        font-size: 14.4px;
        font-size: 1.44rem;
        margin-bottom: 18px;
    }
    .top .section__inner--v--text--description,.top .section__inner--m--text--description{
        font-size: 28.8px;
        font-size: 2.88rem;
        padding: 14.4px;
    }
}
@media only screen and (max-width: 768px) {
    .top .section__inner--v{
        margin-bottom: 28px;
    }
    .top .section__inner--v--image{
        border-radius: 28px 0 0 0;
    }
    .top .section__inner--m--image{
        border-radius: 0 28px 0 0;
    }
    .top .section__inner--v--text--title,.top .section__inner--m--text--title{
        font-size: 28px;
        font-size: 2.8rem;
        margin-bottom: 5.6px;
    }
    .top .section__inner--v--text--subtitle,.top .section__inner--m--text--subtitle{
        font-size: 11.2px;
        font-size: 1.12rem;
        margin-bottom: 14px;
    }
    .top .section__inner--v--text--description,.top .section__inner--m--text--description{
        font-size: 16px;
        font-size: 1.6rem;
        padding: 8px;
    }
}

/*Our Business
———————————————————————————————————————————————————————————————————*/
.top .section__inner--business{
    margin-bottom: 40px;
}
.top .section__inner--business:last-child{
    margin-bottom: 0;
}
.top .section__inner--business--image{
    width: 100%;
    height: 576.56px;
    object-fit: cover;
}
.top .section__inner--business--box{
    max-width: 1025px;
    padding: 0 24px;
    margin: -320px auto 0;
    position: relative;
}
.top .section__inner--business--box--text{
    max-width: 825px;
    width: 80.487804878%;
    padding: 40px 20px;
    margin: 0 auto 0 0;
    border-radius: 0 40px 0 0;
    background: #fff;
    box-shadow: 0 3px 6px #BFBFBF;
}
.top .section__inner--business.even .section__inner--business--box--text{
    margin: 0 0 0 auto;
    border-radius: 40px 0 0 0;
}
.top .section__inner--business--box--text--number{
    font-size: 64px;
    font-size: 6.4rem;
    font-family: 'Avenir Book Oblique';
    margin-bottom: 8px;
}
.top .section__inner--business--box--text--title{
    font-size: 40px;
    font-size: 4rem;
    font-weight: 600;
    margin-bottom: 40px;
}
.top .section__inner--business--box--text--description{
    font-size: 20px;
    font-size: 2rem;
    line-height: 2;
    margin-bottom: 40px;
}
.top .section__inner--business--box--text--arrow{
    position: relative;
    display: inline-block;
}
.top .section__inner--business--box--text--arrow p:before,.top .section__inner--business--box--text--arrow p:after{
    content: " ";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.top .section__inner--business--box--text--arrow p:before{
    background-color: #D0D0D0;
}
.top .section__inner--business--box--text--arrow p:after{
    width: 0;
    left: auto;
    right: 0;
}
.top .section__inner--business--box--text--arrow p:hover:after{
    width: 100%;
    right: auto;
    left: 0;
}
.top .section__inner--business--box--text--arrow p a{
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    padding: 0 60px 0 20px;
    margin: 0 auto 0 0;
    line-height: 44px;
}
.top .section__inner--business--box--text--arrow p a:before,.top .section__inner--business--box--text--arrow p a:after{
    content: "";
    display: inline-block;
    background-size: contain;
    width: 32px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image:  url(../images/top__arrow.svg);
}
.top .section__inner--business--box--text--arrow p a:before{
    transform: translate3d(0, 0, 0);
    transition-duration: 0s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.top .section__inner--business--box--text--arrow p a:after{
    transform: translate3d(-150%, 0, 0);
    opacity: 0;
    animation-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
}
.top .section__inner--business--box--text--arrow p:hover a:before{
    opacity: 0;
    transform: translate3d(150%, 0, 0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.top .section__inner--business--box--text--arrow p:hover a:after{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media only screen and (max-width: 1024px){
    .top .section__inner--business{
        margin-bottom: 36px;
    }
    .top .section__inner--business--image{
        height: 518.904px;
    }
    .top .section__inner--business--box{
        max-width: 100%;
        width: 100%;
        padding: 0 40px;
        margin: -288px auto 0;
    }
    .top .section__inner--business--box--text{
        max-width: 100%;
        width: 100%;
        padding: 36px 18px;
        border-radius: 0 36px 0 0;
        box-shadow: 0 2px 4px #BFBFBF;
    }
    .top .section__inner--business.even .section__inner--business--box--text{
        border-radius: 36px 0 0 0;
    }
    .top .section__inner--business--box--text--number{
        font-size: 57.6px;
        font-size: 5.76rem;
        margin-bottom: 7.2px;
    }
    .top .section__inner--business--box--text--title{
        font-size: 36px;
        font-size: 3.6rem;
        margin-bottom: 36px;
    }
    .top .section__inner--business--box--text--description{
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 36px;
    }
    .top .section__inner--business--box--text--arrow p a{
        font-size: 21.6px;
        font-size: 2.16rem;
        padding: 0 54px 0 18px;
        line-height: 39.6px;
    }
    .top .section__inner--business--box--text--arrow p a:before,.top .section__inner--business--box--text--arrow p a:after{
        width: 28.8px;
    }
}
@media only screen and (max-width: 768px) {
    .top .section__inner--business{
        margin-bottom: 28px;
    }
    .top .section__inner--business--image{
        height: 403.592px;
    }
    .top .section__inner--business--box{
        max-width: 100%;
        width: 100%;
        padding: 0 20px;
        margin: -224px auto 0;
    }
    .top .section__inner--business--box--text{
        padding: 28px 14px;
        border-radius: 0 28px 0 0;
        box-shadow: 0 1px 2px #BFBFBF;
    }
    .top .section__inner--business.even .section__inner--business--box--text{
        border-radius: 28px 0 0 0;
    }
    .top .section__inner--business--box--text--number{
        font-size: 44.8px;
        font-size: 4.48rem;
        margin-bottom: 5.6px;
    }
    .top .section__inner--business--box--text--title{
        font-size: 28px;
        font-size: 2.8rem;
        margin-bottom: 28px;
    }
    .top .section__inner--business--box--text--description{
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 28px;
    }
    .top .section__inner--business--box--text--arrow p a{
        font-size: 16.8px;
        font-size: 1.68rem;
        padding: 0 42px 0 14px;
        line-height: 30.8px;
    }
    .top .section__inner--business--box--text--arrow p a:before,.top .section__inner--business--box--text--arrow p a:after{
        width: 22.4px;
    }
}

/*Members
———————————————————————————————————————————————————————————————————*/
.top .section__inner--members{
    display: flex;
    align-content: stretch;
    justify-content: space-between;
    margin-bottom: 40px;
}
.top .section__inner--members:last-child{
    margin-bottom: 0;
}
.top .section__inner--members--left{
    max-width: 315.67px;
    width: 30.79707317%;
}
.top .section__inner--members--left img{
    border-radius: 20px;
}
.top .section__inner--members--right{
    max-width: 641px;
    width: 62.536585365%;
}
.top .section__inner--members--right--name{
    display: inline-block;
    font-size: 40px;
    font-size: 4rem;
    font-weight: 600;
    padding-right: 16px;
    margin-bottom: 20px;
}
.top .section__inner--members--right--ruby{
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'Avenir BooK Oblique';
    margin-bottom: 20px;
}
.top .section__inner--members--right--title{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 40px;
}
.top .section__inner--members--right--text{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2;
    margin-bottom: 20px;
}
.top .section__inner--members--right--sns{
    display: flex;
    align-items: center;
    align-content: stretch;
    justify-content: flex-end;
}
.top .section__inner--members--right--sns a{
    margin-left: 20px;
}
.top .section__inner--members--right--sns img{
    width: 64px;
    height: 64px;
}
@media only screen and (max-width: 1024px){
    .top .section__inner--members{
        margin-bottom: 36px;
    }
    .top .section__inner--members--left img{
        border-radius: 18px;
    }
    .top .section__inner--members--right--name{
        font-size: 36px;
        font-size: 3.6rem;
        padding-right: 14.4px;
        margin-bottom: 18px;
    }
    .top .section__inner--members--right--ruby{
        font-size: 14.4px;
        font-size: 1.44rem;
        margin-bottom: 18px;
    }
    .top .section__inner--members--right--title{
        font-size: 21.6px;
        font-size: 2.16rem;
        margin-bottom: 36px;
    }
    .top .section__inner--members--right--text{
        font-size: 14.4px;
        font-size: 1.44rem;
        margin-bottom: 18px;
    }
    .top .section__inner--members--right--sns a{
        margin-left: 18px;
    }
    .top .section__inner--members--right--sns img{
        width: 57.6px;
        height: 57.6px;
    }
}
@media only screen and (max-width: 768px) {
    .top .section__inner--members{
        display: block;
        margin-bottom: 28px;
    }
    .top .section__inner--members--left{
        max-width: 100%;
        width: 100%;
        margin-bottom: 28px;
    }
    .top .section__inner--members--left img{
        border-radius: 14px;
    }
    .top .section__inner--members--right{
        max-width: 100%;
        width: 100%;
    }
    .top .section__inner--members--right--name{
        font-size: 28px;
        font-size: 2.8rem;
        padding-right: 11.2px;
        margin-bottom: 14px;
    }
    .top .section__inner--members--right--ruby{
        font-size: 11.2px;
        font-size: 1.12rem;
        margin-bottom: 14px;
    }
    .top .section__inner--members--right--title{
        font-size: 16.8px;
        font-size: 1.68rem;
        margin-bottom: 28px;
    }
    .top .section__inner--members--right--text{
        font-size: 11.2px;
        font-size: 1.12rem;
        margin-bottom: 14px;
    }
    .top .section__inner--members--right--sns a{
        margin-left: 14px;
    }
    .top .section__inner--members--right--sns img{
        width: 44.8px;
        height: 44.8px;
    }
}

/*News
———————————————————————————————————————————————————————————————————*/
.top .section__inner--news a{
    background: #EDF1F2;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    vertical-align: middle;
    position: relative;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.top .section__inner--news a:last-child{
    margin-bottom: 0;
}
.top .section__inner--news a:hover{
    opacity: 0.5;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.top .section__inner--news--day{
    text-align: center;
    margin: auto 0;
}
.top .section__inner--news--day span{
    display: inline-block;
    font-size: 32px;
    font-size: 3.2rem;
    font-family:'Avenir BooK Oblique';
    margin-bottom: 8px;
}
.top .section__inner--news--day p{
    font-size: 64px;
    font-size: 6.4rem;
    font-family:'Avenir Heavy Oblique';
}
.top .section__inner--news--content{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 2;
    text-align: left;
    margin: auto 73.5px auto 20px
}
.top .section__inner--news--arrow:before,.top .section__inner--news--arrow:after{
    content: "";
    display: inline-block;
    background-size: contain;
    width: 54px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image:  url(../images/top__arrow.svg);
}
.top .section__inner--news--arrow:before{
    transform: translate3d(0, 0, 0);
    transition-duration: 0s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.top .section__inner--news--arrow:after{
    transform: translate3d(-150%, 0, 0);
    opacity: 0;
          animation-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
}
.top .section__inner--news a:hover .section__inner--news--arrow:before{
    opacity: 0;
    transform: translate3d(150%, 0, 0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.top .section__inner--news a:hover .section__inner--news--arrow:after{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media only screen and (max-width: 1024px){
    .top .section__inner--news a{
        padding: 18px;
        margin-bottom: 18px;
    }
    .top .section__inner--news--day span{
        font-size: 28.8px;
        font-size: 2.88rem;
        margin-bottom: 7.2px;
    }
    .top .section__inner--news--day p{
        font-size: 57.6px;
        font-size: 5.76rem;
    }
    .top .section__inner--news--content{
        font-size: 21.6px;
        font-size: 2.16rem;
        margin: auto 66.15px auto 18px
    }
    .top .section__inner--news--arrow:before,.top .section__inner--news--arrow:after{
        width: 48.6px;
        top: 0;
        right: 14.4px;
    }
}
@media only screen and (max-width: 768px) {
    .top .section__inner--news a{
        padding: 14px;
        margin-bottom: 14px;
    }
    .top .section__inner--news--day span{
        font-size: 22.4px;
        font-size: 2.24rem;
        margin-bottom: 5.6px;
    }
    .top .section__inner--news--day p{
        font-size: 44.8px;
        font-size: 4.48rem;
    }
    .top .section__inner--news--content{
        font-size: 16.8px;
        font-size: 1.68rem;
        margin: auto 51.45px auto 14px
    }
    .top .section__inner--news--arrow:before,.top .section__inner--news--arrow:after{
        width: 37.8px;
        top: 0;
        right: 11.2px;
    }
}

/*Download
———————————————————————————————————————————————————————————————————*/
.type1__inner--download--title{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 24px;
}
.type1__inner--download--text{
    font-size: 20px;
    font-size: 2rem;
    line-height: 2;
    margin-bottom: 40px;
}
.formrun label{
    display: block;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 16px;
}
.formrun span{
    display: inline-block;
    margin: 0px 0px 0px 4px;
}
.formrun input,.formrun textarea,.formrun select{
    background: #fff;
    border: 1px solid #707070;
    border-radius: 4px;
    padding: 8px;
    width: 100%;
    font-size: 20px;
    font-size: 2rem;
    line-height: 2;
    margin-bottom: 24px;
}
.formrun input:focus,.formrun input:focus-visible,.formrun textarea:focus,.formrun textarea:focus-visible,.formrun select:focus,.formrun select:focus-visible{
    border: 1px solid #000;
}
.formrun > div > div{
    font-size: 20px;
    font-size: 2rem;
    line-height: 2;
    margin-bottom: 24px;
    color: #E20010;
}
input,textarea,select {
    outline: none;
}
.formrun .privacypolicy{
    margin-bottom: 24px;
}
.formrun .privacypolicy label{
    display: inline-block;
}
.formrun .privacypolicy label a{
    border-bottom: 1px solid #000;
}
.formrun .privacypolicy input{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
}
@media only screen and (max-width: 1024px){
    .type1__inner--download--title{
        font-size: 21.6px;
        font-size: 2.16rem;
        margin-bottom: 21.6px;
    }
    .type1__inner--download--text{
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 36px;
    }
    .formrun label{
        font-size: 21.6px;
        font-size: 2.16rem;
        margin-bottom: 14.4px;
    }
    .formrun span{
        margin: 0px 0px 0px 3.6px;
    }
    .formrun input,.formrun textarea,.formrun select{
        border-radius: 3.6px;
        padding: 7.2px;
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 21.6px;
    }
    .formrun > div > div{
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 21.6px;
    }
    .formrun .privacypolicy{
        margin-bottom: 21.6px;
    }
    .formrun .privacypolicy input{
        width: 18px;
        height: 18px;
    }
}
@media only screen and (max-width: 768px) {
    .type1__inner--download--title{
        font-size: 16.8px;
        font-size: 1.68rem;
        margin-bottom: 16.8px;
    }
    .type1__inner--download--text{
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 28px;
    }
    .formrun label{
        font-size: 16.8px;
        font-size: 1.68rem;
        margin-bottom: 11.2px;
    }
    .formrun span{
        margin: 0px 0px 0px 2.8px;
    }
    .formrun input,.formrun textarea,.formrun select{
        border-radius: 2.8px;
        padding: 5.6px;
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 16.8px;
    }
    .formrun > div > div{
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 16.8px;
    }
    .formrun .privacypolicy{
        margin-bottom: 16.8px;
    }
    .formrun .privacypolicy input{
        width: 14px;
        height: 14px;
    }
}

/*
#################################

	type1

#################################
*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	type1 introduction
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.type1 .introduction{
    position: relative;
    background:  url(../images/introduction__background.png) 50% 50% no-repeat;
    width: 100%;
    height: 320px;
    border-radius: 0 0 40px 40px;
    margin-top: 84px;
}
.type1 .introduction.b1{
    background:  url(../images/introduction__background--1.png) 50% 50% no-repeat;
}
.type1 .introduction.b2{
    background:  url(../images/introduction__background--2.png) 50% 50% no-repeat;
}
.type1 .introduction.b4{
    background:  url(../images/introduction__background--4.png) 50% 50% no-repeat;
}
.type1 .introduction__inner{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
}
.type1 .introduction__inner p{
    font-size: 32px;
    font-size: 3.2rem;
    font-family: 'Avenir Book Oblique';
}
.type1 .introduction__inner h1{
    font-size: 40px;
    font-size: 4rem;
}
.type1 .introduction__inner.bussiness p{
    font-size: 80px;
    font-size: 8rem;
    font-family: 'Avenir Book Oblique';
}
.type1 .introduction__inner.bussiness h1{
    font-size: 40px;
    font-size: 4rem;
    font-weight: 600;
}
@media only screen and (max-width: 1024px){
    .type1 .introduction{
        height: 288px;
        border-radius: 0 0 36px 36px;
        margin-top: 82.8px;
    }
    .type1 .introduction__inner p{
        font-size: 28.8px;
        font-size: 2.88rem;
    }
    .type1 .introduction__inner h1{
        font-size: 36px;
        font-size: 3.6rem;
    }
    .type1 .introduction__inner.bussiness p{
        font-size: 72px;
        font-size: 7.2rem;
    }
    .type1 .introduction__inner.bussiness h1{
        font-size: 36px;
        font-size: 3.6rem;
    }
}
@media only screen and (max-width: 768px) {
    .type1 .introduction{
        height: 224px;
        border-radius: 0 0 28px 28px;
        margin-top: 64.4px;
    }
    .type1 .introduction__inner p{
        font-size: 22.4px;
        font-size: 2.24rem;
    }
    .type1 .introduction__inner h1{
        font-size: 28px;
        font-size: 2.8rem;
    }
    .type1 .introduction__inner.bussiness p{
        font-size: 56px;
        font-size: 5.6rem;
    }
    .type1 .introduction__inner.bussiness h1{
        font-size: 28px;
        font-size: 2.8rem;
    }    
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	type1 section
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.type1 .section{
    background: #fff;
    padding: 80px 0;
}
.type1 .section.gray{
    background: #EDF1F2;
}
.type1 .section__inner{
    max-width: 1025px;
    padding: 0 24px;
    margin: 0 auto;
    text-align: center;
}
.type1 .section__inner--title{
    margin-bottom: 64px;
}
.type1 .section__inner--title p{
    font-size: 24px;
    font-size: 2.4rem;
    font-family: 'Avenir Book Oblique';
    margin-bottom: 8px;
}
.type1 .section__inner--title h2{
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 600;
    padding-bottom: 16px;
    position: relative;
}
.type1 .section__inner--title h2:after{
    content: "";
    width: 80px;
    height: 1px;
    border-radius: 1px;
    background: #000;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.type1 .section__inner--text{
    max-width: 769px;
    padding: 0px 48px;
    margin: 0 auto 40px;
}
.type1 .section__inner--text p.title{
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 24px
}
.type1 .section__inner--text p{
    font-size: 16px;
    font-size: 1.6rem;
}
@media only screen and (max-width: 1024px){
    .type1 .section{
        padding: 72px 0;
    }
    .type1 .section__inner{
        max-width: 100%;
        width: 100%;
        padding: 0 40px;
    }
    .type1 .section__inner--title{
        margin-bottom: 57.6px;
    }
    .type1 .section__inner--title p{
        font-size: 21.6px;
        font-size: 2.16rem;
        margin-bottom: 7.2px;
    }
    .type1 .section__inner--title h2{
        font-size: 28.8px;
        font-size: 2.88rem;
        padding-bottom: 14.4px;
    }
    .type1 .section__inner--title h2:after{
        width: 72px;
    }
    .type1 .section__inner--text{
        width: 100%;
        padding: 0;
        margin: 0 auto 36px;
    }
    .type1 .section__inner--text p.title{
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 21.6px;
    }
    .type1 .section__inner--text p{
        font-size: 14.4px;
        font-size: 1.44rem;
    }
}
@media only screen and (max-width: 768px) {
    .type1 .section{
        padding: 56px 0;
    }
    .type1 .section__inner{
        max-width: 100%;
        width: 100%;
        padding: 0 20px;
    }
    .type1 .section__inner--title{
        margin-bottom: 44.8px;
    }
    .type1 .section__inner--title p{
        font-size: 19.2px;
        font-size: 1.92rem;
        margin-bottom: 5.6px;
    }
    .type1 .section__inner--title h2{
        font-size: 25.6px;
        font-size: 2.56rem;
        padding-bottom: 11.2px;
    }
    .type1 .section__inner--title h2:after{
        width: 56px;
    }
    .type1 .section__inner--text{
        margin: 0 auto 28px;
    }
    .type1 .section__inner--text p.title{
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 16.8px;
    }
    .type1 .section__inner--text p{
        font-size: 12.8px;
        font-size: 1.28rem;
    }
}

/*pattern1
———————————————————————————————————————————————————————————————————*/
.type1 .section__inner--pattern1{
    display: flex;
    align-items: normal;
    justify-content: space-between;
    flex-wrap: wrap;
}
.type1 .section__inner--pattern1--box{
    max-width: 478px;
    width: 46.634146341%;
    padding: 20px;
    border: 1px solid #000;
    border-radius: 8px;
    text-align: left;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
}
.type1 .section__inner--pattern1--box__item_1{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.type1 .section__inner--pattern1--box__item_2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.type1 .section__inner--pattern1--box--number{
    font-size: 32px;
    font-size: 3.2rem;
    font-family: 'Avenir Book Oblique';
    margin-bottom: 8px;
}
.type1 .section__inner--pattern1--box--title{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.type1 .section__inner--pattern1--box--text-help{
    font-size: 14px;
    font-size: 1.4rem;
    width: 40.94%;
    max-width: 400px; 
    padding-left: 64px;
    position: relative;
}
.type1 .section__inner--pattern1--box--text-help::before{
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background: url(/images/iconmonstr-help-1.png);
    position: absolute;
    top:50%;
    left:0;
    transform: translate(0, -50%);
    
}
.type1 .section__inner--pattern1--box--text-checkbox{
    font-size: 14px;
    font-size: 1.4rem;
    width: 40.94%;
    max-width: 400px;
    padding-left: 64px;
    position: relative;
}
.type1 .section__inner--pattern1--box--text-checkbox::before{
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background: url(/images/iconmonstr-checkbox-19.png);
    position: absolute;
    top:50%;
    left:0;
    transform: translate(0, -50%);

}
@media only screen and (max-width: 1024px){
    .type1 .section__inner--pattern1--box{
        padding: 18px;
        border-radius: 7.2px;
        margin-bottom: 36px;
    }
    .type1 .section__inner--pattern1--box--number{
       font-size: 32px;
        font-size: 3.2rem;
    }
    .type1 .section__inner--pattern1--box--title{
        font-weight: 600;
    }
}
@media only screen and (max-width: 768px) {
    .type1 .section__inner--pattern1{
        display: block;
    }
    .type1 .section__inner--pattern1--box{
        max-width: 100%;
        width: 100%;
        padding: 14px;
        border-radius: 5.6px;
        margin-bottom: 28px;
    }
    .type1 .section__inner--pattern1--box:last-child{
        margin-bottom: 0;
    }
    .type1 .section__inner--pattern1--box--number{
        font-size: 25.6px;
        font-size: 2.56rem;
        margin-bottom: 5.6px;
    }
    .type1 .section__inner--pattern1--box--title{
        font-size: 12.8px;
        font-size: 1.28rem;
        margin-bottom: 14px;
    }
    .type1 .section__inner--pattern1--box--text{
        font-size: 10.8px;
        font-size: 1.08rem;
    }
}

/*pattern2
———————————————————————————————————————————————————————————————————*/
.type1 .section__inner--pattern2{
    display: flex;
    align-items: normal;
    justify-content: space-between;
}
.type1 .section__inner--pattern2--box{
    max-width: 320px;
    width: 31.219512195%;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.type1 .section__inner--pattern2--box--step{
    font-size: 24px;
    font-size: 2.4rem;
    font-family: 'Avenir Book Oblique';
    padding-bottom: 8px;
    margin-bottom: 24px;
    position: relative;
}
.type1 .section__inner--pattern2--box--step:after{
    content: "";
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.type1 .section__inner--pattern2--box--image{
    width: 160px;
    height: 160px;
    border: 1px solid #707070;
    border-radius: 50%;
    margin: 0 auto 20px;
    position: relative;
}
.type1 .section__inner--pattern2--box--image img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80px;
    height: 80px; 
}
.type1 .section__inner--pattern2--box--title{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.type1 .section__inner--pattern2--box--text{
    font-size: 12px;
    font-size: 1.2rem;
}
@media only screen and (max-width: 1024px){
    .type1 .section__inner--pattern2--box--step{
        font-size: 21.6px;
        font-size: 2.16rem;
        padding-bottom: 7.2px;
        margin-bottom: 21.6px;
    }
    .type1 .section__inner--pattern2--box--image{
        width: 144px;
        height: 144px;
        margin: 0 auto 18px;
    }
    .type1 .section__inner--pattern2--box--image img{
        width: 72px;
        height: 72px; 
    }
    .type1 .section__inner--pattern2--box--title{
        font-size: 14.4px;
        font-size: 1.44rem;
        margin-bottom: 18px;
    }
}
@media only screen and (max-width: 768px) {
    .type1 .section__inner--pattern2{
        display: block;
    }
    .type1 .section__inner--pattern2--box{
        max-width: 88%;
        width: 88%;
        margin: 0 auto 28px;
    }
    .type1 .section__inner--pattern2--box:last-child{
        margin-bottom: 0;
    }
    .type1 .section__inner--pattern2--box--step{
        font-size: 19.2px;
        font-size: 1.92rem;
        padding-bottom: 5.6px;
        margin-bottom: 16.8px;
    }
    .type1 .section__inner--pattern2--box--image{
        width: 112px;
        height: 112px;
        margin: 0 auto 14px;
    }
    .type1 .section__inner--pattern2--box--image img{
        width: 56px;
        height: 56px; 
    }
    .type1 .section__inner--pattern2--box--title{
        font-size: 11.2px;
        font-size: 1.12rem;
        margin-bottom: 14px;
    }
    .type1 .section__inner--pattern2--box--text{
        font-size: 10.8px;
        font-size: 1.08rem;
    }
}

/*pattern3
———————————————————————————————————————————————————————————————————*/
.type1 .section__inner--pattern3--box{
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    align-content: stretch;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.type1 .section__inner--pattern3--box:nth-of-type(2n){
    flex-direction: row;
}
.section__inner--pattern3--left{
    max-width: 673px;
    width: 65.658536585%;
    text-align: left;    
}
.type1 .section__inner--pattern3--box--number{
    font-size: 40px;
    font-size: 4rem;
    font-family: 'Avenir Book Oblique';
    margin-bottom: 8px;
}
.type1 .section__inner--pattern3--box--title{
    font-size: 20px;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.type1 .section__inner--pattern3--box--text{
    font-size: 16px;
    font-size: 1.6rem;
}
.section__inner--pattern3--right{
    max-width: 264px;
    width: 25.756097561%;
}
.section__inner--pattern3--right img{
    width: 100%;
}
@media only screen and (max-width: 1024px){
    .type1 .section__inner--pattern3--box{
        margin-bottom: 36px;
    }
    .type1 .section__inner--pattern3--box--number{
        font-size: 36px;
        font-size: 3.6rem;
        margin-bottom: 7.3px;
    }
    .type1 .section__inner--pattern3--box--title{
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 18px;
    }
    .type1 .section__inner--pattern3--box--text{
        font-size: 14.4px;
        font-size: 1.44rem;
    }
}
@media only screen and (max-width: 768px) {
    .type1 .section__inner--pattern3--box{
        margin-bottom: 28px;
        display: block;
    }
    .type1 .section__inner--pattern3--box:last-child{
        margin-bottom: 0;
    }
    .section__inner--pattern3--left{
        max-width: 100%;
        width: 100%;
    }
    .type1 .section__inner--pattern3--box--number{
        font-size: 32px;
        font-size: 3.2rem;
        margin-bottom: 5.6px;
    }
    .type1 .section__inner--pattern3--box--title{
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 14px;
    }
    .type1 .section__inner--pattern3--box--text{
        font-size: 12.8px;
        font-size: 1.28rem;
    }
    .section__inner--pattern3--right{
        max-width: 100%;
        width: 100%;
    }
}

/*pattern4
———————————————————————————————————————————————————————————————————*/
.type1 .section__inner--pattern4{
    display: flex;
    align-items: normal;
    justify-content: space-between;
    flex-wrap: wrap;
}
.type1 .section__inner--pattern4--box{
    max-width: 232px;
    width: 22.634146341%;
    padding: 20px;
    border: 1px solid #000;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
}
.type1 .section__inner--pattern4--box--image{
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
}
.type1 .section__inner--pattern4--box--title{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.type1 .section__inner--pattern4--box--text{
    font-size: 12px;
    font-size: 1.2rem;
}
@media only screen and (max-width: 1024px){
    .type1 .section__inner--pattern4--box{
        padding: 18px;
        border-radius: 7.2px;
        margin-bottom: 36px;
    }
    .type1 .section__inner--pattern4--box--image{
        width: 72px;
        height: 72px;
        margin: 0 auto 18px;
    }
    .type1 .section__inner--pattern4--box--title{
        font-size: 14.4px;
        font-size: 1.44rem;
        margin-bottom: 18px;
    }
}
@media only screen and (max-width: 768px) {
    .type1 .section__inner--pattern4{
        display: flex;
        align-items: normal;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .type1 .section__inner--pattern4--box{
        max-width: 46.634146341%;
        width: 46.634146341%;
        padding: 14px;
        border-radius: 5.6px;
        margin-bottom: 28px;
    }
    .type1 .section__inner--pattern4--box--image{
        width: 56px;
        height: 56px;
        margin: 0 auto 14px;
    }
    .type1 .section__inner--pattern4--box--title{
        font-size: 12.8px;
        font-size: 1.28rem;
        margin-bottom: 14px;
    }
    .type1 .section__inner--pattern4--box--text{
        font-size: 10.8px;
        font-size: 1.08rem;
    }
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	offshore
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.type1 .section__inner--text.message p{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 2;
}
.type1 .offshore__box{
    width: 100%;
    margin-bottom: 64px;
    text-align: left;
}
.type1 .offshore__box--1{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.type1 .offshore__box--1--number{
    font-size: 32px;
    font-size: 3.2rem;
    font-family: 'Avenir Book Oblique';
}
.type1 .offshore__box--1--title{
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    margin-left: 12px;
}
.type1 .offshore__box--2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.type1 .offshore__box--2--arrow{
    width: 10px;
    height: 10px;
}
.type1 .offshore__box--2--text-help{
    font-size: 14px;
    font-size: 1.4rem;
    width: 47.492323439%;
    max-width: 464px; 
    padding-left: 64px;
    position: relative;
}
.type1 .offshore__box--2--text-help::before{
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background: url(/images/business__04--help.svg) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    top:50%;
    left:0;
    transform: translate(0, -50%);   
}
.type1 .offshore__box--2--text-checkbox{
    font-size: 14px;
    font-size: 1.4rem;
    width: 47.492323439%;
    max-width: 464px; 
    padding-left: 64px;
    position: relative;
}
.type1 .offshore__box--2--text-checkbox::before{
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background: url(/images/business__04--checkbox.svg) 0 0 no-repeat;;
    background-size: cover;
    position: absolute;
    top:50%;
    left:0;
    transform: translate(0, -50%);
}
.section__inner--download{
    text-align: left;
}
@media only screen and (max-width: 768px) {
    .type1 .section__inner--text.message p{
        font-size: 16px;
        font-size: 1.6rem;
    }
    .type1 .offshore__box--2{
        display: block;
    }
    .type1 .offshore__box--2--text-help{
        font-size: 12.8px;
        font-size: 1.28rem;
        width: 100%;
        max-width: 100%;
        padding-left: 48px;
    }
    .type1 .offshore__box--2--text-help::before{
        width: 32px;
        height: 32px;
    }
    .type1 .offshore__box--2--text-checkbox{
        font-size: 12.8px;
        font-size: 1.28rem;
        width: 100%;
        max-width: 100%;
        padding-left: 48px;
    }
    .type1 .offshore__box--2--text-checkbox::before{
        width: 32px;
        height: 32px;
    }
    .type1 .offshore__box--2--arrow{
        transform: rotate(90deg);
        margin: 24px auto;
    }       
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Ytest
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.type1 .Ytest .section__inner--pattern1--box_yukie{
    width: 100%;
    /* この行（max-width: 478px;）を削除 */
    /* この行（width: 46.634146341%;）を削除 */
    margin-bottom: 40px;
    padding: 0 24px;
    /* この行（border: 1px solid #000;）を削除 */
    /* この行（border-radius: 8px;）を削除 */
    text-align: left;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
}
.type1 .Ytest .section__inner--pattern1--box__item_1{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.type1 .Ytest .section__inner--pattern1--box__item_2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.type1 .Ytest .icon-arrow{
    width: 10px;
    height: 10px;
    margin: 0 20px;
}
.type1 .Ytest .section__inner--pattern1--box--number{
    font-size: 32px;
    font-size: 3.2rem;
    font-family: 'Avenir Book Oblique';
    /* この行（margin-bottom: 8px;）を削除 */
}
.type1 .Ytest .section__inner--pattern1--box--title{
    /* この行（font-size: 16px;）を削除 */
    /* この行（font-size: 1.6rem;）を削除 */
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    /* この行（margin-bottom: 20px;）を削除 */
    margin-left: 20px;
}
.type1 .Ytest .section__inner--pattern1--box--text-help{
    font-size: 14px;
    font-size: 1.4rem;
    width: 40.94%;
    max-width: 400px; 
    padding-left: 64px;
    position: relative;
}
.type1 .Ytest .section__inner--pattern1--box--text-help::before{
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background: url(/images/iconmonstr-help-1.png);
    position: absolute;
    top:50%;
    left:0;
    transform: translate(0, -50%);
    
}
.type1 .Ytest .section__inner--pattern1--box--text-checkbox{
    font-size: 14px;
    font-size: 1.4rem;
    width: 40.94%;
    max-width: 400px;
    padding-left: 64px;
    position: relative;
}
.type1 .Ytest .section__inner--pattern1--box--text-checkbox::before{
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background: url(/images/iconmonstr-checkbox-19.png);
    position: absolute;
    top:50%;
    left:0;
    transform: translate(0, -50%);

}
@media only screen and (max-width: 1024px){
    .type1 .Ytest .section__inner--pattern1--box{
        padding: 18px;
        border-radius: 7.2px;
        margin-bottom: 36px;
    }
    .type1 .Ytest .section__inner--pattern1--box--number{
       font-size: 32px;
        font-size: 3.2rem;
    }
    .type1 .Ytest .section__inner--pattern1--box--title{
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 600;
    }
}
@media only screen and (max-width: 768px) {
    .type1 .Ytest .section__inner--pattern1{
        display: block;
    }
    .type1 .Ytest .section__inner--pattern1--box{
        max-width: 100%;
        width: 100%;
        padding: 14px;
        border-radius: 5.6px;
        margin-bottom: 28px;
    }

    .type1 .Ytest .section__inner--pattern1--box:last-child{
        margin-bottom: 0;
    }
    .type1 .Ytest .section__inner--pattern1--box--number{
        font-size: 25.6px;
        font-size: 2.56rem;
        margin-bottom: 5.6px;
    }
    .type1 .Ytest .section__inner--pattern1--box--title{
        font-size: 12.8px;
        font-size: 1.28rem;
        margin-bottom: 14px;
    }
    .type1 .Ytest .section__inner--pattern1--box--text{
        font-size: 10.8px;
        font-size: 1.08rem;
    }
    .type1 .Ytest .section__inner--pattern1--box__item_2{
        flex-direction: column;
        height: auto;
    }
    .type1 .Ytest .section__inner--pattern1--box--text-help{
        font-size: 12.8px;
        font-size: 1.28rem;
        width: 100%;
        max-width: 680px;
    }
    .type1 .Ytest .section__inner--pattern1--box--text-checkbox{
        font-size: 12.8px;
        font-size: 1.28rem;
        width: 100%;
        max-width: 680px;
    }
    .type1 .Ytest .icon-arrow{
        transform: rotate(90deg);
        margin: 24px;
    }
        

}