@charset "utf-8";
/* レスポンシブ設定
------------------------------------- */
@media screen and (min-width: 769px){
	.sp {
		display: none!important;
	}
	body {
		min-width: 1180px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px){
	.pc {
		display: none!important;
	}
	
	/* 基本設定
	------------------------------------- */
	body{
    	padding-top: 16.67vw;
	}	
	
	/* 共通設定
	------------------------------------- */
    h2.top{
	    font-size: 5.21vw;
	    border-bottom: solid 0.78vw #68AEF1;
	    margin: 7.6vw auto 7.5vw;
    }

    /* Header
    ------------------------------------- */
    #header{
        position: fixed;
        top: 0;
        left: 0;
        width:100%;
        height: 16.67vw;
        margin: 0;
        padding: 0 0 0 4.82vw;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        border-bottom: solid 2px #808080;
        z-index: 100;
    }

    #header #headerBoxL img{
	    width: 31.51vw;
	    height: auto;
    }

    #header #btnNaviSp{
        display: block;
        width: 14.06vw;
        height: 16.67vw;
        background: #0F5CBF url("../img/iconGnaviSp.svg") no-repeat;
        background-size: 4.95vw 3.78vw;
        background-position: center 8.33vw;
        color: #fff;
        font-size: 2.6vw;
        font-weight: 500;
        text-align: center;
        padding-top: 3.3vw;
    }
    
    /* Gloval Navigation
    ------------------------------------- */
    #gnaviSp{
        position: fixed;
        top: 16.67vw;
        right: 0;
        padding: 1vw 5.86vw 50vw 2.99vw;
        width: 86.98vw;
        background: #fff;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        font-size: 3.91vw;
        font-weight: 500;
        z-index: 99;
        display: none;
        overflow-y: auto;
        height: 100vh;
    }

    #gnaviSp a{
        color: #000;
        width: 100%;
        height: 100%;
        display: block;
    }
    
    #bgGnaviSp{
        position: fixed;
        top: -100vh;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(102,102,102,0);
        z-index: 98;
        transition: 0.5s;
    }

    #bgGnaviSp.on{
        top: 0;
        background: rgba(102,102,102,0.7);
        transition: 0.5s;
    }
    
    #gnaviSp li.main{
        border-bottom: solid 2px #CCCCCC;
        padding: 0;
    }

    #gnaviSp li.main span.ttl{
        width: 78.13vw;
        height: 19vw;
        display: block;
        padding-left: 1.95vw;
        padding-top: 6.1vw;
        text-align: left;
    }

    #gnaviSp li.main:nth-child(1) span.ttl{
        background: url("../img/iconNaviSpArrow.svg") no-repeat;
        background-size: 2.81vw 4.7vw;
        background-position: 71.61vw center;
    }
    #gnaviSp li.main:nth-child(2) span.ttl{
        background: url("../img/iconNaviSpPlus.svg") no-repeat;
        background-size: 4.95vw 4.95vw;
        background-position: 70.31vw center;
    }
    #gnaviSp li.main:nth-child(3) span.ttl{
        background: url("../img/iconNaviSpPlus.svg") no-repeat;
        background-size: 4.95vw 4.95vw;
        background-position: 70.31vw center;
    }
    #gnaviSp li.main:nth-child(4) span.ttl{
        background: url("../img/iconNaviSpArrow.svg") no-repeat;
        background-size: 2.81vw 4.7vw;
        background-position: 71.61vw center;
    }
    #gnaviSp li.main:nth-child(5) span.ttl{
        background: url("../img/iconNaviSpArrow.svg") no-repeat;
        background-size: 2.81vw 4.7vw;
        background-position: 71.61vw center;
    }
    #gnaviSp li.main:nth-child(6) span.ttl{
        background: url("../img/iconNaviSpPlus.svg") no-repeat;
        background-size: 4.95vw 4.95vw;
        background-position: 70.31vw center;
    }

    /* カレント表示 */
    #gnaviSp li.main .mainTxtCur{
        color: #1C91FF;
        background: url("../img/iconNaviSpMinusBlue.svg") no-repeat !important;
        background-size: 4.95vw 0.65vw !important;
        background-position: 70.31vw center !important;
    }

    #gnaviSp li.main .mainTxtCurNoTgl{
        color: #1C91FF;
        background: url("../img/iconNaviSpArrowBlue.svg") no-repeat !important;
        background-size: 2.81vw 4.7vw !important;
        background-position: 71.61vw center !important;
    }


    #gnaviSp li.main div.subMenu{
        display: none;
        margin-top: -2.6vw;
    }

    #gnaviSp .subMenu ul{
        width: 100%;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: flex-start;
        padding-bottom: 2.6vw;
        /*opacity: 0;*/
    }

    #gnaviSp .subMenu ul li a{
        display: block;
        width: 100%;
        height: 11.07vw;
        padding-top: 2.5vw;
        padding-left: 5.34vw;
        background: #fff;
        font-size: 3.71vw;
        font-weight: 400;
        color: #4D4D4D;
        background: url("../img/iconNaviSpArrowSub.svg") no-repeat;
        background-size: 2.25vw 3.76vw;
        background-position: 72.21vw center;
    }

    #gnaviSp .subMenu ul li .txtSml{
        font-size: 3.13vw;
    }
    
    /* スライドショー
    ------------------------------------- */
    #slideImage .slider img.arrowL{
        position: absolute;
        width: 6.51vw;
        height: 7.81vw;
        z-index: 1;
        top: 35.94vw;
        left: 0;
    }

    #slideImage .slider img.arrowR{
        position: absolute;
        width: 6.51vw;
        height: 7.81vw;
        z-index: 1;
        top: 35.94vw;
        right: 0;
    }

    #slideImage .slider ul.slideDots{
        bottom: 2.6vw;
    }

    #slideImage .slider ul.slideDots li{
        display: inline-block;
        margin: 0 1.5vw;
    }

    #slideImage .slider ul.slideDots li button{
        position: relative;
        text-indent: -9999px;
        height: 1.82vw;
        width: 1.82vw;
        border-radius: 0.91vw;
        border: none;
        background: #C8C9CA;
    }

    /* 製品バナー
    ------------------------------------- */
    #products{
	    width: 100vw;
    }

    #products ul{
        margin: 0;
        height: auto;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-content: center;
    }


    #products ul li{
        position: relative;
        display: block;
        height: 12.11vw;
        width: 29.95vw;
        border-right: solid 1px #B4B4B5;
    }

    #products ul li.spHr{
        display: block;
        width: 5.07vw;
    }
    
    #products ul li:nth-child(-n+5){
        border-bottom: solid 1px #B4B4B5;
    }

    #products ul li:nth-child(5n){
        border-right: none;
    }
    
    
    #products ul li:nth-child(2) img{
        width: 23.7vw;
    }

    #products ul li:nth-child(3) img{
        width: 20.83vw;
    }

    #products ul li:nth-child(4) img{
        width: 23.83vw;
    }

    #products ul li:nth-child(7) img{
        width: 22.14vw;
    }

    #products ul li:nth-child(8) img{
        width: 21.22vw;
    }

    #products ul li:nth-child(9) img{
        width: 19.27vw;
    }


    /* News
    ------------------------------------- */
    #news{
        padding: 4.95vw 0 0;
    }

    #news .boxNews{
        position: relative;
        width: 93.49vw;
        margin: 0 auto 0;

        padding: 8.81vw 10.42vw 3.91vw;  
        font-size: 3.52vw;
        line-height: 1.7;
    }

    #news .boxNews p{
        font-size: 3.91vw;
        font-weight: 500;
        position: absolute;
        top: 1.84vw;
        left: 5.86vw;
    }

    #news .boxNews ul{
        width: 100%;
        margin: 0 auto;
    }

    #news .boxNews ul li{
        margin-bottom: 1.3vw;
    }

    #news .boxNews ul.multiple li{
        margin-bottom: 1.3vw;
        padding: 1.5vw 0 3.0vw;
        border-bottom: solid 0.13vw #80C4FF;
        line-height: 1.55;
    }

    #news .boxNews ul.multiple li span.ttl{
        position: relative;
        margin-left: 3.52vw;
        display: block;
    }

    #news .boxNews ul.multiple li span.ttl::before{
        position: absolute;
        content: "・";
        left: -3.52vw;
    }

    #news .boxNews ul.multiple li span.txtMain{
        display: block;
        font-weight: 300;
        margin: 0 0 0 7.81vw;
        line-height: 1.48;
    }

    #news .boxNews ul.multiple li span.txtMain .newYear2ndLine{
        padding-left: 17.9vw;
    }
    
    #news .boxNews ul.multiple li:last-child{
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 4px;
    }
	
    /* 提供サービス
    ------------------------------------- */
    #serviceTop1{
        padding: 0 0 11.98vw;
    }

    #serviceTop1 .boxHh{
        width: 93.5vw;
        padding: 6.51vw 0 5vw;
        margin: 0 auto 10.42vw;
    }

    #serviceTop1 a:hover .boxHh .cover p.txt{
        transform: translateX(0);
        opacity: 0.5;
        transition: 0.6s;
    }
    
    #serviceTop1 .boxHh .cover{
        position: absolute;
        width: 100%;
        height: 100%;
        background: none;
        top: 0;
        left: 0;
        overflow: hidden;
        opacity: 1;
        transition: 0.6s;
    }

    #serviceTop1 .boxHh .cover p.txt{
        position: absolute;
        width: auto;
        top: 20.96vw;
        left: 12.04vw;
        font-size: 3.71vw;
        font-weight: 500;
        line-height: 1.33;
        color: #231815;
        text-align: left;
        padding: 0;
        transform: translateX(0);
        transition: 0.6s;
    }

    #serviceTop1 .boxHh .cover p.line{
        display: none;
    }

    #serviceTop1 .boxHh img:first-child{
        width: 58.59vw;
        height: 7.94vw;
        margin: 0 auto;
        transition: 0.6s;
    }

    #serviceTop1 .boxHh ul.hhImgs{
        margin: 25.39vw auto 0;
        width: 80.47vw;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        transition: 0.6s;
    }

    #serviceTop1 .boxHh ul.hhImgs li{
        display: block;
        width: 26.82vw;
        height: 31.51vw;
    }

    #serviceTop1 .boxHh ul.hhImgs li:nth-child(1){
        order: 3;
        display: block;
        background: url("../img/img_hh4Sp.jpg") no-repeat;
        background-size: 26.82vw 31.51vw;
    }

    #serviceTop1 .boxHh ul.hhImgs li:nth-child(2){
        order: 2;
        display: block;
        background: url("../img/img_shhSp.jpg") no-repeat;
        background-size: 26.82vw 31.51vw;
    }

    #serviceTop1 .boxHh ul.hhImgs li:nth-child(3){
        order: 1;
        display: block;
        background: url("../img/img_hhiSp.jpg") no-repeat;
        background-size: 26.82vw 31.51vw;
    }

    
    #serviceTop1 .boxHh ul.hhLogos{
        margin: 0 auto;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        transition: 0.6s;
    }

    #serviceTop1 .boxHh ul.hhLogos li:nth-child(1){
        display: block;
        width: 38.87vw;
        height: 8.49vw;
        background: url("../img/logo_hh4.svg") no-repeat;
        background-size: 38.87vw 8.49vw;
        background-position: center;
        margin: 5vw 8vw 2.6vw 0;
    }

    #serviceTop1 .boxHh ul.hhLogos li:nth-child(2){
        display: block;
        width: 34.05vw;
        height: 8.49vw;
        background: url("../img/logo_shh.svg") no-repeat;
        background-size: 34.05vw 8.49vw;
        background-position: center;
        margin: 5vw 0 2.6vw 0;
    }

    #serviceTop1 .boxHh ul.hhLogos li:nth-child(3){
        display: block;
        width: 41.67vw;
        height: 10.68vw;
        background: url("../img/logo_hhi.svg") no-repeat;
        background-size: 41.67vw 10.68vw;
        background-position: center;
        margin: 2.6vw;
    }

    #serviceTop1 ul.boxEtc{
        width: 83vw;
        height: 116.68vw;
        margin: 0 auto;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    #serviceTop1 ul.boxEtc li{
        position: relative;
        width: 83vw;
        height: 35.42vw; 
        transition: 0.6s;
    }

    #serviceTop1 ul.boxEtc li p:nth-child(1){
        position: absolute;
        top: 0;
        left: 0;
        width: 24.48vw;
        height: 35.42vw;
        transition: 0.6s;
    }

    #serviceTop1 ul.boxEtc a:hover li p:nth-child(1){
        opacity: 0.5;
        transition: 0.6s;
    }

    #serviceTop1 ul.boxEtc li p:nth-child(2){
        position: absolute;
        top: 0;
        left: 24.48vw;
        width: 58.52vw;
        height: 35.42vw;
        transition: 0.6s;
    }

    #serviceTop1 ul.boxEtc li.shi p:nth-child(1){
        background: url("../img/img_shiSp.jpg") no-repeat;
        background-size: 24.48vw 35.42vw;
    }

    #serviceTop1 ul.boxEtc li.shi p:nth-child(2){
        background: #e2f0d8 url("../img/logo_shi.svg") no-repeat;
        background-size: 35.74vw 8.44vw;
        background-position: center 22.14vw;
    }

    #serviceTop1 ul.boxEtc li.thi p:nth-child(1){
        background: url("../img/img_thiSp.jpg?20241028") no-repeat;
        background-size: 24.48vw 35.42vw;
    }

    #serviceTop1 ul.boxEtc li.thi p:nth-child(2){
        background: #ccdaff url("../img/logo_thi.svg?20241024") no-repeat;
        background-size: 33.72vw 5.6vw;
        background-position: center 24.09vw;
    }

    #serviceTop1 ul.boxEtc li.rji p:nth-child(1){
        background: url("../img/img_rjiSp.jpg") no-repeat;
        background-size: 24.48vw 35.42vw;
    }

    #serviceTop1 ul.boxEtc li.rji p:nth-child(2){
        background: #cae6dc url("../img/logo_rji.svg") no-repeat;
        background-size: 29.26vw 10.56vw;
        background-position: center 20.83vw;
    }

    #serviceTop1 ul.boxEtc a:hover li.shi p:nth-child(2){
        background: #A6CFE7 url("../img/logo_shi.svg") no-repeat;
        background-size: 35.74vw 8.44vw;
        background-position: center 22.14vw;
        opacity: 0.65;
        transition: 0;
    }

    #serviceTop1 ul.boxEtc a:hover li.thi p:nth-child(2){
        background: #99C3FC url("../img/logo_thi.svg") no-repeat;
        background-size: 34.09vw 5.56vw;
        background-position: center 24.09vw;
        opacity: 0.65;
        transition: 0;
    }

    #serviceTop1 ul.boxEtc a:hover li.rji p:nth-child(2){
        background: #98C9E9 url("../img/logo_rji.svg") no-repeat;
        background-size: 29.26vw 10.56vw;
        background-position: center 20.83vw;
        opacity: 0.65;
        transition: 0;
    }

    #serviceTop1 ul.boxEtc a:hover li .cover{
        opacity: 1;
        transition: 0;
    }

    #serviceTop1 ul.boxEtc a:hover li .cover span.txt{
        transform: translateX(0);
        opacity: 0.5;
        transition: 0;
    }

    #serviceTop1 ul.boxEtc a:hover li .cover span.line{
        transform: scaleX(1);
        transition: 0;
    }

    #serviceTop1 ul.boxEtc li .cover{
        position: absolute;
        width: 100%;
        height: 100%;
        background: none;
        top: 0;
        left: 0;
        overflow: hidden;
        opacity: 1;
        transition: 0;
    }

    #serviceTop1 ul.boxEtc li .cover span.txt{
        position: absolute;
        display: block;
        height: auto;
        width: auto;
        font-size: 3.52vw;
        font-weight: 400;
        line-height: 1.37;
        color: #231815;
        padding: 0;
        transform: translateX(0);
        transition: 0;
    }

    #serviceTop1 ul.boxEtc li .cover span.line{
        display: none;
    }

    #serviceTop1 ul.boxEtc a:nth-child(1) li .cover span{
        top: 5.86vw;
        left: 32.55vw;
    }

    #serviceTop1 ul.boxEtc a:nth-child(2) li .cover span{
        top: 3.52vw;
        left: 32.55vw;
    }

    #serviceTop1 ul.boxEtc a:nth-child(3) li .cover span{
        top: 5.73vw;
        left: 31.25vw;
    }

    /* 無料サービス
    ------------------------------------- */
    #serviceTop2{
        padding: 0;
    }

    #serviceTop2 h3{
        position: relative;
        font-size: 3.65vw;
        font-weight: 700;
        color: #5f8cc2;
        margin: 9.38vw auto 0;
        z-index: 0;
    }

    #serviceTop2 h3:after{
        content: "";
        position: absolute;
        top: 2.6vw;
        left: 4.7vw;
        width: 88.28vw;
        height: 2px;
        border-bottom: solid 2px #5f8cc2;
        z-index: -1;
    }

    #serviceTop2 h3 p{
        display: inline-block;
        background: #fff;
        padding: 0 1.56vw;
    }

    #serviceTop2 ul.free{
        width: 90vw;
        margin: 5.21vw auto 10.42vw;
        font-size: 3.52vw;
        font-weight: 700;
    }

    #serviceTop2 ul.free li{
        position: relative;
    }
    
    #serviceTop2 ul.free a li{
        width: 43.75vw;
        height: 32.03vw;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        transition: 0.6s;
    }

    #serviceTop2 ul.free a:nth-child(1) li{
        padding-top: 5.21vw;
    }
    
    #serviceTop2 ul.free a:nth-child(2) li{
        padding-top: 3.65vw;
        line-height: 1.07;
    }
    
    #serviceTop2 ul.free a:hover li{
        opacity: 0.5;
        transition: 0.6s;
    }
    
    #serviceTop2 ul.free li .cover{
        position: relative;
        width: 100%;
        height: 100%;
        background: none;
        top: 0;
        left: 0;
        overflow: hidden;
        opacity: 1;
        transition: 0;
        z-index: 1;
        display: grid;
        place-items: center;
        
    }

    #serviceTop2 ul.free li .cover p{
        width: 36vw;
        font-size: 3.52vw;
        font-weight: 400;
        line-height: 1.33;
        color: #231815;
        text-align: left;
        letter-spacing: 0;
        transform: translateX(0);
        transition: 0;
    }

    /* 説明動画
    ------------------------------------- */
    #movies{
        width: 100%;
        padding: 0 0 6.5vw;
    }

    #movies ul{
        margin: 0 auto;
        width: 83.33vw;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
    }

    #movies ul:nth-child(3),
    #movies ul:nth-child(7){
        justify-content: center;
    }

    #movies ul:nth-child(7){
        padding-bottom: 3vw;
    }

    #movies ul h3{
        position: relative;
        width: 100%;
        margin-top: 6.38vw;
        margin-bottom: 0;
        height: 4.95vw;
    }

    #movies ul h3.movies{
        margin-top: 9.4vw;
    }

    #movies ul h3:after{
        content: "";
        position: absolute;
        top: 2.1vw;
        height: 2px;
    }

    #movies ul h3 p{
        font-size: 3.39vw;
        margin: 0 auto;
        height: 4.95vw;
        color: #fff;
        line-height: 1.4;
        border-radius: 100vh;
        z-index: 1;
    }

    #movies div:nth-child(1) ul h3 p{
        width: 28.26vw;
    }

    #movies ul:nth-child(3) h3 p{
        width: 58.28vw;
    }

    #movies ul:nth-child(5) h3 p{
        width: 54.3vw;
    }

    #movies ul:nth-child(7) h3 p{
        width: 64.28vw;
    }

    #movies ul li{
        width: 71.61vw;
        margin: 0 auto;
        font-size: 4.17vw;
    }

    #movies ul:nth-child(3) li,
    #movies ul:nth-child(7) li{
        width: 77.61vw;
        text-align: center;
    }
    
    #movies ul:nth-child(3) li span{
        text-align: left;
        width: 76.10vw;
    }

    #movies ul:nth-child(7) li span{
        text-align: left;
    }

    
    #movies ul li img{
        width: 71.61vw;
        height: 40.1vw;
        margin: 6.38vw auto 1.6vw;
    }

    #movies ul:nth-child(3) li img,
    #movies ul:nth-child(7) li img{
        margin: 6.38vw 3.5vw 1.6vw;
    }
    
   #movies ul li span{
        font-size: 3.52vw;
        font-weight: 300;
        margin-top: 0;
        margin-bottom: 3.0vw;
        line-height: 1.52;
    }

    /* 導入をご検討の方へ
    ------------------------------------- */
    #consider{
        padding: 0 0 3vw;
    }

    #consider ul{
        width: 100%;
        margin: 0 auto;
        flex-direction: column;
	    flex-wrap: nowrap;
	    justify-content: center;
    }

    #consider ul li{
        width: 71.61vw;
        margin: 0 auto;
        font-size: 4.17vw;
    }

    #consider ul li img{
        width: 71.61vw;
        height: 40.1vw;
        margin-bottom: 1.6vw;
    }

    #consider ul li span{
        font-size: 3.52vw;
        font-weight: 300;
        margin-top: 0;
        margin-bottom: 9.44vw;
        line-height: 1.52;
    }

    /* 導入をご検討の方へ
    ------------------------------------- */
    #applications{
        padding: 0 3.95vw 13.02vw;
    }

    #applications ul{
        width: 100%;
    }

    #applications ul li{
        width: 43.75vw;
        height: 29.69vw;
        font-size: 3.78vw;
        border: solid 0.26vw #e6e6e6;
        margin-bottom: 2.3vw;
        box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.10);
    }

    #applications ul li:nth-child(1){
        background: #fff url("../img/iconAppliUse.svg") no-repeat;
        background-size: 8.85vw auto;
        background-position: center 4.82vw;
    }

    #applications ul li:nth-child(2){
        background: #fff url("../img/iconAppliTrial.svg") no-repeat;
        background-size: 16.5vw auto;
        background-position: center 6.33vw;
    }

    #applications ul li:nth-child(3){
        background: #fff url("../img/iconAppliRemote.svg") no-repeat;
        background-size: 14.93vw auto;
        background-position: center 6.9vw;
    }

    #applications ul li:nth-child(4){
        background: #fff url("../img/iconAppliDocreq.svg") no-repeat;
        background-size: 15.4vw auto;
        background-position: center 6.9vw;
    }

    #applications ul li:last-child{
        margin-bottom: 0;
    }

    #applications ul li a{
        padding-top: 18.92vw;
    }

    #applications ul li:hover{
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        border: solid 0.26vw #ecbab9;
        background-color: #ffe1fb;
        transition: 0.4s;
        opacity:0.60;
    }

    /* 判例秘書ラインナップ
    ------------------------------------- */
    #hhlineup{
        padding-top: 9.9vw;
        padding-bottom: 3.5vw;
        border: none;
        overflow-x: hidden;
    }

    #hhlineup h1{
        width: 81.38vw;
        height: 9.9vw;
        background:url("../img/ttlHhLineup.svg") no-repeat;
        margin: 0 auto 9.9vw;
    }

    #hhlineup p{
        font-size: 3.71vw;
        line-height: 1.75;
        text-align: center;
    }

	#hhlineup a#btnConcept{
		width: 75.07vw;
		height: 9.62vw;
		margin: 5.6vw auto 0;
	}

    #hhlineup ul#lineup{
        margin: 6.51vw auto 9.63vw;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content:center;
        align-items: flex-start;
        width: 83.07vw;
    }

    #hhlineup ul#lineup li{
        width: 83.07vw;
        height: 48.18vw;
    }

    #hhlineup ul#lineup a li{
        margin-bottom: 3.39vw;
    }
        
    #hhlineup ul#lineup li p.photo{
        position: absolute;
        top: 0;
        left: 0;
        width: 23.44vw;
        height: 48.18vw;
    }

    #hhlineup ul#lineup li span{
        position: absolute;
        font-size: 3.52vw;
        font-weight: 400;
        line-height: 1.44;
        color: #231815;
        width: 51.04vw;
    }

    #hhlineup ul#lineup li p.logo{
        position: absolute;
        width: 51.04vw;
        height: 17.71vw;
        bottom: 1.56vw;
        left: 28.78vw;
        border-radius: 0.78vw;
    }

    
    #hhlineup ul#lineup a:nth-child(1) li p.photo{
        background: url("../img/imgLineup_hh4Sp.jpg") no-repeat;
        background-size: 23.44vw 48.18vw;
        border-bottom: 0;
        border-right: solid 2.08vw #ebe55e;
        box-sizing: content-box;
    }
    #hhlineup ul#lineup a:nth-child(1) li span{
        top: 4.17vw;
        left: 28.13vw;
    }
    #hhlineup ul#lineup a:nth-child(1) li p.logo{
        background: #fff url("../img/logo_hh4.svg") no-repeat;
        background-position: center;
        background-size: 44.47vw 9.71vw;
    }


    #hhlineup ul#lineup a:nth-child(2) li p.photo{
        background: url("../img/imgLineup_shhSp.jpg") no-repeat;
        background-size: 23.44vw 48.18vw;
        border-bottom: 0;
        border-right: solid 2.08vw #5ccccc;
        box-sizing: content-box;
    }
    #hhlineup ul#lineup a:nth-child(2) li span{
        top: 4.17vw;
        left: 28.13vw;
    }
    #hhlineup ul#lineup a:nth-child(2) li p.logo{
        background: #fff url("../img/logo_shh.svg") no-repeat;
        background-position: center;
        background-size: 39.58vw 9.9vw;
    }

    
    #hhlineup ul#lineup a:nth-child(3) li p.photo{
        background: url("../img/imgLineup_hhiSp.jpg") no-repeat;
        background-size: 23.44vw 48.18vw;
        border-bottom: 0;
        border-right: solid 2.08vw #80b5ff;
        box-sizing: content-box;
    }
    #hhlineup ul#lineup a:nth-child(3) li span{
        top: 6.51vw;
        left: 28.13vw;
    }
    #hhlineup ul#lineup a:nth-child(3) li p.logo{
        background: #fff url("../img/logo_hhi.svg") no-repeat;
        background-position: center;
        background-size: 41.67vw 10.68vw;
    }

    #hhlineup h2{
        width: 94vw;
        height: 9.11vw;
        font-size: 4.17vw;
        font-weight: 700;
        margin: 0 auto 7.81vw;
        padding-left: 3.39vw;
        padding-top: 1vw;
    }

    #hhlineup ul#compare{
        width: 94vw;
        height: 17.45vw;
    }

    #hhlineup ul#compare li{
        width: 29.43vw;
        height: 17.45vw;
        border-top: solid 0.52vw #9eb0e0;
        border-left: solid 0.52vw #9eb0e0;
        border-right: solid 0.52vw #9eb0e0;
    }

    #hhlineup ul#compare li.btn{
        width: 29.43vw;
        height: 15.36vw;
    }

    #hhlineup ul#compare li:nth-child(1) img{
        width: 23.83vw;
        height: 5.21vw;
    }

    #hhlineup ul#compare li:nth-child(2) img{
        width: 20.83vw;
        height: 5.21vw;
    }

    #hhlineup ul#compare li:nth-child(3) img{
        width: 21.88vw;
        height: 5.6vw;
    }

    #hhlineup #boxCompare{
        width: 94vw;
        height: 119.27vw;
        border: solid 0.52vw #9eb0e0;
        margin: -0.52vw auto 0;
    }

    #hhlineup #boxCompare.hh4{
        background: url("../img/figCompare_hh4Sp.png") no-repeat;
        background-size: 86.07vw 109.38vw;
        background-position: center;
    }

    #hhlineup #boxCompare.shh{
        background: url("../img/figCompare_shhSp.png") no-repeat;
        background-size: 86.07vw 109.38vw;
        background-position: center;
    }

    #hhlineup #boxCompare.hhi{
        background: url("../img/figCompare_hhiSp.png") no-repeat;
        background-size: 86.07vw 109.38vw;
        background-position: center;
    }

    #hhlineup .annotation{
        width: 94vw;
        font-size: 3.39vw;
        margin: 3.2vw auto 0;
        line-height: 1.54;
    }

    #hhlineup #concept{
        margin-top: 12.5vw;
        width: 100vw;
        padding: 9.9vw 3.26vw 13.28vw;
    }

    #hhlineup #concept #boxConcept{
        width: 93.49vw;
        height: 187.5vw;
    }

    #hhlineup #concept #boxConcept h2{
        height: 9.11vw;
        color: #fff;
        font-size: 4.88vw;
        background: linear-gradient(to right, #5688c4 47%, #ffffff 100%);
        padding-left: 3.52vw;
        padding-top: 0.4vw;   
    }

    #hhlineup #concept #boxConcept p:nth-child(2){
        font-size: 4.43vw;
        line-height: 1.59;
        top: 16.8vw;
        left: 5.49vw;
        letter-spacing: -0.01em;
    }

    #hhlineup #concept #boxConcept p:nth-child(3){
        font-size: 3.65vw;
        line-height: 1.46;
        width: 80.73vw;
        top: 48.57vw;
        left: 5.49vw;
    }

    #hhlineup #concept #boxConcept img{
        width: 74.48vw;
        top: 101.69vw;
        left: 8.46vw;
    }

    /* リモート説明動画
    ------------------------------------- */
    #introRemote{
        padding-top: 11.72vw;
        padding-bottom: 15.36vw;
        border: none;
        overflow-x: hidden;
    }

    #introRemote h1{
        display: inline-block;
        font-size: 4.43vw;
        font-weight: 500;
        color: #717071;
        padding-bottom: 1.0vw;
        border-bottom: solid 0.78vw #f29971;
    }

    #introRemote .boxMov{
        display: block;
        width: 73.44vw;
        height: 41.28vw;
        margin: 7.16vw auto 0;
    }

    #introRemote a.btnGoForm{
        width: 73.18vw;
        height: 13.02vw;
        background: #ff6b21 url("../img/iconBtnGoForm.svg") no-repeat;
        background-size: 5.99vw 5.47vw;
        background-position: 63.28vw 3.78vw;
        padding-left: 6.12vw;
        padding-top: 3.28vw;
        font-size: 3.78vw;
        margin: 14.97vw auto 0;
        transition: 0.4s;
        box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.10);
    }

    /* よくあるご質問
    ------------------------------------- */
    #faq{
        padding-top: 6.51vw;
        padding-bottom: 0;
        border: none;
        overflow-x: hidden;
    }

    #faq .ttlBox{
        width: 93.49vw;
        height: 35.16vw;
        background: url("../img/baseTtlFaqSp.png") no-repeat;
        background-size: 100%;
    }

    #faq .ttlBox h1{
        position: relative;
            display: inline-block;
            font-size: 5.21vw;
            top: -1.0vw;
            padding-bottom: 0.4vw;
            border-bottom: solid 0.78vw #6DB4F5;
    }

    #faq ul{
        width: 89.84vw;
        margin: 4.56vw auto 9.64vw;
    }

    #faq ul li{
        height: auto;
        padding-top: 4.4vw;
        padding-bottom: 4.4vw;
    }

    #faq ul a li::before{
        position: absolute;
        width: 100%;
        height: 100%;
        content: "";
        top: 0;
        left: 0;
        background:rgba(218,237,250,0);
        transition: 0.4s;
    }

    #faq ul a:hover li::before{
        background:rgba(218,237,250,0.7);
        transition: 0.4s;
    }

    #faq ul li p:nth-child(1){
        font-size: 4.69vw;
        width: 7.81vw;
        height: 7.81vw;
        line-height: 1.40;
        margin-left: 2.47vw;
        margin-right: 3.52vw;
    }

    #faq ul li p:nth-child(2){
        font-size: 3.78vw;
        width: 65.89vw;
        line-height: 1.69;
    }

    #faq ul li img{
        width: 3.78vw;
        height: 3.78vw;
        margin-right: 3.78vw;
    }

    #faq .boxFaqContact{
        margin: 0 auto 9.38vw;
        width: 91.15vw;
        height: 57.29vw;
    }

    #faq .boxFaqContact p.msg{
        font-size: 3.52vw;
        margin: 4.3vw auto 5.6vw;
    }

    #faq .boxFaqContact div.telmail{
        height: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content:flex-start;
        align-items: center;
    }

    #faq .boxFaqContact div.telmail p{
        padding-top: 0;
        font-size: 3.91vw;
    }

    #faq .boxFaqContact div.telmail div{
        text-align: left;
        margin: 2vw auto;
    }

    #faq .boxFaqContact div.telmail div span:nth-child(1){
        font-size: 5.5vw;
        margin-bottom: 2vw;
    }

    #faq .boxFaqContact div.telmail div span:nth-child(2){
        font-size: 3.78vw;
    }

    #faq .boxFaqContact div.telmail div span:nth-child(1) p.tel{
        width: 7.55vw;
        height: 7.55vw;
        background: #69BFB4 url("../img/iconSupportTel.svg") no-repeat;
        background-size: 4.6vw 6.03vw;
        background-position: center;
        margin-right: 2.73vw;
        top: 1.6vw;
    }

    #faq .boxFaqContact div.telmail div span:nth-child(2) p.mail{
        width: 5.73vw;
        height: 5.73vw;
        background: #69BFB4 url("../img/iconSupportMail.svg") no-repeat;
        background-size: 3.94vw 2.49vw;
        background-position: center;
        margin-right: 2.08vw;
        top: 1.6vw;
    }

    #faq .qaArea{
        padding-top: 8.07vw;
        padding-bottom: 9.11vw;
    }

    #faq .qaArea table{
        width: 88.54vw;
        margin: 0 auto 4.17vw;
        line-height: 1.6;
    }

    #faq .qaArea table th{
        font-size: 4.69vw;
        padding: 2.0vw 2.34vw;
    }

    #faq .qaArea table tr:nth-child(2) th{
        padding-top: 4.6vw !important;
    }

    #faq .qaArea table td{
        position: relative;
        color: #231815;
        font-size: 3.52vw;
        font-weight: 300;
        padding: 3.6vw 2.73vw;
        border: solid 1px #B4B4B5;
        vertical-align: center;
        line-height: 1.41;
    }

    #faq .qaArea table td .txtBld{
        font-weight: 500;
    }

    #faq .qaArea table td .txtUl{
        font-weight: 500;
        text-decoration: underline;
    }

    #faq .qaArea table td .txtSml{
        font-size: 3.39vw;
    }

    /* 各種フォーム
    ------------------------------------- */
    #forms{
        padding-top: 0;
        padding-bottom: 0;
        border: none;
    }

    #forms.result{
        padding-bottom: 0;
    }

    #forms.result #boxForm{
        margin: 0 auto 6.07vw;
    }

    #forms.result #boxForm .boxResultMsg{
        width: 88.8vw;
        padding: 9.38vw 0 9.38vw;
        margin: 0 auto;
    }

    #forms.result #boxForm .boxResultMsg p:nth-child(1){
        font-size: 5.21vw;
    }

    #forms.result #boxForm .boxResultMsg p:nth-child(2){
        font-size: 4.43vw;
        line-height: 1.53;
        margin-top: 6.51vw;
    }

    #forms #boxForm{
        width: 100%;
        margin: 0 auto;
        padding: 9.11vw 0 5.6vw;
        font-size: 3.65vw;
        line-height: 1.57;
        text-align: center;
    }

    #forms #boxForm h1{
        margin: 0 auto 8.07vw;
        color: #717071;
        font-size: 5.21vw;
        border-bottom: solid 0.78vw #D25D5D;    
    }

    #forms #boxForm p.txtLead{
        margin: 0 auto 3.8vw;
        font-size: 3.65vw;
        line-height: 1.57;
        text-align: left;
        width: 90vw;
        padding: 0;
    }

    #forms #boxForm p.txtLead span.txtRed{
        margin-top: 4.0vw;
    }

    #forms table.tableMain{
        width: 94vw;
        margin: 0 auto;
        text-align: left;
        font-size: 4.43vw;
        line-height: 1.35;
        border: none;
        background-clip: padding-box;/*FireFox用対策*/
    }

    #forms table.tableMain.confirm{
        border: solid 1px #cccccc;
        font-size: 4.17vw;
        line-height: 1.44;
    }

    #forms table.tableMain.inputTable th{
        width: 94vw;
        display: block;
        margin: 5vw 0 0 0;
        position: relative;
        background: #fff !important;
        line-height: 1.35;
        padding: 0 0 1.3vw 2.34vw;
        border: none;
        background-clip: padding-box;/*FireFox用対策*/
    }

    #forms table.tableMain.confirm th{
        width: 27.6vw;
        padding: 0;
    }

    #forms table.tableMain.confirm th p.txtSml{
        font-size: 3.65vw;
    }
    
    #forms table.tableMain.confirm td{
        width: 66.4vw;
        padding: 2vw 3vw;
    }

    #forms table.tableMain.inputTable td{
        width: 94vw;
        display: block;
        margin: 0;

        position: relative;
        background: #fff;
        line-height: 1.375;
        padding: 0 0 0 2.8vw;
        border: none;
        background-clip: padding-box;/*FireFox用対策*/
    }

    #forms table.tableMain td#boxService{
        border: solid 1px #cccccc;
        padding: 4.69vw;
    }
    
    #forms table.tableMain.confirm th{
        padding: 2.86vw 2.34vw;
    }

    #forms table.tableMain td#boxService ul li{
        position: relative;
        margin-top: 0;
        margin-bottom: 2.86vw;
        line-height: 1.35;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #forms table.tableMain td#boxService ul li input{
        position: relative;
        width: 5.21vw;
        height: 5.21vw;
        top: 0.6vw;
        margin-right: 1.6vw;
    }

    #forms table.tableMain td#boxService p{
        text-align: left;
        font-size: 3.65vw;
        font-weight: 300;
        margin-top: 4.0vw;
    }

    #forms table.tableMain td#boxDate{
        border: solid 1px #cccccc;
        padding: 4.95vw;
    }
    
    #forms table.tableMain td#boxDate ul li{
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        border: solid 1px #DE9E9E;
        padding: 3.13vw 6.51vw;
    }

    #forms table.tableMain td#boxDate ul li span:nth-child(1){
        margin: 0;
        width: 100%;
    }

    #forms table.tableMain td#boxDate ul li span:nth-child(3){
        position: relative;
        margin: 2vw 1.5vw;
        top: -0.5vw;
    }

    #forms table.tableMain td#boxDate ul li span:nth-child(5){
        position: relative;
        margin: 0 1.5vw;
        top: -0.5vw;
    }

    #forms table.tableMain td#boxDate ul li span:nth-child(7){
        position: relative;
        margin: 0 1.5vw;
        top: -0.5vw;
    }

    #forms table.tableMain td#boxDate ul li span:nth-child(9){
        position: relative;
        margin: 0 1.5vw;
        top: -0.5vw;;
    }

    #forms table.tableMain td#boxDate p{
        text-align: left;
        font-size: 3.65vw;
        font-weight: 400;
        line-height: 1.57;
        margin-top: 3vw;
    }

    #forms table.tableMain td.confirmDate{
        line-height: 1.44;
    }

    #forms table.tableMain.inputTable td#boxDaihyou{
        border: solid 1px #cccccc;
        padding: 2vw 0;
    }
    
    #forms table.tableMain.inputTable td#boxDaihyou p{
        margin-left: 2.2vw;
    }
    
    #forms table.tableMain.inputTable td#boxDaihyou ul li{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #forms table.tableMain.inputTable td#boxDaihyou ul li div.boxName{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        padding: 1.4vw 6vw;
    }

    #forms table.tableMain.inputTable td#boxDaihyou ul li p{
        width: 100%;
        font-weight: 400;
        margin-bottom: 2vw;
    }

    #forms table.tableMain.inputTable td#boxDaihyou ul li div.boxName{
        border: solid 1px #DE9E9E;
        width: 88.54vw;
        height: 29.17vw;
        margin: 0 auto;
    }
    
    #forms table.tableMain.inputTable td#boxDaihyou ul li div.boxName p:nth-child(1){
        width: 5vw;
        margin-left: 0;
        margin-right: 1vw;
        margin-bottom: 1vw;
    }
    #forms table.tableMain.inputTable td#boxDaihyou ul li div.boxName p:nth-child(3){
        width: 5vw;
        margin-left: 0;
        margin-right: 1vw;
        margin-bottom: 0;
    }

    #forms table.tableMain.inputTable td#boxDaihyou ul li:nth-child(1){
        border: none;
    }

    #forms table.tableMain.inputTable td#boxDaihyou ul li:nth-child(2){
        padding: 0;
    }
    
    #forms table.tableMain.confirm td#boxDaihyou ul.confirmDaihyou li p:nth-child(1){
        font-size: 3.52vw;
        width: 11vw;
        line-height: 1.1;
    }
    #forms table.tableMain.confirm td#boxDaihyou ul.confirmDaihyou li p:nth-child(2){
        width: 3vw;
    }
    #forms table.tableMain.confirm td#boxDaihyou ul.confirmDaihyou li p:nth-child(3){
        margin: 0 0 0 2vw;
        width: 44vw;
    }


    #forms table.tableMain th p.txtAnnotation{
        position: absolute;
        font-size: 3.13vw;
        font-weight: 400;
        color: #808080;
        top: 1vw;
        right: 3.5vw;
    }

    #forms table.tableMain.inputTable th.required{
        background: none;
        border: none;
    }
    
    #forms table.tableMain.confirm th.required{
        background: #FAF3DE;
    }
    
    #forms table.tableMain th.required span{
        position: relative;
    }
    
    #forms table.tableMain.inputTable th.required span::after{
        position: absolute;
        content: "";
        width: 7.81vw;
        height: 4.69vw;
        background: url("../img/iconRequiredSp.svg") no-repeat;
        background-size: 7.81vw 4.69vw;
        top: 1.2vw;
        right: -10vw;
    }

    #forms table.tableMain.confirm th.required span::after{
        content: "";
        display: block;
        width: 7.81vw;
        height: 4.69vw;
        background: url("../img/iconRequiredSp.svg") no-repeat;
        background-size: 7.81vw 4.69vw;
        margin-top: 0.5vw;
    }

    #forms table.tableMain input[type="text"],
    #forms table.tableMain input[type="tel"],
    #forms table.tableMain input[type="email"]{

        height: 11.2vw;
        border: solid 1px #999999;
        border-radius: 0.78vw;
        font-size: 4.43vw;
        padding-left: 5.21vw;
    }

    #forms table.tableMain select{
        width: 16.02vw;
        height: 5.73vw;
        border: 1px solid #DE9E9E;
        border-radius: 0px;
        font-size: 4.17vw;
    }
    
    #forms table.tableMain input[type="text"]#inputCheck_Organization{
        width: 87.76vw;
    }

    #forms table.tableMain input[type="text"]#inputCheck_Daihyou1,
    #forms table.tableMain input[type="text"]#inputCheck_Daihyou2,
    #forms table.tableMain input[type="text"]#inputCheck_Daihyou3,
    #forms table.tableMain input[type="text"]#inputCheck_Daihyou4{
        width: 69.53vw;
    }

    #forms table.tableMain input[type="text"]#inputCheck_Department,
    #forms table.tableMain input[type="text"]#inputCheck_Tantou{
        width: 87.76vw;
    }

    #forms table.tableMain input[type="text"]#inputCheck_Zip{
        width: 87.76vw;
    }

    #forms table.tableMain input[type="text"]#inputCheck_Address{
        width: 87.76vw;
    }

    #forms table.tableMain input[type="tel"]#inputCheck_Tel{
        width: 87.76vw;
    }

    #forms table.tableMain input[type="email"]#inputCheck_Mail{
        width: 87.76vw;
    }

    #forms .boxPrivacy{
        width: 94vw;
        border: solid 0.52vw #CCCCCC;
        font-size: 3.39vw;
        font-weight: 400;
        line-height: 1.23;
        padding: 3.26vw 3.91vw;
        margin: 8.46vw auto 9.11vw;
    }

    #forms .boxPrivacy .txtBold{
        font-weight: 500;
        font-size: 4.17vw;
    }

    #forms .boxPrivacy.bottomNarrow{
        margin-bottom: 4.17vw !important;
    }

    #forms .boxTrial{
        width: 94vw;
        border: solid 0.52vw #CCCCCC;
        font-size: 3.65vw;
        line-height: 1.39;
        padding: 3.26vw 3.91vw;
        margin: 0 auto 6.25vw;
    }

    #forms #BoxConsent{
        margin: 0 auto 10.42vw;
        width: 67.97vw;
        height: 9.38vw;
        padding-left: 15px;
    }

    #forms #BoxConsent input{
        width: 5.21vw;
        height: 5.21vw;
    }
    
    #forms #BoxConsent p{
        padding-left: 2vw;
        font-size: 4.69vw;
    }

    #forms #BoxConsent.required{
        background: #fff url("../img/iconRequiredSp.svg") no-repeat;
        background-size: 7.81vw 4.69vw;
        background-position: right 2.34vw center;
    }

    #forms #boxFormBtn{
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    #forms #boxFormBtn .btnSubmit{
        width: 52.08vw;
        height: 18.75vw;
        margin: 0 4vw 0 0;
        background: #E10001 url("../img/btnSubmitSp.svg") no-repeat;
        background-size: 52.08vw 18.75vw;
        border-radius: 2.73vw;
        border: none;
        transition: 0.4s;
        box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.10);
        opacity: 1.0;
    }

    #forms #boxFormBtn .btnCancel{
        width: 37.5vw;
        height: 18.75vw;
        margin: 0;
        background: #9E9E9F url("../img/btnCancelSp.svg") no-repeat;
        background-size: 37.5vw 18.75vw;
        border-radius: 2.73vw;
        border: none;
        transition: 0.4s;
        box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.10);
        opacity: 1.0;
    }

    #forms #boxFormBtn .btnSend{
        width: 52.08vw;
        height: 18.75vw;
        margin: 0 4vw 0 0;
        background: #9E9E9F url("../img/btnSendSp.svg") no-repeat;
        background-size: 52.08vw 18.75vw;
        border-radius: 2.73vw;
        border: none;
        transition: 0.4s;
        box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.10);
        opacity: 1.0;
    }

    #forms #boxFormBtn .btnBack{
        width: 37.5vw;
        height: 18.75vw;
        margin: 0;
        background: #9E9E9F url("../img/btnBackSp.svg") no-repeat;
        background-size: 37.5vw 18.75vw;
        border-radius: 2.73vw;
        border: none;
        transition: 0.4s;
        box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.10);
        opacity: 1.0;
    }

    /* 利用規約
    ------------------------------------- */
    #agreement{
        padding-top: 0;
        padding-bottom: 9.11vw;
        border: none;
    }

    #agreement #boxAgreement{
        width: 100vw;
        margin: 0 auto 9.11vw;
        padding: 9.11vw 6.51vw 6.64vw;
        font-size: 3.52vw;
        line-height: 1.41;
    }

    #agreement #boxAgreement h1{
        display: inline-block;
        margin: 0 auto 9.11vw;
        font-size: 5.21vw;
        padding-bottom: 0.4vw;
        border-bottom: solid 0.78vw #93cbff;
    }


    #agreement #boxAgreement ul{
        margin: 0;
        text-align: left;
    }

    #agreement #boxAgreement ul li h2{
        font-size: 3.52vw;
    }

    #agreement #boxAgreement ul li{
        margin-bottom: 5.86vw;
    }

    #agreement a.btnBack{
        position: relative;
        font-size: 3.78vw;
        text-align: left;
        left: 0;
        top: 0;
        display: block;
        width: 80.73vw;
        height: 12.5vw;
        border: solid 1px #005DCF;
        border-radius: 0.52vw;
        margin: 0 auto;
        padding-top: 2.78vw;
        padding-left: 5.47vw;
    }

    #agreement a.btnBack::after{
        position: absolute;
        content: "";
        width: 3.5vw;
        height: 3.5vw;
        background: url("../img/iconBtnAfter.svg") no-repeat;
        background-size: 100%;
        top: 4.3vw;
        right: 5.47vw;
    }
    
    /* 個人情報保護方針
    ------------------------------------- */
    #privacy{
        padding-top: 0;
        padding-bottom: 9.11vw;
        border: none;
    }

    #privacy #boxPrivacy{
        width: 100vw;
        margin: 0 auto 9.11vw;
        padding: 9.11vw 5.21vw 11.72vw;
        font-size: 3.52vw;
        line-height: 1.41;
    }

    #privacy #boxPrivacy h1{
        display: inline-block;
        margin: 0 auto 9.11vw;
        font-size: 5.21vw;
        padding-bottom: 0.4vw;
        border-bottom: solid 0.78vw #93cbff;
    }

    #privacy #boxPrivacy ul{
        margin: 5.86vw 0 0;
        text-align: left;
    }

    #privacy #boxPrivacy ul li h2{
        font-size: 3.52vw;
    }

    #privacy #boxPrivacy ul li{
        margin-bottom: 5.86vw;
    }

	#privacy #boxPrivacy ol {
		margin-left: 1.8em;
		margin-top: 1.0em;
	}

	#privacy #boxPrivacy ol li {
		list-style-type: none;
		counter-increment: cnt;
		position: relative;
		margin-bottom: 0.3em;
	}

	#privacy #boxPrivacy ol li:before {
		content: "(" counter(cnt) ")";
		display: inline-block;
		margin-left: -3.5em;
		width: 3em;
		text-align: right;
		position: absolute;
		top: 0;
		left: 0;
	}

    #privacy a.btnBack{
        position: relative;
        font-size: 3.78vw;
        text-align: left;
        left: 0;
        top: 0;
        display: block;
        width: 66.41vw;
        height: 12.5vw;
        border: solid 1px #005DCF;
        border-radius: 0.52vw;
        margin: 0 auto;
        padding-top: 2.78vw;
        padding-left: 17.3vw;
    }

    #privacy a.btnBack::after{
        position: absolute;
        content: "";
        width: 3.5vw;
        height: 3.5vw;
        background: url("../img/iconBtnAfter.svg") no-repeat;
        background-size: 100%;
        top: 4.3vw;
        right: 17.58vw;
    }
    
    /* 会社概要
    ------------------------------------- */
    #company{
        padding-top: 6.9vw;
        padding-bottom: 15.63vw;
        border: none;
        overflow-x: hidden;
    }

    #company .ttlBox{
        width: 93.49vw;
        height: 35.16vw;
        background: url("../img/baseTtlCompanySp.png") no-repeat;
        background-size: 100%;
        display: grid;
        place-content: center;
    }

    #company .ttlBox h1{
        position: relative;
        display: inline-block;
        font-size: 5.21vw;
        top: -1.5vw;
        padding-bottom: 0.4vw;
        border-bottom: solid 0.78vw #93cbff;
    }

    #company table{
        width: 85.94vw;
        margin: 0 auto 9.64vw;
        font-size: 3.52vw;
        line-height: 1.41;
    }

    #company table:nth-child(2){
        margin-top: 12.5vw;
    }

    #company table:nth-child(4){
        margin-bottom: 17.58vw;
    }

    #company table th,
    #company table td{
        padding: 2.6vw 2.34vw 2.6vw;
    }

    #company table th{
        width: 27.08vw;
    }

    #company table td .txtCompanySp{
        display: block;
        padding-top: 2.5vw;
    }

    
    
    #company a.btnCompanyToPrivacy{
        position: relative;;
        display: block;
        width: 80.21vw;
        height: 11.72vw;
        background: #f7f7f7 url("../img/iconBtnCompanyOff.svg") no-repeat;
        background-size: 3.65vw 3.65vw;
        background-position: 54.17vw 4.04vw;
        padding-left: 22.14vw;
        padding-top: 2.74vw;
        font-size: 3.65vw;
        transition: 0.4s;
        box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.10);
    }

    #company a.btnCompanyToPrivacy:hover{
        background: #e6f3ff url("../img/iconBtnCompanyOn.svg") no-repeat;
        background-size: 3.65vw 3.65vw;
        background-position: 54.17vw 4.04vw;
        border: solid 1px #b4cdf0;
        color: #779de5;
        transition: 0.4s;
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    }

    #company .boxCertification{
        width: 90.89vw;
        background: #e9f3ff url("../img/iconCertification.svg") no-repeat;
        background-size: 67.19vw 19.79vw;
        background-position: 11.85vw 15.1vw;
        border: solid 2px #5378b7;
        margin: 17.58vw auto 14.97vw;
    }

    #company .boxCertification p{
        height: 6.38vw;
        font-size: 3.78vw;
        line-height: 1.6;
    }

    #company .boxCertification table{
        width: 76.17vw;
        margin: 33.9vw 15.76vw 25px 8.07vw;
        font-size: 3.52vw;
    }

    #company .boxCertification table,
    #company .boxCertification table th,
    #company .boxCertification table td{
        padding: 3.5vw 0;
        vertical-align: top;
    }

    #company .boxCertification table th{
        width: 30.34vw;
    }

    #company .boxCertification table th span{
        margin-right: 0.65vw;
    }

    #company .boxMap{
        width: 93.36vw;
    }

    #company .boxMap h2{
        font-size: 3.78vw;
        margin-bottom: 1.6vw;
    }

    #company .boxMap h2 span{
        color: #97AACC;
        margin-right: 7px;
    }

    /* 特定商取引
    ------------------------------------- */
    #tokusyou{
        padding-top: 0;
        padding-bottom: 0;
        border: none;
    }

    #tokusyou #boxTokusyou{
        width: 100vw;
        margin: 0 auto 9.11vw;
        padding: 9.11vw 3.26vw 0;
        font-size: 3.52vw;
        line-height: 1.41;
    }

    #tokusyou #boxTokusyou h1{
        display: inline-block;
        margin: 0 auto 9.11vw;
        font-size: 5.21vw;
        padding-bottom: 0.4vw;
        border-bottom: solid 0.78vw #93cbff;
    }

    #tokusyou #boxTokusyou table{
        width: 92.71vw;
        font-size: 3.52vw;
        line-height: 1.41;
        border: none;
    }

    #tokusyou #boxTokusyou table th,
    #tokusyou #boxTokusyou table td{
        display: block;
        width: 100%;
        vertical-align: top;
    }

    #tokusyou #boxTokusyou table th{
        border: solid 1px #c8c9ca;
        padding: 2.6vw 4vw;
        font-weight: 400;
    }

    #tokusyou #boxTokusyou table td{
        padding: 4.56vw 4vw;
        margin-bottom: 1.95vw;
        border: solid #c8c9ca;
        border-width: 0 1px 1px;
        font-weight: 300;
    }

    #tokusyou #boxTokusyou table td span.txtSml{
        position: relative;
        font-size: 1em;
        top: 0;
    }

    /* ユーザーサポート
    ------------------------------------- */
    #support{
        border-top: none;
        padding-top: 6.51vw;
        padding-bottom: 16.67vw;
        overflow-x: hidden;
    }

    #support .ttlBox{
        width: 93.49vw;
        height: 35.16vw;
    }

    #support .ttlBox h1{
        font-size: 5.21vw;
        padding-bottom: 0.4vw;
        border-bottom: solid 0.78vw #93cbff;
    }

    #support p:nth-child(2){
        margin: 9.51vw auto 13.8vw;
        font-size: 3.52vw;
        font-weight: 400;
        line-height: 1.41;
        color: #000;
    }

    #support p:nth-child(3){
        margin: 0 auto 2.6vw;
        font-size: 4.04vw;
        color: #006DBD;
    }

    #support .boxSupport{
        width: 76.82vw;
        height: 43.49vw;
        background: #e9f4ff;
        border: solid 1px #cee3ff;
        margin: 0 auto;
        padding-left: 5.21vw;
        padding-right: 5.21vw;
    }

    #support .boxSupport ul.tel{
        height: 24.87vw;
    }

    #support .boxSupport ul li:nth-child(1){
        position: relative;
        width: 5.99vw;
        height: 5.99vw;
        background: #0081E0;
        margin-right: 4.56vw;
        display: grid;
        place-items: center center;
    }

    #support .boxSupport ul.tel li:nth-child(1) img{
        height: 4.58vw;
        width: 3.49vw;
    }

    #support .boxSupport ul.tel li:nth-child(2){
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
        height: 24.87vw;
    }

    #support .boxSupport ul.tel li:nth-child(2) p:nth-child(1){
        display: inline-block;
        font-size: 3.91vw;
        font-weight: 400;
        margin-bottom: 1vw;
    }

    #support .boxSupport ul.tel li:nth-child(2) p:nth-child(1) a{
        font-size: 4.69vw;
        font-weight: 500;
    }

    #support .boxSupport ul.tel li:nth-child(2) p:nth-child(2){
        display: inline-block;
        position: relative;
        font-size: 3.52vw;
        font-weight: 300;
        line-height: 1.4;
        text-align: left;
        top: -5px;
        margin: 0;
    }

    #support .boxSupport ul.tel li:nth-child(2) p:nth-child(2) span{
        font-size: 3.52vw;
    }

    #support .boxSupport ul.mail{
        height: 18.62vw;
        text-align: left;
        font-size: 3.91vw;
        line-height: 1.1;
        font-weight: 400;
    }

    #support .boxSupport ul.mail li:nth-child(1) img{
        height: 2.54vw;
        width: 4.02vw;
    }

    #support .boxSupport ul.mail li:nth-child(2) a{
        font-size: 3.91vw;
        font-weight: 500;
    }
    
    /* Contact(TOP)
    ------------------------------------- */
    #contactTop{
	    margin: 0;
	    width: 100vw;
	    padding: 0;
	    height: 72.14vw;
    }

    #contactTop p:nth-child(2){
	    font-size: 3.52vw;
        font-weight: 500;
        line-height: 1.4;
    }

    #contactTop p:nth-child(3){
	    font-size: 5.99vw;
	    margin: 6vw auto 1.5vw;
    }

    #contactTop p:nth-child(4){
	    font-size: 3.78vw;
    }

    /* Support(TOP)
    ------------------------------------- */
    #supportTop{
        padding: 0 0 13.54vw;
    }

    #supportTop p:nth-child(2){
        font-size: 3.52vw;
    }

    #supportTop p:nth-child(3){
        font-size: 4.04vw;
    }

    #supportTop #boxSupport{
        width: 76.82vw;
        height: auto;
        padding: 2vw 4.82vw 3.6vw;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }

    #supportTop #boxSupport ul{
        height: auto;
    }

    #supportTop #boxSupport ul.tel{
        border-right: none;
        border-bottom: solid 2px #c2d4eb;
        width: 66.41vw;
        padding: 0 0 2vw;
    }

    #supportTop #boxSupport ul li:nth-child(1){
        width: 5.99vw;
        height: 5.99vw;
        margin-right: 3.91vw;
    }

    #supportTop #boxSupport ul.tel li:nth-child(1) img{
        height: 4.56vw;
        width: 3.52vw;
    }

    #supportTop #boxSupport ul.tel li:nth-child(2){
        position: relative;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
    }

    #supportTop #boxSupport ul.tel li:nth-child(2) p:nth-child(1){
        font-size: 3.91vw;
        font-weight: 400;
        margin-right: 0;
    }

    #supportTop #boxSupport ul.tel li:nth-child(2) p:nth-child(1) a{
        font-size: 4.69vw;
        font-weight: 500;
    }

    #supportTop #boxSupport ul.tel li:nth-child(2) p:nth-child(2){
        font-size: 3.52vw;
        font-weight: 400;
        line-height: 1.33;
    }

    #supportTop #boxSupport ul.mail{
        width: 66.41vw;
        font-size: 3.91vw;
        font-weight: 400;
        line-height: 1.1;
        padding: 2.4vw 0 0;
    }

    #supportTop #boxSupport ul.mail li:nth-child(1) img{
        height: 2.4vw;
        width: 4.02vw;
    }

    #supportTop #boxSupport ul.mail li:nth-child(2) a{
        font-weight: 500;
    }
    
    /* footer
    ------------------------------------- */
    #footer{
	    margin: 0;
	    width: 100%;
	    padding: 0 5.73vw;
    }

    #footer .boxFooterUpper{
        height: 28vw;
        font-size: 2.86vw;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	    align-items: flex-start;
        padding-top: 6.9vw;
        padding-bottom: 5vw;
        border-bottom: solid 1px #fff;
    }

    #footer .boxFooterUpper p span{
        position: relative;
        font-size: 3.6vw;
        top: 0.2vw;
    }
    
    #footer .boxFooterUpper p{
        margin-right: 0;
        width: 50%;
    }

    #footer .boxFooterUpper p:nth-child(1){
        order: 1;
    }

    #footer .boxFooterUpper p:nth-child(3){
        order: 2;
    }

    #footer .boxFooterUpper img.lic{
        order: 3;
        width: 37.37vw;
        height: auto;
        top: 0;
        margin: 0 4.8vw 0 2vw;
    }

    #footer .boxFooterUpper img.eoc{
        order: 4;
        width: 37.24vw;
        height: auto;
        margin: 0 2vw 0 0.5vw;
    }

    #footer .boxFooterLower{
        height: 29.17vw;
        font-size: 3.52vw;
        padding: 3.0vw 0 4.0vw;
        line-height: 1.9;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    justify-content: space-between;
	    align-items: center;   
    }


    #footer .boxFooterLower ul{
        flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: center;
	    align-items: center;
        margin: 0;
    }

    #footer .boxFooterLower ul li{
        margin: 0 1em;
    }

    #footer .boxFooterLower ul li a{
        color: #fff;
    }

    #footer .boxFooterLower p{
        font-size: 2.86vw
    }
    
    /* Btn to the top
    ------------------------------------- */
    #btnUp{
        display: none;
	    position: fixed;
	    width: 23.93vw;
	    height: 10.81vw;
	    background: url("../img/btnUpSp.png") no-repeat;
	    background-size: 100%;
	    right: 0;
	    bottom: 5vw;
    }

    /* SideLinkBtn
    ------------------------------------- */
    #btnSideAppli{
	    width: 24.48vw;
	    height: 26.69vw;
	    background: url("../img/btnSideAppliSp.png") no-repeat;
	    background-size: 100%;
	    bottom: 18vw;
	    font-size: 3.52vw;
        line-height: 1.11;
	    padding-top: 6.2vw;
	    padding-left: 6.3vw;
    }
}