@charset "UTF-8";
/* Scss Document */
/* レスポンシブ設定
------------------------------------- */
@media screen and (max-width: 768px) {
    /* aタグ設定
    ------------------------------------- */
    a:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
        -moz-opacity: 1;
        -khtml-opacity: 1;
        zoom: 1;
    }
    /* 基本設定
    ------------------------------------- */
    body {
        font-size: 2.8vw;
        min-width: 100%;
        overflow-x: hidden; /* スマホで横スクロール・右余白を防止 */
    }
    .pc {
        display: none !important;
    }
    .sp {
        display: inline-block;
    }
    img {
        width: 100%;
        height: auto;
    }

    section{
        width: 100vw;
        position: relative;
    }

    /* ヘッダ
    ------------------------------------- */
    #header {
        width: 100vw;
        height: 8.85vw;
    }
    #header .logoThi {
        display: none;
    }
    #header .logoLic a {
        width: 30.99vw;
        height: 4.38vw;
        right: 52.73vw;
        top: 2.136vw;
    }
    #header .logoEoc a {
        width: 30.99vw;
        height: 4.38vw;
        right: 16vw;
        top: 2.136vw;
    }
    
    /* メインビジュアル
    ------------------------------------- */
    section#mv{
        background:none;
        margin-top: 8.85vw;
    }

    section#mv .mv{
        width: 100vw;
        height: 122.92vw;
        background: url("../img/bgSp01.png");
        background-size: contain;
    }

    section#mv .mv a.btnTrial1{
        width: 85.677vw;
        height: 15.1vw;
        background: url("../img/btnTrialSP1.png");
        background-size: cover;
        position: absolute;
        bottom: 8.8542vw;
        right: 7.162vw;
    }

    section#mv .mv p{
        font-size: 3.939vw;
        top: 34.5052vw;
        left: 5.7292vw;
    }

    /* 「判例秘書＆4誌解説＋判例タイムズ」電子復刻版とは？
    ------------------------------------- */
    section#about{
        background:none;
    }

    section#about .about{
        width: 100vw;
        height: 134.11vw;
        background: url("../img/bgSp02.png");
        background-size: contain;
    }

    section#about .about h1{
        position: relative;
        font-size: 4.557vw;
        line-hight: 1.714;
        top: 15.625vw;
    }
    section#about .about p{
        position: relative;
        font-size: 3.776vw;
        font-weight: 400;
        line-height: 1.724;
        width: 84.635vw;
        margin: 0 auto;
        top: 27.995vw;
    }

    /* 主な特長
    ------------------------------------- */
    section#features{
        background: none;
    }

    section#features div.features{
        width: 100vw;
        height: 269.40vw;
        background: url("../img/bgSp03.png") no-repeat;
        background-size: contain; 
    }

    section#features div.features h2{
        position: absolute;
        top: 9.766vw;
        font-size: 4.948vw;
        font-weight: 600;
    }
    section#features div.features h3{
        display: none;
    }

    section#features div.features p{
        position: absolute;
        font-size: 3.646vw;
        line-height: 1.536;
        width: 84.375vw;
        left: 50%;
        transform: translateX(-50%);
    }

    section#features div.features p:nth-of-type(1) {
        top: 43.75vw;
    }

    section#features div.features p:nth-of-type(2) {
        top: 124.349vw;
    }

    section#features div.features p:nth-of-type(3) {
        top: 203.385vw;
    }

    /* サービス構成
    ------------------------------------- */
    section#service{
        background: none;
    }

    section#service div.service{
        width: 100vw;
        height: 166.41vw;
        background: url("../img/bgSp04.png") no-repeat;
        background-size: contain;
    }

    section#service div.service h2{
        position: absolute;
        top: 10.128vw;
        font-size: 4.948vw;
        font-weight: 600;
    }

    section#service div.service p{
        position: absolute;
        font-size: 3.581vw;
    }
    
    section#service div.service p:nth-of-type(1) {
        top: 30.248vw;
        left: 11.068vw;
        transform: scaleX(0.9);
    }

    section#service div.service p:nth-of-type(2) {
        top: 30.248vw;
        left: 57.031vw;
        transform: scaleX(0.8);
    }

    section#service div.service p:nth-of-type(3) {
        top: 97.896vw;
        left: 26.042vw;
        font-size: 4.193vw;
    }

    section#service div.service p:nth-of-type(4) {
        bottom: 49.479vw;
        font-size: 3.516vw;
        line-height: 1.41;
        width: 67.708vw;
    }

    section#service div.service a.btnTrial2{
        width: 85.807vw;
        height: 15.234vw;
        background: url("../img/btnTrialSP2.png");
        background-size: contain;
        position: absolute;
        top: 135.417vw;
    }

    /* 4つの特長
    ------------------------------------- */
    section#fourFeatures{
        background: none;
    }

    section#fourFeatures div.fourFeaturesTitle{
        width: 100vw;
        height: 26.43vw;
        background: url("../img/bgSp05_0.png") no-repeat;
        background-size: contain;
    }

    section#fourFeatures div.fourFeaturesTitle h2{
        position: absolute;
        top: 11.589vw;
        left: 31.771vw;
        text-indent: 100%;
        overflow: hidden;
        white-space:nowrap;
    }

    section#fourFeatures h3 {
        position: absolute;
        color: #000;
        font-size: 4.688vw;
        font-weight: 700;
        top: 1.042vw;
        left: 15.625vw;
        -webkit-text-stroke: 0.26vw #fff;
        paint-order: stroke fill;
        text-shadow: 0 0 0.651vw #fff, 0 0 1.302vw #fff, 0 0 1.953vw #fff;
        letter-spacing: -0.02em;
        transform: scaleX(0.95);
    }

    section#fourFeatures h3 span{
        font-size: 3.646vw;
        font-weight: 500;
    }

    section#fourFeatures p.note{
        position: absolute;
        font-size: 3.646vw;
        line-height: 1.536;
        left: 6.771vw;
        top: 14.323vw;
        width: 88.542vw;
        letter-spacing: -0.02em;
    }

    section#fourFeatures div.fourFeatures1{
        width: 100vw;
        height: 203.13vw;
        background: url("../img/bgSp05_1.png") no-repeat;
        background-size: contain;  
    }

    section#fourFeatures div.fourFeatures1 p.balloon{
        position: absolute;
        font-size: 3.255vw;
        line-height: 1.62;
        bottom: 17.578vw;
        right: 8.203vw;
        width: 82.031vw;
    }

    section#fourFeatures div.fourFeatures2{
        width: 100vw;
        height: 172.4vw;
        background: url("../img/bgSp05_2.png") no-repeat;
        background-size: contain;
    }

    section#fourFeatures div.fourFeatures3{
        width: 100vw;
        height: 145.05vw;
        background: url("../img/bgSp05_3.png") no-repeat;
        background-size: contain;  
    }

    section#fourFeatures div.fourFeatures3 ul{
        top: 62.24vw;
        left: 21.917vw;
    }

    section#fourFeatures div.fourFeatures3 li{        
        font-size: 3.385vw;
    }

    section#fourFeatures div.fourFeatures3 li:nth-child(1){
        line-height: 1.5;
        margin-bottom: 5.278vw;
    }

    section#fourFeatures div.fourFeatures3 li:nth-child(2){
        line-height: 1.8;
        margin-bottom: 3.906vw;
    }

    section#fourFeatures div.fourFeatures3 li:nth-child(3){
        line-height: 1.6;
        margin-bottom: 4.627vw;
    }

    section#fourFeatures div.fourFeatures3 li:nth-child(4){
        line-height: 1.8;
    }

    section#fourFeatures div.fourFeatures3 li:nth-child(4) span.lineH{
        display: block;
        margin-bottom: -1.563vw;
    }

    section#fourFeatures div.fourFeatures3 li span.txtStrong{
        top: 0.13vw;
        font-size: 3.906vw;
        border-bottom: 0.391vw solid #f7931e;
    }

    section#fourFeatures div.fourFeatures4{
        width: 100vw;
        height: 236.59vw;
        background: url("../img/bgSp05_4.png") no-repeat;
        background-size: contain;
    }

    section#fourFeatures div.fourFeatures4 ul{
        position: absolute;
        top: 47.826vw;
        left: 26.432vw;
        list-style: none;
        font-size: 3.646vw;
        line-height: 1.357;
        font-weight: 400;
    }

    section#fourFeatures div.fourFeatures4 li{
        position: relative;
        margin-bottom: 3.846vw;
    }

    /* 動画でご紹介
    ------------------------------------- */
    section#moviebox{
        background: none;
    }

    section#moviebox div.moviebox{
        width: 100vw;
        height: 96.09vw;
        background: url("../img/bgSp06.png") no-repeat;
        background-size: contain;
    }

    section#moviebox div.moviebox div.myVideoBox{
        position: absolute;
        display: block;
        width: 73.31vw;
        height: 41.54vw;
        top: 32.29vw;
        margin-left: calc((100vw - 73.31vw) / 2);
        margin-right: calc((100vw - 73.31vw) / 2);
        text-align: center;
    }

    section#moviebox div.moviebox div.myVideoBox video{
        box-sizing: content-box;
        width: 73.31vw;
        height: 41.54vw;
    }

    section#moviebox div.moviebox div.myVideoBox .video1{
        border: solid 0.26vw #333333;
    }

    section#moviebox div.moviebox .btnMovbox {
        position: absolute;
        bottom: 13.8vw;
        left: 11.78vw;

        width: 76.43vw;
        height: 17.19vw;
    
        background: url("../img/btnMovboxSp.png") no-repeat;
        background-size: contain;

    }
    
    section#moviebox div.moviebox p{
        font-size: 3.255vw;
        line-height: 1.4;
        top: 76.302vw;
        right: 11.068vw;
    }

    /* キャンペーン実施中！
    ------------------------------------- */
    section#campaign{
        background: none;
    }

    section#campaign .campaign{
        width: 100vw;
        height: 133.85vw;
        background: url("../img/bgSp07.png") no-repeat;
        background-size: contain;
    }

    section#campaign .campaign h2{
        top: 11.458vw;
        font-size: 5.339vw;
        -webkit-text-stroke: 0.781vw #9d531a;
        paint-order: stroke fill;
        transform: translateX(-50%) scaleX(0.9);
        letter-spacing: -0.02em;
    }

    section#campaign .campaign p:nth-of-type(1){
        top: 23.307vw;
        font-size: 3.646vw;
        -webkit-text-stroke: 0.651vw #fff;
        paint-order: stroke fill;
    }
    section#campaign .campaign p:nth-of-type(2) {
        top: 34.115vw;
        font-size: 4.167vw;
    }

    section#campaign .campaign p:nth-of-type(2) span {
        font-size: 5.599vw;
        font-weight: 800;
    }

    section#campaign .campaign p:nth-of-type(3) {
        position: absolute;
        top: 105.859vw;
        left: 9.635vw;
        font-size: 3.516vw;
        line-height: 1.407;
        width: 87.24vw;
        letter-spacing: -0.025em;
    }

    section#campaign .campaign p:nth-of-type(3)::before {
        position: absolute;
        content: "※";
        left: -1.0em;
    }

    section#campaign .campaign p:nth-of-type(3) span {
        font-size: 4.427vw;
    }

    /* 申し込みフォーム
    ------------------------------------- */
    #forms {
        padding-top: 0;
        padding-bottom: 0;
        border: none;
    }
    
    #forms.confirm #boxForm {
        margin: 0 auto 6.07vw;
        padding-top: 18vw;
    }
    #forms.result {
        padding-bottom: 0;
    }
    #forms.result #boxForm {
        margin: 0 auto 6.07vw;
        padding-top: 18vw;
    }
    #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;
    }
    #boxForm, #boxFooter {
        width: 100vw; /* PC側の990px固定を上書き */
    }
    #forms #boxForm {
        width: 100vw;
        margin: 0 auto;
        padding: 9.11vw 0 12vw;
        font-size: 3.65vw;
        line-height: 1.57;
        text-align: center;
    }
    #forms #boxForm #txtTitle1 {
        font-size: 5.52vw;
        letter-spacing: 0;
    }
    #forms #boxForm #txtTitle1 .small {
        font-size: 4.06vw;
    }
    #forms #boxForm #txtTitle2 {
        font-size: 3.52vw;
        margin: 4.95vw auto 4.95vw;
        letter-spacing: -0.08em;
    }

    #forms #boxForm .noticeBox {
        padding: 5.21vw 3.0vw 3.91vw;
        width: 90vw;
        margin: 7.81vw auto 7.81vw;
    }

    #forms #boxForm .noticeBox p{
        top: -2.21vw;
        font-size: 3.8vw;
        padding: 0.52vw 0.91vw 0.78vw;
    }

    #forms #boxForm .noticeBox ul {
        font-size: 3.65vw;
    }

    #forms #boxForm .noticeBox ul li {
        padding-left: 1em;
        text-indent: -1em;
        margin-bottom: 1.3vw;
    }

    #forms #boxForm #formTitle {
        height: 7.29vw;
        font-size: 4.17vw;
        line-height: 1.65;
        margin: 0 auto 0;
    }
    #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.confirm tr{
        border: solid 1px #cccccc;
    }
    
    #forms table.tableMain th {
        width: 94vw;
        display: block;
        margin: 5vw 0 0 0;
        position: relative;
        background: #fff;
        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.6%;
        padding: 2.86vw 2.34vw;
        display: table-cell;
    }

    #forms table.tableMain.confirm th p.txtSml{
        font-size: 3.65vw;
    }
    
    #forms table.tableMain.confirm td{
        width: 66.4%;
        padding: 2vw 3vw;
        display: table-cell;
    }
    
    #forms table.tableMain 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 #box_pdselect {
        padding: 4vw 2vw;
    }
    #forms #box_pdselect table#pdselect {
        font-size: 4.43vw;
        width: 100%;
    }
    #forms #box_pdselect table#pdselect td.pdselect1 {
        width: 6.25vw;
        padding: 0.3vw 0.3vw 2vw;
        display: inline-block;
    }
    #forms #box_pdselect table#pdselect td.pdselect2 {
        font-size: 4.43vw;
        padding: 0.6vw 0.3vw 2vw;
        width: 80%;
        display: inline-block;
    }
    #forms #box_pdselect table#pdselect td.pdselect3 {
        display: block;
        width: 100%;
        padding-top: 2vw;
        padding-left: 6.25vw;
        padding-bottom: 5vw;
        margin: -2vw;
        font-size: 4.43vw;
        line-height: 1.57;
        vertical-align: top;
        background-color: transparent;
    }
    #boxForm table#pdselect td.pdselect3 .pulldownBox1 {
        margin-top: 2vw;
        border: solid 0.4vw #DE9E9E;
        padding: 0.6vw 3.4vw;
    }
    #boxForm table#pdselect td.pdselect3 .pulldownBox2 {
        border: 0.4vw #DE9E9E;
        border-style: none solid solid solid;
        padding: 0.6vw 3.4vw;
    }
    #boxForm table#pdselect td.pdselect3 .txtTitle {
        display: block;
        margin-bottom: -1.5vw;
    }
    #forms #box_pdselect table#pdselect .pdselect3.caption,
    #forms #box_pdselect table#pdselect .pdselect3 p.caution{
        line-height: 1.57 !important;
        font-size: 3.65vw !important;
    }
    
    #boxForm table#pdselect td.pdselect3 select {
        border: solid 0.4vw #DE9E9E;
        font-size: 3.4vw;
        border-radius: 0;
        color: #000;
        width: 13vw;
    }
    #boxForm table#pdselect td.pdselect3 radio{
        
    }
    #boxForm table#pdselect td.formpulldown {
        line-height: 200%;
    }


    #boxForm table#mainTable td#box_serviceselect {
        background-color: #ffe6e7;
        border: solid 0.4vw #ccc;
        margin-top: 2vw;
        padding: 2vw 3vw;
    }
    #boxForm table#serviceselect {
        width: 100%;
    }
    #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#nameBoxSelect {
        padding: 5vw 2.6vw 2.6vw;
        font-size: 4.43vw;
        margin-bottom: 1vw;
    }
    #forms table.tableMain td#nameBoxSelect ul {
        margin: 0;
        width: 100%;
    }
    #forms table.tableMain td#nameBoxSelect ul li {
        position: relative;
        width: 100%;
        height: auto;
        display: block;
    }
    #forms table.tableMain td#nameBoxSelect ul li:nth-child(1) {
        font-weight: 400;
        font-size: 4.43vw;
        line-height: 2.4;
        padding-bottom: 5.0vw;
    }
    
    #forms table.tableMain td#nameBoxSelect ul li:first-child::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 0.26vw;
        background: url(../img/formHrSp.png) repeat;
        left: 0;
        bottom: 0;
    }
    #forms table.tableMain td#nameBoxSelect ul li:nth-child(2)::after{
        display: none;
    }
    #forms table.tableMain td#nameBoxSelect ul li p {
        width: 100%;
        font-size: 4.43vw;
        margin: 3vw auto 1.5vw;
    }
    #forms table.tableMain td#nameBoxSelect ul li .boxName {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: center;
        border: solid 0.13vw #DE9E9E;
        padding: 2vw 4.5vw;
    }
    #forms table.tableMain td#nameBoxSelect ul li .boxName p {
        font-size: 4.43vw;
        width: 5.16vw;
    }
    #forms table.tableMain td#nameBoxSelect ul li .boxName input {
        margin: 1vw 0 1vw;
    }
    #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 td span.txtAnnotation.pc {
        display: none !important;
    }
    #forms table.tableMain.inputTable th.required {
        background: none;
        border: none;
    }
    #forms table.tableMain.confirm th {
        background: #FAF3DE !important;
    }
    #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="checkbox"], #forms table.tableMain input[type="radio"] {
        width: 5.21vw;
        height: 5.21vw;
        margin-right: 1vw;
    }
    #forms table.tableMain input[type="text"]#inputCheck_Org {
        width: 87.76vw;
    }
    #forms table.tableMain input[type="text"]#inputCheck_Name1_1, #forms table.tableMain input[type="text"]#inputCheck_Name1_2, #forms table.tableMain input[type="text"]#inputCheck_Name1_3, #forms table.tableMain input[type="text"]#inputCheck_Name1_4 {
        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_Email {
        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: 12vw auto 12vw;
    }
    #forms .boxPrivacy .txtBold {
        font-weight: 500;
        font-size: 4.17vw;
    }
    #forms .boxPrivacy.bottomNarrow{
        margin-bottom: 4.17vw !important;
    }

    #forms #BoxConsent {
        margin: 0 auto 10.42vw;
        width: 67.97vw;
        height: 9.38vw;
        padding-left: 15px;
        border: solid 0.52vw #CCCCCC;
    }
    #forms #BoxConsent input {
        width: 5.21vw;
        height: 5.21vw;
        margin-right: 2vw;
    }
    #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;
    }
    #boxForm #BoxTerms {
        width: 94vw;
        border: solid 0.52vw #ccc;
        height: 35.9vw;
        margin: 0 auto 6.51vw;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        background-color: #eee;
        color: #333;
        padding: 0;
    }
    #boxForm #BoxTerms #BoxTermsL {
        margin: 0;
        padding: 2.8vw 4.0vw;
        width: 100%;
        height: 8vw;
        line-height: 1.0;
        text-align: left;
        font-size: 4.17vw;
        background: none;
        font-weight: bold;
    }
    #boxForm #BoxTerms #BoxTermsR {
        margin: 0 auto 0;
        padding: 3vw;
        width: 97%;
        height: 25.2vw;
        font-size: 3.385vw;
        line-height: 1.23;
        background-color: #fff;
        border: solid 0.4vw #ccc;
    }
    #forms #boxFormBtn {
        width: 100vw;
        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;
    }
    /* フッタ
    ------------------------------------- */
    #boxFooter {
        width: 100vw;
    }
    #boxFooter .txtMsg {
        padding-top: 4.40vw;
        margin-bottom: 4.0vw;
        font-size: 3.39vw;
    }
    #boxFooter .txtToi {
        font-size: 3.65vw;
        width: 90.13vw;
        height: 5.73vw;
        border-radius: 2.86vw;
    }
    #boxFooter .txtLic {
        top: 24.00vw;
        left: 10.46vw;
        font-size: 2.86vw;
    }
    #boxFooter .txtEoc {
        top: 24.00vw;
        right: 32.68vw;
        font-size: 2.86vw;
    }
    #boxFooter .txtLic::before, #boxFooter .txtEoc::before {
        content: '';
        width: 2.08vw;
        height: 2.08vw;
        top: 1.14vw;
        left: -2.86vw;
    }
    #boxFooter .logoLic a {
        top: 30.65vw;
        left: 9.20vw;
        width: 37.32vw;
        height: 5.33vw;
    }
    #boxFooter .logoEoc a {
        top: 30.65vw;
        right: 9.00vw;
        width: 37.29vw;
        height: 5.46vw;
    }
    #boxFooter .txtTel {
        margin-top: 25.26vw;
        font-size: 5.86vw;
        line-height: 1.25;
    }
    #boxFooter .txtTel a {
        color: #fff;
        text-decoration: none;
    }
    #boxFooter .txtEmail {
        margin-top: 2.2vw;
        font-size: 4.3vw;
    }
    #boxFooter .txtCopyright {
        margin-top: 5.6vw;
        font-size: 2.34vw;
        padding-bottom: 4.43vw;
    }
}