@charset "utf-8";
/*html { scroll-behavior:smooth; }*/

#Nmenubar_hdr { display:none; }

/* svg color */
.smwV .cls-1, #chevronDown * { fill:#fff; }
.smwHR .cls-1, .featuresText .cls-1, #smwFlame .smwV .cls-1 { fill:#254594; }
/* svg color */
/* svg size */
.smwV, .smwVW { width:105px; padding-right:1.75rem; }
#chevronDown { width:3.5rem; }
/* svg size */

a { text-decoration:none; }
a:hover { text-decoration:underline; }

main { width:100%; min-width:997px; overflow:hidden; margin-top:5.5rem; }
nav { display:none !important; }
footer { min-width:997px; }
#leadWire { position:fixed; top:15rem; right:1rem; color:#fff; font-size:1.125rem; writing-mode:vertical-lr; -ms-writing-mode:tb-rl; padding:1.5rem 0.5rem; background-color:#254594; display:flex; align-items:center; z-index:10; opacity:0.85; transition:0.3s; }
#leadWire.out { transform:translateX(150%); /*opacity:0;*/ transition:0.3s; }
#leadWire::after { content:'\f078'; font-family:fontawesome; padding-top:1rem; padding-bottom:0.2rem; -ms-writing-mode:rl-tb; }
#leadWire:hover { text-decoration:none; }

nav { background-color:#254594; }
nav > ol { width:997px; margin:0 auto; display:flex; flex-wrap:nowrap; list-style:none; color:#fff; padding-bottom:5px; }
nav > ol * { color:#fff; }
nav > ol > span { padding:0 1rem;  }

#smwMain { width:100%; max-width:1600px; margin:0 auto; background-image:url('/images/smw/smw-main.jpg'); background-size:cover; background-position:center top; background-repeat:no-repeat; overflow-x:hidden; position:relative; }
#swmMainCont { width:90%; max-width:415px; height:450px; padding-bottom:300px; margin:0 auto; display:flex; flex-direction:column; align-items:center; justify-content:space-around; box-sizing:content-box; }

.smwHR { width:85%; padding-top:0.5rem; }
#swmMainCont > div { width:100%; flex-shrink:0; text-align:center; }
#swmMainCont > span { font-size:1.25rem; line-height:1.5; text-align:center; padding-bottom:1rem; }

#smwDesc { width:95vw; max-width:1220px; background-color:#254594; opacity:0.85; margin:0 auto; margin-top:-250px; }
#smwDesc > h1  { display:flex; align-items:center; justify-content:center; font-size:1.75rem; padding-top:3rem; color:#fff; font-weight:bolder; letter-spacing:2px; }
#smwDesc > h1 > div  { flex-shrink:0; }
#smwDesc > div  { width:90%; max-width:997px; font-size:1.125rem; color:#fff; text-align:justify; line-height:2; margin:0 auto; }
#smwDesc > div.smwDescBox  { box-sizing:content-box; font-weight:bold; text-align:center; border:1px solid #fff; margin-top:3rem; padding:1.25rem 2rem; }
#smwDesc > div.smwDescLight  { margin-top:2.5rem; text-align:center; }
#smwDesc > div.smwDescLight > span { font-weight:bold; }
#smwFeature { width:95vw; max-width:1220px; margin:0 auto; padding-bottom:2rem; border-style:solid; border-width:200px 610px 0 610px; border-color:rgba(37, 69, 148, 0.85) transparent transparent transparent; box-sizing:border-box; position:relative; }
#smwFeatureBox { position:absolute; transform:translateX(-50%); bottom:65px; width:10rem; text-align:center; }
#smwFeatureBox > div { color:#fff; font-size:1.75rem; margin-bottom:1.5rem; }

#featuresArea { margin-top:3rem; }
.features { width:90vw; max-width:997px; margin:0 auto; }
.features:not(:last-child) { margin-bottom:5rem; }
#f1, #f2, #f3 { margin-top:2rem; }
.features > h1 { display:flex; justify-content:flex-start; align-items:center; color:#254594; }
.features > h1 > span { font-size:0.75rem; padding:0 1.5rem; }
.features > h1 > div { font-size:1.55rem; }
.features > h1 > div > .excl { display:inline-block; transform:rotate(10deg); }
.featuresText { height:2.125rem; }
#f1 { display:flex; justify-content:space-between; align-items:flex-start; }
#f1 > * { width:calc(( 100% - 40px) / 2 ); }
#f1 > div, #f2 > div, #f3 { color:#254594; font-size:1.125rem; line-height:2; text-align:justify; }
#f2 > section { display:flex; justify-content:center; padding:0 0.5rem; }
#f2 > section:first-of-type { margin-top:2.5rem; }
#f2 > section:nth-of-type(even) { flex-direction:row-reverse; }
#f2 > section > div { position:relative; width:50%; overflow:hidden; display:flex; justify-content:flex-end; align-items:flex-start; }
#f2 > section > div.f211 > img, #f2 > section > div.f212 > img { height:100%; }
#f2 > section > div.f211 > picture, #f2 > section > div.f212 > picture { display:flex; align-items:flex-start; }
#f2 > section > div.f211 > span { position:absolute; font-size:1rem; color:#fff; font-weight:bold; padding:0.5rem 0.75rem 0.3rem; top:1.25rem; left:2.5rem; background-color:#254594}
#f2 > section > div.f212 > span, #f2 > section > div.f215:first-of-type > span:last-of-type { position:absolute; font-size:1rem; color:#fff; font-weight:bold; padding:0.5rem 0.75rem 0.3rem; top:1.25rem; right:2.5rem; background-color:#254594}
#f2 > section > div.f213, #f2 > section > div.f214, #f2 > section > div.f215 { background-color:#bfdcff; color:#254594; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; padding:2rem; box-sizing:border-box; } /* mod */
#f2 > section > div.f213 > span, #f2 > section > div.f214 > span { font-size:1.125rem; font-weight:bold; padding:1rem 0; } /* mod */
#f2 > section > div.f213 > div, #f2 > section > div.f214 > div { font-size:1.125rem; line-height:1.5; flex-basis:auto; width:100%; } /* mod */
#f2 > section > div.f214 > .figure { display:flex; align-items:center; justify-content:center; margin-top:1rem; } /*mod */
#f2 > section > div.f214 > .figure img { margin:0 0.2rem; }
#f2 > section > div.f214 > .figure figcaption, #f2 > section > div.f215 > figure> figcaption{ text-align:center; font-size:1rem; padding-top:0.3rem; }
#f2 > section > div.f215 { padding-top:0.2rem; padding-bottom:3rem; align-items:center; }
#f2 > section > div.f215 > span { font-size:1.125rem; font-weight:bold; padding:3rem 0 1rem; }
#f2 > section > div.f215 > span:not(:last-child) { width:100%; }
#f2 > section > div.f215 > div { font-size:1.125rem; line-height:1.5; margin-bottom:1rem; flex-basis:auto; width:100%; }
#f3 > span { font-weight:bold; }
#f3 > span { font-weight:bold; }
#smwFlameLead { font-size:1.125rem; width:23rem; margin:4rem auto 0; padding:0.75rem 0; background-color:#254594; color:#fff; border-radius:3rem; text-align:center; }

#smwFlame { width:90vw; max-width:997px; margin:4.5rem auto 0; display:flex; justify-content:space-around; align-items:flex-start; }
#smwFlame > section { width:43%; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-end; }
#smwFlame > section > .flameLead { width:100%; font-size:0.9rem; color:#254594; margin-bottom:2rem; font-weight:bold; text-align:justify; }
#smwFlame > section > .flameType { font-size:1.125rem; color:#fff; padding:0.1rem 0.75rem; background-color:#254594; border-radius:3rem; }
#smwFlame .flameImg { width:100%; text-align:right; position:relative; min-height:100%; }
#smwFlame .flameImg > img { width:52%; }
#smwFlame .flameImg > div { position:absolute; left:0; font-size:0.9rem; color:#254594; border-bottom:1px solid #254594; text-align:left; text-indent:1rem; }
#smwFlame .flameImg > div#ta1 { width:55%; top:5%; margin-left:20px; }
/*#smwFlame .flameImg > div#ta1 { width:235px; top:1rem; margin-left:20px; }*/
/*#smwFlame .flameImg > div#ta1::after { content:''; border-bottom:1px solid #254594; width:90px; top:-1.5rem; left:100%; bottom:-1px; position:absolute; transform:rotate(25deg) translate(17%, 33%); }*/
#smwFlame .flameImg > div#ta2 { width:53%; top:37.5%; margin-left:20px; }
/*#smwFlame .flameImg > div#ta2 { width:230px; top:7rem; margin-left:20px; }*/
#smwFlame .flameImg > div#ta3 { width:46.5%; bottom:18%; margin-left:20px; }
/*#smwFlame .flameImg > div#ta3 { width:200px; top:14rem; margin-left:20px; }*/
#smwFlame .flameImg > div#tl1 { width:46.5%; top:0; transform:translateY(-95%); margin-left:22px; }
/*#smwFlame .flameImg > div#tl1 { width:200px; top:-1.3rem; margin-left:22px; }*/
/*#smwFlame .flameImg > div#tl15 { top:0.1rem; border:none; }*/
#smwFlame .flameImg > div#tl2 { width:45%; top:45%; margin-left:20px; }
/*#smwFlame .flameImg > div#tl2 { width:195px; top:8rem; margin-left:20px; }*/
/*#smwFlame .flameImg > div#tl25 { top:9.7rem; border:none; }*/

#smwCert { margin:6rem auto 0; width:100%; max-width:997px; }
#smwCert > h1 { width:100%;  background-color:#254594; color:#fff; font-size:1.75rem; margin:0 auto; display:flex; justify-content:center; align-items:center; padding:0.6rem 0 0.4rem; box-sizing:border-box; }
/* mod s */
#smwCert > div { font-size:1.125rem; }
#smwCert > div:first-of-type { width:95%; display:flex; justify-content:space-between; align-items:flex-start; margin:3rem auto; }
/* mod e */
#smwCert > div:first-of-type > img { width:46%; }
#smwCert > div:first-of-type > div { width:52%; text-align:justify; line-height:1.7; }
#smwCert > div:first-of-type .b { font-weight:bold; }
/* mod s */
#smwCert > div:nth-of-type(2) { width:95%; margin:0 auto; padding:1rem; border:3px solid #4561a4; box-sizing:border-box; }
#smwCert > div:nth-of-type(2) .material { padding-left:1.5rem; } 
#smwCert > div:nth-of-type(2) .material > li:first-child { color:#f00; }
#smwCert > div:last-of-type { padding-left:2rem; margin-top:1rem; font-size:0.875rem; }
/* #smwCert > div:last-of-type .asterisk { padding-bottom:0.2rem; } */
/* mod */

#smwCase { margin-top:7rem; padding-bottom:3rem; width:100%; background-color:#254594; opacity:0.85; background-image:url('/images/smw/smw-bg.jpg'); background-size:cover; background-position:center; position:relative; }
#smwCase::before { content:''; background-color:#254594; opacity:0.85; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; }
#smwCase > h1 { color:#fff; font-size:1.75rem; text-align:center; display:flex; justify-content:center; align-items:center; margin:0 auto; padding-top:2rem; }
#smwCase > div { color:#fff; font-size:1.125rem; text-align:center; padding-top:2.5rem; }
#smwCase > section { margin-top:4.75rem; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; width:100%; max-width:997px; margin:4.75rem auto 0; }
#smwCase > section > div { width:calc((100% - 1.75rem) /2); }
#smwCase > section > div:nth-child(n + 3) { margin-top:1.75rem; }
#smwCase > section > div > div { width:90%; margin:-3rem auto 0; font-size:1rem; background-color:rgba(255,255,255,0.8); line-height:1.75; padding:0.5rem 1rem; text-align:justify; box-sizing:border-box; color:#254594; position:relative; text-align:center; }
#smwCase > section > div >div.l1 { padding:1.37rem 0; text-align:center; }

#faq { margin-top:3rem; }
#faq .cls-1 { fill:#254594; }
#faq > h1 { color:#254594; font-size:1.75rem; margin:0 auto; display:flex; justify-content:center; align-items:center; }
#faq > div { width:90%; max-width:997px; display:flex; align-items:flex-start; }
#faq > div.q { margin:4.5rem auto 0; justify-content:flex-start; }
#faq > div.q:first-of-type { margin-top:3rem; }
#faq > div.q::before { content:'\f007'; font-family:fontawesome; font-size:6rem; color:#254594; }
#faq > div.q > div { width:75%; font-size:1.125rem; color:#fff; text-align:justify; background-color:#254594; padding:1.5rem 2rem; display:flex; justify-content:flex-start; align-items:flex-start; border-radius:2.25rem; position:relative; margin-left:2%; }
#faq > div.q > div::before { content:''; position:absolute; top:2.5rem; left:0; border-right:1rem solid #254594; border-top:0.5rem solid transparent; border-bottom:0.5rem solid transparent; transform:translateX(-95%); }
#faq > div.q > div > .qq { font-size:2.25rem; padding-right:2rem; display:block; }
#faq > div.a { margin:1.25rem auto 0; justify-content:flex-end; }
#faq > div.a::after { content:'\f007'; font-family:fontawesome; font-size:6rem; color:#3364db; }
#faq > div.a > div { width:75%; font-size:1.125rem; color:#fff; text-align:justify; background-color:#3364db; padding:1.5rem 2rem; display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:flex-start; border-radius:2.25rem; position:relative; flex-shrink:1; margin-right:2%; }
#faq > div.a > div::after { content:''; position:absolute; top:2.5rem; right:0; border-left:1rem solid #3364db; border-top:0.5rem solid transparent; border-bottom:0.5rem solid transparent; transform:translateX(95%); }
#faq > div.a > div > .qa { font-size:2.25rem; padding-left:2rem; display:block; }

#smwCom { margin:7rem 0; }
#smwCom > h1 { color:#254594; font-size:1.75rem; margin:0 auto; display:flex; justify-content:center; align-items:center; }
#smwCom .cls-1 { fill:#254594; }
#smwCom .smwComRow { width:90%; max-width:997px; display:flex; padding-bottom:0.5rem; border-bottom:1px solid #777; margin:1rem auto 0; font-size:1.125rem; }
#smwCom .smwComRow:first-of-type { margin-top:3rem; }
#smwCom .smwComCol { line-height:2; }
#smwCom .smwComCol:first-child { width:25%; text-align:center; letter-spacing:2px; }
#smwCom .smwComCol:last-child { width:75%; word-break:break-all; }

#smwComOrg .smwComCol > span:not(:last-child)::after { content:'、'; }


#smwForm { background-color:#122f8d; }
#smwFormArea { font-size:1.125rem; color:#fff; width:997px; margin:0 auto; }
#smwFormArea > h1 { color:#fff; font-size:1.75rem; margin:0 auto; display:flex; justify-content:center; align-items:center; margin-bottom:3rem; padding-top:3rem; }
#smwFormArea > form { margin-top:4rem; }
.formRow { display:flex; justify-content:flex-start; align-items:center; }
.formRow#formBiko { align-items:flex-start; }
/*.formRow#formBiko > span { padding-top:0.5rem; }*/
.formRow:first-child { margin-bottom:2rem; }
.formRow:not(:first-child) { margin-top:1.25rem; }
.formRow > span { width:20%; display:inline-flex; align-items:center; padding-left:0.5rem; }
.formRow > span.required::after { content:'必須'; background-color:#fff; color:#122f8d; padding:2px 5px 1px; margin:0 0 2px 5px; font-size:0.75rem; }
.formRow > input[type="radio"] { margin-bottom:0.3rem; }
.formRow > input[type="radio"] + label { padding-left:0.5rem; padding-right:2rem; }
.formRow > input[type="radio"] + label:last-child { padding-right:0; }
.formRow input[type="text"],.formRow input[type="tel"],.formRow input[type="email"], .formRow select, .formRow textarea { flex:4; padding:0.5rem 0 0.5rem 1rem; }
.formRow select { -webkit-appearance:none; background-color:#fff;}
.formRow > #formAddr1 { flex:4; display:flex; justify-content:space-between; align-items:center; }
.formRow > #formAddr1 > section { width:47%; display:flex; justify-content:flex-start; align-items:center; }
.formRow > #formAddr1 > section:first-child { position:relative; }
.formRow > #formAddr1 > section:first-child #angleDown { position:absolute; color:#254594; top:50%; right:0.5rem; transform:translateY(-50%); }
.formRow > #formAddr1 > section > label { width:6rem; }
.formRow > #formAddr1 > section > input, .formRow > #formAddr > section > select { width:60%; }
.formRow > #formAddr2 { flex:4; display:flex; justify-content:flex-start; align-items:center; }
.formRow > #formAddr2 > label { width:6rem; }

#middleCautin { font-size:1.125rem; margin:3rem 0 2rem; padding-left:0.5rem; }
.formRow > #formSize { flex:4; display:flex; justify-content:space-between; align-items:center; }
.formRow > #formSize > label, .formRow > #formSize > span { padding:0 0.5rem; }
.formRow > #formSize > label:first-child { padding-left:0; }
.formRow > #formSize > span:last-child { padding-right:0 ; }
.formRow.quoteBox { align-items:flex-start; line-height:2; }
.formRow.quoteBox > section { flex:4; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; }
.formRow.quoteBox > section > div { padding-right:2rem; }
.formRow.quoteBox > section label { padding-left:0.1rem; }
.formRow.quoteBox > section#boardType { display:block; }
#bottomCaution { width:100%; margin-top:4.5rem; padding:1.5rem; text-align:justify; line-height:2; background-color:#0f5ca7; box-sizing:border-box; }
#btnArea { width:100%; margin-top:3rem; padding-bottom:4.75rem; display:flex; justify-content:space-between; align-items:center; }
#btnArea > a { background-color:#fff; font-size:1.25rem; color:#122f8d; padding:1rem 0; width:32%; text-align:center; }
#btnArea > a:hover { text-decoration:none; }

/* confirm・thanks */
#smwConfirm { width:90%; max-width:997px; margin:2rem auto 3rem; }
#smwConfirm > form { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
#smwConfirmLead { font-size:1rem; }
#smwConfirm .formRow { width:100%; margin-left:1.5rem; display:flex; justify-content:flex-start; align-items:flex-start; padding-bottom:0.5rem; border-bottom:1px dotted #333; }
#smwConfirm .formRow.formRowText { width:100%;}
#smwConfirm .formRow * { box-sizing:border-box; font-size:0.75rem; }
#smwConfirm .formRow > label { width:20%; text-indent:1rem; }
#smwConfirm .formRow > .confirm { width:80%; }
#smwConfirm .formRow.formRowText > label { width:13.8%; }
.smw2ndLead { width:100%; margin-top:2rem; font-size:1rem; }
#smwConfirm #formBtnRow { width:100%; margin-top:3rem; display:flex; justify-content:center; }
#smwConfirm #formBtnRow a { border:1px solid #122f8d; font-size: 1.25rem; color: #122f8d; padding: 0.5rem 0; width: 32%; text-align: center; width:12.5rem; display:block; transition:0.3s; }
#smwConfirm #formBtnRow a:hover {background-color:#122f8d; color: #fff; text-decoration:none; }
#smwConfirm #formBtnRow a:first-child { margin-right:2rem; }
#smwConfirm #formBtnRow a:last-child { margin-left:2rem; }
/*#smwSubmit { cursor:not-allowed; opacity:0.7; }
#smwSubmit.active { cursor:pointer; opacity:1; }*/

#btnArea.smwConfirmBtnArea { justify-content:space-around; }
.smwConfirmBtnArea > a { border:1px solid #122f8d; }

#smwSent { width:90%; max-width:997px; margin:3rem auto; font-size:1rem; }

.err_box { margin-top:2rem; margin-bottom:7.5rem; }
.error_messe { font-size:1rem; text-indent:1rem; color:#f00; }
.error_messe:not(:first-child) { margin-top:0.75rem }

/* confirm・thanks */

@media screen and (max-width:1285px){
    #smwFeature { border-width:160px 47.5vw 0 47.5vw; }
}

@media screen and (max-width:800px){
    main, footer { min-width:auto; }

    section#footer { flex-direction:column; }
    footer a { margin-bottom:1rem; }

    #Nmenubar_hdr { display:block; }
    #Nmenubar_hdr { display:inline; position:absolute; top:0px; right:10px; background-image:-webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5)); background-image:-webkit-linear-gradient(#fbfbfb, #e5e5e5); background-image:linear-gradient(#fbfbfb, #e5e5e5); padding:10px; border:1px solid #cfcfcf; border-radius:0px 0px 6px 6px; box-sizing:content-box; }

    #leadWire { top:0.5rem; right:0; }
    header .inner { flex-direction:column; align-items:center; padding-top:1rem; }
    nav#menu { margin-bottom:0; }
    nav > ol { width:100%; padding:8px 0 10px; text-indent:1rem; display:none; }

    #leadWire { width:100%; top:0; left:0; justify-content:center; padding:1.5rem; writing-mode:lr; }
    #leadWire::after { padding-top:0; padding-left:2rem; }
    #leadWire.out { transform:translateY(-150%); }

    #swmMainCont { padding-bottom:150px; }
    #swmMainCont > div:nth-child(2) { width:80%; }
    #swmMainCont > span { padding-bottom:7rem; font-size:1.125rem; font-weight:bold; }
    #smwDesc { width:100%; margin-top:-225px; }
    #smwDesc > h1 { padding-top:1.5rem; }
    #smwDesc > div { font-size:0.95rem; }
    #smwDesc > div.smwDescBox { width:95vw; padding:1.25rem 0; border:none; border-bottom:1px solid #fff; margin-top:0; }
    #smwDesc > div.smwDescLight { margin-top:0; padding-top:1.25rem; }
    #smwFeature { border-width:140px 50vw 0 50vw; }

    .features > h1 { flex-direction:column; align-items:flex-start; }
    .featuresText { height:3rem; }
    .features > h1 > span { visibility:hidden; }
    .features > h1 > div { font-size:1.4rem; }
    #f1, #f2, #f3 { margin-top:1.5rem; }
    #f1 { display:block; }
    #f1 > img { float:left; display:block; margin:0 1rem -0.2rem 0; }
    #f1 > div { display:inline; }
    #f1 > div, #f2 > div, #f3 { line-height:1.8; }
    #f2 > section { flex-direction:column !important; align-items:center; }
    #f2 > section > div { width:100%; max-width:500px; }
    #f2 > section > div:nth-child(2) { padding-bottom:5rem; }
    #f2 > section:nth-of-type(n+3) > div:nth-child(2) { padding-bottom:3rem; }
    #f2 > section > div.f211 > span, #f2 > section > div.f212 > span, #f2 > section > div.f215:first-of-type > span:last-of-type { left:1.5rem; right:auto; }
    #f2 > section > div.f215:first-child { padding-top:2rem; }
    #f2 > section > div.f215:first-child > span { visibility:visible !important; padding-top:5rem; }
    #f2 > section > div.f215:first-child > div { visibility:visible !important; padding-bottom:1rem; }
    #f2 > section > div.f215:last-child > span, #f2 > section > div.f215:last-child > div { display:none; }
    #smwFlameLead { margin-top:2rem; }
    #smwFlame { margin-top:2.5rem; }
    #smwFlame > section:nth-of-type(1) > .flameLead::after { content:'\A'; white-space:pre; display:block; }
    #smwFlame .flameImg > div#ta1 { width:170px; margin-left:0.5rem; top:0.5rem; }
    #smwFlame .flameImg > div#ta2 { width:160px; margin-left:0.5rem; top:5rem; }
    #smwFlame .flameImg > div#ta3 { width:145px; margin-left:0.5rem; bottom:5rem; }
    #smwFlame .flameImg > div#tl1 { width:145px; margin-left:10px; }
    #smwFlame .flameImg > div#tl2 { width:140px; margin-left:10px; top:8rem; }

    #smwCert > div:first-of-type { width:100%; margin:3rem auto; background-image:url("/images/smw/smw41.jpg"); background-size:cover; background-position:center center; position:relative; }
    #smwCert > div:first-of-type::before { content:''; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.4); }
    #smwCert > div:first-of-type > img { display:none; }
    #smwCert > div:first-of-type > div { width:100%; color:#fff; z-index:1; padding:2rem 1rem; }
    /* #smwCert > div:last-of-type { width:95%; margin:0 auto; } del */

    #smwCase > section { flex-direction:column; align-items:center; }
    #smwCase > section > div { width:70%; }
    #smwCase > section > div img { width:100%; }
    #smwCase > section > div:nth-child(n + 2) { margin-top:2rem; }
    #faq > div.q > div, #faq > div.a > div { width:58%; }
    #faq > div.q > div { margin-left:4%; }
    #faq > div.a > div { margin-right:4%; }

    #smwFormArea { width:95%; }
    .formRow > span { width:25%; }
    .formRow > #formSize > input { width:30%; }
    #elevator { flex-wrap:wrap;}

    #smwConfirm .formRow { font-size:1.125rem; }
}

@media screen and (max-width:480px){
    html, body { font-size:12px; }

    #teltoi > img { width:3rem; height:-2rem; }
    nav > ol > span { padding:0 0.3rem; }

    section#footer { width:100%; flex-direction:column; }
    ul#footermenu { width:80%; padding-top:1rem; margin:0; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; }
    ul#footermenu li { margin-top:1rem; width:45%; text-align:left;}
    header #menu ul li:first-child { border-left:none; }
    ul#footermenu li:not(:first-child)::before , ul#footermenu li::before { content:'\f192'; font-family:fontawesome; padding:0 0.3rem 0 0; }
    ul#footermenu li a { text-decoration:underline; font-size:1.25rem; }

    #smwMain { background-image:url('/images/smw/smw-main-sp.jpg'); }
    #swmMainCont { justify-content:flex-start; }
    #swmMainCont > div:first-child { margin-top:3.5rem; }
    #swmMainCont > div:nth-child(2) { margin-top:1rem; }
    #swmMainCont > span { color:#fff; width:100%; background-color:rgba(0,0,0,0.3); padding:1rem; position:absolute; bottom:260px; }
    #smwDesc > h1 { font-size:1.25rem; }
    .smwV, .smwVW { width:25vw; }
    #smwDesc { margin-top:-250px; }
    #smwDesc > div.smwDescBox, #smwDesc > div.smwDescLight { font-size:1.125rem; width:85vw; text-align:left; padding-bottom:1.5rem; }
    #smwFeature { border-top-width:80px; }
    .featuresText { height:2rem; }
    #smwFeatureBox { bottom:40px; }
    #smwFeatureBox > div { font-size:1.25rem; margin-bottom:1rem; }

    #f1 { display:flex; flex-direction:column; }
    #f1 > img { float:none; width:100%; }
    #f1 > div { width:100%; padding-top:2rem; }
    #f2 > section > div.f211 img, #f2 > section > div.f212 img { width:100%; height:auto; }
    #f2 > section > div.f213 img, #f2 > section > div.f214 img, #f2 > section > div.f215 img { width:80%; height:auto; }
    #f2 > section > div.f214 figure, #f2 > section > div.f215 > figure { display:flex; flex-direction:column; align-items:center; }
    #f2 > section > div.f215 { padding-bottom:1rem; }

    #smwFlame { flex-direction:column; }
    #smwFlame > section { width:100%; }
    #smwFlame > section:last-child { margin-top:2.5rem; }
    #smwFlame .flameImg { width:90%; margin-right:5%; }

    #smwCert > h1 { flex-direction:column; font-size:1.5rem; padding:1.5rem 0 1rem; }
    .smwV, .smwVW { padding-bottom:0.5rem; }
    #smwCert > div:first-of-type { margin-top:1.5rem; }
    #smwCert > div:first-of-type > div { font-size:1rem; }

    #smwCase { margin-top:3rem; }
    #smwCase > div { width:85%; margin:0 auto; text-align:justify; }
    #smwCase > section { margin-top:3rem; }
    #smwCase > section > div { width:95%; }

    #faq > div.q > div,#faq > div.a > div { display:block; padding-right:2rem; width:47.5%; }
    #faq > div.q > div > .qq { float:left; padding-right:0.5rem; font-size:2.8rem; }
    #faq > div.a > div > .qa { float:left; padding-right:0.5rem; padding-left:0; font-size:2.8rem; }


    .formRow { flex-wrap:wrap; }
    .formRow:not(:first-child) { margin-top:1.5rem; }
    .formRow > span:first-child { width:100%; padding-left:0; padding-bottom:0.25rem; }
    .formRow > #formSize > input { width:25%; }
    .formRow > #formSize > label, .formRow > #formSize > span { padding:0; }
    .formRow textarea { margin-top:0.5rem; }
    #btnArea { flex-direction:column; }
    #btnArea > a {width:80%; }
    #btnArea > a:not(:last-child) { margin-bottom:2rem; }

    #smwConfirm .formRow { margin-left:0; }
    #smwConfirm .formRow * { font-size:1rem; }
    #smwConfirm .formRow > label { width:100%; }
    #smwConfirm .formRow > .confirm { width:100%; text-indent:2rem; }
    #smwConfirm .formRow > .confirm:last-of-type { padding-left:2rem; text-indent:0; }

}