@charset "UTF-8";@import"https://fonts.googleapis.com/css?family=Sriracha&display=swap";v\:fill,v\:image,v\:line,v\:rect,v\:stroke {
    behavior: url(#default#VML)
}

abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

article,aside,figure,footer,header,hgroup,nav,section {
    display: block
}

embed,img,object {
    max-width: 100%
}

.ie8 embed,.ie8 img,.ie8 object {
    max-width: none
}

html {
    overflow-y: scroll
}

ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

a {
    background: transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    font-weight: 700
}

td,th {
    vertical-align: top
}

td {
    font-weight: 400
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0
}

input,select {
    vertical-align: top
}

pre {
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line
}

input[type=checkbox],input[type=radio] {
    vertical-align: middle
}

input[type=button],input[type=submit] {
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

.ie6 input {
    vertical-align: text-bottom
}

input,select,textarea {
    font: 99% sans-serif
}

table {
    font-size: inherit;
    font: 100%
}

a:active,a:hover {
    outline: none
}

small {
    font-size: 85%
}

strong,th {
    font-weight: 700
}

td,td img {
    vertical-align: top
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

code,kbd,pre,samp {
    font-family: monospace,sans-serif
}

.clickable,button,input[type=button],input[type=submit],label {
    cursor: pointer;
    font-size: 90%
}

button,input,select,textarea {
    margin: 0
}

button {
    overflow: visible;
    width: auto
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.ie6 html {
    filter: expression(document.execCommand("BackgroundImageCache",false,true))
}

img {
    vertical-align: bottom
}

em {
    font-style: normal
}

*,:after,:before {
    border: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html.is-unscrollable {
    overflow: hidden
}

body {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 1.5
}

body.is-unscrollable {
    overflow: hidden
}

img {
    height: auto;
    max-width: 100%
}

ol,ul {
    list-style: none
}

.wid01 {
    width: 1%!important
}

.wid02 {
    width: 2%!important
}

.wid03 {
    width: 3%!important
}

.wid04 {
    width: 4%!important
}

.wid05 {
    width: 5%!important
}

.wid06 {
    width: 6%!important
}

.wid07 {
    width: 7%!important
}

.wid08 {
    width: 8%!important
}

.wid09 {
    width: 9%!important
}

.wid10 {
    width: 10%!important
}

.wid11 {
    width: 11%!important
}

.wid12 {
    width: 12%!important
}

.wid13 {
    width: 13%!important
}

.wid14 {
    width: 14%!important
}

.wid15 {
    width: 15%!important
}

.wid16 {
    width: 16%!important
}

.wid17 {
    width: 17%!important
}

.wid18 {
    width: 18%!important
}

.wid19 {
    width: 19%!important
}

.wid20 {
    width: 20%!important
}

.wid21 {
    width: 21%!important
}

.wid22 {
    width: 22%!important
}

.wid23 {
    width: 23%!important
}

.wid24 {
    width: 24%!important
}

.wid25 {
    width: 25%!important
}

.wid26 {
    width: 26%!important
}

.wid27 {
    width: 27%!important
}

.wid28 {
    width: 28%!important
}

.wid29 {
    width: 29%!important
}

.wid30 {
    width: 30%!important
}

.wid31 {
    width: 31%!important
}

.wid32 {
    width: 32%!important
}

.wid33 {
    width: 33%!important
}

.wid34 {
    width: 34%!important
}

.wid35 {
    width: 35%!important
}

.wid36 {
    width: 36%!important
}

.wid37 {
    width: 37%!important
}

.wid38 {
    width: 38%!important
}

.wid39 {
    width: 39%!important
}

.wid40 {
    width: 40%!important
}

.wid41 {
    width: 41%!important
}

.wid42 {
    width: 42%!important
}

.wid43 {
    width: 43%!important
}

.wid44 {
    width: 44%!important
}

.wid45 {
    width: 45%!important
}

.wid46 {
    width: 46%!important
}

.wid47 {
    width: 47%!important
}

.wid48 {
    width: 48%!important
}

.wid49 {
    width: 49%!important
}

.wid50 {
    width: 50%!important
}

.wid51 {
    width: 51%!important
}

.wid52 {
    width: 52%!important
}

.wid53 {
    width: 53%!important
}

.wid54 {
    width: 54%!important
}

.wid55 {
    width: 55%!important
}

.wid56 {
    width: 56%!important
}

.wid57 {
    width: 57%!important
}

.wid58 {
    width: 58%!important
}

.wid59 {
    width: 59%!important
}

.wid60 {
    width: 60%!important
}

.wid61 {
    width: 61%!important
}

.wid62 {
    width: 62%!important
}

.wid63 {
    width: 63%!important
}

.wid64 {
    width: 64%!important
}

.wid65 {
    width: 65%!important
}

.wid66 {
    width: 66%!important
}

.wid67 {
    width: 67%!important
}

.wid68 {
    width: 68%!important
}

.wid69 {
    width: 69%!important
}

.wid70 {
    width: 70%!important
}

.wid71 {
    width: 71%!important
}

.wid72 {
    width: 72%!important
}

.wid73 {
    width: 73%!important
}

.wid74 {
    width: 74%!important
}

.wid75 {
    width: 75%!important
}

.wid76 {
    width: 76%!important
}

.wid77 {
    width: 77%!important
}

.wid78 {
    width: 78%!important
}

.wid79 {
    width: 79%!important
}

.wid80 {
    width: 80%!important
}

.wid81 {
    width: 81%!important
}

.wid82 {
    width: 82%!important
}

.wid83 {
    width: 83%!important
}

.wid84 {
    width: 84%!important
}

.wid85 {
    width: 85%!important
}

.wid86 {
    width: 86%!important
}

.wid87 {
    width: 87%!important
}

.wid88 {
    width: 88%!important
}

.wid89 {
    width: 89%!important
}

.wid90 {
    width: 90%!important
}

.wid91 {
    width: 91%!important
}

.wid92 {
    width: 92%!important
}

.wid93 {
    width: 93%!important
}

.wid94 {
    width: 94%!important
}

.wid95 {
    width: 95%!important
}

.wid96 {
    width: 96%!important
}

.wid97 {
    width: 97%!important
}

.wid98 {
    width: 98%!important
}

.wid99 {
    width: 99%!important
}

.wid100 {
    width: 100%!important
}

.widfull {
    width: 660px!important
}

@media screen and (max-width: 767px) {
    .wid77 {
        width:auto!important
    }

    .spWid100 {
        width: 100%!important
    }
}

.maxwid100 {
    max-width: 100%!important
}

.height0 {
    height: 0!important
}

.height5 {
    height: 5px!important
}

.height10 {
    height: 10px!important
}

.height15 {
    height: 15px!important
}

.height20 {
    height: 20px!important
}

.height25 {
    height: 25px!important
}

.height30 {
    height: 30px!important
}

.height35 {
    height: 35px!important
}

.height40 {
    height: 40px!important
}

.height45 {
    height: 45px!important
}

.height50 {
    height: 50px!important
}

.height55 {
    height: 55px!important
}

.height60 {
    height: 60px!important
}

.height65 {
    height: 65px!important
}

.height70 {
    height: 70px!important
}

.height75 {
    height: 75px!important
}

.height80 {
    height: 80px!important
}

.height85 {
    height: 85px!important
}

.height90 {
    height: 90px!important
}

.height95 {
    height: 95px!important
}

.height100 {
    height: 100px!important
}

.height105 {
    height: 105px!important
}

.height110 {
    height: 110px!important
}

.height115 {
    height: 115px!important
}

.height120 {
    height: 120px!important
}

.height125 {
    height: 125px!important
}

.height130 {
    height: 130px!important
}

.height135 {
    height: 135px!important
}

.height140 {
    height: 140px!important
}

.height145 {
    height: 145px!important
}

.height150 {
    height: 150px!important
}

.height155 {
    height: 155px!important
}

.height160 {
    height: 160px!important
}

.height165 {
    height: 165px!important
}

.height170 {
    height: 170px!important
}

.height175 {
    height: 175px!important
}

.height180 {
    height: 180px!important
}

.height185 {
    height: 185px!important
}

.height190 {
    height: 190px!important
}

.height195 {
    height: 195px!important
}

.height200 {
    height: 200px!important
}

.mgnAuto {
    margin-left: auto!important;
    margin-right: auto
}

.mgn00 {
    margin: 0!important
}

.mgnT0 {
    margin-top: 0!important
}

.mgnT5 {
    margin-top: 5px!important
}

.mgnT10 {
    margin-top: 10px!important
}

.mgnT15 {
    margin-top: 15px!important
}

.mgnT20 {
    margin-top: 20px!important
}

.mgnT25 {
    margin-top: 25px!important
}

.mgnT30 {
    margin-top: 30px!important
}

.mgnT35 {
    margin-top: 35px!important
}

.mgnT40 {
    margin-top: 40px!important
}

.mgnT45 {
    margin-top: 45px!important
}

.mgnT50 {
    margin-top: 50px!important
}

.mgnT55 {
    margin-top: 55px!important
}

.mgnT60 {
    margin-top: 60px!important
}

.mgnT65 {
    margin-top: 65px!important
}

.mgnT70 {
    margin-top: 70px!important
}

.mgnB0 {
    margin-bottom: 0!important
}

.mgnB5 {
    margin-bottom: 5px!important
}

.mgnB10 {
    margin-bottom: 10px!important
}

.mgnB15 {
    margin-bottom: 15px!important
}

.mgnB20 {
    margin-bottom: 20px!important
}

.mgnB25 {
    margin-bottom: 25px!important
}

.mgnB30 {
    margin-bottom: 30px!important
}

.mgnB35 {
    margin-bottom: 35px!important
}

.mgnB40 {
    margin-bottom: 40px!important
}

.mgnB45 {
    margin-bottom: 45px!important
}

.mgnB50 {
    margin-bottom: 50px!important
}

.mgnB55 {
    margin-bottom: 55px!important
}

.mgnB60 {
    margin-bottom: 60px!important
}

.mgnB65 {
    margin-bottom: 65px!important
}

.mgnB70 {
    margin-bottom: 70px!important
}

.mgnL0 {
    margin-left: 0!important
}

.mgnL5 {
    margin-left: 5px!important
}

.mgnL10 {
    margin-left: 10px!important
}

.mgnL15 {
    margin-left: 15px!important
}

.mgnL20 {
    margin-left: 20px!important
}

.mgnL25 {
    margin-left: 25px!important
}

.mgnL30 {
    margin-left: 30px!important
}

.mgnL35 {
    margin-left: 35px!important
}

.mgnL40 {
    margin-left: 40px!important
}

.mgnL45 {
    margin-left: 45px!important
}

.mgnL50 {
    margin-left: 50px!important
}

.mgnL55 {
    margin-left: 55px!important
}

.mgnL60 {
    margin-left: 60px!important
}

.mgnL65 {
    margin-left: 65px!important
}

.mgnL70 {
    margin-left: 70px!important
}

.mgnL140 {
    margin-left: 140px!important
}

.mgnR0 {
    margin-right: 0!important
}

.mgnR5 {
    margin-right: 5px!important
}

.mgnR10 {
    margin-right: 10px!important
}

.mgnR15 {
    margin-right: 15px!important
}

.mgnR20 {
    margin-right: 20px!important
}

.mgnR25 {
    margin-right: 25px!important
}

.mgnR30 {
    margin-right: 30px!important
}

.mgnR35 {
    margin-right: 35px!important
}

.mgnR40 {
    margin-right: 40px!important
}

.mgnR45 {
    margin-right: 45px!important
}

.mgnR50 {
    margin-right: 50px!important
}

.mgnR55 {
    margin-right: 55px!important
}

.mgnR60 {
    margin-right: 60px!important
}

.mgnR65 {
    margin-right: 65px!important
}

.mgnR70 {
    margin-right: 70px!important
}

.pd00 {
    padding: 0!important
}

.pdT0 {
    padding-top: 0!important
}

.pdT5 {
    padding-top: 5px!important
}

.pdT10 {
    padding-top: 10px!important
}

.pdT15 {
    padding-top: 15px!important
}

.pdT20 {
    padding-top: 20px!important
}

.pdT25 {
    padding-top: 25px!important
}

.pdT30 {
    padding-top: 30px!important
}

.pdT35 {
    padding-top: 35px!important
}

.pdT40 {
    padding-top: 40px!important
}

.pdT45 {
    padding-top: 45px!important
}

.pdT50 {
    padding-top: 50px!important
}

.pdT55 {
    padding-top: 55px!important
}

.pdT60 {
    padding-top: 60px!important
}

.pdT65 {
    padding-top: 65px!important
}

.pdT70 {
    padding-top: 70px!important
}

.pdB0 {
    padding-bottom: 0!important
}

.pdB5 {
    padding-bottom: 5px!important
}

.pdB10 {
    padding-bottom: 10px!important
}

.pdB15 {
    padding-bottom: 15px!important
}

.pdB20 {
    padding-bottom: 20px!important
}

.pdB25 {
    padding-bottom: 25px!important
}

.pdB30 {
    padding-bottom: 30px!important
}

.pdB35 {
    padding-bottom: 35px!important
}

.pdB40 {
    padding-bottom: 40px!important
}

.pdB45 {
    padding-bottom: 45px!important
}

.pdB50 {
    padding-bottom: 50px!important
}

.pdB55 {
    padding-bottom: 55px!important
}

.pdB60 {
    padding-bottom: 60px!important
}

.pdB65 {
    padding-bottom: 65px!important
}

.pdB70 {
    padding-bottom: 70px!important
}

.pdL0 {
    padding-left: 0!important
}

.pdL5 {
    padding-left: 5px!important
}

.pdL10 {
    padding-left: 10px!important
}

.pdL15 {
    padding-left: 15px!important
}

.pdL20 {
    padding-left: 20px!important
}

.pdL25 {
    padding-left: 25px!important
}

.pdL30 {
    padding-left: 30px!important
}

.pdL35 {
    padding-left: 35px!important
}

.pdL40 {
    padding-left: 40px!important
}

.pdL45 {
    padding-left: 45px!important
}

.pdL50 {
    padding-left: 50px!important
}

.pdL55 {
    padding-left: 55px!important
}

.pdL60 {
    padding-left: 60px!important
}

.pdL65 {
    padding-left: 65px!important
}

.pdL70 {
    padding-left: 70px!important
}

.pdL140 {
    padding-left: 140px!important
}

.pdR0 {
    padding-right: 0!important
}

.pdR5 {
    padding-right: 5px!important
}

.pdR10 {
    padding-right: 10px!important
}

.pdR15 {
    padding-right: 15px!important
}

.pdR20 {
    padding-right: 20px!important
}

.pdR25 {
    padding-right: 25px!important
}

.pdR30 {
    padding-right: 30px!important
}

.pdR35 {
    padding-right: 35px!important
}

.pdR40 {
    padding-right: 40px!important
}

.pdR45 {
    padding-right: 45px!important
}

.pdR50 {
    padding-right: 50px!important
}

.pdR55 {
    padding-right: 55px!important
}

.pdR60 {
    padding-right: 60px!important
}

.pdR65 {
    padding-right: 65px!important
}

.pdR70 {
    padding-right: 70px!important
}

.color01 {
    color: #f30!important
}

.color02 {
    color: #adadad!important
}

.color03 {
    color: #fff!important
}

.color04 {
    color: #004097!important
}

.color05 {
    color: #1495f8!important
}

.color06 {
    color: #98c4ea!important
}

.color07 {
    color: #8abc4b!important
}

.color08 {
    color: #29b45d!important
}

.alignR {
    text-align: right!important
}

.alignC {
    text-align: center!important
}

.alignL {
    text-align: left!important
}

.medium {
    font-size: 100%!important
}

.small {
    font-size: 85%!important
}

.xsmall {
    font-size: 78%!important
}

.xxsmall {
    font-size: 71%!important
}

.large {
    font-size: 114%!important
}

.xlarge {
    font-size: 142%!important
}

.xxlarge {
    font-size: 185%!important
}

.text14 {
    font-size: 14px!important
}

.text16 {
    font-size: 16px!important
}

.lspac1 {
    letter-spacing: 0!important
}

.lspac2 {
    letter-spacing: .1em!important
}

.lspac3 {
    letter-spacing: .3em!important
}

.fontB {
    font-weight: 700!important
}

.fontN {
    font-weight: 400!important
}

.italic {
    font-style: italic
}

.floatR {
    float: right
}

.floatL {
    float: left
}

.floatN {
    float: none!important
}

.nowrap {
    white-space: nowrap
}

.noBdr {
    border: none!important
}

@media screen and (max-width: 767px) {
    .xlarge {
        font-size:114%!important
    }
}

.disBlock {
    display: block!important
}

.disInline {
    display: inline!important
}

.verTop {
    vertical-align: top!important
}

.verMiddle {
    vertical-align: middle!important
}

.verBottom {
    vertical-align: bottom!important
}

img.icon {
    margin-left: 10px;
    vertical-align: middle
}

.newWin,img.icon02 {
    margin-right: 5px;
    vertical-align: middle
}

.usedMark {
    margin-top: 5px
}

.usedMark img {
    padding: 3px 5px 0 0;
    vertical-align: top
}

.lineB {
    border-bottom: 1px solid #b2b2b2
}

.lineB,.lineB_END {
    margin: 0 0 6px;
    padding: 15px 0 6px
}

.lineB_END {
    border-bottom: none!important
}

.lineBdot {
    border-bottom: 1px dotted #dfdfdf;
    margin: 0 0 6px;
    padding: 15px 0 6px
}

.lineBdot_END,ol.lineBdot,ul.lineBdot {
    border-bottom: none!important;
    padding-bottom: 0!important
}

.lineBdot li {
    border-bottom: 1px dotted #dfdfdf;
    line-height: 1;
    margin: 5px 5px 6px;
    padding: 5px 5px 6px 14px;
    vertical-align: bottom
}

.lineBdot li.lineBdot_END {
    border-bottom: none!important;
    padding-bottom: 0!important
}

.lineTopBottomdot {
    border-top: 1px dotted #dfdfdf;
    margin: 15px 0 0
}

.lineBottomdot,.lineTopBottomdot {
    border-bottom: 1px dotted #dfdfdf;
    padding: 6px 0
}

.lineBottomdot {
    margin: 0
}

.section {
    margin-left: 8px;
    margin-right: 8px
}

.blockCenter {
    margin: 0 auto
}

.imgBlock01 {
    margin: 10px 0
}

@media screen and (max-width: 767px) {
    .spHide {
        display:none
    }

    .spImg100 {
        width: 100%
    }
}

h1 span.subHeading {
    color: #000;
    display: block;
    font-size: 20px
}

.h1BlockS {
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    margin: 10px 0;
    padding: 28px 0
}

.h1BlockS h1 {
    border: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 70%
}

.h1BlockS .headLink {
    color: #004097;
    float: right;
    font-size: 128%;
    font-weight: 700;
    padding-top: 8px
}

.h1BlockS .headLink a {
    background: url(/shared/images/icon_arrow_07.gif) 0 5px no-repeat;
    padding-left: 12px
}

.h2Type01 {
    color: #014099;
    font-size: 142%;
    font-weight: 700;
    line-height: 1.4;
    margin: 20px 0 10px
}

h1.h2Type01 {
    line-height: 1.4!important
}

h1.h2Type02 {
    color: #014099;
    font-size: 142%;
    font-weight: 700;
    line-height: 1.4;
    margin: 20px 0 10px
}

.h2Block h2 {
    margin: 0
}

.h2Block h2 a.detailLinks {
    background: url(/shared/images/icon_arrow_08.gif) 0 45% no-repeat;
    font-size: 14px;
    margin-left: 50px;
    padding-left: 10px
}

.h2Block h2 a:visited {
    color: #014099
}

.h3Type01 {
    color: #333;
    font-size: 128%;
    font-weight: 700;
    margin-bottom: 5px
}

.read {
    margin-bottom: 10px
}

.read h2,.read h3,.read p {
    border-left: none;
    color: #014099;
    font-size: 128%!important;
    font-weight: 700;
    padding-left: 0
}

.read2 {
    background-color: #f1f1f1;
    font-size: 142%;
    font-weight: 700;
    margin: 30px 0 10px;
    padding: 10px 13px
}

@media screen and (max-width: 767px) {
    .h1BlockS h1 {
        float: none;
        width: auto
    }

    .h1BlockS .headLink {
        font-size: 1em;
        padding-top: 5px
    }

    .h1BlockS .headLink a {
        background-position: 0 45%;
        background-size: 4px 6px;
        -moz-background-size: 4px 6px;
        -webkit-background-size: 4px 6px;
        padding-left: 10px
    }

    .h1BlockS {
        padding: 10px 0
    }

    .h2Type01 {
        font-size: 128%
    }

    .h2Block h2 a.detailLinks {
        background-position: 0 50%;
        display: block;
        margin-left: 0
    }

    .read2 {
        font-size: 114%;
        margin: 10px 0
    }
}

.txtLink01 a {
    background: url(/shared/images/icon_arrow_08.gif) no-repeat 2px .3em;
    font-size: 12px;
    padding-left: 13px
}

.txtLink02 a {
    background: url(/shared/images/icon_arrow_02.gif) no-repeat 0 .2em;
    font-size: 16px;
    font-weight: 700;
    padding-left: 15px
}

.externalLink a {
    background: url(/shared/images/icon_newwin.png) no-repeat 0;
    font-size: 12px;
    padding-left: 20px
}

a.iconBlank {
    background: url(/shared/images/icon_blank.gif) 100% 3px no-repeat;
    font-size: 12px;
    padding-right: 26px
}

.changePage {
    font-size: 12px;
    margin: 15px 0
}

.changePage li {
    background-image: url(/shared/images/icon_arrow_08.gif);
    background-position: 0 .3em;
    background-repeat: no-repeat;
    display: inline;
    margin-right: 40px;
    padding-left: 10px
}

.changePage li.on {
    font-weight: 700
}

.changePage li.ttl {
    background-image: none;
    font-size: 14px;
    font-weight: 700;
    padding-left: 0
}

.toTop {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 6px;
    text-align: right
}

.toTop a {
    background: url(/shared/images/icon_totop.gif) 0 45% no-repeat;
    padding: 0 0 0 8px
}

.toTop a:link,.toTop a:visited {
    color: #666
}

.toTop a:hover {
    color: #1798da
}

.insideLinks {
    padding-top: 7px
}

.insideLinks li {
    background: url(/shared/images/icon_arrow_03.png) 0 45% no-repeat;
    display: inline;
    font-weight: 700
}

.insideLinks li a {
    margin-right: 28px;
    padding-left: 18px;
    white-space: nowrap
}

.insideLinksWid {
    padding-top: 7px
}

.insideLinksWid li {
    background: url(/shared/images/icon_arrow_03.png) 0 45% no-repeat;
    display: block;
    float: left;
    font-weight: 700;
    width: 33%
}

.insideLinksWid li a {
    padding-left: 20px
}

.insideLinksWid.column2 li {
    width: 49%
}

.insideLinksWid.column4 li {
    width: 25%
}

ul.iconLink {
    font-size: 14px;
    margin: 0 0 1em;
    padding: 0
}

* html ul.iconLink li {
    zoom:1}

ul.iconLink li {
    background: url(/shared/images/icon_arrow_08.gif) 5px 6px no-repeat;
    line-height: 1.8;
    padding-left: 20px
}

ul.iconLink li.arrow01 {
    background: url(/shared/images/icon_arrow_06.gif) 5px 50% no-repeat
}

ul.iconLink li.arrow02 {
    background: url(/shared/images/icon_arrow_05.gif) 5px 45% no-repeat
}

ul.iconLink li.arrow03 {
    background: url(/shared/images/icon_arrow_01.gif) 5px 6px no-repeat
}

ul.iconLink li.arrow04 {
    background: url(/shared/images/icon_arrow_04.gif) 2px 6px no-repeat
}

ul.iconLink li.newWindow {
    background: none;
    padding-left: 0
}

ul.iconLink li.newWindow a {
    background: url(/shared/images/icon_newwin.png) 100% 50% no-repeat;
    padding-right: 15px
}

ul.iconLink li.newWindow2 {
    background: none;
    padding-left: 0
}

ul.iconLink li.newWindow2 a {
    background: url(/shared/images/icon_newwin_02.png) 100% 50% no-repeat;
    padding-right: 20px
}

ul.iconLink li.pdf {
    background: url(/shared/images/icon_pdf.gif) 0 50% no-repeat
}

ul.iconLink li.bgNone {
    background: none;
    padding-left: 0
}

ul.iconLink li.moreLines {
    display: block;
    margin-left: 20px
}

ul.iconLink li.arrow02.moreLines {
    background: url(/shared/images/icon_arrow_05.gif) 5px 11px no-repeat
}

ul.iconLink li.arrow02.moreLines a {
    background: none;
    padding: 0
}

a.arrow00 {
    background: url(/shared/images/icon_arrow_08.gif) 5px 50% no-repeat
}

a.arrow00,a.arrow01 {
    font-size: 12px;
    line-height: 1.8;
    padding-left: 20px
}

a.arrow01 {
    background: url(/shared/images/icon_arrow_06.gif) 5px 50% no-repeat
}

a.arrow02 {
    background: url(/shared/images/icon_arrow_05.gif) 5px 50% no-repeat
}

a.arrow02,a.arrow03 {
    font-size: 12px;
    line-height: 1.8;
    padding-left: 20px
}

a.arrow03 {
    background: url(/shared/images/icon_arrow_01.gif) 5px 6px no-repeat
}

a.arrow04 {
    background: url(/shared/images/icon_arrow_04.gif) 2px 4px no-repeat;
    padding-left: 20px
}

a.arrow04,a.newWindow {
    font-size: 12px;
    line-height: 1.8
}

a.newWindow {
    background: url(/shared/images/icon_newwin.png) 100% 50% no-repeat;
    padding-right: 15px
}

a.newWindow2,span.newWindow2 {
    background: url(/shared/images/icon_newwin_02.png) 100% 50% no-repeat;
    font-size: 12px;
    line-height: 1.8;
    padding-right: 20px
}

a.pdf {
    background: url(/shared/images/icon_pdf.gif) 0 50% no-repeat;
    font-size: 12px;
    line-height: 1.8;
    padding-left: 20px
}

@media screen and (max-width: 767px) {
    .txtLink02 a {
        background-position:0 45%;
        background-size: 4px 6px;
        -moz-background-size: 4px 6px;
        -webkit-background-size: 4px 6px;
        font-size: 114%;
        padding-left: 10px
    }

    .changePage li {
        margin-right: 15px
    }

    a.iconBlank {
        background-size: 8px 7px;
        -moz-background-size: 8px 7px;
        -webkit-background-size: 8px 7px;
        padding-right: 13px
    }

    .insideLinks ul,.insideLinksWid ul {
        border-top: 1px solid #014099
    }

    .insideLinks li,.insideLinksWid li {
        background-color: #e0edff;
        background-image: none;
        display: block
    }

    .insideLinks li a,.insideLinksWid li a {
        background: url(/shared/images/sp_arrow_04.png) 97% 50% no-repeat;
        background-size: 12px 8px;
        -moz-background-size: 12px 8px;
        -webkit-background-size: 12px 8px;
        border: 1px solid #014099;
        border-top: none;
        display: block;
        margin: 0;
        padding: 10px 20px 10px 10px;
        white-space: normal
    }

    .insideLinksWid li {
        width: 100%!important
    }

    .insideLinksWid ul {
        border-top: none
    }

    .insideLinksWid ul:first-child {
        border-top: 1px solid #014099
    }

    .insideLinks.notChange ul,.insideLinksWid.notChange ul {
        border-top: none
    }

    .insideLinks.notChange li {
        display: inline
    }

    .insideLinks.notChange li,.insideLinksWid.notChange li {
        background: url(/shared/images/icon_arrow_03.png) 0 45% no-repeat;
        background-color: none;
        margin-bottom: 5px
    }

    .insideLinks.notChange li a,.insideLinksWid.notChange li a {
        background: none;
        border: none;
        display: inline;
        padding: 0 0 0 14px
    }

    .insideLinks.notChange li a {
        margin-right: 30px
    }

    ul.iconLink {
        border-top: 1px solid #999
    }

    ul.iconLink li {
        background-color: #efefef;
        background-image: none;
        line-height: inherit;
        padding: 0
    }

    ul.iconLink li a {
        background: #efefef url(/shared/images/sp_arrow_01.png) 97% 50% no-repeat;
        background-size: 18px 18px;
        -moz-background-size: 18px 18px;
        -webkit-background-size: 18px 18px;
        border: 1px solid #999;
        border-top: none;
        color: #333;
        display: block;
        padding: 10px 30px 10px 10px
    }

    ul.iconLink li.arrow01,ul.iconLink li.arrow02,ul.iconLink li.arrow03,ul.iconLink li.arrow04,ul.iconLink li.newWindow,ul.iconLink li.pdf {
        background-image: none
    }

    ul.iconLink li.pdf a {
        background: #efefef url(/shared/images/icon_pdf.gif) 97% 50% no-repeat
    }

    ul.iconLink li.newWindow a {
        background: #efefef url(/shared/images/icon_newwin.png) 97% 50% no-repeat
    }

    ul.iconLink li.newWindow2 a {
        background: #efefef url(/shared/images/icon_newwin_02.png) 97% 50% no-repeat
    }

    ul.iconLink li.moreLines {
        margin: 0
    }

    ul.iconLink.notChange {
        border-top: none
    }

    ul.iconLink.notChange li {
        background-color: none;
        background: url(/shared/images/icon_arrow_08.gif) 5px 6px no-repeat;
        margin-bottom: 5px;
        padding-left: 20px
    }

    ul.iconLink.notChange li.arrow01 {
        background: url(/shared/images/icon_arrow_06.gif) 5px 50% no-repeat
    }

    ul.iconLink.notChange li.arrow02 {
        background: url(/shared/images/icon_arrow_05.gif) 5px 45% no-repeat
    }

    ul.iconLink.notChange li.arrow03 {
        background: url(/shared/images/icon_arrow_01.gif) 5px 6px no-repeat
    }

    ul.iconLink.notChange li.arrow04 {
        background: url(/shared/images/icon_arrow_04.gif) 2px 6px no-repeat
    }

    ul.iconLink.notChange li.newWindow {
        background: url(/shared/images/icon_newwin.png) 2px 50% no-repeat
    }

    ul.iconLink.notChange li.pdf {
        background: url(/shared/images/icon_pdf.gif) 0 50% no-repeat
    }

    ul.iconLink.notChange li.bgNone {
        background: none;
        padding-left: 0
    }

    ul.iconLink.notChange li.moreLines {
        display: block;
        margin-left: 20px
    }

    ul.iconLink.notChange li.arrow02.moreLines {
        background: url(/shared/images/icon_arrow_05.gif) 5px 11px no-repeat
    }

    ul.iconLink.notChange li.arrow02.moreLines a {
        background: none;
        padding: 0
    }

    ul.iconLink.notChange li a {
        background: none;
        border: none;
        display: inline;
        padding: 0
    }
}

ol li {
    list-style-position: outside;
    list-style-type: decimal;
    margin-left: 24px
}

.discList {
    list-style: disc outside;
    padding-left: 1.7em
}

.discIconList li {
    background: url(/shared/images/icon_disc_01.gif) left .55em no-repeat;
    padding-left: 12px
}

.deciList01 {
    list-style: decimal outside;
    margin-bottom: 1.5em
}

.deciList01 li {
    margin-left: 30px
}

.deciList02 li {
    list-style-type: none;
    text-indent: -2em
}

.lAlphaList li {
    list-style-type: lower-alpha
}

.uAlphaList li {
    list-style-type: upper-alpha
}

ul.iconList {
    margin: 0 0 1em;
    padding: 0
}

* html ul.iconList li {
    zoom:1}

ul.iconList li {
    line-height: 1.2;
    margin-bottom: 1em;
    padding-left: 20px
}

ul.iconList li ul {
    margin-bottom: 1.5em;
    padding-top: 1em
}

ul.iconList li li {
    font-size: 100%
}

ul.iconList li.arrow01 {
    background: url(/shared/images/icon_arrow_06.gif) 5px .5em no-repeat
}

ul.iconList li.arrow02 {
    background: url(/shared/images/icon_arrow_05.gif) 5px .5em no-repeat
}

.floatList {
    zoom:1;overflow: hidden
}

.floatList li {
    float: left;
    margin-right: 20px
}

.floatList li a {
    white-space: nowrap
}

.discList.floatList li {
    margin-right: 3em
}

.floatListGrid2 {
    zoom:1;overflow: hidden
}

.floatListGrid2 li {
    float: left;
    margin-right: 4%;
    width: 45%
}

.iconLink.floatListGrid2 li {
    margin-right: 4%;
    width: 43%
}

.iconLink.floatListGrid2 li.bgNone {
    width: 45%
}

.discIconList.floatListGrid2 li {
    margin-right: 4%;
    width: 42%
}

.floatListGrid3 {
    zoom:1;overflow: hidden
}

.floatListGrid3 li {
    float: left;
    margin-right: 4%;
    width: 29%
}

.iconLink.floatListGrid3 li {
    margin-right: 3%;
    width: 27%
}

.iconLink.floatListGrid3 li.bgNone,.iconLink.floatListGrid3 li.newWindow {
    width: 30%
}

.discIconList.floatListGrid3 li {
    margin-right: 3%;
    width: 26%
}

.floatListGrid4 {
    zoom:1;overflow: hidden
}

.floatListGrid4 li {
    float: left;
    margin-right: 4%;
    width: 21%
}

.iconLink.floatListGrid4 li {
    float: left;
    margin-right: 3%;
    width: 19%
}

.discIconList.floatListGrid4 li {
    float: left;
    margin-right: 3%;
    width: 17%
}

.floatListGrid5 {
    zoom:1;overflow: hidden
}

.floatListGrid5 li {
    float: left;
    margin-right: 4%;
    width: 16%
}

.iconLink.floatListGrid5 li {
    float: left;
    margin-right: 3%;
    width: 14%
}

.discIconList.floatListGrid5 li {
    float: left;
    margin-right: 3%;
    width: 13%
}

ul.note {
    font-size: 85%;
    list-style: none!important;
    padding: 0
}

ul.note li {
    padding-left: 1.5em;
    text-indent: -1.5em
}

ul.note li span {
    padding-right: .5em
}

ul.noteT {
    font-size: 85%;
    margin-top: -20px!important
}

.inTable {
    font-size: 107%!important
}

.deciList01>.lAlphaList li,.uAlphaList li>.lAlphaList li {
    list-style-type: lower-alpha!important
}

.deciList01>.uAlphaList li {
    list-style-type: upper-alpha!important
}

.deciList02 .uAlphaList {
    margin: 0!important
}

.deciList02 .uAlphaList li {
    font-size: 100%!important;
    list-style-type: upper-alpha!important;
    text-indent: 0!important
}

.deciList01 ol.deciList02 li {
    font-size: 100%!important
}

.deciList02 .lAlphaList {
    margin: 0!important
}

.deciList02 .lAlphaList li {
    font-size: 85%!important;
    list-style-type: lower-alpha!important;
    text-indent: 0!important
}

.dlList dt {
    clear: both;
    float: left;
    padding: 5px 0 0 15px
}

.ie7 .dlList dt {
    margin-right: -200px
}

.dlList dt span.corpName,.dlList dt span.date {
    _zoom: 1;
    display: inline-block;
    _display: inline;
    line-height: 13px;
    padding-right: 11px
}

.dlList dt img {
    margin-left: 8px;
    padding-right: 8px;
    vertical-align: baseline
}

.dlList dd a,.dlList dt a {
    display: block
}

.dlList dd a {
    background-color: #fff;
    padding: 2.2em 10px 10px 15px
}

.dlListColor a {
    text-decoration: none
}

.dlListColor a,.dlListColor a:link {
    color: #004097
}

.dlListColor a:visited {
    color: #4e98fb
}

.dlListColor a:hover {
    text-decoration: underline
}

.dlListColor dt {
    clear: both;
    cursor: pointer;
    float: left;
    margin-right: -200px;
    padding: 5px 0 0 15px
}

.dlListColor dt span.corpName,.dlListColor dt span.date {
    _zoom: 1;
    display: inline-block;
    _display: inline;
    line-height: 13px;
    padding-right: 11px
}

.dlListColor dt img {
    padding-right: 8px;
    vertical-align: baseline
}

.dlListColor dt a {
    display: block
}

.dlListColor dd {
    border-bottom: 1px solid #fff;
    border-bottom: 1px dotted\
}

.dlListColor dd a {
    background-color: #fff;
    display: block;
    padding: 2.2em 10px 10px 15px
}

.dlListColor dd:nth-of-type(2n) a {
    background-color: #fafafa
}

.dlListColor dd a:hover {
    background-color: #e9f7fb
}

.dlListSide a {
    text-decoration: none
}

.dlListSide a,.dlListSide a:link {
    color: #004097
}

.dlListSide a:visited {
    color: #4e98fb
}

.dlListSide a:hover {
    text-decoration: underline
}

.dlListSide dt {
    clear: left;
    float: left;
    padding: 9px 0 0 15px;
    width: 120px
}

.dlListSide dt span.corpName,.dlListSide dt span.date {
    line-height: 13px;
    padding-right: 11px
}

.dlListSide dt img {
    padding-right: 8px;
    vertical-align: baseline
}

.dlListSide dd {
    border-bottom: 1px solid #fff;
    border-bottom: 1px dotted\ ;
    padding: 9px 0 9px 120px
}

.dlListSide dd a {
    display: block;
    padding: 0 0 0 15px
}

.dlListScroll {
    height: 218px;
    overflow-y: scroll
}

@media screen and (max-width: 767px) {
    .floatList li {
        float:none;
        margin: 0
    }

    .iconLink.floatListGrid2 li,.iconLink.floatListGrid3 li,.iconLink.floatListGrid4 li,.iconLink.floatListGrid5 li {
        margin-right: 0;
        width: 100%!important
    }

    .spNofloat .floatList_gn2 li,.spNofloat .floatList_gn2_2line li,.spNofloat .floatList_gn3 li,.spNofloat .floatList_gn3_2line li,.spNofloat .floatList_gn4 li,.spNofloat .floatList_gn4_2line li {
        float: none;
        height: auto;
        width: 100%
    }

    .dlListColor dd,.dlList dd {
        border-bottom: 1px dotted #ccc
    }

    .dlListSide dt {
        float: none;
        width: auto
    }

    .dlListSide dd {
        border-bottom: 1px dotted #ccc;
        padding-left: 0;
        padding-top: 5px
    }
}

.tPattern00 {
    border-width: 1px 0 1px 1px;
    line-height: 1.5
}

.tPattern00 td,.tPattern00 th {
    font-weight: 400;
    padding: 10px;
    vertical-align: top
}

.tPattern00 tbody th {
    text-align: left
}

.tPattern00_pad3 {
    border-width: 1px 0 0 1px;
    line-height: 1.5
}

.tPattern00_pad3 td,.tPattern00_pad3 th {
    border-width: 0 1px 1px 0;
    font-weight: 400;
    padding: 3px!important;
    vertical-align: top!important
}

.tPattern00_pad3 th {
    text-align: center
}

.tPattern01,.tPattern02,.tPattern03,.tPattern03_pad3 {
    border-collapse: collapse
}

.tPattern01 {
    border: 1px solid #ccc;
    border-right-width: 0
}

.tPattern01 td,.tPattern01 th {
    border: solid #ccc;
    border-width: 0 1px 0 0;
    font-weight: 400;
    padding: 10px
}

.tPattern01 thead th {
    background: #ececec;
    border: solid #ccc;
    border-width: 0 1px 1px 0;
    text-align: center
}

.tPattern01 tbody th {
    text-align: left
}

.tPattern02 {
    border: solid #ccc;
    border-width: 0 0 0 1px;
    line-height: 1.5
}

.tPattern02 caption {
    background: #eaeaea;
    border: 1px solid #ccc;
    margin: 0;
    padding: 10px 0;
    text-align: center
}

.tPattern02 td,.tPattern02 th {
    border: solid #ccc;
    border-width: 0 1px 1px 0;
    font-weight: 400;
    padding: 10px
}

.tPattern02 th {
    background: #f6f6f6;
    text-align: center
}

.tPattern03 {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    line-height: 1.5
}

.tPattern03 td,.tPattern03 th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-weight: 400;
    padding: 10px
}

.tPattern03 th {
    background: #f6f6f6;
    text-align: center
}

.tPattern03_pad3 {
    border: solid #ccc;
    border-width: 1px 0 0 1px;
    line-height: 1.5
}

.tPattern03_pad3 td,.tPattern03_pad3 th {
    border: solid #ccc;
    border-width: 0 1px 1px 0;
    font-weight: 400;
    padding: 3px
}

.tPattern03_pad3 th {
    background: #f6f6f6;
    text-align: center
}

.tdL td,.thL th {
    text-align: left!important
}

.tdR td,.thR th {
    text-align: right!important
}

.cellC td,.cellC th {
    text-align: center
}

table.nowrapBody tbody th,table.nowrapHead thead th,table.nowrap th {
    white-space: nowrap
}

td.bottomLine01,th.bottomLine01 {
    background-image: url(/shared/images/c_line04.gif);
    background-position: 0 100%;
    background-repeat: repeat-x;
    border-bottom: none!important
}

.tShadeLine01 tbody tr.odd td,.tShadeLine01 tbody tr.odd th {
    background: #f6f6f6
}

.tShadeLine01 tbody tr.even td,.tShadeLine01 tbody tr.even th {
    background: #fff
}

.tWriteMode_tbrl {
    line-height: 1.2;
    width: 1em
}

td.nonTop,th.nonTop {
    border-top: none!important
}

td.nonRight,th.nonRight {
    border-right: none!important
}

td.nonBottom,th.nonBottom {
    border-bottom: none!important
}

td.nonLeft,th.nonLeft {
    border-left: none!important
}

td.solidTop,th.solidTop {
    border-top: 1px solid #ccc!important
}

td.solidRight,th.solidRight {
    border-right: 1px solid #ccc!important
}

td.solidBottom,th.solidBottom {
    border-bottom: 1px solid #ccc!important
}

td.solidLeft,th.solidLeft {
    border-left: 1px solid #ccc!important
}

table.nonBorder td,table.nonBorder th {
    border: none!important
}

table.nest {
    border: none
}

table.nest td,table.nest th {
    background-color: transparent;
    border: none;
    font-weight: 400;
    line-height: 1.4;
    padding: 0
}

@media screen and (max-width: 767px) {
    .scroll-table {
        white-space:nowrap
    }

    .scroll-table .scroll-hint-icon {
        top: 90px
    }

    .scroll-table .scroll-hint-icon:before {
        height: 30px;
        margin-top: 4px;
        width: 30px
    }
}

.bPattern01 {
    background: #ebf2fc;
    border: 1px solid #c8dfff;
    margin-bottom: 25px;
    padding: 15px 15px 10px
}

.bPattern01 .hdColor,.bPattern01 dl.inner dt {
    color: #009;
    font-size: 128%;
    font-weight: 700;
    margin-bottom: 10px
}

.bPattern01 .hdColor span,.bPattern01 dl.inner dt span {
    color: #009;
    padding-left: 1em
}

.bPattern01 dl.inner dd {
    font-size: 100%
}

.bPattern01 dl.inner dd p.lead {
    color: #000;
    margin-bottom: 0
}

.bPattern02 {
    background: #f4f4f4;
    border: 1px solid #ddd;
    margin-bottom: 25px;
    padding: 15px 15px 10px
}

.bPattern02 dl.inner dt {
    font-weight: 700;
    margin-bottom: 10px
}

.bPattern02 dl.inner dd {
    font-size: 100%
}

.bPattern03 {
    border: 1px solid #ccc;
    margin-bottom: 25px
}

.bPattern03 dl.inner {
    margin-bottom: 0!important
}

.bPattern03 dl.inner dt {
    background: #eaeaea;
    font-size: 114%;
    padding: 13px 0;
    text-align: center
}

.bPattern03 dl.inner dd.tables {
    margin: 10px 10px 0
}

.bPattern04 {
    border: 1px solid #c8dfff;
    margin-bottom: 25px
}

.bPattern04 dl.inner {
    margin-bottom: 0!important
}

.bPattern04 dl.inner dt {
    background: #369;
    color: #fff;
    font-size: 114%;
    padding: 13px 0;
    text-align: center
}

.bPattern04 dl.inner dd.tables {
    margin: 10px 10px 0
}

.bgcolor_B {
    background: #ebf2fc!important
}

.bPattern05 {
    border: 1px solid #e2e2e2;
    padding: 15px
}

.bPattern05,.bPattern06 {
    background-color: #fff;
    margin-bottom: 25px
}

.bPattern06 {
    border: 3px solid #eee;
    padding: 13px 18px
}

h1.bgImgText {
    border: none;
    padding: 0
}

.bgImgText {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.3
}

.bgImgText span {
    color: #fff;
    display: block;
    left: 20px;
    position: absolute;
    top: 42%
}

.bgImgText span small {
    font-size: 18px
}

.bgImgText .pos1 {
    left: 20px;
    top: 20px
}

.bgImgText .pos2 {
    bottom: 20px;
    left: 20px;
    top: inherit
}

.bgImgText .pos3 {
    left: inherit;
    position: relative;
    text-align: center
}

.bgImgText .pos4 {
    top: 20px
}

.bgImgText .pos4,.bgImgText .pos5,.bgImgText .pos6 {
    left: inherit;
    right: 20px
}

.bgImgText .pos6 {
    bottom: 20px;
    top: inherit
}

.bgImgText .colorA {
    color: #333
}

.bgImgText .colorB {
    color: #014099
}

.bgImgText .colorC {
    color: #fff
}

.bgImgText .sizeA {
    font-size: 10px
}

@media screen and (max-width: 767px) {
    .bPattern06 {
        padding:10px
    }

    .bgImgText {
        font-size: 16px
    }

    .bgImgText span small {
        font-size: 12px
    }
}

.btnArea01,.btnArea01 h2,.btnArea01 h3 {
    zoom:1;overflow: hidden
}

.btnArea01 ul {
    float: right
}

.btnArea01 ul li {
    float: right;
    margin-left: 10px
}

.btnArea01 ul li a {
    background-color: #f8f8f8;
    border: 1px solid #eaeaea;
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px;
    text-decoration: none
}

.ie7 .btnArea01 ul {
    width: 40%
}

.btnArea01 ul li a:hover {
    background-color: #fff
}

.btnArea02 {
    padding: 0 15px 13px
}

.btnArea02 li {
    float: left;
    width: auto
}

.btnArea02 li:first-child {
    margin-right: 8px
}

.btnArea02 li a {
    background-color: #f8f8f8;
    border: 1px solid #eaeaea;
    display: inline-block;
    font-size: 16px;
    line-height: 1.8;
    padding: 3px 12px 2px;
    text-decoration: none
}

.btnArea02 li a.newWindow2 {
    background-position: 93% 50%;
    padding-right: 25px
}

.btnArea02 li a:hover {
    background-color: #fff
}

@media screen and (max-width: 767px) {
    .btnArea01,.btnArea01 h2,.btnArea01 h3 {
        overflow:inherit
    }

    .btnArea01 ul {
        float: none;
        overflow: hidden
    }

    .btnArea01 ul.short {
        float: right
    }

    .btnArea02 {
        padding: 10px 0 0
    }

    .btnArea02 li {
        margin-right: 8px
    }
}

.btnArea03 {
    zoom:1;overflow: hidden
}

.btnArea03 .btn {
    float: right;
    margin-left: 20px
}

.btnArea03 .btn a {
    background-color: #f8f8f8;
    border: 1px solid #eaeaea;
    color: #000;
    display: block;
    font-weight: 700;
    padding: 3px 8px 2px;
    text-decoration: none
}

.btnArea03 .btn a.newWindow2 {
    background-position: 93% 50%;
    padding-right: 25px
}

.btnArea03 .btn a:hover {
    background-color: #fff
}

.optimizImg {
    border: none;
    margin: 0 0 12px;
    padding: 0
}

.optimizImg span {
    display: block
}

.optimizImg .smpImg {
    display: none
}

.optimizZoomImg {
    padding: .5em 0;
    text-align: center
}

.optimizZoomImg a {
    zoom:1;display: inline-block;
    position: relative
}

.optimizZoomImg a span.zoom {
    bottom: 10px;
    cursor: pointer;
    display: block;
    height: 23px;
    left: 10px;
    position: absolute;
    width: 28px
}

@media screen and (max-width: 767px) {
    .optimizImg .normalImg {
        display:none
    }

    .optimizImg .smpImg {
        display: block
    }

    .optimizZoomImg img {
        max-width: 100%;
        width: 100%
    }

    .smpTable1 table td,.smpTable1 table th,.smpTable2 table td,.smpTable2 table th,.smpTable3 table td,.smpTable3 table th {
        line-height: 1.4!important;
        padding: 1rem!important
    }
}

.btnArea01 ul:after,.btnArea02:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden
}

.btnArea01 ul,.btnArea02 {
    zoom:1}

.lumpMix {
    zoom:1;overflow: hidden
}

.lumpMix .lumpR {
    float: right;
    margin: 0 0 10px 10px
}

.lumpMix .lumpL {
    float: left;
    margin: 0 10px 10px 0
}

.lumpMix .lumpL span,.lumpMix .lumpR span {
    display: block;
    line-height: 1.4;
    margin-top: 5px
}

.lumpMix .lumpEnd {
    zoom:1;overflow: hidden
}

.capW50 {
    width: 50px
}

.capW60 {
    width: 60px
}

.capW70 {
    width: 70px
}

.capW80 {
    width: 80px
}

.capW90 {
    width: 90px
}

.capW100 {
    width: 100px
}

.capW110 {
    width: 110px
}

.capW120 {
    width: 120px
}

.capW130 {
    width: 130px
}

.capW140 {
    width: 140px
}

.capW150 {
    width: 150px
}

.capW160 {
    width: 160px
}

.capW170 {
    width: 170px
}

.capW180 {
    width: 180px
}

.capW190 {
    width: 190px
}

.capW200 {
    width: 200px
}

.capW210 {
    width: 210px
}

.capW220 {
    width: 220px
}

.capW230 {
    width: 230px
}

.capW240 {
    width: 240px
}

.capW250 {
    width: 250px
}

.capW260 {
    width: 260px
}

.capW270 {
    width: 270px
}

.capW280 {
    width: 280px
}

.capW290 {
    width: 290px
}

.capW300 {
    width: 300px
}

.capW310 {
    width: 310px
}

.capW320 {
    width: 320px
}

.capW330 {
    width: 330px
}

.capW340 {
    width: 340px
}

.capW350 {
    width: 350px
}

.capW360 {
    width: 360px
}

.capW370 {
    width: 370px
}

.capW380 {
    width: 380px
}

.capW390 {
    width: 390px
}

.capW400 {
    width: 400px
}

.capW410 {
    width: 410px
}

.capW420 {
    width: 420px
}

.capW430 {
    width: 430px
}

.capW440 {
    width: 440px
}

.capW450 {
    width: 450px
}

.capW460 {
    width: 460px
}

.capW470 {
    width: 470px
}

.capW480 {
    width: 480px
}

.capW490 {
    width: 490px
}

.capW500 {
    width: 500px
}

.imgColumn2List,.imgColumn3List,.imgColumn4List {
    zoom:1;overflow: hidden
}

.imgColumn2List {
    margin: 15px 0 0 -20px
}

.imgColumn3List {
    margin: 15px 0 0 -15px
}

.imgColumn4List {
    margin: 15px 0 0 -12px
}

.imgColumn2List li {
    float: left;
    padding: 0 0 8px 20px;
    width: 530px
}

.imgColumn3List li {
    float: left;
    padding: 0 0 8px 15px;
    width: 350px
}

.imgColumn4List li {
    float: left;
    padding: 0 0 8px 12px;
    width: 261px
}

#main .imgColumn2List {
    margin: 15px 0 0 -20px
}

#main .imgColumn3List {
    margin: 15px 0 0 -15px
}

#main .imgColumn4List {
    margin: 15px 0 0 -8px
}

#main .imgColumn2List li {
    float: left;
    padding: 0 0 8px 20px;
    width: 390px
}

#main .imgColumn3List li {
    float: left;
    padding: 0 0 8px 15px;
    width: 256px
}

#main .imgColumn4List li {
    float: left;
    padding: 0 0 8px 8px;
    width: 194px
}

.imgColumn2List li img,.imgColumn3List li img,.imgColumn4List li img {
    text-align: center
}

.imgColumn2List li span,.imgColumn3List li span,.imgColumn4List li span {
    display: block;
    margin-top: 5px
}

.imgColumn2List li span.iconBlank a,.imgColumn3List li span.iconBlank a,.imgColumn4List li span.iconBlank a {
    background: url(/shared/images/icon_blank.gif) 100% 0 no-repeat;
    padding-right: 26px
}

.imgColumn2List li span.captionC,.imgColumn3List li span.captionC,.imgColumn4List li span.captionC {
    text-align: center
}

@media screen and (max-width: 767px) {
    .lumpMix .lumpR {
        float:none;
        margin: 0 0 10px
    }

    .lumpMix .lumpL,.lumpMix .lumpR {
        width: 50%
    }

    .lumpMix .lumpL.sp30,.lumpMix .lumpR.sp30 {
        width: 30%
    }

    .lumpMix .lumpL.sp100,.lumpMix .lumpR.sp100 {
        float: none;
        margin-left: 0!important;
        margin-right: 0!important;
        text-align: center;
        width: 100%
    }

    .capW50,.capW60,.capW70,.capW80,.capW90,.capW100,.capW110,.capW120,.capW130,.capW140,.capW150,.capW160,.capW170,.capW180,.capW190,.capW200,.capW210,.capW220,.capW230,.capW240,.capW250,.capW260,.capW270,.capW280,.capW290,.capW300,.capW310,.capW320,.capW330,.capW340,.capW350,.capW360,.capW370,.capW380,.capW390,.capW400,.capW410,.capW420,.capW430,.capW440,.capW450,.capW460,.capW470,.capW480,.capW490,.capW500 {
        width: auto
    }

    .imgColumn2List,.imgColumn3List,.imgColumn4List {
        margin: 15px 0 0!important
    }

    .imgColumn2List li,.imgColumn3List li,.imgColumn4List li {
        float: none!important;
        padding: 0 0 10px!important;
        text-align: center;
        width: 100%!important
    }

    .imgColumn2List li span.iconBlank a,.imgColumn3List li span.iconBlank a,.imgColumn4List li span.iconBlank a {
        background-position: 100% 45%;
        background-size: 8px 7px;
        -moz-background-size: 8px 7px;
        -webkit-background-size: 8px 7px;
        padding-right: 13px
    }
}

.columnBlock {
    clear: both;
    margin-bottom: 25px;
    margin-left: -1%
}

.ie8 .columnBlock img {
    width: 100%
}

.gw1,.gw2,.gw3,.gw4,.gw5,.gw6,.gw7,.gw8,.gw9,.gw10,.gw11,.gw12 {
    display: inline;
    float: left;
    margin-bottom: 10px;
    margin-left: 1%
}

.gw1 {
    width: 9%
}

.gw2 {
    width: 19%
}

.gw3 {
    width: 29%
}

.gw4 {
    width: 39%
}

.gw5 {
    width: 49%
}

.gw6 {
    width: 59%
}

.gw7 {
    width: 69%
}

.gw8 {
    width: 79%
}

.gw9 {
    width: 89%
}

.gw10 {
    width: 99%
}

.gn1,.gn2,.gn3,.gn4,.gn5,.gn6,.gn7,.gn8,.gn9,.gn10,.gn11,.gn12,.gn13,.gn14,.gn15,.gn16 {
    display: inline;
    float: left;
    margin-bottom: 10px;
    margin-left: 1%
}

.gn1 {
    width: 100%
}

.gn2 {
    width: 49%
}

.gn3 {
    width: 32.3%
}

.gn4 {
    width: 24%
}

.gn5 {
    width: 19%
}

.gnauto {
    width: auto
}

@media screen and (max-width: 600px) {
    .columnBlock.smpVertical {
        margin-left:0
    }

    .columnBlock.smpVertical .gn1,.columnBlock.smpVertical .gn2,.columnBlock.smpVertical .gn3,.columnBlock.smpVertical .gn4,.columnBlock.smpVertical .gn5,.columnBlock.smpVertical .gw1,.columnBlock.smpVertical .gw2,.columnBlock.smpVertical .gw3,.columnBlock.smpVertical .gw4,.columnBlock.smpVertical .gw5,.columnBlock.smpVertical .gw6,.columnBlock.smpVertical .gw7,.columnBlock.smpVertical .gw8,.columnBlock.smpVertical .gw9,.columnBlock.smpVertical .gw10 {
        display: inline;
        float: left;
        margin-bottom: 10px;
        margin-left: 0;
        width: 100%
    }
}

.tabNavImg {
    margin-top: 11px
}

.tabNavImg ul {
    zoom:1;background: url(/shared/images/bg_line_02.gif) 0 100% repeat-x;
    overflow: hidden
}

.tabNavImg li {
    float: left;
    margin-right: 5px
}

.tabNavImg li.nEnd {
    margin-right: 0
}

.tabNavEasy ul {
    zoom:1;background: url(/shared/images/bg_line_02.gif) 0 100% repeat-x;
    overflow: hidden
}

.tabNav a:link,.tabNav a:visited,.tabNavEasy a:link,.tabNavEasy a:visited {
    color: #333
}

.tabNav a:hover,.tabNavEasy a:hover {
    color: #1798da
}

.tabNav,.tabNavEasy {
    margin-top: 11px
}

.tabNavEasy li,.tabNav li {
    float: left;
    margin-right: 5px
}

.tabNav.item2 li,.tabNavEasy.item2 li {
    margin-right: 6px;
    padding: 0;
    width: 477px
}

.tabNav.item3 li,.tabNavEasy.item3 li {
    margin-right: 6px;
    padding: 0;
    width: 316px
}

.tabNav.item4 li,.tabNavEasy.item4 li {
    margin-right: 4px;
    padding: 0;
    width: 237px
}

.tabNav.item5 li,.tabNavEasy.item5 li {
    padding: 0;
    width: 188px
}

#main .tabNav.item1 li,#main .tabNavEasy.item1 li {
    width: 685px
}

#main .tabNav.item2 li,#main .tabNavEasy.item2 li {
    margin-right: 6px;
    width: 357px
}

#main .tabNav.item3 li,#main .tabNavEasy.item3 li {
    margin-right: 6px;
    width: 236px
}

#main .tabNav.item4 li,#main .tabNavEasy.item4 li {
    margin-right: 4px;
    width: 177px
}

#main .tabNav.item5 li,#main .tabNavEasy.item5 li {
    width: 140px
}

.tabNavEasy li.nEnd,.tabNav li.nEnd {
    margin-right: 0!important
}

.tabNavEasy li a,.tabNav li a {
    zoom:1;background: #fbfbfb url(/shared/images/bg_tab_001.gif) 0 0 repeat-x;
    border: 1px solid #e7e7e7;
    border-bottom: none;
    display: block;
    height: 30px;
    padding: 10px 10px 0;
    text-align: center
}

.tabNavEasy li.on a,.tabNav li.on a {
    background-color: #fff;
    background-image: none;
    color: #09c!important;
    font-weight: 700
}

.tabNav.item2 li a,.tabNav.item3 li a,.tabNav.item4 li a,.tabNav.item5 li a,.tabNavEasy.item3 li a,.tabNavEasy.item4 li a,.tabNavEasy.item5 li a {
    padding: 10px 0 0
}

.tabNavEasy li.tall a,.tabNav li.tall a {
    background-position: 0 100%;
    height: 32px;
    line-height: 1.3;
    padding-top: 18px!important
}

.tabNavEasy li.pluralline a,.tabNav li.pluralline a {
    height: 35px;
    line-height: 1.3;
    padding-top: 5px!important
}

.tabNavEasy li.pluralline.tall a,.tabNav li.pluralline.tall a {
    background-position: 0 100%;
    height: 45px;
    line-height: 1.3;
    padding-top: 5px!important
}

.tabWrap .categoryWrap,.tabWrap .linksWrap {
    zoom:1;display: none;
    margin-top: -1px;
    z-index: 1
}

.tabWrap .categoryWrap.active,.tabWrap .linksWrap.active {
    display: block
}

.tabWrap.item1 {
    margin-top: 11px
}

.categoryWrap {
    border: 1px solid #e9e9e9;
    padding: 15px
}

.linksWrap {
    border: 1px solid #e9e9e9;
    padding: 0 0 17px
}

.linksWrap .heading {
    background-color: #f1f1f1;
    border-bottom: 1px solid #e9e9e9;
    font-size: 128%;
    font-weight: 700;
    padding: 13px 18px
}

.linksWrap h3 {
    padding: 10px 0 0 10px
}

.linksWrap ul li {
    float: left;
    margin: 20px 0 0 2%;
    width: 18%
}

#main .linksWrap ul li {
    margin-left: 3%;
    width: 22%
}

.ie7 .linksWrap ul li {
    width: 17%
}

.ie7 #main .linksWrap ul li {
    width: 21%
}

.linksWrap ul li span {
    color: #333;
    display: block;
    font-size: 85%;
    font-weight: 400
}

.linksWrap ul li em {
    display: block
}

.linksWrap ul li .icon {
    margin-left: 8px
}

.linksWrap ul li .test {
    margin-left: 0
}

.linksWrap li.icon a {
    background: url(/shared/images/icon_newwin.png) 100% .3em no-repeat;
    padding-right: 18px
}

.linksWrap ul li.active a {
    color: #000
}

.linksWrap.noLine {
    border: none;
    margin-bottom: 20px;
    padding: 0
}

.linksWrap.noLine ul li {
    margin: 20px 2% 0 0
}

#main .linksWrap.noLine ul li {
    margin: 20px 3% 0 0
}

#main .kvFilter .linksWrap.noLine ul li {
    margin: 0 2% 20px 0
}

@media screen and (max-width: 767px) {
    .tabNavEasy li,.tabNavImg li,.tabNav li {
        background:linear-gradient(#f3f3f3,#eee);
        background: -moz-linear-gradient(top,#f3f3f3,#eee);
        background: -webkit-gradient(linear,left top,left bottom,from(#f3f3f3),to(#eee));
        border: 1px solid #e7e7e7;
        margin: 0!important;
        padding: 0;
        width: auto!important
    }

    .btnTab {
        border-top: 1px solid #e7e7e7
    }

    .btnTab li {
        border-top: none;
        float: none
    }

    .tabNavEasy li a,.tabNavImg li a,.tabNav li a {
        color: #333;
        display: block;
        padding: 10px
    }

    .tabNavEasy li.on,.tabNavImg li.on,.tabNav li.on {
        color: #09c;
        font-weight: 700
    }

    .tabNavImg li.on:before,.tabNavImg li a:before {
        content: attr(data-label)
    }

    .tabNavImg li.on {
        background: #e1eeff;
        padding: 10px
    }

    .tabNavImg li img {
        display: none
    }

    .tabNavEasy li a,.tabNav li a {
        background-image: none;
        border: none;
        height: auto;
        text-align: left
    }

    .tabNavEasy li.on a,.tabNav li.on a {
        background: #e1eeff
    }

    .tabNav.item2 li a,.tabNav.item3 li a,.tabNav.item4 li a,.tabNav.item5 li a,.tabNavEasy.item2 li a,.tabNavEasy.item3 li a,.tabNavEasy.item4 li a,.tabNavEasy.item5 li a {
        padding: 10px
    }

    .tabNavEasy li.pluralline.tall a,.tabNavEasy li.pluralline a,.tabNavEasy li.tall a,.tabNav li.pluralline.tall a,.tabNav li.pluralline a,.tabNav li.tall a {
        height: auto!important;
        padding: 10px!important
    }

    .tabNav.item4 li.nEnd,.tabNavEasy.item4 li.nEnd {
        margin: 0
    }

    .linksWrap {
        font-size: 12px;
        padding: 0
    }

    .linksWrap ul li {
        border-top: 1px solid #e9e9e9;
        float: none;
        font-size: 100%;
        margin: 0!important;
        min-height: auto!important;
        width: auto!important
    }

    .linksWrap ul li:first-child {
        border: none
    }

    .linksWrap ul li a {
        display: block;
        padding: 10px
    }

    .linksWrap ul li em,.linksWrap ul li span {
        display: inline
    }

    .linksWrap .heading {
        font-size: 114%;
        padding: 8px 10px
    }

    .linksWrap h3 {
        background: #e9e9e9;
        padding-bottom: 10px
    }

    .linksWrap p {
        font-size: 114%;
        margin-top: 10px
    }

    .linksWrap li.icon a {
        background-position: 95% 50%
    }
}

h2.resp-accordion {
    cursor: pointer;
    display: none;
    padding: 5px
}

.resp-tab-content {
    display: none;
    padding: 15px
}

.resp-tab-active {
    background-color: #fff;
    background-image: none!important;
    border-bottom: none;
    color: #09c!important
}

.resp-accordion-active,.resp-content-active {
    display: block
}

h2.resp-accordion {
    border: 1px solid #e9e9e9;
    border-top: 0 solid #e9e9e9;
    font-size: 15px;
    margin: 0;
    padding: 10px 15px
}

h2.resp-tab-active {
    border-bottom: 0 solid #e9e9e9!important;
    margin-bottom: 0!important;
    padding: 10px 15px!important
}

h2.resp-tab-title:last-child {
    background: #00f;
    border-bottom: 12px solid #e9e9e9!important
}

.resp-vtabs .accoTab-list li {
    cursor: pointer;
    display: block;
    float: none;
    margin: 0
}

.resp-vtabs .resp-tab-content {
    border: none
}

.resp-vtabs li.resp-tab-active {
    background-color: #fff;
    border-right: none;
    position: relative;
    z-index: 1
}

.resp-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #e9e9e9;
    float: right;
    height: 0;
    margin-top: 3px;
    width: 0
}

h2.resp-tab-active span.resp-arrow {
    border: 6px solid transparent;
    border-bottom: 12px solid #9b9797;
    border-top: none
}

.resp-jfit {
    margin: 0;
    width: 100%
}

.resp-tab-content-active {
    display: block
}

h2.resp-accordion:first-child {
    border-top: 1px solid #e9e9e9!important
}

.accoTab-container .linksWrap {
    padding: 0 0 17px
}

@media screen and (max-width: 767px) {
    .accoTab {
        margin-top:11px!important
    }

    .accoTab .tabNav,ul.accoTab-list {
        display: none
    }

    h2.resp-accordion {
        background-color: #fbfbfb!important;
        border-top: 0 solid #e9e9e9!important;
        display: block;
        font-size: 100%
    }

    h2.resp-tab-active {
        background: #e1eeff!important
    }

    .resp-easy-accordion h2.resp-accordion {
        display: block
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #e9e9e9
    }

    .resp-vtabs .accoTab-container {
        border: none;
        clear: none;
        float: none;
        min-height: auto;
        width: 100%
    }

    .resp-accordion-closed {
        display: none!important
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #e9e9e9!important
    }
}

.listBox {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    float: left;
    margin-bottom: 15px
}

.listBoxInner .listTitle {
    border-left: 0;
    font-size: 114%;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 5px;
    padding-left: 0
}

.listBox a .listBoxInner .listTitle {
    color: #014099
}

.listBox .imgArea {
    margin: -1px
}

.listBox .imgArea iframe {
    aspect-ratio: 16/9
}

.listBox>a {
    color: inherit;
    display: block;
    overflow: hidden;
    text-decoration: none
}

.listBox>a:hover {
    color: #014099;
    text-decoration: underline
}

.listBox a.iconBlank {
    background: url(/shared/images/icon_blank.gif) 100% 3px no-repeat;
    padding-right: 26px
}

.listBoxInner .listText a {
    color: #333
}

.listBox.linkBlank {
    background: url(/shared/images/icon_newwin_02.png) 98% 96% no-repeat
}

.listBox .imgPC {
    display: block;
    text-align: center
}

.listBox .imgSP {
    display: none
}

.listBox .imgArea {
    text-align: center
}

.categoryBlock02 {
    margin: 0
}

.categoryBlock02 .listBox {
    margin: 0 0 30px 30px;
    width: calc(50% - 30px)
}

#main .categoryBlock02 {
    margin-left: -20px
}

#main .categoryBlock02 .listBox {
    margin: 0 0 20px 20px;
    width: calc(50% - 20px)
}

.categoryBlock02 .listBoxInner {
    padding: 13px 15px
}

.categoryBlock03 {
    margin: 20px 0 0 -15px
}

.categoryBlock03 .listBox {
    margin-left: 15px;
    width: calc(33.33333% - 15px)
}

#main .categoryBlock03 {
    margin-left: -15px
}

#main .categoryBlock03 .listBox {
    margin: 0 0 15px 15px;
    width: calc(33.33333% - 15px)
}

.categoryBlock03 .listBoxInner {
    padding: 13px 15px
}

.categoryBlock04 {
    margin: 20px 0 0 -16px
}

.categoryBlock04 .listBox {
    margin-left: 16px;
    width: calc(25% - 16px)
}

#main .categoryBlock04 {
    margin-left: -12px
}

#main .categoryBlock04 .listBox {
    margin: 0 0 12px 12px;
    width: calc(25% - 12px)
}

.categoryBlock04 .listBoxInner {
    padding: 10px
}

.categoryBlock05 {
    margin: 20px 0 0 -15px
}

.categoryBlock05 .listBox {
    margin-left: 15px;
    width: calc(20% - 15px)
}

#main .categoryBlock05 {
    margin-left: -10px
}

#main .categoryBlock05 .listBox {
    margin: 0 0 10px 10px;
    width: calc(20% - 10px)
}

.categoryBlock05 .listBoxInner {
    padding: 10px
}

@media screen and (max-width: 767px) {
    .categoryBlock02,.categoryBlock03,.categoryBlock04,.categoryBlock05 {
        margin-left:0!important
    }

    .categoryBlock01 .listBox,.categoryBlock02 .listBox,.categoryBlock03 .listBox,.categoryBlock04 .listBox,.categoryBlock05 .listBox {
        float: none;
        margin: 15px 0 0!important;
        padding: 10px;
        width: auto!important
    }

    .categoryBlock05 .listBox {
        overflow: hidden
    }

    .categoryBlock05 .listBox dt {
        float: left;
        width: 28%
    }

    .categoryBlock05 .listBox dt img {
        height: auto;
        max-width: 100%
    }

    .categoryBlock05 .listBox dd {
        overflow: hidden
    }

    .listBoxInner {
        padding: 5px 0 0!important
    }

    .listBoxInner .listTitle {
        font-family: inherit
    }

    .listBox>a:hover {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none
    }

    .listBox .imgPC {
        display: none!important
    }

    .listBox .imgSP {
        display: block!important
    }

    .listBox.imgThumb .imgArea {
        float: left;
        margin: 0 10px 5px 0;
        width: 28%
    }
}

.partBlock {
    margin: 0 0 0 -20px;
    position: relative
}

.partBlock .partBox {
    zoom:1;background: url(/shared/images/bg_white_op80.png) 0 0 repeat;
    float: left;
    height: 185px;
    margin: 0 0 20px 20px;
    overflow: hidden;
    width: 470px
}

.partBlock .partBox a {
    zoom:1;cursor: pointer;
    display: block;
    text-decoration: none
}

.partBlock .partBox a:hover {
    opacity: .8
}

.partBlock .partBox.partL .partImg {
    float: left;
    height: 185px;
    width: 236px
}

.partBlock .partBox.partR .partImg {
    float: right;
    height: 185px;
    width: 236px
}

.partBlock .partBox .partTxt {
    zoom:1;border: 1px solid #e9e9e9;
    display: table-cell;
    height: 163px;
    overflow: hidden;
    padding: 10px 23px;
    vertical-align: middle;
    width: 187px
}

.ie7 .partBlock .partBox .partTxt {
    display: block
}

.partBlock .partBox.partL .partTxt {
    border-left: 0
}

.partBlock .partBox.partR .partTxt {
    border-right: 0
}

.partBlock .partBox .partTxt h2 {
    color: #014099;
    font-size: 128%;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 5px;
    text-align: center
}

.partBlock .partBox .partTxt p {
    color: #000;
    line-height: 1.3
}

.partBlock#indexAdjust {
    margin-top: -432px
}

.partBlock#indexAdjust .partBox .partTxt h2 {
    font-size: 142%;
    text-align: left
}

#main .partBlock .partBox {
    height: 145px;
    width: 350px
}

#main .partBlock .partBox.partL .partImg,#main .partBlock .partBox.partR .partImg {
    height: 145px;
    width: 175px
}

#main .partBlock .partBox .partTxt {
    height: 123px;
    min-width: 143px;
    padding: 10px 15px
}

.partBlockWide .partBox {
    border: 1px solid #e9e9e9;
    margin-bottom: 20px
}

.partBlockWide .partBox.partL .partImg {
    float: left;
    margin: -1px 0 0 -1px;
    width: 300px
}

.partBlockWide .partBox.partR .partImg {
    float: right;
    margin: -1px -1px 0 0;
    width: 300px
}

.partBlockWide .partBox .partTxt {
    zoom:1;display: block;
    min-height: 148px;
    overflow: hidden;
    padding: 25px 30px 10px
}

.partBlockWide .partBox .partTxt h2 {
    color: #014099;
    font-size: 142%;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 5px
}

.partBlockWide .partBox a .partTxt p {
    color: #333
}

@media screen and (max-width: 767px) {
    .partBlock {
        margin:0
    }

    .partBlock#indexAdjust {
        margin: 210px 0 0
    }

    .partBlock .partBox {
        background: #fff;
        border: 1px solid #e9e9e9;
        float: none;
        height: auto;
        margin: 0 0 10px;
        width: 100%
    }

    .partBlock .partBox.partL .partImg,.partBlock .partBox.partR .partImg {
        height: auto;
        width: auto
    }

    .partBlock .partBox .partImg img {
        height: 70px;
        width: 90px
    }

    .partBlock .partBox .partTxt {
        border: none;
        height: auto;
        min-width: inherit;
        padding: 10px 15px
    }

    .partBlock .partBox .partTxt h2 {
        font-size: 128%!important;
        margin-bottom: 3px;
        text-align: left
    }

    .partBlockWide .partBox.partL .partImg,.partBlockWide .partBox.partR .partImg {
        margin: -1px 0 0 -1px;
        width: 30%
    }

    .partBlockWide .partBox .partTxt {
        height: inherit;
        padding: 10px
    }

    .partBlockWide .partBox .partTxt h2 {
        font-size: 128%
    }

    #main .partBlock .partBox {
        height: auto;
        width: 100%
    }

    #main .partBlock .partBox.partL .partImg,#main .partBlock .partBox.partR .partImg {
        height: auto;
        width: auto
    }

    #main .partBlock .partBox .partTxt {
        height: auto;
        min-width: inherit
    }
}

.chapterBlock {
    margin: 0 0 0 -18px;
    position: relative
}

.chapterBlock .chapterBox {
    background: url(/shared/images/bg_white_op80.png) 0 0 repeat;
    float: left;
    margin: 0 0 18px 18px;
    width: 308px
}

.chapterBlock .chapterBox a {
    zoom:1;cursor: pointer;
    display: block;
    text-decoration: none
}

.chapterBlock .chapterBox a:hover {
    opacity: .8
}

.chapterBlock .chapterBox .chapTxt {
    border: 1px solid #e9e9e9;
    border-top: none;
    padding: 18px 20px 20px
}

.chapterBlock .chapterBox .chapTxt h2 {
    color: #014099;
    font-size: 128%;
    font-weight: 700;
    margin-bottom: 5px;
    text-align: center
}

.chapterBlock .chapterBox .chapTxt p {
    color: #000
}

@media screen and (max-width: 767px) {
    .chapterBlock {
        margin:0
    }

    .chapterBlock .chapterBox {
        background: #fff;
        border: 1px solid #e9e9e9;
        float: none;
        height: auto;
        margin: 0 0 10px;
        width: 100%
    }

    .chapterBlock .chapterBox .chapImg img {
        width: 100%
    }

    .chapterBlock .chapterBox .chapTxt {
        border: none;
        height: auto;
        min-height: auto!important;
        padding: 10px 15px
    }

    .chapterBlock .chapterBox.spTypeL,.chapterBlock .chapterBox.spTypeR {
        display: table
    }

    .chapterBlock .chapterBox.spTypeL .chapImg {
        display: table-cell;
        float: left;
        width: 30%
    }

    .chapterBlock .chapterBox.spTypeR .chapImg {
        display: table-cell;
        float: right;
        width: 30%
    }

    .chapterBlock .chapterBox.spTypeL .chapTxt,.chapterBlock .chapterBox.spTypeR .chapTxt {
        display: table-cell
    }

    .chapterBlock .chapterBox.spTypeL .chapTxt h2,.chapterBlock .chapterBox.spTypeR .chapTxt h2 {
        line-height: 1.3;
        margin-bottom: 3px;
        text-align: left
    }
}

.pressBlock {
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
    padding: 18px 25px
}

.pressBlock .heading {
    zoom:1;overflow: hidden
}

.pressBlock .heading h2 {
    color: #014099;
    float: left;
    font-size: 142%;
    font-weight: 700
}

.pressBlock .heading p {
    float: right;
    margin-top: 5px
}

.pressBlock dt {
    margin-top: 15px
}

.pressBlock dt span {
    margin-right: 10px
}

.pressBlock dt img {
    margin-right: 8px;
    vertical-align: middle
}

.infoBlock {
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
    padding: 18px 25px
}

.infoBlock .heading {
    zoom:1;overflow: hidden
}

.infoBlock .heading h2 {
    color: #014099;
    float: left;
    font-size: 142%;
    font-weight: 700
}

.infoBlock .heading p {
    float: right;
    margin-top: 5px
}

.infoBlock dl {
    zoom:1;overflow: hidden
}

.infoBlock dl dt {
    color: #666;
    float: left;
    margin: 10px 15px 0 0
}

.infoBlock dl dd {
    zoom:1;margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 780px
}

.ie7 .infoBlock {
    margin-top: 20px
}

.ie7 .infoBlock dl dt {
    width: 105px
}

.ie7 .infoBlock dl dd {
    width: auto
}

@media screen and (max-width: 767px) {
    .pressBlock {
        padding:10px
    }

    .pressBlock h2 {
        font-size: 128%
    }

    .pressBlock dt img.label {
        height: 10px;
        width: 66px
    }

    .infoBlock {
        padding: 10px
    }

    .infoBlock h2 {
        font-size: 128%
    }

    .infoBlock dl dt {
        float: none;
        margin: 10px 0 0
    }

    .infoBlock dl dd {
        margin-top: 0;
        width: auto
    }
}

.bnrBlock {
    background-color: #f6f5f5;
    border: 1px solid #e5e5e5;
    padding: 19px
}

.bnrBlock ul {
    margin-left: -17px
}

.bnrBlock ul li {
    float: left;
    margin-left: 17px;
    width: 170px
}

.bnrBlock ul li a {
    color: #333
}

.bnrBlock ul li span {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    margin-top: 10px
}

@media screen and (max-width: 767px) {
    .bnrBlock {
        padding:10px 10px 0
    }

    .bnrBlock ul {
        margin: 0
    }

    .bnrBlock ul li {
        float: none;
        margin: 0 0 10px
    }

    .bnrBlock ul li,.bnrBlock ul li a {
        display: table;
        width: 100%
    }

    .bnrBlock ul li img {
        display: table-cell;
        height: 60px;
        padding-right: 10px;
        width: 85px
    }

    .bnrBlock ul li span {
        display: table-cell;
        overflow: hidden;
        vertical-align: middle;
        width: 65%
    }
}

.prodSearchBlock {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    margin: -68px 0 18px;
    padding: 7px
}

.prodSearchBlock h2 {
    color: #014099;
    float: left;
    font-size: 114%;
    font-weight: 700;
    line-height: 34px;
    padding: 0 40px
}

.prodSearchBlock form {
    float: left
}

.prodSearchBlock form input.wordInput {
    background-color: #d7d7d7;
    border: none;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    outline: none;
    padding: 2px 5px;
    width: 457px
}

.prodSearchBlock form input.btnSubmit {
    background-color: #807f7f;
    border: none;
    color: #fff;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    outline: none;
    padding: 0 5px;
    text-align: center;
    width: 93px
}

.prodSearchBlock form input.btnSubmit:hover {
    background-color: #666
}

.prodSearchBlock p {
    float: left;
    margin-left: 10px;
    width: auto
}

.prodSearchBlock p a {
    background-color: #014099;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding: 0 34px;
    text-align: center
}

.prodSearchBlock p a:hover {
    background-color: #00265b;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .prodSearchBlock {
        margin-top:0
    }

    .prodSearchBlock h2 {
        float: none;
        line-height: 1.3;
        margin-bottom: 5px;
        padding: 0
    }

    .prodSearchBlock form {
        float: none;
        overflow: hidden
    }

    .prodSearchBlock form input.wordInput {
        float: left;
        width: 70%
    }

    .prodSearchBlock form input.btnSubmit {
        float: left;
        width: 26.5%
    }

    .prodSearchBlock p {
        float: none;
        margin: 5px 0 0
    }
}

.chapterKV {
    color: #fff;
    font-size: 14px;
    height: 207px;
    padding: 100px 0 100px 65px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.2)
}

.chapterKV h1 {
    border: none;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
    padding: 0
}

.chapterKV p.heading {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 10px
}

.chapterKV p {
    width: 500px
}

.sectionKV {
    color: #fff;
    font-size: 14px;
    padding: 95px 0 95px 35px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.2)
}

.sectionKV h1 {
    border: none;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    padding: 0
}

.sectionKV p.heading {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 10px
}

.sectionKV p {
    width: 500px
}

.chapterKV .more,.sectionKV .more {
    margin-top: 8px;
    width: auto
}

.chapterKV .more a,.sectionKV .more a {
    zoom:1;border: 1px solid #fff;
    color: #fff;
    padding: 8px 12px;
    text-shadow: none
}

.chapterKV .more a:hover,.sectionKV .more a:hover {
    background-color: #fff;
    color: #014099;
    text-decoration: none
}

.chapterKV.colorA,.chapterKV.colorA h1,.sectionKV.colorA,.sectionKV.colorA h1 {
    color: #000;
    text-shadow: none
}

.chapterKV.colorB,.chapterKV.colorB h1,.sectionKV.colorB,.sectionKV.colorB h1 {
    color: #014099;
    text-shadow: none
}

.sectionKV.colorA .more a {
    border-color: #000;
    color: #000
}

.sectionKV.colorA .more a:hover {
    background-color: #000;
    color: #fff
}

.sectionKV.colorB .more a {
    border-color: #014099;
    color: #014099
}

.sectionKV.colorB .more a:hover {
    background-color: #014099;
    color: #fff
}

.kvFilter {
    zoom:1;background: url(/shared/images/bg_white_op90.png) 0 0 repeat;
    margin-bottom: 30px;
    padding: 10px 0;
    position: relative
}

@media screen and (max-width: 767px) {
    .chapterKV {
        height:auto
    }

    .chapterKV,.sectionKV {
        padding: 70px 0
    }

    .chapterKV h1,.sectionKV h1 {
        font-size: 166%;
        margin-bottom: 10px
    }

    .chapterKV p,.sectionKV p {
        display: none;
        width: auto
    }

    .chapterKV p.heading,.sectionKV p.heading {
        display: block;
        font-size: 133%
    }

    .chapterKV .more,.sectionKV .more {
        display: block
    }

    .chapterKV .more a,.sectionKV .more a {
        padding: 5px
    }

    .sectionKV h1 {
        margin-bottom: 0
    }

    .kvFilter {
        padding: 10px
    }

    .kvFilter h2:first-child {
        margin-top: 0
    }
}

.accWrap .accHead {
    background: #fff;
    color: #666;
    cursor: pointer;
    font-size: 128%;
    font-weight: 700;
    height: 20px;
    line-height: 1.3;
    padding: 15px;
    text-decoration: none
}

.accWrap .accordion-open {
    background: #014099;
    color: #fff
}

.accWrap .accordion-close span,.accWrap .accordion-open span {
    display: block;
    float: right;
    margin: -15px -15px 0 0
}

.accWrap .accordion-close {
    border: 1px solid #e9e9e9;
    margin-top: -1px
}

.accWrap .accordion-close:hover {
    background: #f9f9f9
}

.accWrap .accordion-open span {
    background: #00265c url(/shared/images/icon_acc_open.png) 50% no-repeat;
    padding: 25px 25px 25px 27px
}

.accWrap .accordion-close span {
    background: #f4f4f4 url(/shared/images/icon_acc_close.png) 50% no-repeat;
    border-left: 1px solid #e9e9e9;
    padding: 25px
}

.accWrap .accElem {
    border: 1px solid #e9e9e9;
    padding: 20px
}

.accWrap .accElem.linksWrap {
    padding: 0 20px 20px 0
}

.ie7 .accWrap .accHead span {
    height: 0;
    margin-top: -35px;
    width: 0
}

@media screen and (max-width: 767px) {
    .accWrap .accHead {
        font-size:107%;
        height: auto;
        padding: 10px
    }

    .accWrap .accordion-close span,.accWrap .accordion-open span {
        background-size: 6px 6px;
        -moz-background-size: 6px 6px;
        -webkit-background-size: 6px 6px;
        margin: -10px -10px 0 0
    }

    .accWrap .accordion-open span {
        padding: 18px 19px
    }

    .accWrap .accordion-close span {
        padding: 18px
    }

    .accWrap .accElem {
        padding: 10px
    }

    .accWrap .accElem.linksWrap {
        padding: 0
    }
}

.newsSegment {
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
    padding: 15px 20px 20px
}

.newsSegment dt {
    font-size: 114%;
    font-weight: 700
}

.newsSegment dd ul {
    zoom:1;margin-left: -9px;
    overflow: hidden
}

.newsSegment dd ul li {
    float: left;
    margin: 10px 0 0 9px;
    width: 220px
}

.newsSegment dd ul li a {
    display: block;
    padding: 10px;
    text-align: center
}

.newsSegment dd ul li a:hover {
    text-decoration: none
}

.newsSegment dd ul li.seg1 a {
    border: 2px solid #c0392b;
    color: #c0392b
}

.newsSegment dd ul li.seg1 a:hover,.newsSegment dd ul li.seg1.current a {
    background-color: #c0392b;
    color: #fff
}

.newsSegment dd ul li.seg2 a {
    border: 2px solid #2ecc71;
    color: #2ecc71
}

.newsSegment dd ul li.seg2 a:hover,.newsSegment dd ul li.seg2.current a {
    background-color: #2ecc71;
    color: #fff
}

.newsSegment dd ul li.seg3 a {
    border: 2px solid #9b59b6;
    color: #9b59b6
}

.newsSegment dd ul li.seg3 a:hover,.newsSegment dd ul li.seg3.current a {
    background-color: #9b59b6;
    color: #fff
}

.newsSegment dd ul li.seg4 a {
    border: 2px solid #2c3e50;
    color: #2c3e50
}

.newsSegment dd ul li.seg4 a:hover,.newsSegment dd ul li.seg4.current a {
    background-color: #2c3e50;
    color: #fff
}

.newsSegment dd ul li.seg5 a {
    border: 2px solid #3498db;
    color: #3498db
}

.newsSegment dd ul li.seg5 a:hover,.newsSegment dd ul li.seg5.current a {
    background-color: #3498db;
    color: #fff
}

.newsSegment dd ul li.seg6 a {
    border: 2px solid #f39c12;
    color: #f39c12
}

.newsSegment dd ul li.seg6 a:hover,.newsSegment dd ul li.seg6.current a {
    background-color: #f39c12;
    color: #fff
}

.newsSegment dd ul li.seg7 a {
    border: 2px solid #ddd;
    color: #333
}

.newsSegment dd ul li.seg7 a:hover,.newsSegment dd ul li.seg7.current a {
    background-color: #ddd;
    color: #333
}

@media screen and (max-width: 767px) {
    .newsSegment {
        padding:10px
    }

    .newsSegment dt {
        display: none
    }

    .newsSegment dd ul {
        margin: 0
    }

    .newsSegment dd ul li {
        float: none;
        margin: 5px 0 0;
        width: auto
    }
}

.newsCategory {
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
    padding: 15px 20px 20px
}

.newsCategory ul {
    zoom:1;overflow: hidden
}

.newsCategory ul li {
    float: left;
    margin: 5px 0 0;
    width: 49%
}

.newsCategory ul li a {
    display: inline-block;
    padding: 2px 5px
}

.newsCategory ul li.current a,.newsCategory ul li a:hover {
    background-color: #014099;
    color: #fff;
    text-decoration: none
}

.newsCategory ul.yearList li {
    margin-right: 30px;
    width: auto
}

.newsCategory ul.yearList li a {
    padding: 2px 8px
}

@media screen and (max-width: 767px) {
    .newsCategory {
        padding:10px
    }

    .newsCategory ul {
        margin: 0
    }

    .newsCategory ul li {
        margin: 2px 0 0;
        width: 50%
    }

    .newsCategory ul li a {
        display: block;
        font-size: 11px;
        padding: 4px 5px
    }

    .newsCategory ul.yearList li {
        margin-right: 10px
    }
}

.photoLib {
    zoom:1;margin: 20px 0 0 -5px;
    overflow: hidden
}

.photoLib li {
    float: left;
    margin: 5px 0 0 4px
}

@media screen and (max-width: 767px) {
    .photoLib {
        margin-left:-1%
    }

    .photoLib li {
        margin: 1% 0 0 1%;
        width: 32%
    }
}

.productDetail {
    clear: both
}

.productDetail .lumpR {
    margin-left: 30px
}

.productDetail .h2Type01 {
    margin: 0 0 10px
}

.productDetail .h2Type01 span.generalName {
    color: #000;
    display: block;
    font-size: 85%
}

.productDetail .markStar span {
    color: #ef6e02;
    font-weight: 400
}

.productDetail .bPattern05 {
    margin-top: 20px
}

.productDetail .linksWrap {
    margin-top: 20px;
    padding-top: 0
}

.productDetail .toContactUs {
    margin: 20px 0 55px;
    text-align: center
}

.productDetail .toContactUs a {
    background-color: #014099;
    color: #fff;
    display: inline-block;
    font-size: 114%;
    font-weight: 700;
    padding: 13px 60px
}

.productDetail .toContactUs a:hover {
    background-color: #00265b;
    text-decoration: none
}

.productDetail #proPhoto {
    height: 320px;
    position: relative;
    width: 320px
}

.productDetail #proPhoto img {
    left: 0;
    position: absolute;
    top: 0
}

.productDetail #proThumb {
    margin: 5px 0 0 -5px
}

.productDetail #proThumb li {
    float: left;
    height: 60px;
    margin-left: 5px;
    width: 60px
}

.productDetail #proThumb li a {
    display: block
}

.productDetail #proThumb li a:active,.productDetail #proThumb li a:hover {
    opacity: .8
}

.productDetail #proThumb li a:hover img {
    border: none;
    filter: alpha(opacity=80)
}

.productDetail #proThumb li img {
    height: 100%;
    width: 100%
}

.productDetail #proThumb li span {
    background-color: #f5f5f5;
    border: 1px solid #eaeaea;
    height: 58px;
    margin-top: 0;
    text-indent: -9999px;
    width: 58px
}

.productDetail .linkOthers ul li {
    float: left;
    width: 290px
}

.productDetail .linkOthers {
    padding-left: 10px
}

.productDetail .linkOthers ul li {
    margin-top: 8px
}

.productDetail .network ul li {
    float: left;
    width: 160px
}

.productDetail .network ul {
    margin-left: 10px
}

.productDetail .network ul li a {
    background: url(/shared/images/icon_arrow_01.gif) 0 50% no-repeat;
    padding-left: 15px
}

.productDetail .network h3 {
    background: url(/shared/images/side_bg_on.gif) 0 8px no-repeat;
    color: #039!important;
    font-size: 107%!important;
    font-weight: 700;
    margin-top: 5px!important;
    padding: 3px 0 3px 10px
}

.productDetail .net ul {
    margin-left: 10px
}

.productDetail .net ul li {
    float: left;
    padding: 5px;
    width: 200px
}

.productDetail .net ul li a {
    background: url(/shared/images/icon_arrow_01.gif) 0 50% no-repeat;
    padding-left: 15px
}

.productDetail .pdfBlankLink {
    margin: 0 20px;
    text-align: right
}

.productDetail .pdfBlankLink img {
    margin-left: 3px;
    vertical-align: middle
}

.productDetail #proThumb:after,.productDetail .linkOthers ul:after,.productDetail .linkSetWrap:after,.productDetail .linksWrap ul:after,.productDetail:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden
}

.productDetail,.productDetail .linkOthers ul,.productDetail .linkSetWrap,.productDetail .linksWrap ul {
    zoom:1}

@media screen and (max-width: 767px) {
    .productDetail .lumpR.sp100 {
        margin-left:auto!important;
        margin-right: auto!important;
        overflow: hidden;
        width: 295px!important
    }

    .productDetail .toContactUs {
        margin: 20px 0
    }

    .productDetail .toContactUs a {
        display: block;
        padding: 10px
    }

    .productDetail #proPhoto {
        float: left;
        height: 245px;
        width: 245px
    }

    .productDetail #proPhoto img {
        height: 245px;
        width: 245px
    }

    .productDetail #proThumb {
        float: left;
        margin: 0 0 0 5px;
        width: 45px
    }

    .productDetail #proThumb li {
        height: 45px;
        margin: 0 0 5px;
        width: 45px
    }

    .productDetail #proThumb li span {
        height: 43px;
        width: 43px
    }

    .productDetail .bPattern05 {
        margin-top: 20px
    }
}

#indexKey {
    height: 318px;
    margin: 0 0 8px;
    overflow: hidden;
    position: relative;
    width: 1080px
}

#indexKey.lowerSlide {
    height: 253px!important
}

#indexKey.lowerSlide #slideNext,#indexKey.lowerSlide #slidePrev {
    top: 100px!important
}

#indexKey.lowerSlide .slideMark {
    top: 230px!important
}

#indexKey.newHeader {
    margin-top: 60px
}

*+html #indexKey.newHeader {
    padding-top: 60px
}

#indexKey #preSlide {
    width: 1800px
}

#indexKey #preSlide li {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10
}

#indexKey #slideList {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

#indexKey #slideList li {
    float: left
}

#indexKey #slideList li img {
    display: inline-block
}

#indexKey #slideNext,#indexKey #slidePrev {
    position: absolute;
    top: 118px;
    z-index: 3
}

#indexKey #slidePrev {
    left: -40px
}

#indexKey #slideNext {
    right: -40px
}

#indexKey .slideMark {
    left: 0;
    position: absolute;
    text-align: center;
    top: 296px;
    width: 100%;
    z-index: 2
}

#indexKey .slideMark li {
    display: inline-block;
    margin: 0 6px
}

#indexKey .slideMark li a {
    background: #fff;
    display: block;
    height: 7px;
    line-height: 0;
    margin: 3px 0 0;
    overflow: hidden;
    padding: 0;
    width: 19px
}

#indexKey .slideMark li a.selected {
    background: url(/shared/images/index_slide_mark.gif) 0 0 no-repeat;
    margin: 0;
    padding: 3px 0 0
}

#spKV {
    display: none
}

#topGlobalNav {
    margin-bottom: 20px
}

#topGlobalNav li {
    float: left
}

@media screen and (max-width: 767px) {
    #indexKey {
        display:none
    }

    #spKV {
        display: block;
        margin: 10px 0 20px
    }

    #topGlobalNav {
        display: none
    }
}

.groupBox01 {
    background: url(/shared/images/group_bg_01.gif) 0 0 no-repeat;
    margin-top: 15px
}

.groupBox01 h2 {
    color: inherit;
    font-size: 185%;
    font-weight: 700;
    margin: 0;
    padding: 15px 0;
    text-align: center
}

.groupBox01 ul {
    padding: 0 0 29px 50px
}

.groupBox01 ul li {
    display: inline-block;
    margin: 0 14px 14px 0
}

.ie7 .groupBox01 {
    height: 462px
}

.groupBox02 ul {
    float: left;
    width: 325px
}

.groupBox02 ul.lastChild {
    float: right
}

.groupBox02 ul li img {
    float: left;
    margin-right: 5px
}

.groupBox02 {
    padding-top: 15px
}

.groupBox02 ul li {
    margin-bottom: 35px
}

@media screen and (max-width: 767px) {
    .groupBox01 {
        background-position:-10px -10px;
        border: 1px solid #eaeaea
    }

    .groupBox01 h2 {
        font-size: 114%;
        padding: 10px 0 0
    }

    .groupBox01 ul {
        overflow: hidden;
        padding: 0 10px 10px
    }

    .groupBox01 ul li {
        display: block;
        margin: 10px 0 0;
        width: 49%
    }

    .groupBox01 ul li:nth-child(odd) {
        float: left
    }

    .groupBox01 ul li:nth-child(2n) {
        float: right
    }

    .groupBox01 ul li img {
        width: 100%
    }

    .groupBox02 ul,.groupBox02 ul.lastChild {
        float: none;
        width: auto
    }

    .groupBox02 ul li {
        border: 1px solid #eaeaea;
        margin-bottom: 5px
    }

    .groupBox02 ul li a {
        display: block;
        overflow: hidden;
        padding: 10px
    }

    .groupBox02 ul li a img {
        width: 43px
    }
}

.newsBranchBlock {
    zoom:1;overflow: hidden
}

.newsBlock {
    _zoom: 1;
    background: url(/shared/images/bg_newsblock.gif) bottom no-repeat;
    float: left;
    padding: 0 0 11px;
    position: relative;
    width: 642px
}

#contents #main .newsBlock {
    float: none;
    width: 720px
}

.newsBlock h2 {
    background: url(/shared/images/bg_newsblock_title.gif) 0 100% repeat-x;
    border: 1px solid #eaeaea;
    border-bottom: none;
    color: #014099;
    font-size: 128%;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    padding: 15px 10px 15px 20px
}

.newsBlock .backNumber {
    zoom:1;overflow: hidden;
    position: absolute;
    right: 27px;
    top: 16px
}

.newsBlock .backNumber li {
    float: left;
    font-size: 85%;
    padding-left: 20px
}

.newsBlock .backNumber li a {
    background: url(/shared/images/icon_arrow_08.gif) 0 4px no-repeat;
    padding-left: 8px
}

.newsBlockList {
    _zoom: 1;
    border: 1px solid #eaeaea;
    padding: 0 0 8px
}

.newsBlockList li {
    _zoom: 1;
    border-bottom: 1px solid #eaeae8;
    list-style-type: none;
    margin: 0 17px;
    _margin-bottom: 1px;
    padding: 5px 0 5px 2px
}

.newsBlockList li.lastChild {
    border-bottom: none
}

.branchBlock {
    float: right;
    width: 297px
}

.branchBlock .branchInner {
    background-color: #fafafa;
    border: 1px solid #eaeaea;
    padding: 5px 5px 0
}

.branchBlock .branchInner li {
    margin-bottom: 5px;
    text-align: center
}

@media screen and (max-width: 767px) {
    #contents .newsBlock {
        float:none;
        width: 100%!important
    }

    #contents .newsBlock iframe {
        width: 100%
    }

    .newsBlock {
        margin-bottom: 15px
    }

    .newsBlock h2 {
        font-size: 114%;
        padding: 10px
    }

    .newsBlock .backNumber {
        top: 10px
    }

    .newsBlock .backNumber .intro {
        display: none
    }

    .branchBlock {
        float: none;
        width: 100%
    }

    .branchBlock .branchInner li img {
        text-align: center
    }

    .newsBlock .backNumber li a {
        background-position: 0 45%
    }
}

.bnrBlockA01 {
    margin-top: 20px
}

.bnrBlockA01 img {
    vertical-align: top
}

.bnrBlockA01 .bnrBoxL {
    box-shadow: 0 7px 6px -5px #d6d6d6a1;
    -webkit-box-shadow: 0 7px 6px -5px hsla(0,0%,84%,.63);
    -moz-box-shadow: 0 7px 6px -5px hsla(0,0%,84%,.63);
    float: left;
    width: 427px
}

.bnrBlockA01 .bnrBoxL dt,.bnrBlockA01 .bnrBoxR dt {
    color: #004097;
    font-size: 142%;
    font-weight: 700;
    margin-bottom: 10px
}

.bnrBlockA01 .bnrBoxL li {
    float: left;
    font-size: 114%;
    font-weight: 700;
    text-align: center
}

.bnrBlockA01 .bnrBoxL li.btn01,.bnrBlockA01 .bnrBoxL li.btn02 {
    border: 1px solid #eaeaea;
    width: 212px
}

.bnrBlockA01 .bnrBoxL li.btn02 {
    border-left: none
}

.bnrBlockA01 .bnrBoxL li.btn01 a,.bnrBlockA01 .bnrBoxL li.btn02 a {
    display: block;
    padding: 15px 0 20px
}

.bnrBlockA01 .bnrBoxL li.btn01 a span,.bnrBlockA01 .bnrBoxL li.btn02 a span {
    background: url(/shared/images/icon_arrow_07.gif) 0 45% no-repeat;
    padding-left: 12px
}

.bnrBlockA01 .bnrBoxR {
    float: right;
    width: 427px
}

@media screen and (max-width: 767px) {
    .bnrBlockA01 .bnrBoxL {
        margin-bottom:20px
    }

    .bnrBlockA01 {
        width: auto
    }

    .bnrBlockA01 .bnrBoxL,.bnrBlockA01 .bnrBoxL li.btn01,.bnrBlockA01 .bnrBoxL li.btn02,.bnrBlockA01 .bnrBoxR {
        float: none;
        width: auto
    }

    .bnrBlockA01 .bnrBoxL li.btn02 {
        border: 1px solid #eaeaea;
        border-top: none
    }

    .bnrBlockA01 .bnrBoxL li.btn01 a,.bnrBlockA01 .bnrBoxL li.btn02 a {
        padding: 10px;
        text-align: left
    }

    .bnrBlockA01 .bnrBoxL li.btn01 a span,.bnrBlockA01 .bnrBoxL li.btn02 a span {
        background: url(/shared/images/sp_arrow_06.png) 0 45% no-repeat;
        background-size: 8px 11px;
        -moz-background-size: 8px 11px;
        -webkit-background-size: 8px 11px
    }

    .bnrBlockA01 .bnrBoxL li {
        font-size: 100%
    }

    .bnrBlockA01 .bnrBoxL dt,.bnrBlockA01 .bnrBoxR dt {
        font-size: 128%
    }

    .bnrBlockA01 .bnrBoxR img {
        width: 100%
    }
}

.menuTAA {
    zoom:1;border: 1px solid #d9d9d9;
    margin-bottom: 20px;
    overflow: hidden
}

.menuTAA .outline {
    float: left;
    height: 158px;
    padding: 20px;
    width: 419px
}

.menuTAA .outline h2 {
    border: none;
    margin: 0 0 20px;
    text-align: center
}

.menuTAA .outline p {
    color: #fff;
    line-height: 1.3
}

.menuTAA .visual {
    float: left;
    width: 499px
}

#lifeBox .outline {
    background-color: #ffa13d
}

#envBox .outline {
    background-color: #44bc52
}

#chemiBox .outline {
    background-color: #d8ca55
}

@media screen and (max-width: 767px) {
    .menuTAA .outline,.menuTAA .visual {
        float:none;
        height: auto;
        width: auto
    }

    .menuTAA .outline {
        padding: 10px
    }

    .menuTAA .outline h2 {
        color: #fff;
        font-size: 128%;
        font-weight: 700;
        margin-bottom: 10px
    }

    .menuTAA .outline h2:before {
        content: attr(data-label)
    }

    .menuTAA .outline h2 img {
        display: none
    }
}

.torayAllNavi {
    height: 19px;
    margin: 0 0 5px;
    position: relative;
    width: 1080px
}

.torayAllNaviList {
    height: 19px;
    margin: 0 261px 0 260px;
    width: 439px
}

.torayAllNaviList li {
    float: left
}

.torayAllNaviList li a {
    background-repeat: no-repeat;
    display: block;
    height: 19px;
    text-indent: -9999px
}

.torayAllNaviList li.naviLife a {
    background-position: -260px 0;
    width: 134px
}

.torayAllNaviList li.naviEnvi a {
    background-position: -394px 0;
    width: 183px
}

.torayAllNaviList li.naviChem a {
    background-position: -577px 0;
    width: 122px
}

.torayAllNaviList li.naviLife a.current,.torayAllNaviList li.naviLife a:hover {
    background-position: -260px -19px
}

.torayAllNaviList li.naviEnvi a.current,.torayAllNaviList li.naviEnvi a:hover {
    background-position: -394px -19px
}

.torayAllNaviList li.naviChem a.current,.torayAllNaviList li.naviChem a:hover {
    background-position: -577px -19px
}

@media screen and (max-width: 767px) {
    .torayAllNavi,.torayAllNaviList {
        height:auto;
        margin: 0;
        width: auto
    }

    .torayAllNavi {
        background: none
    }

    .torayAllNaviList li {
        float: none;
        margin-top: 1px
    }

    .torayAllNaviList li a {
        background: #eaeaea url(/shared/images/sp_arrow_03.png) 98% 50% no-repeat!important;
        background-size: 18px 18px!important;
        -moz-background-size: 18px 18px!important;
        -webkit-background-size: 18px 18px!important;
        color: #333;
        font-weight: 700;
        height: auto!important;
        padding: 10px;
        text-indent: 0;
        width: auto!important
    }

    .torayAllNaviList li a:hover {
        position: 98% 50%
    }

    .torayAllNaviList li.naviLife a.current {
        background-color: #ffa13d!important
    }

    .torayAllNaviList li.naviEnvi a.current {
        background-color: #44bc52!important
    }

    .torayAllNaviList li.naviChem a.current {
        background-color: #d8ca55!important
    }
}

#lifeIndex {
    background-repeat: no-repeat;
    height: 1368px;
    margin: 0 30px;
    position: relative
}

#lifeIndex div {
    position: absolute
}

#lifeIndex div a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

#lifeIndex #life_1 {
    left: 629px;
    top: 4px
}

#lifeIndex #life_2 {
    left: 77px;
    top: 93px
}

#lifeIndex #life_3 {
    left: 553px;
    top: 175px
}

#lifeIndex #life_4 {
    left: 366px;
    top: 175px
}

#lifeIndex #life_5 {
    left: 407px;
    top: 240px
}

#lifeIndex #life_6 {
    left: 133px;
    top: 546px
}

#lifeIndex #life_7 {
    left: 319px;
    top: 301px
}

#lifeIndex #life_8 {
    left: 721px;
    top: 571px
}

#lifeIndex #life_9 {
    left: 493px;
    top: 562px
}

#lifeIndex #life_10 {
    left: 193px;
    top: 260px
}

#lifeIndex #life_11 {
    right: 60px;
    top: 422px
}

#lifeIndex #life_12 {
    left: 533px;
    top: 497px
}

#lifeIndex #life_13 {
    left: 567px;
    top: 342px
}

#lifeIndex #life_14 {
    right: 83px;
    top: 280px
}

#lifeIndex #life_15 {
    bottom: 496px;
    right: 133px
}

#lifeIndex #life_16 {
    bottom: 440px;
    left: 94px
}

#lifeIndex #life_17 {
    bottom: 467px;
    left: 523px
}

#lifeIndex #life_18 {
    left: 80px;
    top: 694px
}

#lifeIndex #life_19 {
    bottom: 563px;
    left: 433px
}

#lifeIndex #life_20 {
    bottom: 510px;
    left: 268px
}

#lifeIndex #life_21 {
    bottom: 394px;
    right: 288px
}

#lifeIndex #life_22 {
    bottom: 326px;
    right: 136px
}

#lifeIndex #life_23 {
    bottom: 139px;
    left: 273px
}

#lifeIndex #life_24 {
    bottom: 283px;
    left: 445px
}

#lifeIndex #life_25 {
    bottom: 191px;
    left: 387px
}

#lifeIndex #life_26 {
    bottom: 221px;
    left: 197px
}

#lifeIndex #life_27 {
    bottom: 155px;
    left: 117px
}

#environmentIndex {
    background-repeat: no-repeat;
    height: 801px;
    margin: 0 30px;
    position: relative
}

#environmentIndex div {
    position: absolute
}

#environmentIndex div a:hover img,#environmentIndex p.more a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

#environmentIndex .more {
    left: 80px;
    margin: 0;
    position: absolute;
    top: 328px
}

#environmentIndex #environment_1 {
    left: 516px;
    top: 563px
}

#environmentIndex #environment_2 {
    left: 322px;
    top: 307px
}

#environmentIndex #environment_3 {
    left: 649px;
    top: 581px
}

#environmentIndex #environment_4 {
    left: 103px;
    top: 530px
}

#environmentIndex #environment_5 {
    left: 370px;
    top: 554px
}

#environmentIndex #environment_6 {
    left: 348px;
    top: 492px
}

#environmentIndex #environment_7 {
    left: 321px;
    top: 671px
}

#envAirplane {
    margin-bottom: 30px;
    position: relative
}

#envAirplane p.toCateTop {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0
}

#envAirplane p.toCateTop a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

#envPolicy {
    margin: 0 auto;
    width: 862px
}

#envPolicy h2 {
    background-color: #0fb620;
    background-image: none;
    border-left: none;
    color: #fff;
    font-size: 128%;
    line-height: 38px;
    margin: 0;
    padding: 0 17px
}

#envPolicy .body {
    zoom:1;border: 1px solid #dbdada;
    border-top: none;
    overflow: hidden;
    padding: 20px
}

#envPolicy .body .left {
    float: left;
    width: 576px
}

#envPolicy .body .right {
    background-color: #daf4dd;
    float: right;
    padding: 15px;
    width: 181px
}

#envPolicy .body .left h3 {
    color: #0fb620;
    font-size: 114%;
    margin: 0
}

#envPolicy .body .right dt {
    color: #0fb620;
    margin: 0 0 8px
}

#envPolicy .body .right dd {
    font-size: 100%
}

#chemiIndex {
    background-repeat: no-repeat;
    height: 1156px;
    margin: 0 30px;
    position: relative
}

#chemiIndex div {
    position: absolute
}

#chemistry_1 {
    left: 45px;
    top: 415px
}

#chemistry_2 {
    left: 237px;
    top: 415px
}

#chemistry_3 {
    left: 141px;
    top: 572px
}

#chemistry_4 {
    left: 265px;
    top: 557px
}

#chemistry_5 {
    left: 353px;
    top: 557px
}

#chemistry_6 {
    left: 442px;
    top: 557px
}

#chemistry_7 {
    left: 530px;
    top: 557px
}

#chemistry_8 {
    left: 640px;
    top: 557px
}

#chemistry_9 {
    left: 750px;
    top: 557px
}

#chemistry_10 {
    left: 849px;
    top: 557px
}

#chemiIndex div a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

#products.chemiPro .detail {
    margin-bottom: 0
}

#products.chemiPro .material {
    background-color: #fff;
    padding-left: 0
}

#toraySidebar ul.chemiMenu li a {
    padding-bottom: 7px
}

@media screen and (max-width: 767px) {
    #chemiIndex,#environmentIndex,#lifeIndex {
        height:auto;
        margin: 20px 0 0;
        padding: 10px
    }

    #lifeIndex {
        background-position: -100px -100px
    }

    #environmentIndex {
        background-position: 80% -100px
    }

    #chemiIndex img,#environmentIndex img,#lifeIndex img {
        display: none
    }

    #chemiIndex div,#environmentIndex div,#lifeIndex div {
        bottom: inherit!important;
        left: inherit!important;
        margin-top: -1px!important;
        position: relative!important;
        right: inherit!important;
        top: inherit!important
    }

    #chemiIndex div a,#environmentIndex div a,#lifeIndex div a {
        background: #fff url(/shared/images/sp_arrow_01.png) 98% 50% no-repeat!important;
        background-size: 18px 18px!important;
        -moz-background-size: 18px 18px!important;
        -webkit-background-size: 18px 18px!important;
        border: 1px solid #ccc;
        display: block;
        font-weight: 700;
        opacity: .9;
        padding: 10px
    }

    #chemiIndex div a:before,#environmentIndex div a:before,#lifeIndex div a:before {
        content: attr(data-label)
    }

    #environmentIndex .more a {
        background-color: #44bc52!important;
        color: #fff;
        opacity: 1
    }

    #envAirplane {
        margin: 20px 0
    }

    #envPolicy {
        width: auto
    }

    #envPolicy .body {
        padding: 10px
    }

    #envPolicy .body .left,#envPolicy .body .right {
        float: none;
        width: auto
    }

    #envPolicy .body .right {
        margin-top: 10px;
        padding: 10px
    }

    #envPolicy h2 {
        line-height: 1.3;
        padding: 10px
    }
}

#torayContent {
    zoom:1;overflow: hidden;
    padding: 20px 15px
}

#torayContent .item {
    margin-top: -105px;
    padding-top: 105px
}

#torayContent #torayMain {
    float: left;
    width: 597px
}

#torayContent #torayMain #sceneImg {
    text-align: center
}

#torayContent #products h2 {
    background-color: #0a4ea9;
    background-image: none;
    border-left: none;
    color: #fff;
    font-size: 128%;
    line-height: 38px;
    margin: 0;
    padding: 0 17px
}

#torayContent #products .item .body {
    border: 1px solid #dbdada;
    border-top: none;
    padding: 18px
}

#torayContent #products .detail {
    margin: 0 0 20px
}

#torayContent #products .detail .txt {
    float: left;
    width: 410px
}

#torayContent #products .detail .pic {
    float: right;
    width: 126px
}

#torayContent #products .detail h3 {
    border-bottom: 1px solid #84a6d4;
    color: #094ba5;
    font-size: 114%;
    font-weight: 400;
    margin: 0 0 10px;
    padding: 0 0 10px
}

#torayContent #products .detail p {
    color: #094ba5;
    font-size: 107%;
    margin: 0
}

#torayContent #products .material {
    background-color: #f2f2f2;
    padding: 12px
}

#torayContent #products .material h3 {
    color: #094ba5;
    font-size: 114%;
    margin: 0 0 3px
}

#torayContent #products .material p {
    color: #094ba5;
    margin: 0 0 12px
}

#torayContent #products .material .more {
    margin: 15px 0 0
}

#torayContent #products .material .more a {
    background-position: 8px;
    background-repeat: no-repeat;
    border: 1px solid #0a4ea9;
    color: #0a4ea9;
    font-size: 12px;
    padding: 3px 8px 3px 22px;
    text-decoration: none
}

#torayContent #products .material .more a.a_blank {
    background-image: url(/shared/images/toray_btn_003.gif)
}

#torayContent #products .material .more a.a_self {
    background-image: url(/shared/images/toray_btn_007.gif)
}

#torayContent #products .material .more a:hover {
    background-color: #0a4ea9;
    color: #fff
}

#torayContent #products .material .more a.a_blank:hover {
    background-image: url(/shared/images/toray_btn_003_on.gif)
}

#torayContent #products .material .more a.a_self:hover {
    background-image: url(/shared/images/toray_btn_007_on.gif)
}

#torayContent #products .toTop {
    margin: 10px 0 18px!important;
    text-align: right
}

#torayContent #toraySidebar {
    float: right;
    width: 313px
}

#torayContent #toraySidebar .cateTop {
    border-bottom: 1px solid #0a4ea9
}

#torayContent #toraySidebar .cateTop a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

#torayContent #toraySidebar h2 {
    background-image: none!important;
    border: none!important;
    margin: 0!important;
    padding: 0!important
}

#torayContent #toraySidebar ul li a {
    background-color: #f2f2f2;
    border-bottom: 1px solid #d4d2d3;
    display: block;
    padding: 15px;
    width: 283px
}

#torayContent #toraySidebar ul li a .pro {
    background-image: url(/shared/images/toray_icon_001.gif);
    background-repeat: no-repeat;
    color: #0a4ea9;
    display: block;
    _height: 14px;
    line-height: 1.1;
    min-height: 14px;
    padding: 0 0 9px 20px
}

#torayContent #toraySidebar ul li a .mate {
    background-image: url(/shared/images/toray_icon_002.gif);
    background-position: 20px 9px;
    background-repeat: no-repeat;
    color: #000;
    display: block;
    padding: 0 0 5px 32px
}

#torayContent #toraySidebar ul li a:hover {
    background-color: #0a4ea9;
    text-decoration: none
}

#torayContent #toraySidebar ul li a:hover .pro {
    background-image: url(/shared/images/toray_icon_001_on.gif);
    color: #fff
}

#torayContent #toraySidebar ul li a:hover .mate {
    background-image: url(/shared/images/toray_icon_002_on.gif);
    color: #fff
}

#envPolicy .body:after,#torayContent #products .detail:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 1px;
    height: 0;
    line-height: 1px;
    visibility: hidden
}

* html #envPolicy .body,* html #torayContent #products .detail {
    height: 1%
}

:first-child+html #envPolicy .body,:first-child+html #torayContent #products .detail {
    display: inline-block
}

@media screen and (max-width: 767px) {
    #torayContent {
        margin-top:20px;
        padding: 0
    }

    #torayContent .item {
        margin-top: 0;
        padding-top: 0
    }

    #torayContent #torayMain {
        float: none;
        width: 100%
    }

    #torayContent #torayMain #sceneImg {
        margin: 10px 0
    }

    #torayContent #products h2 {
        padding: 0 10px
    }

    #torayContent #products .item .body {
        padding: 10px
    }

    #torayContent #products .detail {
        margin-bottom: 10px
    }

    #torayContent #products .detail .txt {
        width: 72%
    }

    #torayContent #products .detail .pic {
        width: 26%
    }

    #torayContent #products .detail p {
        font-size: 100%
    }

    #torayContent #toraySidebar {
        float: none;
        width: auto
    }

    #torayContent #toraySidebar h2 {
        display: none
    }

    #torayContent #toraySidebar ul {
        border-top: 1px solid #014099
    }

    #torayContent #toraySidebar ul li {
        border: 1px solid #014099;
        border-top: none
    }

    #torayContent #toraySidebar ul li a {
        background: #e0edff url(/shared/images/sp_arrow_04.png) 97% 50% no-repeat;
        background-size: 12px 8px;
        -moz-background-size: 12px 8px;
        -webkit-background-size: 12px 8px;
        border-bottom: none;
        display: block;
        padding: 10px;
        width: auto
    }

    #torayContent #toraySidebar ul li a:hover {
        background-color: #e0edff;
        color: #014099
    }

    #torayContent #toraySidebar ul li a:hover .pro {
        background: none!important;
        color: #014099
    }

    #torayContent #toraySidebar ul li a .pro {
        background: none;
        padding: 0
    }

    #torayContent #toraySidebar ul li a .mate {
        display: none
    }
}

.mapContent {
    float: left;
    line-height: 1.4;
    margin: 0 30px 0 0;
    width: calc(33% - 30px)
}

.mapContent .mapContentH2 {
    background: url(/shared/images/icon_arrow_09.gif) no-repeat 0 50%;
    border-left: none;
    color: #4581b2;
    font-size: 114%;
    font-weight: 700;
    margin: 2px 0 0;
    padding: 5px 0 5px 14px;
    vertical-align: bottom
}

.mapContent .mapContentH2 a,.mapContent .mapContentH2 a:link {
    color: #4581b2
}

.mapContent h3 {
    background-image: url(/shared/images/icon_arrow_10.gif);
    background-position: 0 50%;
    background-repeat: no-repeat;
    border-top: 1px dotted #dfdfdf;
    font-size: inherit;
    margin: 0 0 0 13px;
    padding: 5px 0 5px 14px;
    vertical-align: bottom
}

.mapContent ul {
    border-top: 1px dotted #dfdfdf;
    margin: 0 0 0 38px
}

.mapContent ul li {
    padding: 5px 0
}

@media screen and (max-width: 767px) {
    .mapContent {
        float:none;
        margin: 0;
        width: 100%
    }
}

.switchWrap .allOpenBtn,.switchWrap .switchToggle {
    display: none
}

.switchWrap .switchOn {
    display: block
}

.switchWrap span.switchOn {
    background: url(/shared/images/icon_toggle_open.gif) 0 50% no-repeat;
    display: inline;
    padding: 3px 0 3px 18px
}

.switchWrap .closeBtn {
    margin: 20px 0
}

.switchWrap .closeBtn span,.switchWrap .switchToggle {
    color: #00c
}

.switchWrap .closeBtn span {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px
}

.switchWrap .allOpenBtn {
    zoom:1;background: #014099 url(/shared/images/icon_toggle_open.gif) 7px 50% no-repeat!important;
    color: #fff;
    display: inline-block;
    display: inline;
    margin: 10px 0;
    overflow: hidden;
    padding: 5px 7px 5px 22px!important
}

.switchWrap .allOpenBtn:hover,.switchWrap .closeBtn span:hover,.switchWrap .switchToggle:hover {
    text-decoration: underline
}

.switchWrap .nowOpen {
    background: url(/shared/images/icon_toggle_close.gif) 0 50% no-repeat!important;
    color: #4e98fb
}

.switchWrap .allOpenBtn.nowOpen {
    background: #fff url(/shared/images/icon_toggle_close.gif) 7px 50% no-repeat!important;
    border: 1px solid #014099;
    color: #014099;
    padding: 5px 7px 5px 25px!important
}

.switchWrap .switchDetail {
    margin: 5px 0 10px
}

#exectiveBlock {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px
}

#exectiveBlock .exeBox {
    border-top: 1px solid #e9e9e9;
    padding: 20px 0
}

#exectiveBlock .lumpL {
    margin: 0 25px 0 0
}

#exectiveBlock .lumpL .noImg {
    display: block;
    width: 140px
}

#exectiveBlock .lumpEnd {
    min-height: 130px;
    padding-bottom: 30px;
    position: relative
}

#exectiveBlock .lumpEnd h2 {
    font-size: 185%;
    font-weight: 700
}

#exectiveBlock .btn {
    bottom: 0;
    position: absolute
}

#exectiveBlock .btn span {
    background: #f8f8f8 url(/shared/images/icon_toggle_open_02.png) 10px 50% no-repeat;
    border: 1px solid #eaeaea;
    color: #014099;
    display: inline-block;
    font-size: 12px;
    padding: 5px 10px 5px 25px
}

#exectiveBlock .btn span.nowOpen {
    background: url(/shared/images/icon_toggle_close_02.png) 10px 50% no-repeat!important
}

#exectiveBlock .switchDetail {
    background-color: #444;
    color: #fff;
    margin-top: 10px;
    padding: 25px 30px;
    position: relative
}

#exectiveBlock .switchDetail:before {
    border: 6px solid transparent;
    border-bottom-color: #444;
    content: "";
    left: 26%;
    position: absolute;
    top: -12px
}

#exectiveBlock .switchDetail .closeBtn {
    margin: 0;
    position: absolute;
    right: 20px;
    top: 20px
}

#exectiveBlock .switchDetail .closeBtn span {
    background: url(/shared/images/icon_switchdetail_close.png) 0 0 no-repeat;
    border: none;
    display: block;
    height: 18px;
    padding: 0;
    width: 18px
}

.ie7 #exectiveBlock .switchDetail {
    zoom:1}

@media screen and (max-width: 767px) {
    #exectiveBlock .exeBox {
        padding:10px 0
    }

    #exectiveBlock .lumpL {
        margin-right: 15px
    }

    #exectiveBlock .lumpL .noImg {
        display: none
    }

    #exectiveBlock .lumpEnd {
        min-height: inherit;
        padding-bottom: 0
    }

    #exectiveBlock .lumpEnd h2 {
        font-size: 142%
    }

    #exectiveBlock .btn {
        margin-top: 5px;
        position: inherit
    }

    #exectiveBlock .switchDetail {
        padding: 10px
    }

    #exectiveBlock .switchDetail:before {
        border: none
    }

    #exectiveBlock .switchDetail .closeBtn {
        right: 10px;
        top: 10px
    }

    #exectiveBlock .switchDetail .closeBtn span {
        background-size: 9px 9px;
        -moz-background-size: 9px 9px;
        -webkit-background-size: 9px 9px;
        height: 9px;
        width: 9px
    }
}

.clearfix {
    clear: both
}

.bnrBlock ul:after,.categoryBlock01:after,.categoryBlock02:after,.categoryBlock03:after,.categoryBlock04:after,.categoryBlock05:after,.chapterBlock:after,.clearfix:after,.columnBlock:after,.groupBox02 li:after,.groupBox02:after,.insideLinksWid ul:after,.linkListWrap li:after,.linksWrap ul:after,.listBox.imgThumb:after,.lumpMix:after,.mapContentWrap:after,.partBlock:after,.prodSearchBlock:after,.tabNav ul:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden
}

.bnrBlock ul,.categoryBlock01,.categoryBlock02,.categoryBlock03,.categoryBlock04,.categoryBlock05,.chapterBlock,.clearfix,.columnBlock,.groupBox02,.groupBox02 li,.insideLinksWid ul,.linkListWrap li,.linksWrap ul,.listBox.imgThumb,.lumpMix,.mapContentWrap,.partBlock,.prodSearchBlock,.tabNav ul {
    zoom:1}

.mf_finder_searchBox_items_wrapper {
    height: 100%
}

#siteFunctions #searchSet form {
    background-color: inherit;
    height: auto
}

#searchSet .mf_finder_container {
    background-color: #eee
}

#search .mf_finder_searchBox,#searchSet .mf_finder_searchBox {
    margin: 0;
    padding: 10px
}

#searchSet form input[type=text] {
    width: 100%!important
}

.mf_finder_searchBox_doctype:after {
    top: 2px!important
}

.mf_finder_searchBox_doctype_select,.mf_finder_searchBox_selects select {
    font-size: 1.6rem!important
}

.mf_finder_searchBox_suggest_items li a {
    color: #fff!important
}

.mf_finder_searchBox_selects label:before {
    font-size: 1.4rem!important;
    width: 2rem!important
}

.mf_finder_searchBox_selects select {
    border-bottom-width: 1px!important;
    border-radius: 0!important;
    padding-right: 2rem!important
}

.mf_finder_searchBox_selects label:after {
    top: 5px!important
}

.mf_finder_searchBox_submit {
    align-items: center!important;
    background-color: #014099!important;
    border-radius: 0!important;
    display: flex!important;
    justify-content: center!important;
    width: 50px!important
}

.mf_finder_searchBox_submit:before {
    display: block!important;
    font-size: 2rem!important
}

.mf_finder_searchBox_query_input {
    display: inline-block!important;
    font-size: 2rem!important;
    height: 45px!important;
    line-height: 45px!important;
    outline: none!important;
    padding: 5px 10px!important
}

html:lang(ja) .mf_finder_searchBox .mf_finder_searchBox_query_input,html:lang(ja-JP) .mf_finder_searchBox .mf_finder_searchBox_query_input {
    background-image: none!important
}

.mf_finder_searchBox .mf_finder_searchBox_query_input::-moz-placeholder {
    opacity: .5
}

.mf_finder_searchBox .mf_finder_searchBox_query_input::placeholder {
    opacity: .5
}

#mf_Result .mf_finder_searchBox {
    background-color: #eee;
    margin: 0 0 30px;
    padding: 25px
}

#mf_Result .mf_finder_searchBox_submit {
    border-radius: 0
}

#mf_Result .mf_finder_searchBox_items {
    padding: 0
}

#mf_Result .mf_finder_searchBox_selects {
    padding-top: 10px
}

#mf_Result .mf_finder_searchBox_misc {
    display: inline-block;
    vertical-align: top
}

#mf_Result .mf_finder_searchBox_misc label {
    margin-left: 10px
}

#mf_Result .mf_finder_searchBox_misc label:before {
    vertical-align: middle
}

#mf_Result .mf_finder_zubaken {
    padding: 20px
}

#mf_Result .mf_finder_organic_doc {
    cursor: pointer;
    transition: all .3s
}

#mf_Result .mf_finder_organic_doc:hover {
    background-color: #f0f0f0
}

#mf_Result .mf_finder_organic_doc_body_wrapper * {
    color: #666;
    font-size: 1.4rem;
    line-height: 1.4
}

#mf_Result .mf_finder_organic_doc_url_wrapper * {
    font-size: 1.2rem
}

#mf_Result .mf_finder_organic_doc_title_wrapper * {
    font-size: 1.6rem
}

html:not([lang=ja]) #mf_Result .mf_finder_query {
    margin: 0 .25rem 0 1.5rem
}

#mf_Result .mf_finder_organic_doc_contents_wrapper {
    margin-left: 20px
}

#mf_Result .mf_finder_query,#mf_Result .mf_finder_query:after,#mf_Result .mf_finder_query:before {
    font-size: 2rem
}

#mf_Result .mf_finder_query span {
    display: inline-block;
    font-size: 2.8rem;
    margin-top: -5px;
    vertical-align: top
}

#mf_Result .mf_finder_organic_nums * {
    font-size: 2rem
}

#mf_Result .mf_finder_organic_range_from:after,#mf_Result .mf_finder_organic_range_from:before,#mf_Result .mf_finder_organic_range_to:after,#mf_Result .mf_finder_organic_range_to:before,#mf_Result .mf_finder_organic_total:after,#mf_Result .mf_finder_organic_total:before {
    font-size: 1.6rem
}

#mf_Result .mf_finder_organic_pager {
    margin: 2em 0
}

#mf_Result .mf_finder_pager_items li a {
    border-radius: 0;
    padding: .25rem 1rem
}

#mf_Result .mf_finder_pager_items li a:hover {
    opacity: .8
}

@media screen and (max-width: 767px) {
    #searchSet form {
        float:none;
        height: inherit;
        margin: 0;
        width: 100%
    }

    #searchSet form:before {
        display: none!important
    }

    #mf_Result .mf_finder_searchBox_query_input,#searchSet form input[type=text] {
        font-size: 16px!important;
        height: 40px!important;
        line-height: 35px!important;
        padding: 7px 5px!important
    }

    #searchSet form input[type=text] {
        border: none!important
    }

    #searchSet .mf_finder_container {
        background: transparent
    }

    .mf_finder_searchBox_doctype_select {
        background-color: #fff;
        font-size: 16px!important
    }

    #searchSet .mf_finder_searchBox_selects label:before {
        color: #fff!important
    }

    #searchSet .mf_finder_searchBox {
        background-color: transparent!important;
        padding: 0
    }

    #searchSet .mf_finder_searchBox_items {
        padding: 0 0 10px
    }

    #searchSet .mf_finder_searchBox_submit {
        background-color: #022b66!important;
        height: 40px;
        width: auto!important
    }

    #searchSet .mf_finder_searchBox_imgsize {
        display: none
    }

    #searchSet .mf_finder_searchBox_items {
        align-items: stretch;
        display: flex
    }

    #mf_Result .mf_finder_searchBox {
        padding: 15px
    }

    #mf_Result .mf_finder_searchBox_submit {
        height: 38px!important;
        margin-top: 1px!important
    }

    #mf_Result .mf_finder_searchBox_useSelects .mf_finder_searchBox_category_select {
        width: auto!important
    }

    #mf_Result .mf_finder_searchBox_category {
        padding-left: 0
    }

    #mf_Result .mf_finder_searchBox_category:before {
        left: 2px;
        top: 1px
    }

    #mf_Result .mf_finder_searchBox_misc label:first-of-type {
        margin-left: 0
    }

    #mf_Result .mf_finder_searchBox_misc .mf_finder_searchBox_imgsize {
        display: none
    }

    #mf_Result .mf_finder_searchBox_selects input,#mf_Result .mf_finder_searchBox_selects select {
        font-size: 16px!important
    }

    #mf_Result .mf_finder_searchBox_useToggle_show .mf_finder_searchBox_misc label select {
        width: inherit!important
    }

    #mf_Result .mf_finder_searchBox_selects label:after {
        top: .7rem!important
    }

    #mf_Result .mf_finder_zubaken {
        padding: 10px
    }

    #mf_Result .mf_finder_organic_header_wrapper {
        margin-left: 0
    }

    #mf_Result .mf_finder_organic_wrapper * {
        max-width: 100%
    }

    #mf_Result .mf_finder_query span {
        font-size: 2rem
    }

    #mf_Result .mf_finder_organic_nums * {
        font-size: 1.6rem
    }

    #mf_Result .mf_finder_organic_doc_contents_wrapper {
        margin-left: 0
    }

    #mf_Result .mf_finder_organic_doc_body_wrapper * {
        font-size: 1.4rem;
        line-height: 1.4
    }

    #mf_Result .mf_finder_organic_doc_img_wrapper {
        display: none
    }

    #mf_Result .mf_finder_organic_doc_url_wrapper span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 300px
    }
}

@media screen and (max-width: 375px) {
    .mf_finder_searchBox_submit:before {
        font-size:1.4rem!important
    }
}

.topProducts {
    margin-top: 15px
}

.topProducts h2 {
    color: #014099;
    font-size: 142%;
    font-weight: 700;
    margin: 0 0 10px 26px
}

.topProducts .blockL {
    float: left;
    margin-right: 12px;
    width: 232px
}

.topProducts .blockR {
    float: right;
    width: 476px
}

.topProducts .blockL li {
    color: #fff;
    font-size: 114%;
    font-weight: 700;
    height: 88px;
    line-height: 88px;
    text-indent: 74px
}

.topProducts .blockL a {
    color: #fff
}

.topProducts .blockL a,.topProducts .blockR a {
    zoom:1;cursor: pointer;
    display: block;
    text-decoration: none
}

.topProducts .blockL a:hover {
    opacity: .8
}

.topProducts .blockR a:hover {
    opacity: .8;
    text-decoration: underline
}

.topProducts .blockL li.p01 {
    background: #76bd1d url(/shared/images/topProducts_01.png) no-repeat;
    background-position: 16px;
    margin-top: 12px
}

.topProducts .blockL li.p02 {
    background: #ffa409 url(/shared/images/topProducts_02.png) no-repeat;
    background-position: 16px;
    margin-top: 12px
}

.topProducts .blockL li.p03 {
    background: #e51a94 url(/shared/images/topProducts_03.png) no-repeat;
    background-position: 16px
}

.topProducts .blockR li.p04 {
    background: #f6f6f6 url(/shared/images/topProducts_04.png) no-repeat;
    background-position: center 15px;
    background-size: auto 50px;
    height: 105px;
    line-height: 172px;
    overflow: hidden;
    text-align: center
}

.topProducts .blockR li.p04_2 {
    background: #f6f6f6;
    border-top: 5px solid #fff;
    font-size: 12px;
    height: 20px;
    line-height: 1;
    padding: 8px 10px 0;
    text-align: left
}

.topProducts .blockR li.p05 {
    background: #f6f6f6 url(/shared/images/topProducts_05.png) no-repeat;
    background-position: center 28px;
    height: 105px;
    line-height: 172px;
    margin-top: 12px;
    overflow: hidden;
    text-align: center
}

.topProducts .blockR li.p05_2 {
    background: #f6f6f6;
    border-top: 5px solid #fff;
    font-size: 12px;
    height: 20px;
    line-height: 1;
    padding: 8px 10px 0;
    text-align: left
}

@media screen and (max-width: 767px) {
    .topProducts {
        margin-top:210px
    }

    .topProducts h2 {
        margin: 0 0 10px 10px
    }

    .topProducts .blockL {
        margin-right: 0
    }

    .topProducts .blockL,.topProducts .blockR {
        float: none;
        width: auto!important
    }

    .topProducts .blockL li {
        color: #fff;
        height: 68px;
        line-height: 68px
    }

    .topProducts .blockR li {
        height: 100px;
        line-height: 160px;
        text-align: center
    }

    .topProducts .blockL li.p01,.topProducts .blockL li.p02 {
        margin-top: 10px
    }

    .topProducts .blockR li.p04 {
        background-position: center 25px;
        background-size: auto 45px;
        margin-top: 10px
    }

    .topProducts .blockR li.p05 {
        background-position: center 35px;
        background-size: auto 30px;
        line-height: 172px;
        margin-top: 10px
    }
}

.topInfo {
    border: 1px solid #4e6380;
    margin-top: 20px
}

.supportInfo {
    border: 1px solid #e9e9e9;
    margin-bottom: 20px;
    margin-top: 0!important
}

.topInfo .titbg {
    background: #4e6380;
    overflow: hidden;
    padding: 14px 20px 10px
}

.topInfo .titbg h2 {
    color: #fff;
    float: left;
    font-size: 142%;
    font-weight: 700
}

.topInfo .titbg .btn {
    float: right;
    padding: 4px 0
}

.topInfo .titbg a {
    color: #fff
}

.topInfo .block {
    padding: 0 25px
}

.topInfo .block dl {
    border-top: 1px dotted #ccc;
    padding: 12px 0
}

.topInfo .block dl:first-child {
    border-top: none;
    padding: 12px 0
}

.topInfo .block dl dt {
    color: #666;
    float: left;
    width: 120px
}

.topInfo .block dl dd {
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .topInfo.sp_mgnTop {
        margin-top:210px
    }

    .topInfo .titbg {
        overflow: hidden;
        padding: 8px 10px 6px
    }

    .topInfo .block {
        padding: 0 10px 10px
    }

    .topInfo .block dl {
        padding: 10px 0
    }

    .topInfo .block dl dd,.topInfo .block dl dt {
        float: none;
        width: auto!important
    }
}

.topEvent {
    margin-top: 20px
}

.topEvent ul li {
    display: table-cell;
    vertical-align: middle
}

.topEvent ul li.img {
    text-align: center;
    width: 172px
}

.topEvent ul li h2 {
    color: #014099;
    font-size: 142%;
    font-weight: 700;
    margin-bottom: 10px
}

@media screen and (max-width: 767px) {
    .topEvent ul li.img {
        text-align:left;
        vertical-align: top;
        width: 100px
    }

    .topEvent ul li.img img {
        height: auto;
        width: 90%
    }

    .topEvent ul li h2 {
        margin-bottom: 0
    }
}

.topBanner4 {
    margin-top: 20px
}

.wrapper_top_col4 {
    zoom:1;margin-left: -20px;
    overflow: hidden
}

.cnt_top_col4 {
    background: #ccc;
    float: left;
    height: 140px;
    margin-left: 20px;
    width: 225px
}

@media screen and (max-width: 767px) {
    .wrapper_top_col4 {
        margin-left:0
    }

    .cnt_top_col4 {
        float: none;
        height: 140px;
        margin: 10px auto 0;
        width: auto
    }
}

.partContact {
    background: #f6f6f6;
    border: 1px solid #e9e9e9;
    margin-top: 20px;
    text-align: center
}

.partContact h3 {
    color: #014099;
    font-size: 142%;
    font-weight: 700;
    margin-top: 20px
}

.partContact h4.capM {
    background: #deefc1
}

.partContact h4.capM,.partContact h4.capT {
    margin: 20px 19px 0;
    padding: 8px 0;
    text-align: center
}

.partContact h4.capT {
    background: #d7e6fa
}

.partContact table.contactMitsumori caption {
    background: #deefc1;
    margin: 0;
    padding: 8px 0;
    text-align: center
}

.partContact table.contactTrouble caption {
    background: #d7e6fa;
    margin: 0;
    padding: 8px 0;
    text-align: center
}

.partContact p br {
    display: none
}

.partContact table {
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    padding: 0;
    width: 370px
}

.partContact table th {
    background: #fff;
    font-weight: 400;
    padding: 6px 0;
    vertical-align: middle;
    width: 84px
}

.partContact table td {
    background: #fff url(/shared/images/icon_tel.gif) no-repeat;
    background-position: 20px;
    font-size: 128%;
    font-weight: 700;
    padding: 6px 0 6px 20px
}

.partContact table.contactMitsumori {
    float: left;
    margin: 20px 0 20px 19px
}

.partContact .boxMitsumori1 {
    margin: 0 19px
}

.partContact .boxMitsumori1 table.contactMitsumori1 {
    margin: 0 auto 20px;
    width: 100%
}

.partContact .boxMitsumori1 table.contactMitsumori1 th {
    background: #fff;
    font-weight: 400;
    padding: 6px 0;
    text-align: right;
    vertical-align: middle;
    width: 55%
}

.partContact .boxMitsumori1 table.contactMitsumori1 td {
    background: #fff url(/shared/images/icon_tel.gif) no-repeat;
    background-position: 20px;
    font-size: 128%;
    font-weight: 700;
    padding: 6px 0 6px 20px;
    text-align: left;
    text-indent: 20px;
    width: 45%
}

.partContact table.contactMitsumori2l {
    float: left;
    margin: 0 0 20px 19px;
    width: 380px
}

.partContact table.contactMitsumori2r {
    float: left;
    margin: 0 0 20px;
    width: 380px
}

.partContact table.contactTrouble {
    float: right;
    margin: 20px 19px 20px 0
}

.partContact table.contactTrouble2l {
    float: left;
    margin: 0 0 20px 19px;
    width: 380px
}

.partContact table.contactTrouble2r {
    float: left;
    margin: 0 0 20px;
    width: 380px
}

.partContact table.contactTrouble3l th,.partContact table.contactTrouble3r th {
    background: #fff;
    font-weight: 400;
    padding: 6px 0;
    text-align: right;
    vertical-align: middle;
    width: 120px
}

.partContact table.contactTrouble3l td,.partContact table.contactTrouble3r td {
    background: #fff url(/shared/images/icon_tel.gif) no-repeat;
    background-position: 60px;
    font-size: 128%;
    font-weight: 700;
    padding: 6px 0 6px 20px
}

.partContact table.contactTrouble3l {
    float: left;
    margin: 0 0 20px 19px;
    width: 520px
}

.partContact table.contactTrouble3r {
    float: left;
    margin: 0 0 20px;
    width: 520px
}

.telSP {
    display: none
}

.partContact table .line {
    border-bottom: 1px solid #ccc
}

.partContact h4.capQA {
    background: #ffe1e7;
    margin: 20px 19px 0;
    padding: 8px 0;
    text-align: center
}

.partContact .boxQA {
    margin: 0 19px
}

.partContact .boxQA table.contactQA {
    margin: 0 auto 20px;
    width: 100%
}

.partContact .boxQA table.contactQA th {
    background: #fff;
    font-weight: 400;
    padding: 6px 0;
    text-align: right;
    vertical-align: middle;
    width: 40%
}

.partContact .boxQA table.contactQA td {
    background: #fff url(/shared/images/icon_tel.gif) no-repeat;
    background-position: 20px;
    font-size: 128%;
    font-weight: 700;
    padding: 6px 0 6px 20px;
    text-align: left;
    text-indent: 20px;
    width: 60%
}

.partContact h4.capCadc {
    background: #e4f4ff;
    margin: 20px 19px 0;
    padding: 8px 0;
    text-align: center
}

.partContact .boxCadc {
    margin: 0 19px
}

.partContact .boxCadc table.contactCadc {
    margin: 0 auto 20px;
    width: 100%
}

.partContact .boxCadc table.contactCadc th {
    background: #fff;
    font-weight: 400;
    padding: 6px 0;
    text-align: right;
    vertical-align: middle;
    width: 40%
}

.partContact .boxCadc table.contactCadc td {
    background: #fff url(/shared/images/icon_tel.gif) no-repeat;
    background-position: 20px;
    font-size: 128%;
    font-weight: 700;
    padding: 6px 0 6px 20px;
    text-align: left;
    text-indent: 20px;
    width: 60%
}

.partContact h4.capType01 {
    background: #d7e6fa;
    margin: 20px 19px 0;
    padding: 8px 0;
    text-align: center
}

.partContact .boxType01 {
    margin: 0 19px
}

.partContact .boxType01 table.contact {
    margin: 0 auto 20px;
    width: 100%
}

.partContact .boxType01 table.contact th {
    background: #fff;
    font-weight: 400;
    padding: 6px 0;
    text-align: right;
    vertical-align: middle;
    width: 40%
}

.partContact .boxType01 table.contact td {
    background: #fff url(/shared/images/icon_tel.gif) no-repeat;
    background-position: 20px;
    font-size: 128%;
    font-weight: 700;
    padding: 6px 0 6px 20px;
    text-align: left;
    text-indent: 20px;
    width: 60%
}

@media screen and (max-width: 767px) {
    .partContact h3 {
        margin-top:10px
    }

    .partContact h4.capM {
        background: #deefc1
    }

    .partContact h4.capM,.partContact h4.capT {
        margin: 10px auto 0;
        padding: 8px 0;
        text-align: center;
        width: 92%
    }

    .partContact h4.capT {
        background: #d7e6fa
    }

    .partContact p br {
        display: inline
    }

    .partContact table {
        border-left: 10px solid #fff;
        border-right: 10px solid #fff;
        padding: 0;
        width: 92%
    }

    .partContact table.contactMitsumori {
        float: none;
        margin: 10px auto
    }

    .partContact .boxMitsumori1 {
        margin: 0 10px
    }

    .partContact .boxMitsumori1 table.contactMitsumori1 {
        margin: 0 auto 10px;
        width: 100%
    }

    .partContact .boxMitsumori1 table.contactMitsumori1 th {
        text-align: center;
        width: 84px
    }

    .partContact .boxMitsumori1 table.contactMitsumori1 td {
        background: #fff url(/shared/images/icon_tel.gif) no-repeat;
        background-position: 10px 10px;
        text-align: center;
        text-indent: 0;
        width: auto
    }

    .partContact table.contactMitsumori2l {
        border-bottom: 1px solid #ccc;
        float: none;
        margin: 0 auto;
        width: 92%
    }

    .partContact table.contactMitsumori2r {
        float: none;
        margin: 0 auto 10px;
        width: 92%
    }

    .partContact table.contactTrouble2l {
        border-bottom: 1px solid #ccc;
        float: none;
        margin: 0 auto;
        width: 92%
    }

    .partContact table.contactTrouble2r {
        float: none;
        margin: 0 auto 10px;
        width: 92%
    }

    .partContact table.contactTrouble {
        float: none;
        margin: 10px auto
    }

    .partContact table.contactTrouble3l {
        border-bottom: 1px solid #ccc;
        float: none;
        margin: 0 auto;
        width: 92%
    }

    .partContact table.contactTrouble3r {
        float: none;
        margin: 0 auto 10px;
        width: 92%
    }

    .partContact table.contactTrouble3l th,.partContact table.contactTrouble3r th {
        text-align: center;
        width: 84px
    }

    .partContact table.contactTrouble3l td,.partContact table.contactTrouble3r td,.partContact table td {
        background: #fff url(/shared/images/icon_tel.gif) no-repeat;
        background-position: 10px
    }

    .telSP {
        display: inline-block
    }

    .telPC {
        display: none
    }

    .partContact h4.capQA {
        margin: 10px 10px 0
    }

    .partContact .boxQA {
        margin: 0 10px
    }

    .partContact .boxQA table.contactQA {
        margin: 0 auto 10px;
        width: 100%
    }

    .partContact .boxQA table.contactQA th {
        text-align: center;
        width: 84px
    }

    .partContact .boxQA table.contactQA td {
        background: #fff url(/shared/images/icon_tel.gif) no-repeat;
        background-position: 10px;
        text-align: center;
        text-indent: 0;
        width: auto
    }

    .partContact h4.capCadc {
        margin: 10px 10px 0
    }

    .partContact .boxCadc {
        margin: 0 10px
    }

    .partContact .boxCadc table.contactCadc {
        margin: 0 auto 10px;
        width: 100%
    }

    .partContact .boxCadc table.contactCadc th {
        text-align: center;
        width: 84px
    }

    .partContact .boxCadc table.contactCadc td {
        background: #fff url(/shared/images/icon_tel.gif) no-repeat;
        background-position: 10px;
        text-align: center;
        text-indent: 0;
        width: auto
    }

    .partContact h4.capType01 {
        margin: 10px 10px 0
    }

    .partContact .boxType01 {
        margin: 0 10px
    }

    .partContact .boxType01 table.contact {
        margin: 0 auto 10px;
        width: 100%
    }

    .partContact .boxType01 table.contact th {
        text-align: center;
        width: 84px
    }

    .partContact .boxType01 table.contact td {
        background: #fff url(/shared/images/icon_tel.gif) no-repeat;
        background-position: 10px;
        text-align: center;
        text-indent: 0;
        width: auto
    }
}

.XM-btn2-download span {
    background-image: url(/shared/images/icon_downloads2.png);
    padding-left: 25px
}

.sbCCver2,.sbCreacompoSs,.sbDownloads,.sbDss,.sbHitoto,.sbHorus,.sbMitsumori,.sbmovie,.sbOverseas,.sbQAtop,.sbRss,.sbWindows10,.sbWindowsxp {
    margin-top: 15px
}

.sbMitsumori a {
    background: #014099 url(/shared/images/icon_mitsumori.gif) no-repeat;
    background-position: 13px;
    padding: 18px 10px 18px 60px
}

.sbMitsumori a,.sbQAtop a {
    color: #fff;
    display: block;
    font-size: 14px;
    text-decoration: none
}

.sbQAtop a {
    background: #237dbc url(/shared/images/icon_QA.png) no-repeat;
    background-position: 13px;
    line-height: 80px;
    min-height: 80px;
    padding: 0 10px 0 60px
}

.sbHorus a {
    background: #014099 url(/shared/images/icon_horus.gif) no-repeat;
    background-position: 13px
}

.sbDss a,.sbHorus a {
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 18px 10px 18px 60px;
    text-decoration: none
}

.sbDss a {
    background: #014099 url(/shared/images/icon_dss.png) no-repeat;
    background-position: 13px
}

.sbCreacompoSs a {
    background-color: #014099;
    background-image: url(/shared/images/icon_support.gif),url(/shared/images/icon_taBlink.gif);
    background-position: 13px,194px 40px;
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 18px 10px 18px 60px;
    text-decoration: none
}

.sbHitoto a {
    background-image: url(/shared/images/icon_hitoto.gif),url(/shared/images/icon_taBlink.gif);
    background-position: 10px,194px 40px;
    background-repeat: no-repeat;
    padding: 18px 10px 18px 48px
}

.sbHitoto a,.sbOverseas a {
    background-color: #fff;
    border: 2px solid #004099;
    display: block;
    font-size: 14px;
    text-decoration: none
}

.sbOverseas a {
    color: #000;
    padding: 18px 15px
}

.sbOverseas a:hover {
    background: #f6f6f6
}

.sbOverseas a span {
    color: #004097;
    font-weight: 700
}

.sbCCver2 {
    border: 1px solid #e9e9e9;
    text-align: center
}

.sbCCver2 img {
    margin: 15px 0;
    width: 180px
}

.sbCCver2 p {
    background: #004099;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin: 0 9px 9px;
    padding: 3px
}

.sbCCver2 a {
    text-decoration: none
}

.sbWindowsxp a {
    background: #014099 url(/shared/images/icon_windowsxp2.png) no-repeat;
    background-position: 8px;
    color: #fff;
    line-height: 80px;
    min-height: 80px;
    padding: 0 10px 0 54px
}

.sbWindows10 a,.sbWindowsxp a {
    display: block;
    font-size: 14px;
    text-decoration: none
}

.sbWindows10 a {
    background: #e9e9e9 url(/shared/images/icon_windowsxp.gif) no-repeat;
    background-position: 8px;
    color: #333;
    padding: 18px 10px 18px 54px
}

.sbmovie a {
    background: #014099 url(/shared/images/icon_movie2.png) no-repeat;
    background-position: 13px;
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 18px 10px 18px 60px;
    text-decoration: none
}

.sbXM {
    border: 1px solid #e9e9e9;
    margin-top: 15px;
    padding: 10px;
    text-align: center
}

.sbXM a {
    background-color: #047104;
    color: #fff;
    display: block;
    padding: 10px
}

.sbXM a span {
    background-image: url(/shared/images/icon_downloads2.png);
    background-position: 0;
    background-repeat: no-repeat;
    padding: 5px 0 5px 25px
}

.sbXM a:hover {
    background-color: #099309;
    text-decoration: none
}

.sbRss a {
    background: #ffa409 url(/shared/images/icon_rss.gif) no-repeat;
    background-position: 14px;
    padding: 12px 10px 12px 54px
}

.sbCadcertification a,.sbRss a {
    color: #fff;
    display: block;
    font-size: 14px;
    text-decoration: none
}

.sbCadcertification a {
    background: #014099 url(/shared/images/icon_cadcertification.gif) no-repeat;
    background-position: 13px;
    margin-top: 15px;
    padding: 18px 10px 18px 60px
}

.sbRemote a {
    background: #014099 url(/shared/images/icon_remote.gif) no-repeat;
    background-position: 13px;
    line-height: 80px;
    min-height: 80px;
    padding: 0 10px 0 60px
}

.sbRemote a,.sbSupplies a {
    color: #fff;
    display: block;
    font-size: 14px;
    margin-top: 15px;
    text-decoration: none
}

.sbSupplies a {
    background: #014099 url(/shared/images/icon_supplies.gif) no-repeat;
    background-position: 13px;
    padding: 18px 10px 18px 60px
}

.sbIomachine a {
    background: #014099 url(/shared/images/icon_iomachine.gif) no-repeat;
    background-position: 13px;
    color: #fff;
    display: block;
    padding: 18px 10px 18px 60px;
    text-decoration: none
}

.sbIomachine a,.sbSet1 {
    font-size: 14px;
    margin-top: 15px
}

.sbSet1 {
    border: 1px solid #b2b2b2;
    padding: 10px
}

.sbSet1 .link1 a {
    background: #014099;
    color: #fff;
    display: block;
    padding: 16px 10px;
    text-align: center
}

.sbSet1 .link1 span {
    font-size: 12px
}

.sbSet1 .link2 a {
    background: #014099 url(/shared/images/icon_supplies.gif) no-repeat;
    background-position: 13px;
    color: #fff;
    display: block;
    font-size: 14px;
    margin-top: 10px;
    padding: 18px 10px 18px 60px;
    text-decoration: none
}

.sbSet1 .link1 a:hover,.sbSet1 .link2 a:hover {
    opacity: .8;
    text-decoration: none
}

.sbDownloads a {
    background: #014099 url(/shared/images/icon_downloads.png) no-repeat;
    background-position: 13px;
    margin-top: 10px;
    padding: 18px 10px 18px 60px
}

.sbDownloads a,.sbWindowsxpTop a {
    color: #fff;
    display: block;
    font-size: 14px;
    text-decoration: none
}

.sbWindowsxpTop a {
    background: #014099 url(/shared/images/icon_windowsxp2.png) no-repeat;
    background-position: 8px;
    margin-top: 15px;
    padding: 18px 10px 18px 54px
}

.sbWindowsxpTop a:hover {
    opacity: .8
}

.sbWindowsxpTop span {
    background: red;
    border-radius: 3px;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 3px 12px
}

.red {
    color: #c00
}

.red2 {
    color: red
}

.sbCadcertification a:hover,.sbCCver2 a:hover div,.sbCreacompoSs a:hover,.sbDownloads a:hover,.sbDss a:hover,.sbHitoto a:hover,.sbHorus a:hover,.sbIomachine a:hover,.sbMitsumori a:hover,.sbmovie a:hover,.sbQAtop a:hover,.sbRemote a:hover,.sbRss a:hover,.sbSupplies a:hover,.sbWindows10 a:hover,.sbWindowsxp a:hover {
    opacity: .8
}

.sbmt15 {
    margin-top: 15px!important
}

.br-sp {
    display: none
}

.sbCc2p {
    background-color: #fff;
    border: 1px solid #b2b2b2;
    padding: 15px 10px 10px;
    text-align: center
}

.sbCc2p .tit-pi {
    color: #237dbc;
    font-size: 142%;
    font-weight: 700
}

.sbCc2c {
    background-color: #fff;
    border: 1px solid #b2b2b2;
    padding: 15px 10px 10px;
    text-align: center
}

.sbCc2c .tit-pe {
    color: #024f84;
    font-size: 142%;
    font-weight: 700
}

.sbCc2p .btn-cc2p a,.sbCc2p .btn a {
    background: #237dbc
}

.sbCc2c .btn a,.sbCc2p .btn-cc2p a,.sbCc2p .btn a {
    border: none;
    color: #fff!important;
    display: block;
    padding: 10px 20px
}

.sbCc2c .btn a {
    background: #004099
}

.sbCc2p .btn-cc2p a:hover,.sbCc2p .btn a:hover {
    background: #024f84;
    text-decoration: none
}

.sbCc2c .btn a:hover {
    background: #00265b;
    text-decoration: none
}

.sbQA {
    background: #fff1f4;
    margin-top: 15px;
    padding: 15px 10px 10px;
    text-align: center
}

.sbQA .tit {
    color: #e82838
}

.sbQA .btn-QA a {
    background: #e82838;
    color: #fff;
    display: block;
    padding: 10px 20px
}

.sbQA .btn-QA a:hover {
    background: #c50515;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .sbCCver2,.sbCreacompoSs,.sbDss,.sbHitoto,.sbHorus,.sbMitsumori,.sbmovie,.sbOverseas,.sbQAtop,.sbRss,.sbSet1,.sbWindows10,.sbWindowsxp,.sbXM {
        margin-top:10px
    }

    .sbCreacompoSs a {
        background-position: 13px,95%
    }

    .sbHitoto a {
        background-position: 10px,95%
    }

    .sbOverseas a {
        padding: 10px;
        text-align: center
    }

    .br-sp {
        display: inline
    }

    .sbCadcertification a,.sbIomachine a,.sbRemote a,.sbSupplies a {
        margin-top: 10px
    }
}

#pageTitle {
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 240px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 800px
}

#pageTitle h1 {
    border: none;
    color: #014099;
    font-size: 185%;
    padding: 0
}

#pageTitle.aboutus {
    background: url(/shared/images/aboutus_main.jpg) no-repeat;
    position: relative
}

#pageTitle.aboutus h1 {
    left: 60px;
    position: absolute;
    top: 100px
}

#pageTitle.creacompo {
    background: #fcf4f2 url(/shared/images/products/creacompo_main.jpg) no-repeat;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.creacompo p {
    color: #000;
    left: 280px;
    position: absolute;
    top: 90px
}

#pageTitle.creacompo h1 {
    color: #000;
    left: 280px;
    position: absolute;
    top: 110px
}

#pageTitle.creacompo_contact {
    background: url(/shared/images/products/creacompo_contact_main.gif) no-repeat;
    border: 8px solid #f6f6f6;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.creacompo_contact h1 {
    color: #000;
    left: 250px;
    position: absolute;
    top: 75px
}

#pageTitle.creacompo2_index {
    background: #d7274b url(/shared/images/products/creacompo2_index_main.jpg) no-repeat;
    margin-bottom: 10px;
    position: relative
}

#pageTitle.creacompo2_index p {
    color: #fff;
    font-size: 100%;
    font-weight: 400;
    left: 20px;
    position: absolute;
    top: 140px
}

#pageTitle.creacompo2_gradingmagic2,#pageTitle.creacompo2_markermagic2,#pageTitle.creacompo2_markermagic2_aa,#pageTitle.creacompo2_markermagic2_note,#pageTitle.creacompo2_patternmagic2,#pageTitle.creacompo2_patternmagic2-ss {
    align-items: center;
    background: url(/shared/images/products/logo-creacompo2.png) no-repeat right 16px bottom 16px/135px auto!important;
    display: flex;
    height: 240px!important;
    margin-bottom: 20px;
    padding: 0 40px;
    position: relative;
    width: 100%
}

#pageTitle.creacompo2_gradingmagic2 h1,#pageTitle.creacompo2_markermagic2 h1,#pageTitle.creacompo2_markermagic2_aa h1,#pageTitle.creacompo2_markermagic2_note h1,#pageTitle.creacompo2_patternmagic2 h1,#pageTitle.creacompo2_patternmagic2-ss h1 {
    color: #333;
    font-size: 100%;
    font-weight: 700
}

#pageTitle.creacompo2_patternmagic2 {
    border: 8px solid #fff2db
}

#pageTitle.creacompo2_patternmagic2-ss {
    border: 8px solid #b2d982
}

#pageTitle.creacompo2_gradingmagic2 {
    border: 8px solid #ffeff3
}

#pageTitle.creacompo2_markermagic2,#pageTitle.creacompo2_markermagic2_aa,#pageTitle.creacompo2_markermagic2_note {
    border: 8px solid #e4f4ff
}

#pageTitle.creacompo2_patternmagic2-3d {
    background: url(/shared/images/products/creacompo2_patternmagic2-3d_main.gif) no-repeat;
    border: 8px solid #fff2db;
    height: 240px!important;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.creacompo2_patternmagic2-3d h1 {
    color: #333;
    font-size: 100%;
    font-weight: 700;
    left: 84px;
    position: absolute;
    top: 132px
}

#pageTitle.creacompo2_system_clientserver {
    background: url(/shared/images/products/creacompo2_common_main.gif) no-repeat;
    border: 8px solid #ffeff3;
    height: 240px!important;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.creacompo2_system_clientserver h1 {
    color: #ed7286;
    left: 40px;
    position: absolute;
    top: 93px
}

#pageTitle.creacompo2_system_standalone {
    background: url(/shared/images/products/creacompo2_common_main.gif) no-repeat;
    border: 8px solid #fff2db;
    height: 240px!important;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.creacompo2_system_standalone h1 {
    color: #ffab23;
    left: 40px;
    position: absolute;
    top: 93px
}

#pageTitle.creacompo2_system_privatecloud {
    background: url(/shared/images/products/creacompo2_common_main.gif) no-repeat;
    border: 8px solid #ddf5e1;
    height: 240px!important;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.creacompo2_system_privatecloud h1 {
    color: #57bb67;
    left: 40px;
    position: absolute;
    top: 93px
}

#pageTitle.creacompo2_system_publiccloud {
    background: url(/shared/images/products/creacompo2_common_main.gif) no-repeat;
    border: 8px solid #e4f4ff;
    height: 240px!important;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.creacompo2_system_publiccloud h1 {
    color: #237dbc;
    left: 40px;
    line-height: 1;
    position: absolute;
    top: 88px
}

#pageTitle.creacompo2_system_publiccloud h1 span {
    font-size: 14px
}

#pageTitle.creacompo2_contract_creacompo2basic {
    background: url(/shared/images/products/creacompo2_common_main.gif) no-repeat;
    border: 8px solid #ffeff3;
    height: 240px!important;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.creacompo2_contract_creacompo2basic h1 {
    color: #ed7286;
    left: 40px;
    position: absolute;
    top: 93px
}

#pageTitle.creacompo2_contract_creacpmpo2license {
    background: url(/shared/images/products/creacompo2_common_main.gif) no-repeat;
    border: 8px solid #fff2db;
    height: 240px!important;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.creacompo2_contract_creacpmpo2license h1 {
    color: #ffab23;
    left: 40px;
    position: absolute;
    top: 93px
}

#pageTitle.creacompo2_contract_creacpmpo2personal {
    background: url(/shared/images/products/creacompo2_common_main.gif) no-repeat;
    border: 8px solid #e4f4ff;
    height: 240px!important;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.creacompo2_contract_creacpmpo2personal h1 {
    color: #237dbc;
    left: 40px;
    line-height: 1.3;
    position: absolute;
    top: 78px
}

#pageTitle.creacompo2_contract_creacpmpo2personal h1 span {
    font-size: 14px
}

#pageTitle.creacompo2_contract_public-overseas {
    background: url(/shared/images/products/creacompo2_common_main.gif) no-repeat;
    border: 8px solid #e4f4ff;
    height: 240px!important;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.creacompo2_contract_public-overseas h1 {
    color: #237dbc;
    left: 40px;
    line-height: 1.3;
    position: absolute;
    top: 62px
}

#pageTitle.creacompo2_contract_public-overseas h1 span {
    font-size: 14px
}

#pageTitle.creacompo2_contract_index {
    background: url(/shared/images/products/creacompo2_common_main.gif) no-repeat;
    border: 8px solid #f6f6f6;
    height: 240px!important;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.creacompo2_contract_index h1 {
    left: 40px;
    position: absolute;
    top: 68px
}

#pageTitle.creacompo2_system_index {
    background: url(/shared/images/products/creacompo2_common_main.gif) no-repeat;
    border: 8px solid #f6f6f6;
    height: 240px!important;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.creacompo2_system_index h1 {
    left: 40px;
    position: absolute;
    top: 68px
}

#pageTitle.creacompo2_system_requirement {
    background: url(/shared/images/products/creacompo2_common_main.gif) no-repeat;
    border: 8px solid #f6f6f6;
    height: 240px!important;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.creacompo2_system_requirement h1 {
    left: 40px;
    position: absolute;
    top: 68px
}

#pageTitle.event {
    align-items: center;
    background: #f4f9ff url(/shared/images/products/event_main.gif) no-repeat 0 100%;
    background-size: contain!important;
    border: 8px solid #ebf2fc;
    display: flex;
    height: 118px;
    justify-content: center;
    margin-bottom: 35px;
    width: 100%
}

#pageTitle.event h1 {
    color: #333;
    line-height: 1.4;
    margin-bottom: 0
}

#pageTitle.companyAboutus {
    background: url(/shared/images/company/aboutus_main.jpg) no-repeat;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.companyAboutus h1 {
    color: #fff;
    left: 30px;
    position: absolute;
    top: 100px
}

#pageTitle.community_qaforum_about,#pageTitle.community_qaforum_guide,#pageTitle.community_qaforum_manners {
    background: url(/shared/images/community/qaforum_about_main.gif) no-repeat;
    border: 8px solid #e82838;
    height: 240px!important;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.community_qaforum_about h1 {
    color: #e82838;
    font-weight: 700;
    left: 135px;
    line-height: 1.5;
    margin: 0!important;
    position: absolute;
    top: 80px
}

#pageTitle.community_qaforum_manners p {
    color: #e82838;
    font-size: 100%;
    font-weight: 400;
    left: 135px;
    position: absolute;
    top: 65px
}

#pageTitle.community_qaforum_manners h1 {
    color: #e82838;
    font-weight: 700;
    left: 135px;
    line-height: 1.5;
    margin: 0!important;
    position: absolute;
    top: 90px
}

#pageTitle.community_qaforum_guide p {
    color: #e82838;
    font-size: 100%;
    font-weight: 400;
    left: 135px;
    position: absolute;
    top: 65px
}

#pageTitle.community_qaforum_guide h1 {
    color: #e82838;
    font-weight: 700;
    left: 135px;
    line-height: 1.3;
    margin: 0!important;
    position: absolute;
    top: 90px
}

#pageTitle.community_qaforum_guide h1 span {
    font-size: 14px
}

#pageTitle.support_faq {
    background: url(/shared/images/support/faq_main.gif) no-repeat;
    border: 8px solid #004099;
    height: 240px!important;
    margin-bottom: 20px;
    position: relative
}

#pageTitle.support_faq h1 {
    color: #004099;
    font-weight: 700;
    left: 30px;
    line-height: 1.5;
    margin: 0!important;
    position: absolute;
    top: 80px
}

#pageTitle {
    background-size: 100% auto!important
}

@media screen and (max-width: 767px) {
    #pageTitle {
        height:135px;
        width: auto
    }

    #pageTitle h1 {
        color: #014099;
        font-size: 142%
    }

    #pageTitle.aboutus {
        background-size: cover
    }

    #pageTitle.aboutus h1 {
        left: 20px;
        position: absolute;
        top: 50px
    }

    #pageTitle.creacompo {
        background-size: auto 100%!important;
        margin-bottom: 10px
    }

    #pageTitle.creacompo p {
        font-size: 12px;
        left: 140px;
        margin-right: 15px;
        position: absolute;
        top: 36px
    }

    #pageTitle.creacompo h1 {
        left: 140px;
        position: absolute;
        top: 74px
    }

    #pageTitle.creacompo2_index {
        background-size: auto 100%!important
    }

    #pageTitle.creacompo2_index p {
        font-size: 100%;
        left: 20px;
        position: absolute;
        top: 80px
    }

    #pageTitle.creacompo_contact {
        background-size: cover;
        border: none;
        margin-bottom: 10px
    }

    #pageTitle.creacompo_contact h1 {
        left: 130px;
        line-height: 1.3;
        margin-right: 15px;
        position: absolute;
        top: 40px
    }

    #pageTitle.creacompo2_gradingmagic2,#pageTitle.creacompo2_markermagic2,#pageTitle.creacompo2_markermagic2_aa,#pageTitle.creacompo2_markermagic2_note,#pageTitle.creacompo2_patternmagic2,#pageTitle.creacompo2_patternmagic2-ss {
        background-position: center bottom 8px!important;
        background-size: 85px auto!important;
        height: auto!important;
        justify-content: center;
        padding: 16px 24px 36px
    }

    #pageTitle.creacompo2_gradingmagic2 h1,#pageTitle.creacompo2_markermagic2 h1,#pageTitle.creacompo2_markermagic2_aa h1,#pageTitle.creacompo2_markermagic2_note h1,#pageTitle.creacompo2_patternmagic2 h1,#pageTitle.creacompo2_patternmagic2-ss h1 {
        color: #333;
        font-size: 12px;
        font-weight: 700;
        text-align: center
    }

    #pageTitle.creacompo2_patternmagic2-3d {
        background: url(/shared/images/products/creacompo2_patternmagic2-3d_main_sp.gif) no-repeat;
        background-position: 50%;
        background-size: auto 100%!important;
        height: 140px!important
    }

    #pageTitle.creacompo2_patternmagic2-3d h1 {
        color: #333;
        font-size: 12px;
        font-weight: 700;
        left: 0;
        margin: 0 10px;
        position: relative;
        text-align: center;
        top: 44px
    }

    #pageTitle.creacompo2_contract_creacompo2basic,#pageTitle.creacompo2_contract_creacpmpo2license,#pageTitle.creacompo2_contract_creacpmpo2personal,#pageTitle.creacompo2_contract_index,#pageTitle.creacompo2_contract_public-overseas,#pageTitle.creacompo2_system_clientserver,#pageTitle.creacompo2_system_index,#pageTitle.creacompo2_system_privatecloud,#pageTitle.creacompo2_system_publiccloud,#pageTitle.creacompo2_system_requirement,#pageTitle.creacompo2_system_standalone {
        background: url(/shared/images/products/creacompo2_common_main_sp.gif) no-repeat;
        background-position: 50%;
        background-size: auto 100%!important;
        height: 140px!important
    }

    #pageTitle.creacompo2_system_clientserver h1,#pageTitle.creacompo2_system_privatecloud h1,#pageTitle.creacompo2_system_publiccloud h1,#pageTitle.creacompo2_system_standalone h1 {
        left: 0;
        margin: 0 5%;
        position: relative;
        text-align: center;
        top: 40px
    }

    #pageTitle.creacompo2_system_publiccloud h1 span {
        font-size: 11px
    }

    #pageTitle.creacompo2_contract_creacompo2basic h1,#pageTitle.creacompo2_contract_creacpmpo2license h1 {
        left: 0;
        margin: 0 5%;
        position: relative;
        text-align: center;
        top: 40px
    }

    #pageTitle.creacompo2_contract_creacpmpo2personal h1 {
        left: 0;
        line-height: 1.3;
        margin: 0 5%;
        position: relative;
        text-align: center;
        top: 20px
    }

    #pageTitle.creacompo2_contract_creacpmpo2personal h1 span {
        font-size: 11px
    }

    #pageTitle.creacompo2_contract_public-overseas h1 {
        font-size: 14px;
        left: 0;
        line-height: 1.3;
        margin: 0 5%;
        position: relative;
        text-align: center;
        top: 20px
    }

    #pageTitle.creacompo2_contract_public-overseas h1 span {
        font-size: 11px
    }

    #pageTitle.creacompo2_contract_index h1,#pageTitle.creacompo2_system_index h1,#pageTitle.creacompo2_system_requirement h1 {
        left: 0;
        margin: 0 5%;
        position: relative;
        text-align: center;
        top: 20px
    }

    #pageTitle.event {
        height: 80px!important;
        margin-bottom: 20px;
        min-height: 80px!important
    }

    #pageTitle.event h1 {
        font-size: 1.8rem;
        padding-left: 6rem
    }

    #pageTitle.companyAboutus {
        background-size: cover;
        margin-bottom: 10px
    }

    #pageTitle.companyAboutus h1 {
        left: 20px;
        position: absolute;
        top: 50px
    }

    #pageTitle.community_qaforum_about,#pageTitle.community_qaforum_guide,#pageTitle.community_qaforum_manners {
        background: url(/shared/images/community/qaforum_about_main_sp.gif) no-repeat;
        background-position: 50%;
        background-size: auto 100%;
        height: 119px!important;
        padding: 0
    }

    #pageTitle.community_qaforum_about h1 {
        top: 20px
    }

    #pageTitle.community_qaforum_about h1,#pageTitle.community_qaforum_manners p {
        left: 0;
        line-height: 1.3;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center
    }

    #pageTitle.community_qaforum_manners p {
        font-size: 12px;
        font-weight: 700;
        top: 15px
    }

    #pageTitle.community_qaforum_manners h1 {
        top: 35px
    }

    #pageTitle.community_qaforum_guide p,#pageTitle.community_qaforum_manners h1 {
        left: 0;
        line-height: 1.3;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center
    }

    #pageTitle.community_qaforum_guide p {
        font-size: 12px;
        font-weight: 700;
        top: 15px
    }

    #pageTitle.community_qaforum_guide h1 {
        font-size: 14px;
        left: 0;
        line-height: 1.3;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        top: 35px
    }

    #pageTitle.community_qaforum_guide h1 span {
        font-size: 12px
    }

    #pageTitle.support_faq {
        background: url(/shared/images/support/faq_main_sp.gif) no-repeat;
        background-position: 50%;
        background-size: auto 100%;
        height: 119px!important;
        padding: 0
    }

    #pageTitle.support_faq h1 {
        left: 0;
        line-height: 1.3;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        top: 20px
    }
}

.block1 {
    border: 1px solid #e9e9e9;
    margin: 20px 0
}

.box1 {
    padding: 20px 50px
}

.box2 {
    padding: 20px
}

.box2-color1 {
    border: 8px solid #e4f4ff;
    padding: 20px
}

.txtLine {
    background: #f6f6f6;
    color: #014099;
    font-size: 142%;
    font-weight: 700;
    padding: 10px 18px 13px;
    position: relative
}

.txtLine:after {
    background: linear-gradient(90deg,#0081ae 20%,#ccc 0,#ccc);
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.txtLine-XM {
    background: #f6f6f6 url(/shared/images/bg_txt_line_XM.gif) no-repeat;
    background-position: 0 100%;
    color: #333;
    font-size: 142%;
    font-weight: 700;
    padding: 10px 18px
}

.txtLine-XM span {
    font-size: 13px!important
}

.txtLine-PC {
    background: #f6f6f6 url(/shared/images/bg_txt_line_PC.gif) no-repeat;
    background-position: 0 100%
}

.txtLine-PC,.txtLine-PublicC {
    color: #333;
    font-size: 142%;
    font-weight: 700;
    padding: 10px 18px
}

.txtLine-PublicC {
    background: #f6f6f6 url(/shared/images/bg_txt_line.gif) no-repeat;
    background-position: 0 100%
}

.txtLine-CS {
    background: #f6f6f6 url(/shared/images/bg_txt_line_CS.gif) no-repeat;
    background-position: 0 100%
}

.txtLine-CS,.txtLine-SA {
    color: #333;
    font-size: 142%;
    font-weight: 700;
    padding: 10px 18px
}

.txtLine-SA {
    background: #f6f6f6 url(/shared/images/bg_txt_line_SA.gif) no-repeat;
    background-position: 0 100%
}

.txtLine-QA {
    background: #f6f6f6 url(/shared/images/bg_txt_line_QA.gif) no-repeat;
    background-position: 0 100%
}

.txtLine-QA,.txtLine-ss {
    color: #333;
    font-size: 142%;
    font-weight: 700;
    padding: 10px 18px
}

.txtLine-ss {
    background: #f6f6f6 url(/shared/images/bg_txt_line_ss.gif) no-repeat;
    background-position: 0 100%
}

.txtLine-ds {
    background: #f6f6f6;
    color: #014099;
    font-size: 142%;
    font-weight: 700;
    padding: 10px 18px;
    position: relative
}

.txtLine-ds:after {
    background: linear-gradient(90deg,#8770bd 20%,#ccc 0,#ccc);
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.txtBox {
    background: #0081af;
    color: #fff;
    font-size: 128%;
    padding: 10px
}

.table1 {
    width: 100%
}

.table1 tr {
    border-bottom: 1px dotted #ccc
}

.table1 tr th {
    font-weight: 700;
    padding: 15px 0;
    text-align: left;
    width: 205px
}

.table1 tr td {
    padding: 15px 0;
    width: auto
}

.table-fix {
    table-layout: fixed
}

.btn-txt {
    background: #004099;
    border: none;
    color: #fff!important;
    display: inline-block;
    padding: 10px 20px
}

.btn-txt:hover {
    background: #00265b;
    text-decoration: none
}

#sidebar .btn-txt {
    display: block
}

.btn-txt2 {
    background: #004099 url(/shared/images/icon_taBlink.gif) 100% 50% no-repeat;
    border-right: 20px solid #004099;
    color: #fff!important;
    display: inline-block;
    padding: 10px 20px
}

.btn-txt2:hover {
    background: #00265b url(/shared/images/icon_taBlink.gif) 100% 50% no-repeat;
    border-right: 20px solid #00265b;
    text-decoration: none
}

.btn-txt3 {
    background: #237dbc;
    border: none;
    color: #fff!important;
    display: inline-block;
    padding: 10px 20px
}

.btn-txt3:hover {
    background: #024f84;
    text-decoration: none
}

.btn-txt4 {
    background: #004099;
    border: none;
    color: #fff!important;
    display: block;
    padding: 20px
}

.btn-txt4:hover {
    background: #00265b;
    text-decoration: none
}

.listbtn {
    padding: 12px 0;
    text-align: center
}

.listbtn li {
    display: inline
}

.listbtn li a {
    background: #004099;
    border: none;
    color: #fff!important;
    line-height: 1.5;
    margin: 0 8px 15px;
    padding: 15px 20px;
    position: relative
}

.listbtn li a:hover {
    background: #00265b;
    text-decoration: none
}

.listbtn li .icon-new {
    left: -10px;
    position: absolute;
    top: -14px
}

.listbtn li a.icon-movie {
    background: #004099 url(/shared/images/icon_movie.png) no-repeat;
    background-position: 20px 13px;
    padding: 15px 20px 15px 55px
}

.listbtn li a.icon-movie:hover {
    background: #00265b url(/shared/images/icon_movie.png) no-repeat;
    background-position: 20px 13px;
    text-decoration: none
}

.link-mail {
    background: url(/shared/images/icon_mail.gif) 0 no-repeat;
    padding-left: 30px
}

.txt-rm1 {
    top: -14px
}

.txt-rm1,.txt-rm2 {
    font-size: 10px;
    position: relative
}

.txt-rm2 {
    top: -5px
}

.color-base {
    color: #333!important
}

.color-acs01 {
    color: #237dbc!important
}

.sp-message {
    display: none
}

.lineT2 {
    border-top: 1px solid #e9e9e9
}

.lineB2 {
    border-bottom: 1px solid #e9e9e9
}

.page-navi {
    background: #f6f6f6;
    border: 1px solid #e9e9e9;
    padding: 15px 15px 5px
}

.page-navi ul li {
    background: url(/shared/images/products/index_purpose_arrow01.png) no-repeat;
    background-position: 0;
    float: left;
    margin: 0 35px 10px 0;
    padding-left: 20px
}

.border0 {
    border-style: none
}

.youtubeBox {
    height: 0;
    overflow: hidden;
    padding: 30px 0 56.25%;
    position: relative
}

.youtubeBox iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 767px) {
    .block1 {
        margin:10px 0
    }

    .box1,.box2,.box2-color1 {
        padding: 10px
    }

    .txtLine,.txtLine-CS,.txtLine-ds,.txtLine-PC,.txtLine-PublicC,.txtLine-QA,.txtLine-SA,.txtLine-ss,.txtLine-XM {
        background-position: -120px bottom;
        font-size: 128%;
        padding: 8px 10px
    }

    .table1 tr th {
        width: 35%
    }

    .table1 tr td,.table1 tr th {
        padding: 10px 0
    }

    .btn-txt {
        padding: 10px
    }

    #sidebar .btn-txt {
        text-align: center
    }

    .btn-txt2 {
        border-right: 10px solid #004099;
        padding: 10px 20px 10px 10px
    }

    .btn-txt2:hover {
        border-right: 10px solid #00265b
    }

    .listbtn {
        padding: 0;
        text-align: left
    }

    .listbtn li a {
        display: block;
        margin: 0 0 10px;
        padding: 15px
    }

    .listbtn li .icon-new {
        left: auto;
        position: absolute;
        right: 10px;
        top: 10px
    }

    .listbtn li a.icon-movie {
        background: #004099 url(/shared/images/icon_movie.png) no-repeat;
        background-position: 15px 13px;
        padding: 15px 15px 15px 50px
    }

    .listbtn li a.icon-movie:hover {
        background: #00265b url(/shared/images/icon_movie.png) no-repeat;
        background-position: 15px 13px;
        text-decoration: none
    }

    .txt-rm1 {
        position: relative;
        top: -10px
    }

    .txt-rm1,.txt-rm2 {
        font-size: 10px
    }

    .sp-img50 {
        width: 50%!important
    }

    .sp-message {
        display: block
    }

    .pc-message {
        display: none
    }
}

#outline .table1 tr:last-child {
    border: none
}

#history .table1 tr th {
    text-indent: 40px
}

#history p {
    font-size: 10px;
    margin: 10px 0
}

#csr .deciList01 {
    margin-left: 30px
}

#csr .deciList01 li {
    margin-bottom: 10px
}

@media screen and (max-width: 767px) {
    #outline .table1 tr td.photo1 {
        background-image:none
    }

    #history .table1 tr th {
        text-indent: 10px
    }

    #csr .deciList01 {
        margin-left: 10px
    }
}

.titPM {
    color: #e58805
}

.titGM {
    color: #ec6d80
}

.titMM,.titMMN {
    color: #2171b6
}

.wbAll {
    word-break: break-all
}

.titXM {
    background: #a9c211;
    color: #fff;
    font-size: 128%;
    padding: 10px
}

.XM-gp {
    padding: 15px
}

.XM-gp,.XM-gp2 {
    background: #edf1be
}

.XM-gp2 {
    border: none;
    padding: 1px
}

.XM-gp2 .icon-xm {
    text-align: left;
    width: 82px
}

a:hover .XM-gp2 {
    background-color: #e0e69b
}

.XM-custom {
    background: #3fc2f9;
    padding: 10px 10px 0!important
}

.XM-lup {
    margin-bottom: 20px;
    padding: 20px 20px 10px
}

.XM-lup,.XM-lup2 {
    background: #edf1be
}

.XM-lup2 {
    zoom:1;margin-top: 10px;
    overflow: hidden;
    padding: 10px 20px
}

.XM-lup2 dt {
    background-color: #fff;
    float: left;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    width: 50px
}

.XM-lup2 dd {
    margin-left: 60px;
    padding-top: 15px;
    text-align: center;
    text-align: left
}

.XM-lup2 a {
    color: #000
}

.XM-op {
    border: 1px solid #a9c211;
    margin-bottom: 10px;
    padding: 10px
}

.XM-op h3 {
    background: url(/shared/images/products/xiformmagic_main_arrow01.png) no-repeat;
    background-position: left 4px;
    padding-left: 20px
}

.XM-op h4 {
    background: url(/shared/images/products/xiformmagic_main_arrow02.png) no-repeat;
    background-position: left 4px
}

.XM-op h4,.XM-op p {
    padding-left: 20px
}

.XM-navi {
    background: #f6f6f6;
    border: 1px solid #e9e9e9;
    padding: 15px 15px 5px
}

.XM-navi ul li {
    background: url(/shared/images/products/xiformmagic_main_arrow01.png) no-repeat;
    background-position: 0;
    float: left;
    margin: 0 25px 10px 0;
    padding-left: 20px
}

.XM-btn1-download dl {
    zoom:1;border: 3px solid #047104;
    margin: 0 auto 35px;
    overflow: hidden;
    width: 580px
}

.XM-btn1-download dl dt a {
    background-color: #047104;
    background-image: url(/shared/images/icon_downloads.png);
    background-position: 10px;
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    float: left;
    padding: 15px 10px 15px 60px;
    width: 115px
}

.XM-btn1-download dl dt a:hover {
    background-color: #099309;
    text-decoration: none
}

.XM-btn1-download dl dd {
    background-color: #fff;
    padding: 15px 10px;
    text-align: center
}

.XM-btn2 {
    border: none;
    padding: 1px
}

.XM-lineup-img {
    display: table;
    margin: 15px auto 35px
}

.XM-lineup-img li {
    display: table-cell;
    padding: 0 5px
}

.XM-lineup-img li a {
    display: block
}

.btn-xm a {
    border: 1px solid #a9c211;
    color: #889e02!important;
    display: inline-block;
    padding: 5px 20px
}

.btn-xm a:hover {
    background-color: #fff;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .titXM {
        background:#a9c211;
        color: #fff;
        font-size: 128%;
        padding: 5px
    }

    .XM-gp {
        min-height: 105px;
        padding-bottom: 5px!important
    }

    .XM-lup {
        background: #edf1be
    }

    .XM-lup,.XM-lup2 {
        padding: 10px
    }

    .XM-lup2 dd {
        padding-top: 5px
    }

    .XM-btn1-download dl {
        margin-top: 15px;
        width: auto
    }

    .XM-btn1-download dl dt a {
        display: block;
        float: none;
        width: auto
    }

    .XM-btn2 {
        border: none;
        margin: 0!important;
        padding: 0!important
    }
}

.titSupport {
    float: left;
    line-height: 45px;
    min-height: 45px;
    text-indent: 55px;
    width: 35%
}

.titSupport.tel {
    background: url(/shared/images/support/support_index_01.gif) no-repeat
}

.titSupport.fax {
    background: url(/shared/images/support/support_index_02.gif) no-repeat
}

.titSupport.web {
    background: url(/shared/images/support/support_index_03.gif) no-repeat
}

.boxSupport {
    float: right;
    width: 60%
}

.boxSupport .telSP {
    display: none
}

@media screen and (max-width: 767px) {
    .titSupport {
        margin-bottom:10px
    }

    .boxSupport,.titSupport {
        float: none;
        width: 100%
    }

    .boxSupport .telSP {
        display: inline-block
    }

    .boxSupport .telPC {
        display: none
    }
}

.indexProducts li {
    color: #fff;
    float: left;
    font-size: 114%;
    font-weight: 700;
    height: 88px;
    line-height: 88px;
    margin-left: 15px;
    text-indent: 74px;
    width: 256px
}

.indexProducts a {
    zoom:1;color: #fff;
    cursor: pointer;
    display: block;
    text-decoration: none
}

.indexProducts li.p01 {
    background: #76bd1d url(/shared/images/topProducts_01.png) no-repeat;
    background-position: 16px
}

.indexProducts li.p02 {
    background: #ffa409 url(/shared/images/topProducts_02.png) no-repeat;
    background-position: 16px
}

.indexProducts li.p03 {
    background: #e51a94 url(/shared/images/topProducts_03.png) no-repeat;
    background-position: 16px
}

.indexProducts a:hover {
    opacity: .8
}

.productLogo {
    margin-top: -10px
}

@media screen and (max-width: 767px) {
    .indexProducts li {
        color:#fff;
        float: none;
        height: 68px;
        line-height: 68px;
        margin-left: 0;
        margin-top: 10px;
        width: auto!important
    }
}

.part1-creacompo2 {
    border: 8px solid #f6f6f6;
    padding: 4px 10px
}

.part1-creacompo2 li {
    border-top: none;
    padding: 10px
}

.part1-creacompo2 li dl dt {
    float: left;
    font-size: 128%;
    font-weight: 700;
    width: 70px
}

.part1-creacompo2 li dl dd {
    margin-left: 70px
}

.bg1-crea2-sys {
    background: #ed7286
}

.bg2-crea2-sys {
    background: #ffab23
}

.bg3-crea2-sys {
    background: #57ba67
}

.bg4-crea2-sys {
    background: #237dbc
}

.bg6-crea2-sys {
    background: #085c96
}

.bg7-crea2-sys {
    background: #77bc1f
}

.tit-crea2-sys {
    color: #fff;
    font-size: 128%;
    font-weight: 700;
    padding: 10px
}

.crea2-color1 {
    color: #ed7286
}

.crea2-color2 {
    color: #ffab23
}

.crea2-color3 {
    color: #57ba67
}

.crea2-color4 {
    color: #237dbc
}

.crea2-color7 {
    color: #77bc1f
}

@media screen and (max-width: 767px) {
    .tit-crea2-sys {
        font-size:100%!important;
        padding: 8px 6px
    }
}

.part1-crea2-sys-PC {
    background: #ddf5e1;
    min-height: 140px;
    padding-bottom: 10px
}

.part1-crea2-sys-PublicC {
    background: #e4f4ff;
    min-height: 140px;
    padding-bottom: 10px
}

.part1-crea2-sys-CS {
    background: #ffeff3;
    min-height: 140px;
    padding-bottom: 10px
}

.part1-crea2-sys-SA {
    background: #fff2db;
    min-height: 140px;
    padding-bottom: 10px
}

.bg5-crea2-sys {
    background: #999
}

.bg1-contract {
    background: #fee2e7!important
}

.bg2-contract {
    background: #fff3e1!important
}

.bg3-contract {
    background: #ebf6fd!important
}

.bg4-contract {
    background: #ddf5e1!important
}

.bg5-contract {
    background: #cedfea!important
}

.part1-creacompo2basic li,.part1-creacompo2basic li:first-child {
    border: 8px solid #ffeff3;
    padding: 10px
}

.part1-creacompo2basic li {
    border-top: none
}

.part1-creacompo2basic li .tit {
    color: #ed7286;
    font-size: 128%;
    font-weight: 700
}

.part2-creacompo2basic li {
    border: 8px solid #fff7d4;
    margin: 10px 0 0;
    padding: 10px
}

.part2-creacompo2basic li .tit {
    color: #f90;
    font-size: 128%;
    font-weight: 700
}

.part1-creacpmpo2license li,.part1-creacpmpo2license li:first-child {
    border: 8px solid #fff2db;
    padding: 10px
}

.part1-creacpmpo2license li {
    border-top: none
}

.part1-creacpmpo2license li .tit {
    color: #ffab23;
    font-size: 128%;
    font-weight: 700
}

.part1-creacpmpo2personal li,.part1-creacpmpo2personal li:first-child {
    border: 8px solid #e4f4ff;
    padding: 10px
}

.part1-creacpmpo2personal li {
    border-top: none
}

.part1-creacpmpo2personal li .tit {
    color: #237dbc;
    font-size: 128%;
    font-weight: 700
}

.part2-creacpmpo2personal {
    border: 8px solid #e4f4ff;
    padding: 10px
}

.part2-creacpmpo2personal li {
    margin-top: 10px
}

.part2-creacpmpo2personal li:first-child {
    margin-top: 0
}

.part2-creacpmpo2personal .tit {
    color: #237dbc;
    font-size: 128%;
    font-weight: 700
}

.part1-patternmagic2 li,.part1-patternmagic2 li:first-child {
    border: 8px solid #fff2db;
    padding: 10px
}

.part1-patternmagic2 li {
    border-top: none
}

.part1-patternmagic2 li dl dt {
    color: #ffab23;
    float: left;
    font-size: 128%;
    font-weight: 700;
    width: 70px
}

.part1-patternmagic2 li dl dd {
    margin-left: 70px
}

.newsBox {
    padding: 0 100px
}

.news-naviBtn a {
    background-color: #f8f8f8;
    border: 1px solid #eaeaea;
    color: #01419a;
    float: left;
    margin-right: 15px;
    padding: 10px 20px
}

.news-naviBtn a:hover {
    background: #fff;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .newsBox {
        padding:0
    }
}

.bg1-index-process td {
    background: #edf1be
}

.bg2-index-process td {
    background: #fff2db
}

.bg3-index-process td {
    background: #e4f4ff
}

.eventInfo-add {
    background: #ebf2fc
}

.eventInfo2-add,.eventInfo-add {
    border: 1px solid #fff;
    float: left;
    margin-right: 3%;
    padding: 4px 0;
    text-align: center;
    width: 14%
}

.eventInfo2-add {
    background: #eee7fd
}

.eventInfo-date {
    float: right;
    padding: 4px 0;
    width: 82%
}

.tit-eventInfo {
    color: #014099;
    float: right;
    font-size: 142%;
    font-weight: 700;
    width: 82%
}

.eventInfo-categ {
    color: #999;
    float: right;
    width: 82%
}

.eventInfo2 a div,.eventInfo a div {
    background: #fff;
    color: #333
}

.eventInfo a:hover div {
    background: #f4f9ff
}

.eventInfo2 a:hover div {
    background: #f7f2ff
}

.eventInfo2 a:hover div .eventInfo2-add,.eventInfo a:hover div .eventInfo-add {
    background: #fff;
    border: 1px solid #e9e9e9
}

.eventInfo-contact a {
    background-color: #014099;
    color: #fff;
    display: inline-block;
    font-size: 114%;
    font-weight: 700;
    padding: 8px 20px
}

.eventInfo-contact a:hover {
    background-color: #00265b;
    text-decoration: none
}

.eventInfo-contact2 a {
    background-color: #e82838;
    color: #fff;
    display: inline-block;
    font-size: 114%;
    font-weight: 700;
    padding: 8px 20px
}

.eventInfo-contact2 a:hover {
    background-color: #c50515;
    text-decoration: none
}

.eventInfo-txtLine {
    background: #f6f6f6 url(/shared/images/bg_txt_line.gif) no-repeat;
    background-position: 0 100%
}

.eventInfo2-txtLine,.eventInfo-txtLine {
    color: #014099;
    font-size: 142%;
    font-weight: 700;
    overflow: hidden;
    padding: 10px 18px
}

.eventInfo2-txtLine {
    background: #f6f6f6 url(/shared/images/bg_txt_line_ds.gif) no-repeat;
    background-position: 0 100%
}

.eventInfo2-txtLine span,.eventInfo-txtLine span {
    float: left;
    width: 70%
}

.eventForm {
    margin: 0;
    padding: 5px
}

.eventContact th {
    width: 20%
}

.eventContact td {
    width: 80%
}

.eventContact td .size1 {
    font-size: 100%;
    width: 50%
}

.eventContact td .size2 {
    font-size: 100%;
    width: 80%
}

.eventContact td .ta-size1 {
    font-size: 100%;
    height: 100px;
    width: 80%
}

.btn-form {
    background: #004099;
    border: none;
    color: #fff!important;
    display: inline-block;
    font-weight: 700;
    padding: 10px 40px
}

.btn-form:hover {
    background: #00265b;
    text-decoration: none
}

.formList dl {
    zoom:1;overflow: hidden;
    padding: 15px 20px
}

.formList dl dt {
    float: left;
    width: 220px
}

.formList dl dd {
    margin-left: 220px
}

.formList dl dd input {
    margin: -1px 3px 2px 0;
    padding: 0;
    vertical-align: middle
}

.formList dl dd .size1 {
    font-size: 16px;
    width: 50%
}

.formList dl dd .ta-size1 {
    font-size: 16px;
    height: 100px;
    width: 60%
}

.formList dl dd select {
    border: 1px solid #c1c1c1;
    font-size: 14px;
    height: 22px;
    margin-bottom: 5px;
    padding: 1px
}

@media screen and (max-width: 767px) {
    .eventInfo2-add,.eventInfo-add {
        float:left;
        margin-right: 5%;
        padding: 4px 0;
        text-align: center;
        width: 20%
    }

    .eventInfo-date {
        float: right;
        width: 74%
    }

    .tit-eventInfo {
        font-size: 128%;
        margin-top: 3px
    }

    .eventInfo-categ,.tit-eventInfo {
        float: left;
        width: 100%
    }

    .eventInfo2-txtLine,.eventInfo-txtLine {
        background-position: -120px bottom;
        font-size: 128%;
        padding: 8px 10px 12px
    }

    .eventInfo2-txtLine span,.eventInfo-txtLine span {
        float: none;
        width: 100%
    }

    .formList dl {
        border-top: 1px dotted #ccc;
        margin: 0 -10px;
        padding: 15px 10px
    }

    .formList dl.even {
        background-color: #fff
    }

    .formList dl dt {
        float: none;
        font-size: 107%;
        font-weight: 700;
        padding-bottom: 8px;
        width: auto
    }

    .formList dl dd {
        margin-left: 0
    }

    .formList dl dd .size1 {
        border: 1px solid #ccc;
        width: 100%
    }

    .formList dl dd select {
        height: 24px;
        line-height: 24px;
        width: 100%
    }
}

.cf2-checkbox label {
    margin-right: 30px
}

#cf2-address1,#cf2-address2,#cf2-company1,#cf2-company2,#cf2-country,#cf2-email,#cf2-exp,#cf2-fax1,#cf2-fax2,#cf2-furigana,#cf2-name,#cf2-tel1,#cf2-tel2 {
    font-size: 16px;
    width: 60%
}

#cf2-contact2 {
    font-size: 16px;
    width: 70%
}

.btn-cf input {
    background: #004099;
    border: none;
    color: #fff!important;
    display: inline-block;
    font-weight: 700;
    margin: 0 10px;
    padding: 10px 20px
}

.btn-cf input:hover {
    background: #00265b;
    text-decoration: none
}

#upf01 {
    font-size: 14px
}

@media screen and (max-width: 767px) {
    #cf2-address1,#cf2-address2,#cf2-company1,#cf2-company2,#cf2-contact2,#cf2-country,#cf2-email,#cf2-exp,#cf2-fax1,#cf2-fax2,#cf2-furigana,#cf2-name,#cf2-tel1,#cf2-tel2 {
        border:1px solid #ccc;
        width: 100%
    }
}

.cf1-checkbox label {
    margin-right: 30px
}

.cf1-checkbox2 {
    zoom:1;overflow: hidden
}

.cf1-checkbox2 span {
    display: block;
    margin: 0;
    padding-bottom: 5px
}

.cf1-checkbox2 span:first-child {
    padding-left: 10px
}

.cf1-checkbox2 span label input {
    display: inline-block;
    float: left;
    margin-top: 2px
}

#cf1-address1,#cf1-address2,#cf1-company1,#cf1-company2,#cf1-email,#cf1-email2,#cf1-fax1,#cf1-furigana,#cf1-name,#cf1-tel1 {
    font-size: 16px;
    width: 60%
}

#cf1-contact2 {
    font-size: 16px;
    width: 70%
}

#cf1-mailfile,dd.mailfile input {
    font-size: 14px
}

@media screen and (max-width: 767px) {
    #cf1-address1,#cf1-address2,#cf1-company1,#cf1-company2,#cf1-contact2,#cf1-email,#cf1-email2,#cf1-fax1,#cf1-furigana,#cf1-name,#cf1-tel1 {
        border:1px solid #ccc;
        width: 100%
    }
}

.ef1-checkbox label {
    margin-right: 30px
}

#ef1-address1,#ef1-address2,#ef1-company1,#ef1-company2,#ef1-email,#ef1-fax1,#ef1-furigana,#ef1-name,#ef1-tel1 {
    font-size: 16px;
    width: 60%
}

#ef1-sp1 {
    font-size: 16px;
    width: 70%
}

.event-tbd1 {
    width: 25%
}

.event-tbd2 {
    width: 12%
}

.event-tbd3 {
    width: 50%
}

@media screen and (max-width: 767px) {
    #ef1-address1,#ef1-address2,#ef1-company1,#ef1-company2,#ef1-email,#ef1-fax1,#ef1-furigana,#ef1-name,#ef1-sp1,#ef1-tel1 {
        border:1px solid #ccc;
        width: 100%
    }
}

#tf1-company1,#tf1-company2,#tf1-email,#tf1-email2,#tf1-fax1,#tf1-furigana,#tf1-name,#tf1-tel1 {
    font-size: 16px;
    width: 60%
}

#tf1-contact1 {
    font-size: 16px;
    width: 70%
}

@media screen and (max-width: 767px) {
    #tf1-company1,#tf1-company2,#tf1-contact1,#tf1-email,#tf1-email2,#tf1-fax1,#tf1-furigana,#tf1-name,#tf1-tel1 {
        border:1px solid #ccc;
        width: 100%
    }
}

#iof-company2,#iof-email,#iof-email2,#iof-furigana,#iof-name,#iof-postinfo-add,#iof-postinfo-cad,#iof-postinfo-company1,#iof-postinfo-furigana,#iof-postinfo-homepage,#iof-postinfo-name,#iof-postinfo-service,#iof-postinfo-tel,#iof-tel1 {
    font-size: 16px;
    width: 60%
}

.iof-c-box label {
    margin-right: 20px
}

@media screen and (max-width: 767px) {
    #iof-company2,#iof-email,#iof-email2,#iof-furigana,#iof-name,#iof-postinfo-add,#iof-postinfo-cad,#iof-postinfo-company1,#iof-postinfo-furigana,#iof-postinfo-homepage,#iof-postinfo-name,#iof-postinfo-service,#iof-postinfo-tel,#iof-tel1 {
        border:1px solid #ccc;
        width: 100%
    }
}

.tit-ompany-aboutus {
    border: 3px solid #237dbc;
    color: #237dbc;
    font-size: 20px;
    font-weight: 700;
    padding: 15px;
    text-align: center
}

.part1-company-aboutus {
    margin: 0 auto;
    width: 70%
}

.part1-company-aboutus p {
    line-height: 1.8
}

@media screen and (max-width: 767px) {
    .tit-ompany-aboutus {
        font-size:16px;
        padding: 10px;
        text-align: center
    }

    .part1-company-aboutus {
        width: 100%
    }
}

.part1-creacpmpo2markermagic2 li,.part1-creacpmpo2markermagic2 li:first-child {
    border: 8px solid #e4f4ff;
    padding: 10px
}

.part1-creacpmpo2markermagic2 li {
    border-top: none
}

.part1-creacpmpo2markermagic2 li .tit {
    color: #237dbc;
    font-size: 128%;
    font-weight: 700
}

.purpose-columnBox {
    margin: 0;
    padding: 0;
    width: auto
}

.purpose-columnBox .text {
    float: left;
    margin: 0;
    padding: 0;
    width: 505px
}

.purpose-columnBox .arrow {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 85px
}

.purpose-columnBox .link {
    float: left;
    margin: 0;
    padding: 0;
    width: 210px
}

.purpose-navi {
    background: #f6f6f6;
    border: 1px solid #e9e9e9;
    padding: 15px 15px 5px
}

.purpose-navi ul li {
    background: url(/shared/images/products/index_purpose_arrow01.png) no-repeat;
    background-position: 0;
    float: left;
    margin: 0 35px 10px 0;
    padding-left: 20px
}

@media screen and (max-width: 767px) {
    .purpose-columnBox .arrow,.purpose-columnBox .link,.purpose-columnBox .text {
        width:100%
    }
}

.purpose-itemLink {
    border: 1px solid #ccc;
    padding: 5px
}

.purpose-itemLink h3.productLogo {
    margin-top: 0!important
}

.purpose-itemLink p {
    padding: 0 8px 8px
}

.purpose-itemLink .btnArea02 {
    padding: 0 0 5px 5px!important
}

.purpose-textList1 li {
    border: 2px solid #ffae00;
    margin: 0 0 5px;
    padding: 7px 10px
}

.purpose-textList1 li:last-child {
    margin: 0
}

.purpose-textList2 li {
    border: 2px solid #e51a94;
    margin: 0 0 5px;
    padding: 7px 10px
}

.purpose-textList2 li:last-child {
    margin: 0
}

.purpose-textList3 li {
    border: 2px solid #00a6cf;
    margin: 0 0 5px;
    padding: 7px 10px
}

.purpose-textList3 li:last-child {
    margin: 0
}

.purpose-textList4 li {
    border: 2px solid #76bd1d;
    margin: 0 0 5px;
    padding: 7px 10px
}

.purpose-textList4 li:last-child {
    margin: 0
}

.step {
    margin: 20px 0 30px;
    text-align: center
}

.step li {
    background-image: url(/shared/images/bg_step_base1.gif),url(/shared/images/bg_step_base2.gif);
    background-position: 100% 0,0 0;
    background-repeat: no-repeat,repeat-x;
    border-left: 1px solid #a7cfeb
}

.ie8 .step li,.step li {
    background-color: #e5f4ff;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    margin: 10px 3px 0 0;
    padding: 0 28px 0 10px
}

.ie8 .step li {
    background-image: url(/shared/images/bg_step_base1.gif);
    border-left: none
}

.ie8 .step li,.step li.active {
    background-position: 100% 0;
    background-repeat: no-repeat
}

.step li.active {
    background-color: #237dbc;
    background-image: url(/shared/images/bg_step_act1.gif);
    border-left: 1px solid #237dbc;
    color: #fff
}

@media screen and (max-width: 767px) {
    .step {
        background:#f6f6f6;
        border: 1px solid #eaeaea;
        margin: 15px 0 20px;
        padding: 5px 10px 10px 30px;
        text-align: left
    }

    .step li {
        background-color: #e5f4ff;
        background-image: url(/shared/images/bg_step_base1_sp.gif),url(/shared/images/bg_step_base2.gif);
        background-position: 100% 0,0 0;
        background-repeat: no-repeat,repeat-x;
        border-left: 1px solid #a7cfeb;
        display: inline-block;
        height: 34px;
        line-height: 34px;
        margin: 10px 0 0 3px;
        padding: 0 20px 0 5px
    }

    .step li:first-child {
        margin: 10px 0 0 -20px
    }

    .step li.active {
        background-color: #237dbc;
        background-image: url(/shared/images/bg_step_act1_sp.gif);
        background-position: 100% 0;
        background-repeat: no-repeat;
        border-left: 1px solid #237dbc;
        color: #fff
    }
}

.colorQA {
    color: #e82838!important
}

.bgColorQA {
    background-color: #fff1f4!important
}

.btn-txtQA {
    background: #e82838;
    border: none;
    color: #fff!important;
    display: inline-block;
    padding: 10px 20px
}

.btn-txtQA:hover {
    background: #c50515;
    text-decoration: none
}

.QA-navi {
    background: #f6f6f6;
    border: 1px solid #e9e9e9;
    padding: 15px 15px 5px
}

.QA-navi ul li {
    background: url(/shared/images/community/qaforum_guide_arrow01.png) no-repeat;
    background-position: 0;
    float: left;
    margin: 0 0 10px 45px;
    padding-left: 20px
}

.QA-navi ul li:first-child {
    margin-left: 0
}

.part3-qaforum-about {
    border: 8px solid #fff1f4;
    padding: 0 15px 10px
}

.part1-qaforum-about {
    background-color: #fff1f4;
    padding: 20px 0
}

.part1-qaforum-about ul {
    margin: 0 45px
}

.part1-qaforum-about ul li {
    float: left
}

.part1-qaforum-about ul li a.btn {
    background-color: #e82838;
    color: #fff;
    display: block;
    margin: 0 5px;
    padding: 15px 0;
    text-align: center;
    width: 200px
}

.part1-qaforum-about ul li a.btn:hover {
    background-color: #c50515;
    text-decoration: none
}

.part2-qaforum-about {
    border-bottom: 1px dotted #dfdfdf
}

.part2-qaforum-about dt {
    font-weight: 700;
    margin-top: 20px;
    padding-left: 55px;
    padding-top: 10px;
    position: relative;
    vertical-align: middle
}

.part2-qaforum-about dt .titQ {
    border: 2px solid #e82838;
    color: #e82838;
    display: block;
    height: 35px;
    left: 0;
    line-height: 35px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 35px
}

.part2-qaforum-about dd {
    margin: 10px 0 20px 55px
}

@media screen and (max-width: 767px) {
    .btn-txtQA {
        padding:10px
    }

    .QA-navi ul li {
        margin: 0 15px 10px 0
    }

    .part1-qaforum-about {
        padding: 10px 0
    }

    .part1-qaforum-about ul {
        margin: 0
    }

    .part1-qaforum-about ul li {
        float: none
    }

    .part1-qaforum-about ul li a.btn {
        margin: 10px 10px 0;
        width: auto
    }

    .part1-qaforum-about ul li:first-child a.btn {
        margin: 0 10px;
        width: auto
    }
}

.tb-download td,.tb-download th {
    vertical-align: middle
}

.tb-download th.ver {
    width: 15%
}

.tb-download th.dl {
    width: 25%
}

.btn-download-s {
    background: #004099;
    border: none;
    color: #fff!important;
    display: inline-block;
    font-size: 14px;
    padding: 10px
}

.btn-download-s:hover {
    background: #00265b;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .filename {
        width:20%!important;
        word-break: break-all
    }

    .btn-download-s {
        background: #004099;
        border: none;
        color: #fff!important;
        display: inline-block;
        font-size: 10px;
        padding: 5px
    }
}

.part1-acstraining {
    float: left;
    margin-right: 20px;
    width: 360px
}

.part2-boardframe {
    float: right;
    width: 420px
}

.part2-boardframe img {
    width: 100%
}

.part2-boardframe .training-schedule {
    background-image: url(/shared/images/support/boardframe_middle.gif);
    background-repeat: repeat-y;
    color: #fff;
    min-height: 80px;
    padding: 10px 0
}

.part2-boardframe .training-schedule dl.tokyo {
    float: left;
    margin-left: 30px;
    width: 170px
}

.part2-boardframe .training-schedule dl.osaka {
    float: right;
    margin-right: 30px;
    width: 170px
}

.part2-boardframe .training-schedule dl.select {
    margin: 0 auto;
    text-align: center;
    width: 80%
}

.part2-boardframe .training-schedule dl dt {
    font-weight: 700;
    margin-bottom: 5px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .part1-acstraining {
        margin-right:0
    }

    .part1-acstraining,.part2-boardframe {
        float: none;
        width: auto
    }

    .part2-boardframe .training-schedule {
        background-image: url(/shared/images/support/boardframe_middle.gif);
        background-repeat: repeat-y;
        background-size: 100% auto;
        color: #fff;
        padding: 10px 0
    }

    .part2-boardframe .training-schedule dl.tokyo {
        float: none;
        margin: 0 50px;
        width: auto
    }

    .part2-boardframe .training-schedule dl.osaka {
        float: none;
        margin: 10px 50px 0;
        width: auto
    }

    .part2-boardframe .training-schedule dl dd {
        text-align: center
    }
}

.softwareprotector-case {
    border-top: 1px solid #e9e9e9;
    margin-bottom: 20px;
    padding-top: 20px
}

.softwareprotector-case dt {
    font-weight: 700
}

.softwareprotector-case dt span {
    border: 2px solid #a9c211;
    color: #a9c211;
    display: inline-block;
    margin-bottom: 5px;
    padding: 3px 5px 1px
}

.softwareprotector-case dd {
    margin-top: 10px
}

.ver-up-tit-cc2 {
    border-bottom: 1px solid #0081af;
    border-top: 1px solid #0081af
}

.ver-up-tit-cc2,.ver-up-tit-xi {
    margin-bottom: 15px;
    padding: 15px;
    text-align: center
}

.ver-up-tit-xi {
    border-bottom: 1px solid #a9c211;
    border-top: 1px solid #a9c211
}

.ver-up-part1 {
    float: left;
    width: 48%
}

.ver-up-part2 {
    float: right;
    width: 48%
}

.ver-up-btn1 a {
    background-color: #0081af;
    background-image: url(/shared/images/support/support_versionup_btn01.gif);
    background-repeat: repeat-x;
    border-radius: 5px;
    box-shadow: 0 5px #006183;
    color: #fff;
    display: block;
    font-size: 128%;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    transition: none
}

.ver-up-btn1 a:hover {
    box-shadow: 0 8px #006183;
    text-decoration: none;
    top: -3px
}

.ver-up-btn1 a:visited {
    color: #fff
}

.ver-up-btn2 a {
    background-color: #a9c211;
    background-image: url(/shared/images/support/support_versionup_btn02.gif);
    background-repeat: repeat-x;
    border-radius: 5px;
    box-shadow: 0 5px #6f8100;
    color: #fff;
    display: block;
    font-size: 128%;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    transition: none
}

.ver-up-btn2 a:hover {
    box-shadow: 0 8px #6f8100;
    text-decoration: none;
    top: -3px
}

.ver-up-btn2 a:visited {
    color: #fff
}

.ver-up-btn1s a {
    background-color: #0081af;
    border-radius: 5px;
    box-shadow: 0 5px #006183;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 42px;
    margin-right: 10px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    transition: none
}

.ver-up-btn1s a:hover {
    box-shadow: 0 8px #006183;
    text-decoration: none;
    top: -3px
}

.ver-up-btn1s a:visited {
    color: #fff
}

.ver-up-btn2s a {
    background-color: #a9c211;
    border-radius: 5px;
    box-shadow: 0 5px #6f8100;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 42px;
    margin-right: 10px;
    padding: 0 20px;
    position: relative;
    text-align: center;
    transition: none
}

.ver-up-btn2s a:hover {
    box-shadow: 0 8px #6f8100;
    text-decoration: none;
    top: -3px
}

.ver-up-btn2s a:visited {
    color: #fff
}

.ver-up-btn1 a:active,.ver-up-btn1s a.act,.ver-up-btn1s a:active,.ver-up-btn2 a:active,.ver-up-btn2s a:active {
    box-shadow: none;
    top: 5px
}

.ver-up-btn1s a.act {
    background-color: #027097;
    border-left: 1px solid #006183;
    border-right: 1px solid #006183;
    border-top: 1px solid #006183
}

.ver-up-btn2s a.act {
    background-color: #879d00;
    border-left: 1px solid #6f8100;
    border-right: 1px solid #6f8100;
    border-top: 1px solid #6f8100;
    box-shadow: none;
    top: 5px
}

@media screen and (max-width: 767px) {
    .ver-up-part1,.ver-up-part2 {
        float:none;
        width: 100%
    }
}

.os-info-logo {
    text-align: center;
    width: 325px
}

.part1-faq {
    border: 8px solid #e7f1fe;
    padding: 15px
}

.part2-faq li {
    margin-bottom: 20px;
    padding-left: 55px;
    padding-top: 10px;
    position: relative;
    vertical-align: middle
}

.part2-faq li .titQ {
    border: 2px solid #237dbc;
    color: #237dbc;
    display: block;
    font-weight: 700;
    height: 35px;
    left: 0;
    line-height: 35px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 35px
}

.part2-faq li a {
    color: #000
}

.part2-faq li a:hover {
    color: #004099
}

.part3-faq {
    border: 8px solid #e7f1fe;
    padding: 30px 15px
}

.btn-faq-qa dt {
    background-image: url(/shared/images/support/faq_btn_qa_off.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 2px solid #e7f1fe;
    cursor: pointer;
    display: block;
    margin-top: 20px;
    min-height: 58px
}

.btn-faq-qa dt.active {
    background-color: #e7f1fe;
    background-image: url(/shared/images/support/faq_btn_qa_on.gif)
}

.btn-faq-qa dt .txt-q {
    padding: 18px 15px 18px 78px
}

.btn-faq-qa dt .txt-q span {
    color: #237dbc;
    font-weight: 700
}

.btn-faq-qa dd {
    display: none
}

.btn-faq-qa dd .txt-a {
    border-bottom: 2px solid #e7f1fe;
    border-left: 2px solid #e7f1fe;
    border-right: 2px solid #e7f1fe;
    display: block;
    margin-left: 60px;
    padding: 15px
}

.btn-faq-qa .lumpMix>div {
    clear: both
}

@media screen and (max-width: 767px) {
    .btn-faq-qa dt {
        background-image:url(/shared/images/support/faq_btn_qa_off.gif);
        background-position: 0 0;
        background-repeat: no-repeat;
        border: 2px solid #e7f1fe;
        cursor: pointer;
        display: block;
        margin-top: 20px;
        min-height: 58px
    }

    .btn-faq-qa dt .txt-q {
        padding: 10px 10px 10px 78px
    }

    .btn-faq-qa dd .txt-a {
        display: block;
        margin-left: 0;
        padding: 10px
    }
}

a.column_list {
    color: #000;
    display: block
}

a.column_list:hover {
    background-color: #f6f6f6;
    text-decoration: none
}

.column_list_part1 {
    margin-bottom: 0!important;
    width: 30%
}

.column_list_part2 {
    border-bottom: 0;
    color: #000;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0
}

.column_list_part3 {
    zoom:1;margin: 5px 0 0;
    overflow: hidden
}

.column_list_part3 li {
    background-color: #173f93;
    color: #fff;
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 5px 10px 0;
    padding: 5px 20px;
    transform: skew(-20deg)
}

.column_list_part3 li span {
    display: inline-block;
    transform: skew(20deg)
}

.column_detail_part1 {
    width: 30%!important
}

.column_detail_part2 {
    border-bottom: 1px solid #e9e9e9
}

@media screen and (max-width: 767px) {
    .column_list_part1 {
        width:30%!important
    }

    .column_list_part3 li {
        margin: 5px 10px 0;
        padding: 5px 15px
    }
}

.scale-img {
    overflow: hidden
}

.scale-img img {
    display: block;
    transition: transform .2s linear
}

.scale-img img:hover {
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    opacity: .7;
    transform: scale(1.1)
}

.scale-img .modalPopup2 img:hover {
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
    opacity: 1;
    transform: scale(1)
}

.white {
    color: #fff
}

.acs-colorB {
    color: #393f4c
}

.acs-bgColorB {
    background-color: #393f4c
}

.acs-circle {
    border-radius: 50%;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 60px
}

.acs-enqTit {
    border-bottom: 1px solid #ccc;
    border-left: 6px solid #ccc;
    padding: 5px 0 10px 15px
}

.acs-archTit {
    border-left: 8px solid #ccc;
    padding: 10px 0 10px 20px
}

.acs-whiteOver a:hover img {
    opacity: .7
}

.acs-noborder {
    border: 0
}

.acs-txtLineTit {
    border-bottom: 3px solid #ccc;
    border-top: 0;
    color: #696969;
    font-size: 160%;
    font-weight: 700;
    padding: 0 5px
}

.acs-xm-flow {
    margin-bottom: 20px
}

.acs-xm-flow li:last-child dl {
    background: none
}

.acs-xm-flow dl {
    background: url(/shared/images/products/img_xm-cloud_flow.png) 22px 4px repeat-y;
    background-size: 5px auto;
    clear: both;
    padding-bottom: 30px
}

.acs-xm-flow dl:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden
}

.acs-xm-flow dl dt {
    color: #fff;
    float: left;
    font-family: Arial;
    font-size: 1.5em;
    font-style: italic;
    font-weight: 700;
    line-height: 48px;
    margin-right: 20px;
    position: relative;
    text-align: center;
    width: 48px;
    z-index: 1
}

.acs-xm-flow dl dt:after {
    background-color: #a8c231;
    border-radius: 48px;
    content: "";
    height: 48px;
    left: 0;
    position: absolute;
    top: 0;
    width: 48px;
    z-index: -1
}

.acs-xm-flow dl dd {
    margin-left: 68px;
    width: auto
}

.acs-xm-flow dl h3 {
    font-size: 1.125em;
    font-weight: 700
}

.acs-xm-btn a {
    background-color: #fff;
    border: 3px solid #a8c231;
    color: #a8c233;
    display: inline-block;
    margin: 15px 10px 0;
    padding: 8px 20px;
    transition: all .3s ease
}

.acs-xm-btn a:hover {
    background-color: #eef3d6;
    text-decoration: none
}

.acs-xm-btn a:visited {
    color: #a8c233
}

.acs-sidepoint {
    text-emphasis-style: filled dot;
    -webkit-text-emphasis-style: filled dot
}

.acs-xm-disc {
    font-weight: 700
}

.acs-xm-disc:before {
    color: #a8c233;
    content: "●";
    font-size: .8em;
    margin-right: 5px
}

.modal-imgColumn2List,.modal-imgColumn3List,.modal-imgColumn4List {
    zoom:1;overflow: hidden
}

.modal-imgColumn2List {
    margin: 15px 0 0 -20px
}

.modal-imgColumn3List {
    margin: 15px 0 0 -15px
}

.modal-imgColumn4List {
    margin: 15px 0 0 -12px
}

.modal-imgColumn2List li.cnt-list {
    float: left;
    padding: 0 0 8px 20px;
    width: 470px
}

.modal-imgColumn3List li.cnt-list {
    float: left;
    padding: 0 0 8px 15px;
    width: 310px
}

.modal-imgColumn4List li.cnt-list {
    float: left;
    padding: 0 0 8px 12px;
    width: 231px
}

#main .modal-imgColumn2List {
    margin: 15px 0 0 -20px
}

#main .modal-imgColumn3List {
    margin: 15px 0 0 -15px
}

#main .modal-imgColumn4List {
    margin: 15px 0 0 -8px
}

#main .modal-imgColumn2List li.cnt-list {
    float: left;
    padding: 0 0 8px 20px;
    width: 350px
}

#main .modal-imgColumn3List li.cnt-list {
    float: left;
    padding: 0 0 8px 15px;
    width: 230px
}

#main .modal-imgColumn4List li.cnt-list {
    float: left;
    padding: 0 0 8px 8px;
    width: 174px
}

.modal-imgColumn2List li.cnt-list img,.modal-imgColumn3List li.cnt-list img,.modal-imgColumn4List li.cnt-list img {
    text-align: center
}

.modal-imgColumn2List li.cnt-list span,.modal-imgColumn3List li.cnt-list span,.modal-imgColumn4List li.cnt-list span {
    display: block;
    margin-top: 5px
}

.modal-imgColumn2List li.cnt-list span.iconBlank a,.modal-imgColumn3List li.cnt-list span.iconBlank a,.modal-imgColumn4List li.cnt-list span.iconBlank a {
    background: url(/shared/images/icon_blank.gif) 100% 0 no-repeat;
    padding-right: 26px
}

.modal-imgColumn2List li.cnt-list span.captionC,.modal-imgColumn3List li.cnt-list span.captionC,.modal-imgColumn4List li.cnt-list span.captionC {
    text-align: center
}

@media screen and (max-width: 767px) {
    .modal-imgColumn2List,.modal-imgColumn3List,.modal-imgColumn4List {
        margin:15px 0 0!important
    }

    .modal-imgColumn2List li.cnt-list,.modal-imgColumn3List li.cnt-list,.modal-imgColumn4List li.cnt-list {
        float: none!important;
        padding: 0 0 10px!important;
        text-align: center;
        width: 100%!important
    }

    .modal-imgColumn2List li.cnt-list span.iconBlank a,.modal-imgColumn3List li.cnt-list span.iconBlank a,.modal-imgColumn4List li.cnt-list span.iconBlank a {
        background-position: 100% 45%;
        background-size: 8px 7px;
        -moz-background-size: 8px 7px;
        -webkit-background-size: 8px 7px;
        padding-right: 13px
    }
}

.imgArea .popupModal1 {
    text-align: left
}

.popupModal1>input {
    display: none
}

.popupModal1>input:first-child+label {
    cursor: pointer
}

.modalPopup2 {
    display: none
}

.popupModal1>input:first-child:checked+label+input:nth-child(3)+label+input:nth-child(5)+label+.modalPopup2 {
    background: #fff;
    border: 10px solid #666;
    display: block;
    height: 500px;
    left: 50%;
    overflow: hidden;
    position: fixed;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 800px;
    z-index: 9998
}

.popupModal1>input:first-child:checked+label+input:nth-child(3)+label+input:nth-child(5)+label {
    left: 50%!important;
    margin-left: 390px!important;
    margin-top: -270px!important;
    top: 50%!important
}

@media screen and (max-width: 767px) {
    .popupModal1>input:first-child:checked+label+input:nth-child(3)+label+input:nth-child(5)+label+.modalPopup2 {
        background:#fff;
        border: 8px solid #666;
        box-sizing: border-box;
        display: block;
        height: 70%;
        left: 0;
        margin: 0 5%;
        overflow: hidden;
        position: fixed;
        top: 100px;
        transform: translate(0);
        width: 90%;
        z-index: 9998
    }

    .popupModal1>input:first-child:checked+label+input:nth-child(3)+label+input:nth-child(5)+label {
        left: 0!important;
        margin-left: 90%!important;
        margin-top: 0!important;
        top: 90px!important
    }
}

@media screen and (max-width: 599px) and (orientation:landscape) {
    .popupModal1>input:first-child:checked+label+input:nth-child(3)+label+input:nth-child(5)+label {
        margin-left:95%!important
    }
}

.popupModal1>input:first-child:checked+label+input:nth-child(3)+label+input:nth-child(5)+label+.modalPopup2>.modal-inner {
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    overflow: auto;
    width: 100%
}

.popupModal1>input:first-child:checked+label+input:nth-child(3)+label+input:nth-child(5)+label+.modalPopup2>.modal-inner-pd {
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    overflow: auto;
    padding: 10px;
    width: 100%
}

.popupModal1>input:first-child:checked+label+input:nth-child(3)+label+input:nth-child(5)+label+.modalPopup2>div>iframe {
    border: none;
    display: block;
    height: 100%;
    width: 100%
}

.popupModal1>input:first-child:checked+label+input:nth-child(3)+label+input:nth-child(5)+label+.modalPopup2>div>img {
    max-width: 100%
}

.popupModal1>input:first-child+label~label {
    display: none
}

.popupModal1>input:first-child:checked+label+input:nth-child(3)+label {
    background: #ffffffb3;
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    text-indent: -999999px;
    top: 0;
    width: 100%;
    z-index: 9997
}

.popupModal1>input:first-child:checked+label+input:nth-child(3)+label+input:nth-child(5)+label {
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    position: fixed;
    text-indent: -999999px;
    width: 30px;
    z-index: 9999
}

.popupModal1>input:first-child+label+input:nth-child(3)+label+input:nth-child(5):checked+label+.modalPopup2,.popupModal1>input:first-child+label+input:nth-child(3):checked+label+input:nth-child(5)+label+.modalPopup2 {
    display: none
}

.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.xm-casestudy-tit1 {
    border: none!important;
    padding: 0
}

.xm-casestudy-tit2-o {
    border-bottom: 1px solid #fdc43f;
    border-left: 8px solid #fdc43f
}

.xm-casestudy-tit2-o,.xm-casestudy-tit2-p {
    background-color: #f5f5f5;
    border-radius: 0 22px 0 0;
    color: #004099;
    font-size: 20px;
    font-weight: 700;
    padding: 12px
}

.xm-casestudy-tit2-p {
    border-bottom: 1px solid #ff64ba;
    border-left: 8px solid #ff64ba
}

.xm-casestudy-tit2-b {
    border-bottom: 1px solid #36b3e0;
    border-left: 8px solid #36b3e0
}

.xm-casestudy-tit2-b,.xm-casestudy-tit2-g {
    background-color: #f5f5f5;
    border-radius: 0 22px 0 0;
    color: #004099;
    font-size: 20px;
    font-weight: 700;
    padding: 12px
}

.xm-casestudy-tit2-g {
    border-bottom: 1px solid #62c636;
    border-left: 8px solid #62c636
}

.xm-casestudy-imgMod:hover {
    opacity: .7
}

.xm-casestudy-tit3-b {
    border: 3px solid #237dbc;
    padding: 10px
}

.xm-casestudy-tit3-o {
    border: 3px solid #ffab23;
    padding: 10px
}

.xm-casestudy-tit3-pu {
    border: 3px solid #7c6cae;
    padding: 10px
}

.xm-casestudy-color-b {
    color: #237dbc
}

.xm-casestudy-color-o {
    color: #ffab23
}

.xm-casestudy-color-pu {
    color: #7c6cae
}

.xm-casestudy-list {
    box-sizing: border-box;
    display: table;
    padding: 10px;
    table-layout: fixed!important;
    width: 100%
}

.xm-casestudy-list li {
    color: #fff;
    color: #ffc;
    display: table-cell;
    float: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    width: auto
}

.xm-casestudy-listbg-b {
    background-color: #237dbc
}

.xm-casestudy-listbg-o {
    background-color: #ffab23
}

.xm-casestudy-listbg-pu {
    background-color: #7c6cae
}

.xm-casestudy-bg-b {
    background-color: #e4f4ff;
    padding: 20px
}

.xm-casestudy-bg-o {
    background-color: #fff2db;
    padding: 20px
}

.xm-casestudy-bg-pu {
    background-color: #f2edff;
    padding: 20px
}

.xm-casestudy-point {
    border: 1px solid #999;
    border-radius: 6px;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%
}

.xm-casestudy-point table {
    width: 100%
}

.xm-casestudy-point th {
    background-color: #999;
    color: #fff;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 95px
}

.xm-casestudy-point td {
    background-color: #fff;
    padding: 10px;
    text-align: left
}

.xm-casestudy-line1 {
    border-bottom: 1px dotted #dfdfdf;
    padding-bottom: 20px
}

.xm-casestudy-info {
    border: 1px solid #ccc;
    padding: 10px 10px 0
}

@media screen and (max-width: 599px) {
    .xm-casestudy-tit2-b,.xm-casestudy-tit2-g,.xm-casestudy-tit2-o,.xm-casestudy-tit2-p {
        border-radius:0 18px 0 0;
        font-size: 16px
    }

    .xm-casestudy-list {
        box-sizing: border-box;
        display: table;
        padding: 10px;
        table-layout: fixed!important;
        width: 100%
    }

    .xm-casestudy-bg-b {
        padding: 5px
    }

    .xm-casestudy-list li {
        display: block
    }

    .xm-casestudy-point th {
        width: 70px
    }

    .xm-casestudy-info {
        padding: 10px
    }
}

.partContact2 {
    background-color: #f6f6f6;
    padding: 50px 0;
    text-align: center
}

.partContact2 .inner {
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto;
    max-width: 660px;
    padding: 10px
}

.partContact2 h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

.partContact2 .tel {
    background-color: #fff;
    margin: 14px 0 10px;
    padding: 5px 0;
    vertical-align: middle
}

.partContact2 .tel p {
    display: inline-block;
    margin: 0 5px
}

.partContact2 .tel p span {
    display: inline-block;
    position: relative;
    top: -4px
}

.partContact2 .tel a {
    color: #333;
    font-family: Arial;
    font-size: 30px
}

.partContact2 .tel a:hover {
    color: #014099;
    text-decoration: none
}

.partContact2 .tel a img {
    height: 26px;
    margin: -5px 5px 0;
    vertical-align: middle;
    width: 23px
}

.partContact2 .time {
    font-size: 12px
}

.partContact2 .form {
    font-size: 16px;
    margin-top: 20px
}

.partContact2 .form>div h4 {
    font-weight: 700;
    margin-bottom: 20px
}

.partContact2 .form>div a {
    background-color: #014099;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    padding: 8px 16px
}

.partContact2 .form>div a img {
    height: 18px;
    margin: -3px 6px 0 0;
    vertical-align: middle;
    width: 24px
}

.partContact2 .form>div a:hover {
    background-color: #237dbc;
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .partContact2 .form {
        display:flex
    }

    .partContact2 .form>div {
        box-sizing: border-box;
        padding: 5px 0;
        width: 50%
    }

    .partContact2 .form>div:first-child {
        border-right: 1px solid #ccc;
        padding-right: 25px;
        text-align: right
    }

    .partContact2 .form>div:last-child {
        padding-left: 25px;
        text-align: left
    }
}

@media screen and (max-width: 767px) {
    .partContact2 {
        padding:30px 0
    }

    .partContact2 .tel span {
        font-size: 14px
    }

    .partContact2 .tel a {
        font-size: 25px
    }

    .partContact2 .form>div {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 768px) {
    .column-one .partContact table {
        width:515px
    }
}

.en {
    font-family: Arial Verdana
}

.txt-center {
    text-align: center
}

.fw-bold {
    font-weight: 700
}

.bgColor17 {
    background-color: #0081ae!important;
    color: #fff
}

.bgColor18 {
    background-color: #ed7286!important;
    color: #fff
}

.bgColor19 {
    background-color: #57ba67!important;
    color: #fff
}

.bgColor20 {
    background-color: #ffab23!important;
    color: #fff
}

.bgColor21 {
    background-color: #333!important
}

.color09 {
    color: #ed7286!important
}

.color10 {
    color: #57ba67!important
}

.color11 {
    color: #ffab23!important
}

.color12 {
    color: #333!important
}

.disc {
    font-weight: 700
}

.disc:before {
    color: #014099;
    content: "●";
    font-size: .8em;
    margin-right: 5px
}

.hline2 {
    font-size: 1.375em;
    font-weight: 700;
    margin-bottom: 20px
}

.hline3 {
    font-size: 1.75em;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 40px;
    padding-left: 20px;
    position: relative
}

.hline3:before {
    background-color: #014099;
    content: "";
    height: 3px;
    left: 0;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 10px
}

@media screen and (max-width: 767px) {
    .hline3 {
        font-size:1.5em;
        padding-right: 10px
    }
}

.hline4 {
    font-size: 1.125em;
    font-weight: 700
}

.btn a {
    background-color: #237dbc;
    color: #fff;
    display: inline-block;
    margin: 15px 10px 0;
    padding: 8px 20px
}

.partContact.typeB {
    box-sizing: border-box
}

@media screen and (min-width: 768px) {
    .partContact.typeB .partContact1 {
        display:flex;
        width: 100%
    }
}

.partContact.typeB .partContact1>div {
    background-color: #fff;
    margin: 15px
}

@media screen and (min-width: 768px) {
    .partContact.typeB .partContact1>div {
        width:70%
    }
}

.partContact.typeB .partContact1>div h4 {
    background-color: #deefc1;
    padding: 8px
}

@media screen and (min-width: 768px) {
    .partContact.typeB .partContact1>div:last-child {
        margin-left:0;
        width: 30%
    }
}

.partContact.typeB .partContact1>div:last-child h4 {
    background-color: #d7e6fa
}

@media screen and (min-width: 768px) {
    .partContact.typeB .partContact1 .partContact2 {
        display:flex
    }
}

.partContact.typeB .partContact1 .partContact2>div {
    padding: 10px
}

@media screen and (min-width: 768px) {
    .partContact.typeB .partContact1 .partContact2>div {
        width:50%
    }
}

.partContact.typeB .partContact1 .partContact3 {
    padding: 10px
}

.partContact.typeB .partContact1 h5 {
    border-bottom: 1px dotted #ccc;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 8px
}

.partContact.typeB .partContact1 strong {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    text-align: left;
    width: 5em
}

.partContact.typeB .partContact1 span {
    background: url(/shared/images/icon_tel.gif) no-repeat;
    background-position: 0;
    color: #555;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 23px;
    font-weight: 700;
    padding: 0 0 0 15px
}

.partContact.typeB .partContact1 .small {
    margin-top: 5px
}

.partContact.typeB .partContact1 .btn {
    margin-bottom: 15px
}

.partContact.typeB .partContact1 .btn a {
    margin-top: 5px
}

.partContact.typeB .partContact1 .btn a:hover {
    background-color: #024f84;
    text-decoration: none
}

.partContact.typeB table {
    box-sizing: border-box;
    width: 714px
}

@media screen and (max-width: 767px) {
    .partContact.typeB table {
        width:100%
    }
}

.partContact.typeB table:last-child {
    width: 314px
}

@media screen and (max-width: 767px) {
    .partContact.typeB table:last-child {
        width:100%
    }
}

.partContact.typeB table th {
    text-align: center
}

.partContact.typeB table td {
    font-weight: 400;
    vertical-align: middle
}

.partContact.typeB table .btn {
    padding: 0
}

.partContact.typeB table .btn a {
    margin-bottom: 20px
}

.partContact.typeB table .btn a:hover {
    text-decoration: none
}

.partContact.typeB table .tel {
    font-size: 14px;
    line-height: 1.8;
    text-align: left
}

.partContact.typeB table .tel .shop {
    display: inline-block;
    font-style: normal;
    margin-right: 10px;
    width: 5em
}

.partContact.typeB table .tel strong {
    font-size: 16px
}

.iframe-video {
    height: 0;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.iframe-video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.cf:after {
    clear: both;
    content: "";
    display: table
}

html {
    font-size: 62.5%
}

body,input,select,textarea {
    -webkit-text-size-adjust: none;
    font-size: 100%
}

a {
    -webkit-tap-highlight-color: rgba(0,0,255,.2)!important;
    color: #014099;
    text-decoration: none
}

a:link {
    -webkit-tap-highlight-color: #fcd700
}

a:hover {
    text-decoration: underline
}

a:visited {
    text-decoration: none
}

a img {
    transition: opacity .2s
}

a:hover img {
    opacity: .8
}

caption {
    margin-bottom: 5px;
    text-align: left
}

ins {
    text-decoration: none
}

ins,mark {
    background-color: #fcd700;
    color: #000
}

mark {
    font-style: italic;
    font-weight: 700
}

select {
    height: 1.8em
}

input {
    padding: 0 2px
}

textarea {
    padding: 2px;
    resize: vertical;
    width: 98%
}

svg {
    position: relative;
    top: 1px
}

.arrow svg {
    fill: #014099;
    height: 12px;
    margin-right: 4px;
    width: 12px
}

body,input,select,textarea {
    color: #333;
    font: 1.6rem Helvetica,Arial,Tahoma,sans-serif;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", sans-serif;
    line-height: 1.6
}

body {
    overflow: clip
}

#skipLink {
    left: -9999px;
    position: absolute
}

#breadCrumb {
    clear: both;
    font-size: 85%;
    margin-bottom: 10px;
    padding-top: 164px
}

#breadCrumb li {
    float: left;
    white-space: nowrap
}

#breadCrumb li.parent {
    background: none;
    padding-left: 0
}

#breadCrumb li a {
    color: #666;
    text-decoration: underline
}

#breadCrumb li a:hover {
    text-decoration: none
}

#breadCrumb li {
    background: url(/shared/images/icon_arrow_05.gif) 5px 55% no-repeat;
    color: #000;
    line-height: 1.2;
    margin-right: 5px;
    padding-left: 10px;
    padding-top: 3px;
    white-space: normal
}

.fixedPadding {
    padding-top: 154px
}

.hideGnavPadding {
    padding-top: 104px!important
}

.pu .fixedPadding {
    padding-top: 104px
}

@media screen and (max-width: 767px) {
    #breadCrumb {
        padding-top:50px
    }

    #breadCrumb ul {
        background-color: #ccc;
        padding: 5px 10px
    }

    .fixedPadding,.hideGnavPadding,.pu .fixedPadding {
        padding-top: 50px!important
    }
}

.imgMain {
    height: auto;
    max-width: inherit;
    width: 100%
}

body#popup #wrapper {
    margin: 0 auto;
    text-align: left;
    width: 1080px
}

body#popup #contents {
    padding-bottom: 0
}

body#popup #contents h1 {
    border: none;
    color: #014099;
    font-size: 250%;
    font-weight: 700;
    line-height: 1;
    margin: 20px 0 15px;
    padding: 0;
    text-align: center
}

body#popup .conBlock {
    text-align: center
}

body#popup .conBlock,body#popup .conBlock02 {
    margin: 0 auto 20px;
    width: 900px
}

body#popup .conBlock02 ul {
    border: 1px solid #e7e7e7;
    padding: 25px 30px;
    text-align: left
}

body#popup .conBlock02 li {
    padding-left: 1em;
    text-indent: -1em
}

body#popup .conBlock03 {
    padding-bottom: 0;
    text-align: center
}

body#popup .conBlock03 .inqBtn a {
    background-color: #014099;
    color: #fff;
    display: inline-block;
    font-size: 114%;
    font-weight: 700;
    padding: 8px 20px
}

body#popup .conBlock03 .inqBtn a:hover {
    background-color: #00265b;
    text-decoration: none
}

body#popup .pageTop {
    text-align: right
}

@media screen and (max-width: 767px) {
    body#popup #wrapper {
        background-color:#fff;
        min-width: 320px;
        width: 100%
    }

    body#popup #contents {
        padding: 0
    }

    body#popup #contents h1 {
        font-size: 142%
    }

    body#popup .conBlock,body#popup .conBlock02 {
        width: 100%
    }

    body#popup .conBlock02 ul {
        padding: 15px
    }

    body#popup .conBlock03 {
        padding-bottom: 0
    }

    body#popup .conBlock03 a {
        background-color: #013e94;
        color: #fff;
        display: block;
        font-size: 114%;
        margin: 0 auto;
        padding: 10px;
        width: 80%
    }

    body#popup .conBlock03 a img {
        display: none
    }

    body#popup header .siteLogo img {
        height: 8px;
        width: 37px
    }
}

#breadCrumb ul:after,#contents:after,#globalNav ul:after,#regionLang:after,.clearfix:after,.subLinks:after,footer:after,footer ul:after,header #logo:after,header:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden
}

#breadCrumb ul,#contents,#globalNav ul,#regionLang,.clearfix,.subLinks,footer,footer ul,header,header #logo {
    zoom:1}

.company-map {
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 26.1758691207%;
    position: relative
}

.company-map iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 767px) {
    .company-map {
        padding-bottom:56.25%
    }
}

#wrapper {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1200px + 4%)!important;
    padding-left: 2%;
    padding-right: 2%;
    width: 100%!important
}

@media screen and (max-width: 767px) {
    #wrapper {
        padding-left:4%;
        padding-right: 4%
    }
}

#contents {
    clear: both;
    width: 100%
}

@media screen and (max-width: 767px) {
    #contents {
        margin:0
    }

    #contents>#main {
        float: none;
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    #contents>#main {
        float:left;
        width: 74.2%
    }
}

@media screen and (max-width: 767px) {
    #contents>#sidebar {
        float:none;
        margin-top: 30px;
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    #contents>#sidebar {
        float:right;
        width: 24.2%
    }
}

#breadCrumb {
    font-size: 11px;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-top: 10px
}

#breadCrumb ul {
    background-color: #fff;
    padding: 0
}

#breadCrumb ul li {
    padding-left: 15px
}

.container,.inner {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1200px + 4%)!important;
    padding-left: 2%;
    padding-right: 2%;
    width: 100%!important
}

@media screen and (max-width: 767px) {
    .container,.inner {
        padding-left:4%;
        padding-right: 4%
    }
}

.footer {
    border-top: 1px solid #e9e9e9;
    font-size: 1.2rem;
    margin-top: 30px;
    text-align: center
}

@media screen and (max-width: 959px) {
    .footer {
        border-top:0;
        text-align: left
    }
}

.footer>div {
    padding-bottom: 25px;
    padding-top: 20px;
    position: relative
}

.footer__links {
    display: inline-flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 959px) {
    .footer__links {
        display:block;
        width: 100%
    }
}

.footer__links li {
    border-left: 1px solid #e5e5e5;
    line-height: 1.5;
    width: auto
}

@media screen and (max-width: 959px) {
    .footer__links li {
        border-left:none;
        border-top: 1px solid #b2b2b2;
        display: block
    }
}

.footer__links li:last-child {
    border-right: 1px solid #e5e5e5
}

@media screen and (max-width: 959px) {
    .footer__links li:last-child {
        border-bottom:1px solid #b2b2b2;
        border-right: none
    }
}

.footer__links li a {
    padding: 0 20px
}

@media screen and (max-width: 1199px) {
    .footer__links li a {
        padding:0 10px
    }
}

@media screen and (max-width: 959px) {
    .footer__links li a {
        color:#333;
        display: block;
        padding: 15px 10px
    }
}

.footer__sns {
    bottom: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 2%
}

@media screen and (max-width: 1199px) {
    .footer__sns {
        flex-wrap:wrap;
        row-gap: 10px
    }
}

@media screen and (max-width: 959px) {
    .footer__sns {
        flex-wrap:nowrap;
        padding: 30px 10px;
        position: static
    }
}

.footer__sns p {
    align-items: center;
    display: flex;
    font-size: 12px
}

@media screen and (max-width: 1199px) {
    .footer__sns p {
        justify-content:center;
        width: 100%
    }
}

@media screen and (max-width: 959px) {
    .footer__sns p {
        width:auto
    }
}

.footer__sns a {
    display: block
}

@media screen and (max-width: 959px) {
    .footer__sns a:first-child {
        margin-right:20px
    }
}

.footer__sns a img {
    height: 40px;
    width: auto
}

.footer__logo {
    margin-bottom: 15px;
    margin-top: 30px
}

@media screen and (max-width: 959px) {
    .footer__logo {
        border-top:1px solid #b2b2b2;
        margin: 0;
        padding: 30px 0 20px;
        text-align: center
    }
}

.footer__logo img {
    width: 194px
}

@media screen and (max-width: 959px) {
    .footer__logo img {
        width:175px
    }
}

.footer__copyright {
    margin: 0 auto;
    width: auto
}

@media screen and (max-width: 959px) {
    .footer__copyright {
        font-size:71%;
        margin: 0 auto;
        text-align: center;
        width: auto
    }
}

.header {
    position: relative;
    width: 100%;
    z-index: 99
}

.header * {
    font-size: 1.4rem
}

@media screen and (min-width: 960px) {
    .header-simple .header__spacer,.header-simple .header__utils {
        height:70px
    }

    .header-simple .header__logo {
        margin-top: 14px
    }
}

.header__spacer {
    height: 150px
}

@media screen and (max-width: 959px) {
    .header__spacer {
        height:50px
    }
}

.header__overlay {
    background: #fff0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 150px;
    width: 100%
}

.header__inner {
    margin: 0 auto;
    max-width: 1200px
}

.header__utils {
    background-color: #fff;
    height: 50px;
    left: 0;
    padding: 0 0 0 2%;
    position: fixed;
    top: 0;
    width: 100%
}

@media screen and (min-width: 960px) {
    .header__utils {
        height:110px;
        padding: 0 2%;
        transition: height .3s cubic-bezier(.17,.935,.305,1);
        z-index: 2
    }

    .header__utils.is-scrolled {
        height: 70px
    }

    .header__utils.is-scrolled+nav {
        top: 70px
    }

    .header__utils.is-scrolled .header__logo {
        width: 260px
    }
}

.header__utils>div {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 959px) {
    .header__logo {
        max-width:245px;
        width: auto
    }
}

@media screen and (min-width: 960px) {
    .header__logo {
        transition:all .3s cubic-bezier(.17,.935,.305,1);
        width: 338px
    }
}

.header__logo a {
    align-items: center;
    display: flex;
    height: 100%
}

@media screen and (max-width: 959px) {
    .header__logo a {
        padding:10px 10px 10px 0
    }

    .header__logo img {
        min-width: 245px;
        width: 100%
    }
}

@media screen and (min-width: 960px) {
    .header__logo img {
        min-width:338px;
        width: 100%
    }
}

.header__func {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

@media screen and (min-width: 960px) {
    .header__func {
        flex-wrap:wrap;
        margin-top: 5px
    }
}

.header__lang>a[role=button] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    padding: 15px;
    width: 50px
}

.header__lang>a[role=button]:before {
    background-image: url(/shared/images/ico/ico_globe.svg),url(/shared/images/ico/ico_globe_hover.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain,0;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

@media screen and (min-width: 960px) {
    .header__lang>a[role=button] {
        height:30px;
        padding: 0 14px;
        width: 45px
    }

    .header__lang>a[role=button]:hover:before {
        background-size: 0,contain
    }
}

@media screen and (max-width: 959px) {
    .header__lang>a[role=button].is-active {
        background:#1d3a65;
        position: relative
    }

    .header__lang>a[role=button].is-active:after,.header__lang>a[role=button].is-active:before {
        background: #fff;
        content: "";
        display: block;
        height: 2px;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 20px
    }

    .header__lang>a[role=button].is-active:before {
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .header__lang>a[role=button].is-active:after {
        transform: translate(-50%,-50%) rotate(-45deg)
    }
}

.header__lang-list {
    background: #000000d6;
    color: #fff;
    display: none;
    left: 0;
    padding: 5% 2%;
    position: fixed;
    top: 0;
    width: 100%
}

@media screen and (max-width: 959px) {
    .header__lang-list {
        background:#1d3a65;
        height: calc(100vh - 50px);
        padding: 5%;
        top: 50px
    }
}

.header__lang-list>div {
    position: relative
}

.header__lang-region span {
    color: #fff;
    display: block;
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 4rem
}

@media screen and (max-width: 959px) {
    .header__lang-region span {
        font-size:2rem
    }
}

@media screen and (min-width: 960px) {
    .header__lang-region ul {
        display:flex
    }

    .header__lang-region ul li:not(:first-of-type) {
        margin-left: 6%
    }
}

.header__lang-region ul p {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1rem
}

@media screen and (max-width: 959px) {
    .header__lang-region ul p {
        font-size:1.6rem;
        margin: 8% 0 3% 3%
    }
}

.header__lang-region table {
    border-collapse: collapse;
    width: 100%
}

.header__lang-region table th {
    color: #eaeef4;
    font-size: 1.6rem;
    font-weight: 300;
    padding-right: 20px;
    white-space: nowrap
}

@media screen and (max-width: 959px) {
    .header__lang-region table th {
        color:#bdd3f4;
        width: 40%
    }

    .header__lang-region table td,.header__lang-region table th {
        border-bottom: 1px solid #4c6ea2;
        border-top: 1px solid #4c6ea2;
        padding: 3%
    }

    .header__lang-region table td {
        width: 60%
    }
}

.header__lang-region table td a {
    color: #e8e7e7;
    font-size: 1.4rem;
    text-decoration: underline
}

.header__lang-region table td a:hover {
    text-decoration: none
}

@media screen and (max-width: 959px) {
    .header__search {
        bottom:-80px;
        left: 20px;
        opacity: 0;
        position: absolute;
        transform: translateY(-10px);
        transition: all .3s cubic-bezier(.17,.935,.305,1);
        visibility: hidden;
        width: calc(100% - 40px);
        z-index: -1
    }

    .header__search.is-show {
        opacity: 1;
        transform: translateY(0);
        transition-delay: .02s;
        visibility: visible;
        z-index: 0
    }

    .header__search>a[role=button] {
        display: none
    }
}

@media screen and (min-width: 960px) {
    .header__search>a[role=button] {
        align-items:center;
        cursor: pointer;
        display: flex;
        height: 30px;
        justify-content: center;
        padding: 0 14px;
        position: relative;
        width: 45px
    }

    .header__search>a[role=button]:after {
        background-image: url(/shared/images/ico/ico_search.svg),url(/shared/images/ico/ico_search_hover.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain,0;
        content: "";
        display: block;
        height: 100%;
        width: 100%
    }

    .header__search>a[role=button]:hover:after {
        background-size: 0,contain
    }
}

.header__search-dialog {
    color: #fff;
    padding: 20px 0;
    width: 100%
}

@media screen and (min-width: 960px) {
    .header__search-dialog {
        background:#000000d6;
        display: none;
        left: 0;
        padding: 40px 20px;
        position: fixed;
        top: 0
    }
}

.header__search-dialog>div {
    position: relative
}

.header__search-dialog #search .mf_finder_container,.header__search-dialog #searchSet .mf_finder_container {
    background: #fff0;
    display: flex;
    justify-content: flex-end
}

@media screen and (min-width: 960px) {
    .header__search-dialog #search .mf_finder_container,.header__search-dialog #searchSet .mf_finder_container {
        margin-right:8%
    }
}

.header__search-dialog #search .mf_finder_searchBox,.header__search-dialog #searchSet .mf_finder_searchBox {
    padding: 0;
    width: 30%
}

@media screen and (max-width: 959px) {
    .header__search-dialog #search .mf_finder_searchBox,.header__search-dialog #searchSet .mf_finder_searchBox {
        width:100%
    }
}

.header__search-dialog #search .mf_finder_searchBox_submit,.header__search-dialog #searchSet .mf_finder_searchBox_submit {
    background: #5a7296!important
}

.header__search-dialog #search .mf_finder_searchBox_items,.header__search-dialog #searchSet .mf_finder_searchBox_items {
    padding: 0
}

.header__search-dialog #search form input[type=text],.header__search-dialog #searchSet form input[type=text] {
    background-color: #fff;
    border: none;
    color: #333
}

@media screen and (min-width: 960px) {
    .header__search-dialog #search form input[type=text],.header__search-dialog #searchSet form input[type=text] {
        background-color:#ffffff26;
        color: #fff
    }

    .header__menu {
        display: none
    }
}

@media screen and (max-width: 959px) {
    .header__menu {
        height:50px;
        position: relative;
        width: 50px
    }

    .header__menu.is-active,.header__menu.is-active a {
        background: #1d3a65
    }

    .header__menu.is-active a:after,.header__menu.is-active a:before {
        background: #fff
    }

    .header__menu.is-active a:before {
        margin-top: 0;
        transform: rotate(45deg)
    }

    .header__menu.is-active a:after {
        margin-top: 0;
        transform: translateY(-2px) rotate(-45deg)
    }

    .header__menu a {
        background: #1d3a65;
        display: block;
        height: 2px;
        left: 50%;
        position: absolute;
        top: calc(50% - 1px);
        transform: translate(-50%);
        width: 20px
    }

    .header__menu a:after,.header__menu a:before {
        background: #1d3a65;
        content: "";
        display: block;
        height: 2px;
        transition: .3s cubic-bezier(.17,.935,.305,1);
        width: 100%
    }

    .header__menu a:before {
        margin-top: -7px
    }

    .header__menu a:after {
        margin-top: 12px
    }
}

.header__contact {
    margin-top: 10px;
    padding-right: 14px;
    text-align: right;
    width: 100%
}

@media screen and (max-width: 959px) {
    .header__contact {
        display:none
    }
}

@media screen and (min-width: 960px) {
    .header__contact>a {
        align-items:center;
        color: #333;
        display: inline-flex;
        font-size: 1.2rem;
        font-weight: 600
    }

    .header__contact>a:before {
        background: url(/shared/images/ico/ico_envelope.svg),url(/shared/images/ico/ico_envelope_hover.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain,0;
        content: "";
        display: block;
        height: 14px;
        margin-right: 5px;
        width: 18px
    }

    .header__contact>a:hover {
        color: #0089ff;
        text-decoration: none
    }

    .header__contact>a:hover:before {
        background-size: 0,contain
    }

    .header__contact-bottom {
        display: none
    }
}

.header__contact-bottom>a {
    background: #5a7296;
    color: #fff;
    display: block;
    margin: 3rem 0;
    padding: 1.6rem;
    text-align: center;
    width: 100%
}

.header__nav {
    position: fixed;
    width: 100%;
    z-index: 1
}

@media screen and (min-width: 960px) {
    .header__nav {
        background-color:#fff;
        border-bottom: 1px solid #d6e1f0;
        height: 40px;
        padding: 0 2%;
        top: 110px;
        transition: all .3s cubic-bezier(.17,.935,.305,1)
    }
}

@media screen and (max-width: 959px) {
    .header__nav {
        background:#1d3a65;
        display: none;
        height: calc(100vh - 50px);
        overflow-y: scroll;
        padding: 80px 20px 0;
        top: 50px
    }

    .header__columns>div {
        margin-bottom: 12px
    }
}

@media screen and (min-width: 960px) {
    .header__columns {
        display:flex;
        justify-content: space-between
    }

    .header__columns>div {
        width: 48%
    }

    .header__flex {
        display: flex
    }

    .header__flex.col2 .header__secondary-list:first-of-type .header__tertiary-list {
        left: 200%
    }
}

.header__primary-list {
    display: flex;
    margin: 0 auto;
    max-width: 1200px
}

@media screen and (max-width: 959px) {
    .header__primary-list {
        flex-direction:column
    }
}

@media screen and (min-width: 960px) {
    .header__primary-list>li:first-child {
        margin:0 15px 0 0
    }

    .header__primary-list>li:not(:first-child) {
        margin: 0 15px
    }
}

.header__primary-btn {
    cursor: pointer;
    display: block;
    position: relative
}

@media screen and (max-width: 959px) {
    .header__primary-btn {
        border-top:1px solid #4c6ea2;
        color: #fff;
        font-size: 1.6rem;
        font-weight: 400;
        padding: 10px
    }

    .header__primary-btn:visited {
        color: #fff
    }

    .header__primary-btn:after {
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        content: "";
        height: 8px;
        position: absolute;
        right: 18px;
        top: 40%;
        transform: rotate(45deg);
        width: 8px
    }

    .header__primary-btn.self:after {
        display: none
    }
}

@media screen and (min-width: 960px) {
    .header__primary-btn {
        color:#333;
        font-size: 1.4rem;
        font-weight: 600;
        padding: 5px 0 14px
    }

    .header__primary-btn:visited {
        color: #333
    }

    .header__primary-btn:hover {
        color: #0089ff;
        text-decoration: none
    }

    .header__primary-btn.is-current:after {
        background: #0089ff;
        bottom: 0;
        content: "";
        display: block;
        height: 6px;
        left: 0;
        position: absolute;
        width: 100%
    }

    .header__primary-btn.off {
        color: #ccc
    }

    .header__primary-btn.is-active {
        color: #0089ff
    }
}

@media screen and (max-width: 959px) {
    .header__primary-btn.is-active:after {
        top:45%;
        transform: rotate(-135deg)
    }
}

.header__secondary-list {
    position: relative;
    vertical-align: top
}

@media screen and (min-width: 960px) {
    .header__secondary-list {
        border-right:1px solid hsla(0,0%,100%,0);
        display: inline-block;
        max-width: 50%;
        min-height: 160px;
        min-width: 20%;
        width: auto
    }

    .header__secondary-list>li>a {
        cursor: pointer
    }
}

.header__secondary-list a {
    display: block;
    padding: 5px 50px 5px 10px;
    position: relative;
    transition: background .3s cubic-bezier(.17,.935,.305,1)
}

@media screen and (min-width: 960px) {
    .header__secondary-list a {
        font-size:1.6rem
    }
}

.header__secondary-list a img {
    margin-left: 6px;
    vertical-align: middle
}

.header__secondary-list .parent.is-active>a {
    background: #fff3
}

.header__secondary-list .parent>a:after {
    content: "";
    display: block;
    position: absolute;
    right: 18px
}

@media screen and (max-width: 959px) {
    .header__secondary-list .parent>a:after {
        border-bottom:1px solid #fff;
        border-right: 1px solid #fff;
        height: 6px;
        top: 40%;
        transform: rotate(45deg);
        width: 6px
    }
}

@media screen and (min-width: 960px) {
    .header__secondary-list .parent>a:after {
        background:url(/shared/images/ico/ico_arrow_right.svg) no-repeat 50%/contain;
        height: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px
    }
}

.header__tertiary-list {
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden;
    width: 100%
}

@media screen and (max-width: 959px) {
    .header__tertiary-list {
        max-height:0
    }
}

@media screen and (min-width: 960px) {
    .header__tertiary-list {
        left:100%;
        min-width: calc(300px - 1.25%);
        padding: 0 0 0 2vw;
        position: absolute;
        top: 0;
        transform: translate(-15px)
    }
}

.header__tertiary-list.is-active {
    opacity: 1;
    transition: all .5s ease-out;
    visibility: visible
}

@media screen and (max-width: 959px) {
    .header__tertiary-list.is-active {
        max-height:999px;
        padding: 8px 0 8px 2vw
    }
}

@media screen and (min-width: 960px) {
    .header__tertiary-list.is-active {
        border-left:1px solid hsla(0,0%,100%,.5);
        transform: translate(0)
    }
}

.header__tertiary-list li.border {
    margin-bottom: 10px;
    padding-bottom: 5px;
    position: relative
}

.header__tertiary-list li.border:after {
    background: #ffffff80;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    margin-left: 10px;
    position: absolute;
    width: calc(100% - 10px)
}

.header__drawer {
    background: #fff0;
    display: none;
    padding: 0 5% 7% 7%;
    width: 100%
}

@media screen and (min-width: 960px) {
    .header__drawer {
        background:#13335ff2;
        left: 0;
        max-height: calc(100vh - 110px);
        padding: 48px 2%;
        position: absolute;
        top: 100%;
        transition: height .3s cubic-bezier(.17,.935,.305,1)
    }

    .header__drawer.products {
        min-height: 63rem
    }

    .header__drawer.products .header__tertiary-list {
        max-width: calc(300px - 2%);
        min-width: 0;
        width: 25vw
    }

    .header__drawer>div {
        padding-left: 56px;
        position: relative
    }
}

.header__drawer a {
    color: #fff
}

.header__drawer a:hover {
    background: #fff3;
    text-decoration: none
}

.header__heading {
    margin-bottom: 1.5vw
}

.header__heading a {
    padding: 5px 50px 5px 10px;
    position: relative;
    transition: background .3s cubic-bezier(.17,.935,.305,1)
}

@media screen and (max-width: 959px) {
    .header__heading a {
        display:block;
        width: 100%
    }
}

@media screen and (min-width: 960px) {
    .header__heading a {
        font-size:2.4rem;
        font-weight: 600;
        padding: 12px 60px 12px 10px
    }
}

.header__heading a:after {
    display: inline-block
}

@media screen and (max-width: 959px) {
    .header__heading a:after {
        content:" トップ"
    }
}

@media screen and (min-width: 960px) {
    .header__heading a:after {
        border-right:3px solid #fff;
        border-top: 3px solid #fff;
        content: "";
        height: 12px;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        width: 12px
    }
}

.header__close {
    cursor: pointer;
    height: 40px;
    opacity: .7;
    position: absolute;
    right: 0;
    right: 1vw;
    top: 0;
    transition: opacity .3s cubic-bezier(.17,.935,.305,1);
    width: 40px
}

@media screen and (max-width: 959px) {
    .header__close {
        display:none
    }
}

.header__close:hover {
    opacity: 1
}

.header__close:after,.header__close:before {
    background-color: #fff;
    content: "";
    height: 41px;
    left: 50%;
    position: absolute;
    top: 0;
    width: 2px
}

.header__close:before {
    transform: rotate(45deg)
}

.header__close:after {
    transform: rotate(-45deg)
}

.header__utils {
    z-index: 2
}

.header__utils .header_login_block_pc .header_btn {
    background-color: #00a9e8;
    border: 1px solid #00a9e8;
    color: #fff;
    transition: .2s
}

@media screen and (min-width: 960px) {
    .header__utils .header_login_block_pc .header_btn {
        border-radius:30px;
        bottom: -70px;
        justify-content: space-between;
        position: absolute;
        right: -100px;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media screen and (max-width: 959px) {
    .header__utils .header_login_block_pc .header_btn {
        justify-content:center;
        left: 0;
        position: fixed;
        right: 0;
        top: 50px;
        width: 100%
    }
}

.header__utils .header_login_block_pc .header_btn .login_btn_arrow {
    padding: 14px 12px
}

.header__utils .header_login_block_pc .header_btn .login_icon .cls-1 {
    stroke: #fff;
    fill: #00a9e8;
    stroke-miterlimit: 10;
    stroke-width: 2px
}

.header__utils .header_login_block_pc .header_btn:hover {
    background-color: #fff;
    color: #00a9e8;
    transition: .2s
}

.header__utils .header_login_block_pc .header_btn:hover .login_icon .cls-1 {
    stroke: #00a9e8;
    fill: #fff
}

@media screen and (min-width: 960px) {
    .header__utils.is-scrolled .header_login_block_pc .header_btn {
        bottom:10px;
        right: 0
    }
}

@media screen and (max-width: 959px) {
    .header__utils.is-scrolled .header_login_block_pc .header_btn {
        justify-content:center;
        left: 0;
        position: fixed;
        right: 0;
        top: 50px;
        width: 100%
    }
}

.header__utils.is-scrolled .header_login_block_pc .header_btn .login_btn_arrow {
    padding: 12.5px 10px
}

.modal_wrap {
    position: relative
}

.modal_wrap input {
    display: none
}

.modal_overlay {
    -ms-overflow-style: none;
    background: #000000b3;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    overflow: auto;
    overflow: scroll;
    position: fixed;
    scrollbar-width: none;
    top: 0;
    transform: scale(0);
    transition: opacity .5s,transform 0s .5s;
    width: 100%;
    z-index: 9999
}

.modal_overlay::-webkit-scrollbar {
    display: none
}

.modal_trigger {
    height: 100%;
    position: absolute;
    width: 100%
}

.modal_content {
    align-self: flex-start;
    background: #fff;
    margin: 40px;
    max-width: 1200px;
    position: relative;
    transition: .5s
}

@media screen and (min-width: 768px) {
    .modal_content {
        margin:40px;
        padding: 120px 40px
    }
}

@media screen and (max-width: 767px) {
    .modal_content {
        margin:60px 20px 40px;
        padding: 40px
    }
}

.close_button {
    background-color: #173f93;
    border-radius: 100%;
    cursor: pointer;
    padding: 15px;
    position: absolute;
    right: -10px;
    top: -10px
}

@media screen and (min-width: 768px) {
    .close_button {
        height:52px;
        width: 52px
    }
}

@media screen and (max-width: 767px) {
    .close_button {
        height:46px;
        width: 46px
    }
}

.modal_wrap input:checked~.modal_overlay {
    opacity: 1;
    transform: scale(1);
    transition: opacity .5s
}

.modal_wrap input:checked~.modal_overlay .modal_content {
    transform: translateY(20px)
}

@media screen and (min-width: 960px) {
    .header_sp_modal_block {
        display:none
    }
}

@media screen and (max-width: 959px) {
    .header_sp_modal_block {
        display:block
    }

    .header_sp_modal_block .header_btn {
        background-color: #00a9e8;
        border: 1px solid #00a9e8;
        color: #fff;
        transition: .2s
    }

    .header_sp_modal_block .header_btn .login_btn_arrow {
        padding: 20px 18px
    }

    .header_sp_modal_block .header_btn .login_icon .cls-1 {
        stroke: #fff;
        fill: #00a9e8;
        stroke-miterlimit: 10;
        stroke-width: 2px
    }

    .header_sp_modal_block .header_btn:hover {
        background-color: #fff;
        color: #00a9e8;
        transition: .2s
    }

    .header_sp_modal_block .header_btn:hover .login_icon .cls-1 {
        stroke: #00a9e8;
        fill: #fff
    }
}

#pagetop {
    bottom: 30px;
    position: fixed;
    right: 30px;
    transform: translateY(100px);
    transition: .3s;
    z-index: 52
}

@media screen and (max-width: 767px) {
    #pagetop {
        bottom:0;
        right: 0
    }
}

#pagetop.is-active {
    transform: translateY(0)
}

#pagetop a {
    background-color: #656c74;
    border: 1px solid hsla(0,0%,100%,.5);
    border-radius: 50%;
    display: block;
    height: 60px;
    position: relative;
    width: 60px
}

@media screen and (max-width: 767px) {
    #pagetop a {
        transform:scale(.7)
    }
}

#pagetop a:before {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    display: inline-block;
    height: 18px;
    left: 50%;
    position: absolute;
    top: 57%;
    transform: translate(-50%) translateY(-50%) rotate(-45deg);
    width: 18px
}

#pagetop a :hover {
    opacity: .8
}

#sidebar {
    font-size: 1.4rem
}

@media screen and (max-width: 767px) {
    #sidebar nav {
        background-color:#f0f0f0;
        border: 1px solid #eaeaea;
        padding: 10px
    }
}

#sidebar dl a,#sidebar dl span {
    display: block
}

#sidebar dl dt {
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.3
}

#sidebar dl dt a {
    background-color: #004098;
    color: #fff;
    display: block;
    font-size: 1.6rem;
    padding: 12px 24px 12px 12px;
    position: relative
}

#sidebar dl dt a:after {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 12px;
    top: 40%;
    transform: rotate(45deg);
    width: 8px
}

#sidebar dl dt a:hover {
    background-color: #1d3a65;
    text-decoration: none
}

#sidebar dl dd li {
    background-color: #fff;
    border: 1px solid #eaeef4;
    border-top: none;
    font-size: 1.4rem
}

#sidebar dl dd li.active>a {
    color: #004098;
    font-weight: 700
}

#sidebar dl dd li span {
    color: #000;
    cursor: pointer;
    line-height: 1.2;
    padding: 12px 24px 12px 12px;
    position: relative
}

#sidebar dl dd li span:after {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 12px;
    top: 35%;
    transform: rotate(45deg);
    width: 8px
}

#sidebar dl dd li span.active,#sidebar dl dd li span:hover {
    background: #d6e1f0
}

#sidebar dl dd li span.active:after {
    top: 40%;
    transform: rotate(-135deg)
}

#sidebar dl dd li span.active+ul ul {
    display: block
}

#sidebar dl dd li span.active+ul li:first-child {
    border-top: 1px solid #eaeef4
}

#sidebar dl dd li a {
    color: #000;
    line-height: 1.2;
    padding: 12px;
    text-decoration: none
}

#sidebar dl dd li a:hover {
    background: #d6e1f0
}

#sidebar dl dd li a img {
    margin-left: 4px;
    vertical-align: middle
}

#sidebar dl dd li ul {
    display: none
}

#sidebar dl dd li ul li {
    border-width: 0 0 1px
}

#sidebar dl dd li ul a {
    padding: 8px 10px 8px 28px
}

#sidebar dl dd>a {
    background: #fff;
    border: 1px solid #eaeef4;
    color: #000;
    margin: 16px 0;
    padding: 10px;
    text-align: center
}

#sidebar dl dd>a:hover {
    background: #d6e1f0;
    text-decoration: none
}

#sidebar dl dd>a.active {
    background: #004098;
    color: #fff;
    text-decoration: none
}

.icnBtn-wrapper {
    text-align: center
}

.icnBtn-wrapper .icnBtn {
    background-color: #014099;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    margin: 35px 0;
    padding: 20px 60px 20px 80px;
    position: relative
}

.icnBtn-wrapper .icnBtn img {
    content: "";
    height: auto;
    left: 20px;
    max-height: 46px;
    max-width: 36px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: none;
    width: auto
}

@media screen and (max-width: 767px) {
    .icnBtn-wrapper .icnBtn img {
        max-height:40px;
        max-width: 30px
    }
}

.icnBtn-wrapper .icnBtn:hover {
    background-color: #243a63;
    text-decoration: none
}

.icnBtn-wrapper .icnBtn:hover img {
    opacity: 1
}

.aform-header {
    font-size: 142%!important;
    font-weight: 700!important;
    line-height: 1.4!important;
    margin: 20px 0 10px!important;
    padding: 0 0 10px!important
}

.aform-hdln,.aform-header {
    color: #014099!important;
    text-align: center!important
}

.aform-hdln {
    padding-bottom: 10px!important
}

.aform-content .aform-note {
    background: transparent!important;
    margin-bottom: 0!important;
    padding: 0!important
}

.aform-content .aform-button-area,.aform-content .submit {
    background: transparent!important;
    margin-top: 30px!important;
    padding: 0!important;
    text-align: center!important
}

.aform-content .aform-button-area input,.aform-content .submit input {
    background-color: #004099!important;
    border: 0!important;
    color: #fff!important;
    font-size: 1.6rem!important;
    font-weight: 700!important;
    margin: 0 10px!important;
    padding: 10px 20px!important
}

.aform-content .aform-input-example,.aform-content .aform-validation,.aform-content dl dd,.aform-content dl dd .aform-input,.aform-content dl dt,.aform-content dl dt .aform-label,.aform-content dl dt .required,.aform-content label {
    font-size: 16px!important
}

.aform-content dl dt .required {
    padding: 5px 10px!important;
    vertical-align: middle!important
}

#aform_result {
    color: #333!important
}

.aform-content dl dt {
    box-sizing: border-box!important;
    padding-right: 100px!important
}

select.aform-select {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    background-color: transparent!important;
    background-image: url(/shared/images/icon-select.png)!important;
    background-position: right 50%!important;
    background-repeat: no-repeat!important;
    background-size: 40px auto!important;
    border: 1px solid #ccc!important;
    border-radius: 0!important;
    box-shadow: none!important;
    box-sizing: border-box!important;
    cursor: pointer!important;
    font-size: 16px!important;
    height: auto!important;
    line-height: 1.231!important;
    min-height: 40px!important;
    outline: none!important;
    padding: 10px 45px 10px 10px!important;
    position: relative!important;
    text-overflow: ""!important
}

select.aform-select::-ms-expand {
    display: none!important
}

input.aform-email,input.aform-tel,input.aform-text,input.aform-url,input.aform-zipcode,textarea.aform-textarea {
    appearance: none!important;
    -moz-appearance: none!important;
    -webkit-appearance: none!important;
    background-color: #fff!important;
    border: 1px solid #ccc!important;
    border-radius: 0!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    font-size: 16px!important;
    outline: none!important;
    padding: 10px 15px!important;
    transition: .3s!important;
    -webkit-transition: .3s!important;
    width: 100%!important
}

textarea.aform-textarea {
    resize: none!important
}

input[type=button].clear_upload {
    background: #eee;
    border: 1px solid #666;
    color: #222;
    font-size: 16px;
    padding: 4px 10px;
    width: auto
}

input[type=checkbox].aform-checkbox,input[type=radio].aform-radio {
    -moz-appearance: none!important;
    appearance: none!important;
    -webkit-appearance: none!important;
    background-color: transparent!important;
    border: 1px solid #ccc!important;
    box-shadow: none!important;
    box-sizing: border-box!important;
    display: inline-block!important;
    height: 20px!important;
    margin-right: 10px!important;
    margin-top: -3px!important;
    outline: none!important;
    position: relative!important;
    vertical-align: middle!important;
    width: 20px!important
}

input[type=radio].aform-radio:after {
    background-color: #004099!important;
    border-radius: 100%!important;
    content: ""!important;
    display: none!important;
    height: 8px!important;
    left: 50%!important;
    margin-left: -4px!important;
    margin-top: -4px!important;
    position: absolute!important;
    top: 50%!important;
    width: 8px!important
}

input[type=radio].aform-radio:checked:after {
    display: block!important
}

input[type=checkbox].aform-checkbox:after {
    border-bottom: 2px solid #004099!important;
    border-right: 2px solid #004099!important;
    content: ""!important;
    display: none!important;
    height: 12px!important;
    left: 50%!important;
    margin-left: -4px!important;
    margin-top: -9px!important;
    position: absolute!important;
    top: 50%!important;
    transform: rotate(45deg)!important;
    width: 6px!important
}

input[type=checkbox].aform-checkbox:checked:after {
    display: block!important
}

input[type=radio].aform-checkbox {
    border-radius: 100%!important
}

input[type=checkbox].aform-checkbox {
    border-radius: 0!important
}

@media screen and (max-width: 767px) {
    .aform-header {
        font-size:128%!important
    }

    .aform-content .aform-button-area,.aform-content .submit {
        margin-top: 20px!important
    }

    .aform-content .aform-button-area input,.aform-content .submit input {
        font-size: 1.3rem!important;
        padding: 10px!important
    }

    .aform-content dl dt {
        margin-bottom: 10px!important
    }

    .aform-content .aform-input-example,.aform-content .aform-validation,.aform-content dl dd,.aform-content dl dd .aform-input,.aform-content dl dt,.aform-content dl dt .aform-label,.aform-content dl dt .required,.aform-content label {
        font-size: 1.3rem!important
    }

    .aform-content dl dt {
        padding-right: 0!important
    }

    input.aform-text,select.aform-select,textarea.aform-textarea {
        font-size: 1.3rem!important
    }

    input.aform-text,textarea.aform-textarea {
        padding: 10px;
        width: 100%
    }

    input[type=button].clear_upload {
        font-size: 1.3rem;
        margin-top: 8px
    }

    input[type=checkbox].aform-checkbox,input[type=radio].aform-radio {
        height: 16px;
        width: 16px
    }
}

span.submit__sending {
    position: relative;
    width: 1px
}

span.submit__sending:after {
    background-image: url(/shared/images/contact_loading.gif);
    background-size: 100%;
    content: "";
    display: block;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px
}

p.submit__error {
    color: red;
    margin-top: 1em;
    text-align: center
}

.topics {
    background-color: #edf1f5;
    margin-top: 0;
    padding: 20px 0
}

.topics .inner {
    background: #edf1f5;
    border: 0;
    display: flex
}

@media screen and (max-width: 767px) {
    .topics .inner {
        flex-direction:column;
        padding-bottom: 10px
    }
}

.topics .inner div {
    padding: 15px
}

.topics .inner div:first-child {
    align-items: center;
    align-self: auto;
    background: #014099;
    border: 3px solid #014099;
    color: #fff;
    display: flex;
    flex-shrink: 0;
    font-weight: 600;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .topics .inner div:first-child {
        padding:8px;
        width: 100%
    }
}

.topics .inner div:last-child {
    background: #fff;
    border: 3px solid #014099;
    flex-grow: 1
}

.topics .inner div:last-child dt {
    width: 7em
}

.topics .inner div:last-child dd,.topics .inner div:last-child dt {
    display: inline-block
}

.creacompo-cloud {
    background-color: #edf1f5;
    padding: 30px 0 0
}

.creacompo-cloud h2 {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 40px;
    text-align: center
}

.creacompo-cloud h2 img {
    height: 50px;
    margin-right: 20px
}

.creacompo-cloud .creacompo-cloud-body {
    background-color: #0081ae;
    color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.creacompo-cloud .creacompo-cloud-body a {
    color: #fff
}

.creacompo-cloud .creacompo-cloud-body a:hover .img {
    background-color: #c8ddfc
}

.creacompo-cloud .creacompo-cloud-body a:hover .img svg {
    fill: #014099
}

.creacompo-cloud .creacompo-cloud-body .inner>div {
    padding: 40px
}

.creacompo-cloud .creacompo-cloud-body .inner>div:first-child {
    grid-column: 1
}

.creacompo-cloud .creacompo-cloud-body .inner>div:last-child {
    grid-column: 2
}

.creacompo-cloud .creacompo-cloud-body .inner .img {
    background-color: #fff;
    border-radius: 140px;
    float: left;
    height: 140px;
    position: relative;
    width: 140px
}

.creacompo-cloud .creacompo-cloud-body .inner .img svg {
    fill: #0081ae;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 120px
}

@media screen and (max-width: 767px) {
    .creacompo-cloud .creacompo-cloud-body .inner .img {
        display:none
    }
}

.creacompo-cloud .creacompo-cloud-body .inner .body {
    margin-left: 170px
}

.creacompo-cloud .creacompo-cloud-body .inner .body h3 {
    background: url(/shared/libs/bxSlider/images/btn_next.png) no-repeat 100%;
    background-size: 16px auto;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    padding-right: 26px
}

.creacompo-cloud .creacompo-cloud-body .inner .btn a {
    background-color: #237dbc;
    color: #fff;
    display: inline-block;
    margin: 15px 10px 0;
    padding: 8px 20px
}

.creacompo-cloud .creacompo-cloud-body .inner .btn a:hover {
    background-color: #024f84;
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .creacompo-cloud .creacompo-cloud-body .inner {
        display:grid;
        grid-template-columns: 50% 1fr
    }

    .creacompo-cloud .creacompo-cloud-body:after {
        background-color: #014099;
        content: "";
        height: 100%;
        left: -50%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

    .creacompo-cloud .creacompo-cloud-body .btn {
        margin-left: 160px
    }
}

@media screen and (max-width: 767px) {
    .creacompo-cloud h2 {
        font-size:16px;
        margin-bottom: 15px
    }

    .creacompo-cloud h2 img {
        display: block;
        height: 40px;
        margin: 0 auto 10px
    }

    .creacompo-cloud .creacompo-cloud-body {
        text-align: center
    }

    .creacompo-cloud .creacompo-cloud-body .inner>div {
        padding: 30px 15px
    }

    .creacompo-cloud .creacompo-cloud-body .inner>div:first-child {
        background-color: #014099
    }

    .creacompo-cloud .creacompo-cloud-body .inner .img {
        float: none;
        margin: 0 auto 15px
    }

    .creacompo-cloud .creacompo-cloud-body .inner .body {
        margin-left: 0
    }
}

.bnrArea {
    padding: 40px 0 5px;
    text-align: center
}

.bnrArea h2 {
    color: #333;
    font-size: 142%;
    font-weight: 700;
    text-align: left
}

@media screen and (min-width: 768px) {
    .bnrArea ul {
        display:flex;
        justify-content: space-between
    }

    .bnrArea ul li {
        width: 32%
    }
}

.bnrArea ul li a {
    text-align: left;
    text-decoration: none
}

.bnrArea ul li a:hover {
    text-decoration: underline
}

.bnrArea ul li a figure {
    height: 0;
    padding-top: 56.28%;
    position: relative;
    width: 100%
}

.bnrArea ul li a figure img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.bnrArea ul li a p {
    color: #333
}

.topInfo {
    border: none
}

.topInfo .titbg {
    background-color: transparent
}

.topInfo .titbg h2 {
    color: #333
}

.topInfo .titbg a {
    background-color: #fff;
    color: #014099;
    margin: 0;
    padding: 0
}

.topInfo .block {
    background-color: #edf1f5;
    padding: 20px 25px
}

.bnrArea2 {
    background-color: #edf1f5;
    margin-bottom: 60px;
    margin-top: 60px;
    padding: 50px 0 30px
}

.bnrArea2 ul,.bnrArea2 ul li {
    text-align: center
}

.bnrArea2 ul li {
    display: inline-block;
    margin-bottom: 50px;
    width: 24%
}

.bnrArea2 ul li a dt {
    background-color: #fff;
    border-radius: 180px;
    display: block;
    height: 180px;
    margin: 0 auto 20px;
    width: 180px
}

.bnrArea2 ul li a dt svg {
    height: 90px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: auto
}

.bnrArea2 ul li a dd {
    font-weight: 700
}

.bnrArea2 ul li a:hover dt {
    background-color: #c8ddfc
}

@media screen and (max-width: 767px) {
    .bnrArea2 {
        padding:25px 0
    }

    .bnrArea2 ul li {
        margin-bottom: 25px;
        width: 49%
    }

    .bnrArea2 ul li a dt {
        border-radius: 130px;
        height: 130px;
        width: 130px
    }

    .bnrArea2 ul li a dt svg {
        height: 60px
    }
}

.top_contents .top_float_infinite {
    animation-iteration-count: infinite;
    animation-name: top_float_infinite_anime;
    animation-timing-function: ease-in-out
}

.top_contents .top_float_img_1 {
    animation-duration: 5s
}

.top_contents .top_float_img_2 {
    animation-duration: 6s
}

.top_contents .top_float_img_3 {
    animation-duration: 8s
}

.top_contents .top_float_img_4 {
    animation-duration: 7s
}

.top_contents .top_float_img_5 {
    animation-duration: 10s
}

.top_contents .top_float_img_6 {
    animation-duration: 5s
}

.top_contents .top_float_img_7 {
    animation-duration: 7s
}

.top_contents .top_float_img_8 {
    animation-duration: 3s
}

@keyframes top_float_infinite_anime {
    0% {
        transform: translateY(-5px)
    }

    50% {
        transform: translateY(5px)
    }

    to {
        transform: translateY(-5px)
    }
}

.top_contents .top_fadeup {
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-name: top_fadeup_anime;
    opacity: 0
}

.top_contents .top_fadedown {
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-name: top_fadedown_anime;
    opacity: 0
}

.top_contents .top_fadein_left {
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-name: top_fadein_left_anime;
    opacity: 0
}

.top_contents .top_fadedown_infinite {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: top_fadedown_infinite_anime;
    animation-timing-function: ease-out;
    opacity: 0
}

@keyframes top_fadeup_anime {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes top_fadedown_anime {
    0% {
        opacity: 0;
        transform: translateY(-100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes top_fadein_left_anime {
    0% {
        opacity: 0;
        transform: translate(100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes top_fadedown_infinite_anime {
    0% {
        opacity: 0;
        transform: translateY(-100px)
    }

    to {
        opacity: .25;
        transform: translateY(0)
    }
}

.top_contents .top_fadedown_infinite_trigger,.top_contents .top_fadedown_trigger,.top_contents .top_fadein_left_trigger,.top_contents .top_fadeup_trigger {
    opacity: 0
}

@media screen and (min-width: 768px) {
    .top_contents .top_why_choose_us_delay1 {
        animation-delay:.4s
    }

    .top_contents .top_why_choose_us_delay2 {
        animation-delay: .8s
    }
}

@media screen and (min-width: 1024px) {
    .top_contents .mv_content {
        height:calc(100vh - 150px);
        max-height: 800px;
        min-height: 600px
    }

    .top_contents .mv_bg_white {
        border-right: 400px solid transparent;
        border-top: 800px solid #fff;
        height: 100%;
        max-height: 800px;
        position: absolute;
        top: 0;
        width: 60%
    }
}

@media screen and (max-width: 1023px) {
    .top_contents .mv_bg_white {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .top_contents .mv_slider_thumbnail {
        bottom:calc(50% - 200px);
        left: 50%;
        transform: translate(-50%)
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .top_contents .mv_slider_thumbnail {
        bottom:130px;
        left: 50%;
        transform: translate(-50%)
    }
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
    .top_contents .mv_slider_thumbnail {
        bottom:calc(50% - 120px);
        left: 40px
    }
}

@media screen and (min-width: 1280px) {
    .top_contents .mv_slider_thumbnail {
        bottom:calc(50% - 120px);
        right: calc(50% + 350px)
    }
}

.top_contents .mv_slider_thumbnail {
    display: flex
}

.top_contents .mv_slider_thumbnail>li {
    margin-right: -20px;
    width: 80px
}

.top_contents .mv_slider_thumbnail>li>a {
    display: block;
    height: 200%;
    margin: 0;
    opacity: .5;
    overflow: hidden;
    transform: skew(-35deg);
    width: 50%
}

.top_contents .mv_slider_thumbnail>li>a.active {
    opacity: 1
}

.top_contents .mv_slider_thumbnail>li>a>img {
    scale: 2;
    transform: translateY(25%) skew(35deg)
}

.top_contents .news_box {
    border-bottom: 5px solid hsla(0,0%,47%,.5);
    border-right: 5px solid hsla(0,0%,47%,.5)
}

.top_contents .top_btn_default {
    background-color: #143c91;
    border: 1px solid #143c91;
    color: #fff;
    transition: .2s
}

.top_contents .top_btn_default:hover {
    background-color: #fff;
    color: #143c91;
    transition: .2s
}

.top_contents .top_btn_white {
    border: 1px solid #fff;
    transition: .2s
}

.top_contents .top_btn_white:hover {
    transition: .2s
}

@media screen and (min-width: 1280px) {
    .top_contents .our_vision_bg01,.top_contents .our_vision_bg02 {
        transform:translate(-720px)
    }

    .top_contents .our_vision_bg03 {
        transform: translate(470px)
    }

    .top_contents .our_vision_bg04 {
        transform: translate(420px)
    }
}

@media screen and (max-width: 1023px) {
    .top_contents .our_vision_bg01,.top_contents .our_vision_bg02 {
        transform:translate(-440px)
    }

    .top_contents .our_vision_bg03 {
        transform: translate(280px)
    }

    .top_contents .our_vision_bg04 {
        transform: translate(230px)
    }
}

@media screen and (max-width: 767px) {
    .top_contents .our_vision_bg01 {
        transform:translate(-230px)
    }

    .top_contents .our_vision_bg02 {
        transform: translate(-240px)
    }

    .top_contents .our_vision_bg03 {
        transform: translate(100px)
    }

    .top_contents .our_vision_bg04 {
        transform: translate(65px)
    }
}

@media screen and (min-width: 768px) {
    .top_contents .products_icon,.top_contents .products_logo,.top_contents .products_title {
        opacity:.25
    }

    .top_contents .products_triangle {
        opacity: 0
    }

    .top_contents .products_icon.products_selected,.top_contents .products_logo.products_selected,.top_contents .products_title.products_selected,.top_contents .products_triangle.products_selected {
        opacity: 1
    }

    .top_contents .products_triangle {
        transform: rotate(90deg)
    }

    .top_contents .products_content {
        display: none
    }

    .top_contents .products_content.products_selected {
        display: flex
    }
}

@media screen and (max-width: 767px) {
    .top_contents .voice_content {
        width:300px!important
    }

    .top_contents .customers_voice_block .bx-wrapper {
        max-width: 600px!important
    }
}

@media screen and (min-width: 768px) {
    .top_contents .voice_content {
        width:350px!important
    }

    .top_contents .customers_voice_block .bx-wrapper {
        max-width: 700px!important
    }
}

.top_contents .customers_voice_block .bx-viewport {
    background: none;
    overflow: visible!important
}

@media screen and (min-width: 1024px) {
    .top_contents .customers_voice_block .bx-viewport {
        left:-20px
    }
}

@media screen and (max-width: 1023px) {
    .top_contents .customers_voice_block .bx-viewport {
        padding:0 20px
    }
}

.top_contents .customers_voice_block .bx-pager {
    bottom: -59px!important
}

.top_contents .customers_voice_block .bx-pager-link {
    background-color: #fff;
    opacity: .25
}

.top_contents .customers_voice_block .bx-pager-link:hover {
    background-color: #fff;
    opacity: 1
}

.top_contents .customers_voice_block .bx-pager-link.active {
    background-color: #fff!important;
    opacity: 1
}

.top_contents .voice_bg_blue {
    transform: skew(-30deg) translate(-50%)
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .top_contents .bx-wrapper {
        margin-bottom:100px!important
    }
}

@media screen and (max-width: 767px) {
    .top_contents .bx-wrapper {
        margin-bottom:30px!important
    }
}

.top_contents .customers_voice_block .bx-wrapper .bx-controls-direction a {
    background-color: transparent!important;
    background-size: 100%;
    bottom: -65px;
    display: block;
    height: 22px;
    top: auto!important;
    width: 12px
}

.top_contents .customers_voice_block .bx-wrapper .bx-controls-direction a.bx-prev {
    left: calc(50% - 80px);
    transform: translate(-50%)
}

.top_contents .customers_voice_block .bx-wrapper .bx-controls-direction a.bx-next {
    left: calc(50% + 80px);
    transform: translate(-50%)
}

@media screen and (min-width: 768px) {
    .contact_block {
        margin-left:-10%;
        padding-left: calc(10% + 40px)
    }

    .contact_block,.download_block {
        transform: skew(-20deg);
        width: 60%
    }

    .download_block {
        margin-right: -10%;
        padding-right: calc(10% + 40px)
    }
}

.top_contents {
    font-feature-settings: "palt" 1
}

.column_contents a:hover {
    cursor: pointer
}

.column_contents .footer_btn_white {
    border: 1px solid #fff;
    transition: .2s
}

.column_contents .footer_btn_white:hover {
    transition: .2s
}

.column_contents .contents_link:hover .contents_underline {
    -webkit-text-decoration: underline solid #000;
    text-decoration: underline solid #000
}

@media screen and (min-width: 1024px) {
    .column_contents .col_mv_new {
        left:20px;
        top: -30px
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .column_contents .col_mv_new {
        left:10px;
        top: -20px
    }
}

@media screen and (max-width: 767px) {
    .column_contents .col_mv_new {
        right:0;
        top: -20px
    }
}

.column_contents .col_label {
    transform: skew(-20deg)
}

.column_contents .col_label span {
    transform: skew(20deg)
}

.next_btn>div,.prev_btn>div {
    background-color: #fff;
    transition: .2s
}

.next_btn>div path,.prev_btn>div path {
    stroke: #173f93;
    transition: .2s
}

.next_btn:hover>div,.prev_btn:hover>div {
    background-color: #173f93;
    transition: .2s
}

.next_btn:hover>div path,.prev_btn:hover>div path {
    stroke: #fff;
    transition: .2s
}

.next_btn .deg_180,.prev_btn .deg_180 {
    transform: rotate(180deg)
}

.series_list li {
    position: relative
}

.series_list li:before {
    color: #6e6e6e;
    content: "・";
    position: absolute
}

.series_list li a {
    display: block;
    padding-left: 16px
}

.keywords_list li {
    position: relative
}

.keywords_list li:before {
    color: #6e6e6e;
    content: "#";
    position: absolute
}

.keywords_list li a {
    display: block;
    padding-left: 16px
}

.company-sales-agency_contents .companyTopButton {
    position: relative
}

.company-sales-agency_contents .companyTopButton.arrowDown:after {
    top: calc(50% - 6px);
    transform: rotate(45deg)
}

.company-sales-agency_contents .companyTopButton:after {
    border-bottom: 2px solid #173f93;
    border-right: 2px solid #173f93;
    content: "";
    height: 8px;
    position: absolute;
    right: 16px;
    width: 8px
}

.company-sales-agency_contents .companyTopButton:hover:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff
}

.company-about__history-wrapper:before {
    background-image: linear-gradient(180deg,#173f93 95%,#173f9300);
    content: "";
    height: 100%;
    left: 10px;
    position: absolute;
    top: 0;
    width: 1px
}

@media screen and (min-width: 768px) {
    .company-about__history-wrapper:before {
        left:calc(50% - 1px)
    }

    .company-about__history-item-text-right:before {
        background-image: linear-gradient(90deg,#173f93,#173f9300);
        content: "";
        height: 1px;
        left: 2px;
        position: absolute;
        top: 12px;
        width: 16px
    }

    .company-about__history-item-text-left:before {
        background-image: linear-gradient(270deg,#173f93,#173f9300);
        content: "";
        height: 1px;
        position: absolute;
        right: 2px;
        top: 12px;
        width: 16px
    }
}

@media screen and (max-width: 767px) {
    .company-about__history-item-text-right-sp:before {
        left:-28px
    }

    .company-about__history-item-text-left-sp:before,.company-about__history-item-text-right-sp:before {
        background-image: linear-gradient(90deg,#173f93,#173f9300);
        content: "";
        height: 1px;
        position: absolute;
        top: 12px;
        width: 16px
    }

    .company-about__history-item-text-left-sp:before {
        left: 12px
    }
}

.contact_contents .contact-title h2:before {
    background: linear-gradient(to bottom right,#173f93 50%,#fff 0)
}

.contact_contents .contact-speech-bubble:before {
    background: linear-gradient(to bottom left,#00a9e8 50%,#fff 0)
}

.contact_contents .details-summary .btn {
    transform-origin: center center;
    transition-duration: .2s
}

.contact_contents .details-summary .btn:before {
    border-right: 2px solid #173f93;
    border-top: 2px solid #173f93;
    bottom: 15%;
    content: "";
    display: block;
    height: 10px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(135deg);
    width: 10px
}

.contact_contents .details-summary.is-active .btn {
    transform: rotateX(-180deg)
}

.contact_contents .details-summary::-webkit-details-marker {
    display: none
}

.company_contents .company-title h2:before,.products_contents .products-title h2:before,.purchase_contents .purchase-title h2:before,.resources_contents .resources-title h2:before {
    background: linear-gradient(to bottom right,#173f93 50%,#fff 0)
}

#data-service-partners .filter {
    background: #eaeef4
}

@media screen and (min-width: 768px) {
    #data-service-partners .filter {
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 4rem 0 6rem;
        padding: 3.5rem 2.5rem
    }
}

@media screen and (max-width: 767px) {
    #data-service-partners .filter {
        margin:4rem -4% 6rem;
        padding: 2.5rem 2rem 2rem
    }
}

#data-service-partners .filter-category {
    margin-bottom: 2rem
}

@media screen and (min-width: 768px) {
    #data-service-partners .filter-category {
        padding-left:4rem;
        width: 50%
    }

    #data-service-partners .filter-category.service {
        border-left: 1px solid #b0c5e6
    }
}

#data-service-partners .filter-category p {
    font-weight: 700
}

@media screen and (min-width: 768px) {
    #data-service-partners .filter-category p {
        font-size:1.8rem;
        margin-bottom: 2.8rem
    }
}

@media screen and (max-width: 767px) {
    #data-service-partners .filter-category p {
        font-size:1.6rem;
        margin-bottom: 1rem
    }
}

#data-service-partners .filter-category ul {
    display: flex;
    flex-wrap: wrap
}

#data-service-partners .filter-category li {
    flex-grow: 0;
    flex-shrink: 1;
    margin-bottom: 1rem;
    padding-right: 1.5rem
}

@media screen and (min-width: 768px) {
    #data-service-partners .filter-category li {
        flex-basis:33%
    }
}

@media screen and (max-width: 767px) {
    #data-service-partners .filter-category li {
        flex-basis:50%
    }
}

#data-service-partners .filter-category input {
    display: none
}

#data-service-partners .filter-category input+label {
    display: block;
    padding-left: 2.6rem;
    position: relative;
    white-space: nowrap
}

#data-service-partners .filter-category input+label:after,#data-service-partners .filter-category input+label:before {
    display: inline-block;
    height: 1.8rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem
}

#data-service-partners .filter-category input+label:before {
    background: #fff;
    border: 1px solid #707070;
    content: ""
}

#data-service-partners .filter-category input[type=radio]+label:before {
    border-radius: 50%
}

#data-service-partners .filter-category input[type=radio]:checked+label:after {
    background: #004098;
    border-radius: 50%;
    content: "";
    height: 1.2rem;
    left: 3px;
    width: 1.2rem
}

#data-service-partners .filter-category input[type=checkbox]+label:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    left: 0;
    position: absolute
}

#data-service-partners .filter-category input[type=checkbox]:checked+label:before {
    background: #004098;
    border-color: #004098
}

#data-service-partners .filter-clear {
    position: relative;
    text-align: center;
    width: 100%
}

@media screen and (max-width: 767px) {
    #data-service-partners .filter-clear {
        align-items:center;
        display: flex;
        flex-direction: column-reverse;
        row-gap: 2rem
    }
}

#data-service-partners .filter-clear span {
    font-weight: 700
}

@media screen and (min-width: 768px) {
    #data-service-partners .filter-clear span {
        left:50%;
        position: absolute;
        top: 50%;
        transform: translate(calc(-50% - 180px - 4rem)) translateY(-50%)
    }
}

@media screen and (max-width: 767px) {
    #data-service-partners .filter-clear span {
        font-size:1.4rem
    }
}

#data-service-partners .filter-clear button {
    background: #a8a8a8;
    color: #fff;
    padding: 8px 32px;
    width: 180px
}

#data-service-partners .filter-clear button:hover {
    background: #9b9b9b
}

#data-service-partners .result>div>p {
    text-align: center
}

#data-service-partners .region {
    display: none;
    margin-bottom: 6rem
}

#data-service-partners .region.selected.show {
    display: block
}

#data-service-partners .region h2 {
    margin-bottom: 3rem
}

#data-service-partners .region h3 {
    font-size: 18px;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    #data-service-partners .region h3 {
        padding:2rem 1.8rem
    }
}

@media screen and (max-width: 767px) {
    #data-service-partners .region h3 {
        padding:2rem 0
    }
}

#data-service-partners .region h3.hide {
    display: none
}

#data-service-partners .anchors {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    margin-top: 3rem
}

@media screen and (min-width: 768px) {
    #data-service-partners .anchors {
        padding:0 1.8rem
    }
}

#data-service-partners .anchors li {
    margin-bottom: 2rem
}

#data-service-partners .anchors li:not(:last-child) {
    margin-right: 3rem
}

#data-service-partners .anchors li.hide {
    display: none
}

#data-service-partners .anchors li a {
    display: block
}

#data-service-partners .anchors li a:before {
    background: url(/shared/images/products/index_purpose_arrow01.png) no-repeat 50%/contain;
    content: "";
    display: inline-block;
    height: 14px;
    margin-right: 4px;
    width: 14px
}

#data-service-partners .partner {
    display: none
}

#data-service-partners .partner.show {
    display: block
}

#data-service-partners table {
    margin: 0 auto 32px
}

@media screen and (min-width: 768px) {
    #data-service-partners table {
        width:calc(100% - 36px)
    }
}

#data-service-partners table tbody {
    display: table;
    width: 100%
}

#data-service-partners table th {
    white-space: nowrap
}

#data-service-partners table td a {
    word-break: break-all
}

@media screen and (min-width: 768px) {
    #data-service-partners table .sp {
        display:none
    }
}

@media screen and (max-width: 767px) {
    #data-service-partners table .pc {
        display:none
    }
}

#patternmagic2-3d .title {
    background-color: #000;
    overflow: hidden;
    position: relative;
    width: 100%
}

#patternmagic2-3d .title h1 {
    border: none;
    margin: 0;
    padding: 0;
    z-index: 1
}

#patternmagic2-3d .title h1,#patternmagic2-3d .title video {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

#patternmagic2-3d .title video {
    min-height: 100%;
    width: 100%;
    z-index: 0
}

#patternmagic2-3d .title ul {
    bottom: 40px;
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 100%
}

#patternmagic2-3d .title ul a {
    background-color: #fff;
    border: 3px solid #f9a40c;
    color: #f9a40c;
    display: inline-block;
    font-weight: 700;
    margin: 0 10px;
    padding: 8px 20px;
    transition: all .3s ease
}

#patternmagic2-3d .title ul a:hover {
    background: #ffeed6;
    text-decoration: none
}

@media screen and (min-width: 768px) {
    #patternmagic2-3d .title {
        height:405px
    }
}

@media screen and (max-width: 767px) {
    #patternmagic2-3d .title {
        height:200px;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: -10px;
        width: auto
    }

    #patternmagic2-3d .title p {
        display: none
    }

    #patternmagic2-3d .title ul {
        bottom: 10px
    }

    #patternmagic2-3d .title ul a {
        font-size: 14px
    }

    #patternmagic2-3d .title video {
        height: 100%;
        width: auto
    }

    #patternmagic2-3d .title h1 {
        text-align: center;
        width: 70%
    }

    #patternmagic2-3d .title h1 img {
        height: auto;
        max-height: 100px;
        transform: translateY(-12px);
        width: auto
    }
}

#patternmagic2-3d .local-nav {
    background-color: #fff2db;
    padding: 40px 0 30px;
    text-align: center
}

#patternmagic2-3d .local-nav p {
    color: #f38e00;
    font-family: Verdana;
    font-size: 24px;
    margin: 0 0 24px
}

#patternmagic2-3d .local-nav li {
    display: inline-block;
    margin: 0 5px 8px
}

#patternmagic2-3d .local-nav li a {
    text-decoration: underline
}

#patternmagic2-3d .local-nav li a:hover {
    text-decoration: none
}

#patternmagic2-3d .local-nav li a svg {
    fill: #014099;
    height: 16px;
    margin-right: 3px;
    position: relative;
    top: -1px;
    transform: rotate(180deg);
    vertical-align: middle;
    width: 16px
}

@media screen and (max-width: 767px) {
    #patternmagic2-3d .local-nav {
        margin:0 -10px;
        padding: 20px 0 15px
    }

    #patternmagic2-3d .local-nav p {
        margin-bottom: 10px
    }

    #patternmagic2-3d .local-nav li {
        box-sizing: border-box;
        width: 45%
    }
}

#patternmagic2-3d .merit {
    text-align: center
}

#patternmagic2-3d .merit h2 {
    font-size: 30px;
    line-height: 1.4
}

#patternmagic2-3d .merit .nav-title {
    color: #f9a40c;
    display: inline-block;
    font-family: Verdana;
    font-size: 12px;
    margin: 10px 0 15px;
    position: relative;
    z-index: 1
}

#patternmagic2-3d .merit .nav-title span {
    background-color: #fff;
    letter-spacing: 1px;
    padding: 3px 6px
}

#patternmagic2-3d .merit .nav-title span.glay {
    background-color: #fff2db
}

#patternmagic2-3d .merit .nav-title:before {
    background-color: #f9a40c;
    content: "";
    height: 3px;
    left: -115px;
    position: absolute;
    top: 8px;
    width: 290px;
    z-index: -1
}

#patternmagic2-3d .merit .nav-title.white {
    color: #fff
}

#patternmagic2-3d .merit .nav-title.white span {
    background-color: #f9a40c
}

#patternmagic2-3d .merit .nav-title.white:before {
    background-color: #fff
}

@media screen and (max-width: 767px) {
    #patternmagic2-3d .merit h2 {
        font-size:18px
    }
}

#patternmagic2-3d #merit01 {
    padding: 60px 0
}

#patternmagic2-3d #merit01 h3 {
    margin-bottom: 20px;
    margin-top: 40px
}

#patternmagic2-3d #merit01 h3 img {
    max-height: 32px
}

#patternmagic2-3d #merit01 p {
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    #patternmagic2-3d #merit01 {
        padding:30px 5px
    }
}

#patternmagic2-3d #merit02 {
    background-color: #fff2db;
    padding: 60px 0
}

#patternmagic2-3d #merit02 h4 {
    margin-bottom: 40px
}

#patternmagic2-3d #merit02 .body {
    box-sizing: border-box;
    text-align: left
}

#patternmagic2-3d #merit02 .body h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center
}

#patternmagic2-3d #merit02 .merit02-2 p {
    background: url(/shared/images/products/patternmagic2-3d/merit02-4.png) 0 no-repeat;
    background-size: 50px auto;
    color: #fc7700;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 20px;
    min-height: 50px;
    padding-left: 65px
}

@media screen and (min-width: 768px) {
    #patternmagic2-3d #merit02 .merit02-1 {
        padding-top:20px
    }

    #patternmagic2-3d #merit02 .merit02-1 .body {
        padding: 0 40px 0 0
    }

    #patternmagic2-3d #merit02 .merit02-1 .body ul {
        font-size: 16px;
        font-weight: 400;
        list-style: disc
    }

    #patternmagic2-3d #merit02 .merit02-1 .body ul li {
        margin-left: 1.5em
    }

    #patternmagic2-3d #merit02 .merit02-2 .body {
        padding: 0 0 0 30px
    }

    #patternmagic2-3d #merit02 .merit02-2 .body h3 {
        margin-bottom: 30px
    }

    #patternmagic2-3d #merit02 .merit02-2 .body h3 img {
        max-height: 26px
    }

    #patternmagic2-3d #merit02 .merit02-2 .body p {
        background: url(/shared/images/products/patternmagic2-3d/merit02-4.png) 0 no-repeat;
        color: #fc7700;
        font-size: 17px;
        font-weight: 700;
        margin-bottom: 20px;
        padding-left: 75px
    }

    #patternmagic2-3d #merit02 .merit02-1,#patternmagic2-3d #merit02 .merit02-2 {
        align-items: center;
        display: flex;
        margin: 0 auto;
        width: 1080px
    }

    #patternmagic2-3d #merit02 .merit02-1 div,#patternmagic2-3d #merit02 .merit02-2 div {
        width: 50%
    }

    #patternmagic2-3d #merit02 .merit02-1 div:first-child,#patternmagic2-3d #merit02 .merit02-2 div:first-child {
        height: 260px;
        overflow: hidden;
        position: relative
    }

    #patternmagic2-3d #merit02 .merit02-1 div:first-child img,#patternmagic2-3d #merit02 .merit02-2 div:first-child img {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    #patternmagic2-3d #merit02 .merit02-1 .order2,#patternmagic2-3d #merit02 .merit02-2 .order2 {
        order: 2
    }
}

@media screen and (max-width: 767px) {
    #patternmagic2-3d #merit02 {
        margin-left:-10px;
        margin-right: -10px;
        padding: 30px 15px;
        text-align: center
    }

    #patternmagic2-3d #merit02 .body {
        margin-top: 20px
    }

    #patternmagic2-3d #merit02 .body h3 {
        font-size: 18px;
        text-align: center
    }

    #patternmagic2-3d #merit02 .body p {
        font-size: 16px
    }

    #patternmagic2-3d #merit02 h4 {
        margin-bottom: 30px;
        margin-top: 30px
    }

    #patternmagic2-3d #merit02 .merit02-2 {
        margin-top: 20px
    }

    #patternmagic2-3d #merit02 .merit02-2 p {
        font-size: 13px
    }
}

#patternmagic2-3d #merit03 {
    padding: 60px 0 0
}

#patternmagic2-3d #merit03 .merit03-1 {
    color: #000;
    margin-top: 40px;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-align: center;
    z-index: 0
}

#patternmagic2-3d #merit03 .merit03-1 video {
    vertical-align: bottom
}

#patternmagic2-3d #merit03 .merit03-1 .body {
    background-color: #f9a40c;
    display: inline-block
}

#patternmagic2-3d #merit03 .merit03-1 h3 {
    margin-bottom: 20px
}

#patternmagic2-3d #merit03 .merit03-1 .fukidashi {
    background-color: #fff;
    border-radius: 2em;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto 30px;
    padding: 8px 24px;
    position: relative;
    text-align: center
}

#patternmagic2-3d #merit03 .merit03-1 .fukidashi:after {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 20px 10px 0;
    bottom: -20px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 0
}

#patternmagic2-3d #merit03 .merit03-1 h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px
}

#patternmagic2-3d #merit03 .merit03-1 .list {
    background-color: #fff2db;
    font-size: 18px;
    padding: 20px 30px;
    text-align: left
}

#patternmagic2-3d #merit03 .merit03-1 .list dt {
    font-weight: 700;
    margin-bottom: 8px
}

#patternmagic2-3d #merit03 .merit03-1 .list li {
    font-size: 16px;
    list-style: disc;
    margin-left: 1.5em
}

#patternmagic2-3d #merit03 .merit03-1 .list a {
    text-decoration: underline
}

#patternmagic2-3d #merit03 .merit03-1 .patternmagic2-3d-link-btn {
    background-color: #f9a40c;
    border-radius: 2em;
    color: #fff;
    font-weight: 700;
    padding: .5em 45px .5em 25px;
    position: relative;
    text-decoration: none!important;
    transition: all .2s
}

#patternmagic2-3d #merit03 .merit03-1 .patternmagic2-3d-link-btn:hover {
    padding-right: 50px;
    text-decoration: none;
    transition: all .2s
}

#patternmagic2-3d #merit03 .merit03-1 .patternmagic2-3d-link-btn:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17'%3E%3Cpath d='M22.66 18.654 14.5 10.6l-8.159 8.054a1.112 1.112 0 0 0 .032 1.625 1.246 1.246 0 0 0 1.7-.03L14.5 13.9l6.431 6.344a1.246 1.246 0 0 0 1.7.03 1.112 1.112 0 0 0 .032-1.625Z' transform='rotate(90 13.302 7.298)' style='fill:%23fff'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    content: "";
    height: 17px;
    margin-top: 1px;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px
}

@media screen and (min-width: 768px) {
    #patternmagic2-3d #merit03 .merit03-1 .inner {
        align-items:center;
        display: flex
    }

    #patternmagic2-3d #merit03 .merit03-1 .inner>div:first-child {
        width: 710px
    }

    #patternmagic2-3d #merit03 .merit03-1 .inner>div:last-child {
        width: calc(100% - 710px)
    }

    #patternmagic2-3d #merit03 .merit03-1:after {
        background-color: #f9a40c;
        content: "";
        height: 100%;
        left: -30vw;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

@media screen and (max-width: 767px) {
    #patternmagic2-3d #merit03 {
        padding:30px 0 10px
    }

    #patternmagic2-3d #merit03 .merit03-1 {
        margin-left: -10px;
        margin-right: -10px;
        margin-top: 10px
    }

    #patternmagic2-3d #merit03 .merit03-1 .body {
        padding: 30px 10px 10px
    }

    #patternmagic2-3d #merit03 .merit03-1 .fukidashi,#patternmagic2-3d #merit03 .merit03-1 h4 {
        font-size: 16px
    }

    #patternmagic2-3d #merit03 .merit03-1 .list {
        font-size: 14px;
        padding: 10px
    }

    #patternmagic2-3d #merit03 video {
        max-width: 100%;
        width: 300px
    }
}

#patternmagic2-3d #merit04 {
    padding: 60px 0
}

#patternmagic2-3d #merit04 .sub-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 30px
}

#patternmagic2-3d #merit04 .sub-title span {
    color: #fc7700;
    font-family: Arial;
    font-size: 27px;
    padding: 0 5px
}

#patternmagic2-3d #merit04 table {
    background-color: #ccc;
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%
}

#patternmagic2-3d #merit04 table caption {
    background-color: #f9a40c;
    color: #fff;
    margin-bottom: 0;
    padding: 10px;
    text-align: center;
    vertical-align: bottom
}

#patternmagic2-3d #merit04 table th {
    background-color: #f5f5f5;
    padding: 10px
}

#patternmagic2-3d #merit04 table td {
    background-color: #fff;
    padding: 10px;
    vertical-align: middle
}

#patternmagic2-3d #merit04 table td span {
    font-family: Arial;
    font-size: 23px;
    font-weight: 700;
    padding: 0 5px
}

@media screen and (min-width: 768px) {
    #patternmagic2-3d #merit04 table {
        margin:0 auto;
        width: 800px
    }

    #patternmagic2-3d #merit04 table td {
        width: 25%
    }
}

@media screen and (max-width: 767px) {
    #patternmagic2-3d #merit04 {
        margin-left:-10px;
        margin-right: -10px;
        padding: 30px 15px
    }

    #patternmagic2-3d #merit04 .scroll-table {
        border: 1px solid #ddd;
        overflow: auto;
        white-space: nowrap
    }

    #patternmagic2-3d #merit04 .scroll-table table {
        border: none;
        margin: 0
    }
}

#patternmagic2-3d #merit05 {
    background-color: #fff2db;
    padding: 60px 0
}

#patternmagic2-3d #merit05 ul {
    margin: 0;
    padding: 0;
    text-align: center
}

#patternmagic2-3d #merit05 ul li {
    display: inline-block;
    margin: 0 15px 15px;
    vertical-align: top;
    width: 280px
}

#patternmagic2-3d #merit05 ul dt {
    font-weight: 400!important;
    margin-bottom: 20px
}

#patternmagic2-3d #merit05 .btn a {
    background-color: #f9a40c;
    color: #fff;
    display: inline-block;
    margin: 15px 10px 0;
    padding: 8px 20px
}

#patternmagic2-3d #merit05 .btn a:hover {
    background-color: #024f84;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    #patternmagic2-3d #merit05 {
        margin-left:-10px;
        margin-right: -10px;
        padding: 30px 0
    }
}

#patternmagic2-3d #merit06 {
    padding: 60px 0
}

#patternmagic2-3d #merit06 .case {
    align-items: center;
    margin: 30px auto;
    text-align: left
}

#patternmagic2-3d #merit06 .case>div {
    margin: 0 auto
}

#patternmagic2-3d #merit06 .case>div:last-child h3 {
    font-size: 22px
}

#patternmagic2-3d #merit06 .case>div:last-child dt {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px
}

#patternmagic2-3d #merit06 .case>div:last-child dd {
    font-size: 18px;
    margin-bottom: 5px
}

#patternmagic2-3d #merit06 .case>div:last-child dd a {
    background-color: #014099;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin: 8px 0 0;
    padding: 4px 16px
}

#patternmagic2-3d #merit06 .case>div:last-child dd a:hover {
    background-color: #237dbc;
    text-decoration: none
}

@media screen and (min-width: 768px) {
    #patternmagic2-3d #merit06 .case {
        align-items:center;
        display: flex;
        text-align: left;
        width: 870px
    }

    #patternmagic2-3d #merit06 .case>div {
        width: 850px
    }

    #patternmagic2-3d #merit06 .case>div:first-child {
        width: 400px
    }

    #patternmagic2-3d #merit06 .case>div:last-child {
        width: calc(100% - 400px)
    }
}

@media screen and (max-width: 767px) {
    #patternmagic2-3d #merit06 {
        margin-left:-10px;
        margin-right: -10px;
        padding: 30px 15px
    }

    #patternmagic2-3d #merit06 .case {
        text-align: center
    }

    #patternmagic2-3d #merit06 .case img {
        margin-bottom: 20px
    }

    #patternmagic2-3d #merit06 .case>div:last-child dt,#patternmagic2-3d #merit06 .case>div:last-child h3 {
        font-size: 18px
    }

    #patternmagic2-3d #merit06 .case>div:last-child dd {
        font-size: 14px
    }
}

#patternmagic2-3d #merit07 {
    background-color: #f9a40c;
    color: #fff;
    padding: 60px 0
}

#patternmagic2-3d #merit07 .listBox {
    background-color: transparent;
    border: none
}

@media screen and (max-width: 767px) {
    #patternmagic2-3d #merit07 {
        margin-left:-10px;
        margin-right: -10px;
        padding: 30px 10px
    }

    #patternmagic2-3d #merit07 .nav-title {
        margin-bottom: 0
    }

    #patternmagic2-3d #merit07 .categoryBlock02 {
        margin-top: 0
    }

    #patternmagic2-3d #merit07 iframe {
        height: auto;
        width: 100%
    }
}

#patternmagic2-3d #feature01 {
    padding: 60px 0
}

#patternmagic2-3d #feature01 h3 {
    margin-bottom: 30px
}

#patternmagic2-3d #feature01 h3 img {
    max-width: 200px
}

#patternmagic2-3d #feature01 .row a {
    color: #333
}

#patternmagic2-3d #feature01 .row a .productname {
    color: #014099;
    font-weight: 700;
    margin-bottom: 8px
}

#patternmagic2-3d #feature01 .row a .productname svg {
    fill: #014099;
    height: 12px;
    margin-left: 4px;
    width: 12px
}

@media screen and (min-width: 768px) {
    #patternmagic2-3d #feature01 .row {
        display:flex;
        justify-content: space-around;
        margin-top: 10px;
        text-align: center
    }

    #patternmagic2-3d #feature01 .row a {
        display: inline-block;
        padding: 0 30px;
        vertical-align: top;
        width: 33%
    }
}

@media screen and (max-width: 767px) {
    #patternmagic2-3d #feature01 {
        padding:30px 5px
    }

    #patternmagic2-3d #feature01 .row a {
        display: block;
        margin-top: 25px
    }

    #patternmagic2-3d #feature01 .row a productname {
        font-size: 14px
    }
}

#patternmagic2-3d #feature02 .feature02-1 {
    background-color: #0081ae;
    color: #fff;
    overflow: hidden;
    position: relative;
    text-align: left;
    z-index: 0
}

#patternmagic2-3d #feature02 .feature02-1 h3 {
    margin-bottom: 20px
}

#patternmagic2-3d #feature02 .feature02-1 h3 span {
    background-color: #fff;
    border-radius: 1em;
    color: #014099;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    padding: 0 15px
}

#patternmagic2-3d #feature02 .feature02-1 a {
    color: #fff;
    margin-top: 25px
}

#patternmagic2-3d #feature02 .feature02-1 a .img {
    background-color: #fff;
    border-radius: 140px;
    height: 140px;
    position: relative;
    text-align: center;
    width: 140px
}

#patternmagic2-3d #feature02 .feature02-1 a .img img {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

#patternmagic2-3d #feature02 .feature02-1 a .img img.icon2 {
    width: 94px
}

@media screen and (max-width: 767px) {
    #patternmagic2-3d #feature02 .feature02-1 a .img {
        display:none
    }
}

#patternmagic2-3d #feature02 .feature02-1 a .body {
    padding-left: 30px
}

#patternmagic2-3d #feature02 .feature02-1 a .body h3 {
    font-size: 1.125em;
    font-weight: 700;
    margin-bottom: 12px
}

#patternmagic2-3d #feature02 .feature02-1 a .body h3 svg {
    fill: #fff;
    height: 14px;
    margin-left: 6px;
    width: 14px
}

#patternmagic2-3d #feature02 .feature02-1 a .body p {
    margin-bottom: 15px
}

#patternmagic2-3d #feature02 .feature02-1 a:hover .img {
    background-color: #c8ddfc
}

#patternmagic2-3d #feature02 .feature02-1 a:hover .img svg {
    fill: #014099
}

#patternmagic2-3d #feature02 .feature02-1 a:hover .btn {
    background-color: #024f84!important
}

#patternmagic2-3d #feature02 .feature02-1 .inner>div {
    padding: 30px 40px
}

#patternmagic2-3d #feature02 .feature02-1 .inner>div:first-child {
    grid-column: 1
}

#patternmagic2-3d #feature02 .feature02-1 .inner>div:last-child {
    grid-column: 2
}

#patternmagic2-3d #feature02 .feature02-1 .inner>div:last-child h3 span {
    color: #0081ae
}

#patternmagic2-3d #feature02 .feature02-1 .inner>div:last-child a .btn {
    background-color: #014099
}

#patternmagic2-3d #feature02 .feature02-1 .inner .btn {
    background-color: #237dbc;
    color: #fff;
    display: inline-block;
    margin: 0;
    padding: 8px 20px
}

@media screen and (min-width: 768px) {
    #patternmagic2-3d #feature02 .feature02-1 .inner {
        display:flex
    }

    #patternmagic2-3d #feature02 .feature02-1 .inner>div {
        width: 50%
    }

    #patternmagic2-3d #feature02 .feature02-1:after {
        background-color: #014099;
        content: "";
        height: 100%;
        left: -50%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

    #patternmagic2-3d #feature02 .feature02-1 a {
        align-items: center;
        display: flex
    }
}

@media screen and (max-width: 767px) {
    #patternmagic2-3d #feature02 {
        margin:0 -10px;
        padding: 0 15px
    }

    #patternmagic2-3d #feature02 .feature02-1 {
        margin: 0 -15px;
        text-align: center
    }

    #patternmagic2-3d #feature02 .feature02-1 .inner>div {
        margin: 0 -10px;
        padding: 30px 25px
    }

    #patternmagic2-3d #feature02 .feature02-1 .inner>div:first-child {
        background-color: #014099
    }

    #patternmagic2-3d #feature02 .feature02-1 .inner .img {
        float: none;
        margin: 0 auto 15px
    }

    #patternmagic2-3d #feature02 .feature02-1 .inner .body {
        margin-bottom: 20px;
        margin-left: 0;
        padding-left: 0
    }
}

.product-brochure_contents .kv_recommend-block {
    background: linear-gradient(172deg,#e5f6fd 50%,#173f93 50.3%)
}

.product-brochure_contents .triangle {
    clip-path: polygon(50% 0,100% 100%,0 100%);
    height: 16.8px;
    transform: rotate(45deg);
    width: 33.6px
}

@media screen and (min-width: 1024px) {
    .product-brochure_contents .categoryList {
        grid-template-columns:repeat(auto-fit,25%);
        justify-content: center
    }

    .product-brochure_contents .categoryList:has(:nth-child(4)) {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

@media screen and (max-width: 1023px) {
    .product-brochure_contents .categoryList {
        grid-template-columns:repeat(auto-fit,50%);
        justify-content: center
    }

    .product-brochure_contents .categoryList:has(:nth-child(2)) {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.product-brochure_contents .anchor {
    background-color: #fff;
    color: #173f93
}

.product-brochure_contents .anchor .productBrochureChevronDown {
    border-color: #173f93
}

.product-brochure_contents .anchor:hover {
    background-color: #173f93;
    color: #fff;
    text-decoration: none
}

.product-brochure_contents .anchor:hover .productBrochureChevronDown {
    border-color: #fff
}

.product-brochure_contents .keywordItem {
    display: none
}

.product-brochure_contents .keywordItem.is-show {
    display: flex
}

.product-brochure_contents .productBrochureChevronDown {
    transform: translateY(-25%) rotate(135deg)
}

.product-brochure_contents .product-brochure-label {
    padding-left: 30px
}

.product-brochure_contents .product-brochure-label:before {
    background: #fff;
    border: 1px solid #e4e4e4;
    content: "";
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px
}

.product-brochure_contents .product-brochure-label:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
    display: block;
    height: 10px;
    left: 11px;
    margin-top: -7px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 5px
}

.product-brochure_contents input[type=checkbox]:checked+.product-brochure-label:after {
    opacity: 1
}

.product-brochure_contents input[type=checkbox]:checked+.product-brochure-label:before {
    background: #00a9e8
}

.product-brochure_contents .contents_link:hover .contents_underline {
    -webkit-text-decoration: underline solid #000;
    text-decoration: underline solid #000
}

.product-brochure_contents .cardLabel:after {
    transform: scaleY(.85) perspective(.6em) rotateX(-2deg);
    transform-origin: bottom left
}

.product-brochure_contents .txt-limit-line-4 {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    overflow: hidden
}

.product-brochure-entry_contents #buttonToForm {
    opacity: 0;
    transition: .3s
}

.product-brochure-entry_contents #buttonToForm.is-scroll {
    opacity: 1;
    transition: .3s
}

.product-brochure-entry_contents .arrowUp {
    transform: rotate(-90deg)
}

.product-brochure-entry_contents .youtube {
    aspect-ratio: 16/9;
    width: 100%
}

.product-brochure-entry_contents .youtube iframe {
    height: 100%;
    width: 100%
}

.product-brochure-entry_contents .richtext em {
    font-style: italic
}

.product-brochure-entry_contents .richtext table td {
    border: 1px solid #000;
    border-collapse: collapse
}

.product-brochure-entry_contents .richtext blockquote {
    border-left: 5px solid #ccc;
    padding-left: 20px
}

.product-brochure-entry_contents .richtext ul li {
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 24px
}

#products-creacompo2-index .title {
    background-color: #0081ae;
    overflow: hidden
}

#products-creacompo2-index .title h1 {
    border: none;
    margin: 0;
    padding: 0
}

#products-creacompo2-index .title img {
    margin: 0
}

@media screen and (min-width: 768px) {
    #products-creacompo2-index .title {
        height:405px
    }
}

@media screen and (max-width: 767px) {
    #products-creacompo2-index .title {
        margin:-10px -10px 0
    }
}

#products-creacompo2-index .local-nav {
    background-color: #edf1f5;
    padding: 40px 0 30px;
    text-align: center
}

#products-creacompo2-index .local-nav p {
    color: #014099;
    font-family: Verdana;
    font-size: 24px;
    margin: 0 0 24px
}

#products-creacompo2-index .local-nav li {
    display: inline-block;
    margin: 0 15px 8px
}

#products-creacompo2-index .local-nav li a {
    text-decoration: underline
}

#products-creacompo2-index .local-nav li a:hover {
    text-decoration: none
}

#products-creacompo2-index .local-nav li a svg {
    fill: #014099;
    height: 16px;
    margin-right: 4px;
    transform: rotate(180deg);
    vertical-align: middle;
    width: 16px
}

@media screen and (max-width: 767px) {
    #products-creacompo2-index .local-nav {
        margin:0 -10px;
        padding: 20px 0 15px
    }

    #products-creacompo2-index .local-nav p {
        margin-bottom: 10px
    }
}

#products-creacompo2-index .feature {
    text-align: center
}

#products-creacompo2-index .feature h2 {
    font-size: 30px;
    line-height: 1.4
}

#products-creacompo2-index .feature .nav-title {
    color: #237dbc;
    display: inline-block;
    font-family: Verdana;
    font-size: 12px;
    margin: 10px 0 15px;
    position: relative;
    z-index: 1
}

#products-creacompo2-index .feature .nav-title span {
    background-color: #fff;
    padding: 3px 6px
}

#products-creacompo2-index .feature .nav-title span.glay {
    background-color: #edf1f5
}

#products-creacompo2-index .feature .nav-title:before {
    background-color: #237dbc;
    content: "";
    height: 3px;
    left: -115px;
    position: absolute;
    top: 8px;
    width: 300px;
    z-index: -1
}

@media screen and (max-width: 767px) {
    #products-creacompo2-index .feature h2 {
        font-size:18px
    }
}

#products-creacompo2-index #feature01 {
    padding: 80px 0 50px
}

#products-creacompo2-index #feature01 .row a {
    color: #333
}

#products-creacompo2-index #feature01 .row a dt {
    color: #014099;
    font-weight: 700;
    margin-bottom: 8px
}

#products-creacompo2-index #feature01 .row a dt svg {
    fill: #014099;
    height: 12px;
    margin-left: 4px;
    width: 12px
}

#products-creacompo2-index #feature01 .row a dd {
    font-size: 14px;
    padding: 0 8px;
    text-align: left
}

#products-creacompo2-index #feature01 .next {
    font-weight: 700;
    margin-top: 50px
}

#products-creacompo2-index #feature01 .next a {
    display: block;
    margin: 0 20px 10px
}

@media screen and (max-width: 767px) {
    #products-creacompo2-index #feature01 .next a {
        margin:0 0 10px;
        padding-left: 1em;
        text-align: left
    }

    #products-creacompo2-index #feature01 .next a svg {
        margin-bottom: -1px;
        margin-left: -1em
    }
}

#products-creacompo2-index #feature01 .next svg {
    fill: #014099;
    height: 12px;
    top: 0;
    width: 12px
}

@media screen and (min-width: 768px) {
    #products-creacompo2-index #feature01 .row {
        display:flex;
        justify-content: space-around;
        margin-top: 10px;
        text-align: center
    }

    #products-creacompo2-index #feature01 .row a {
        display: inline-block;
        padding: 30px 30px 0;
        vertical-align: top;
        width: 33%
    }

    #products-creacompo2-index #feature01 .row a p {
        height: 60px
    }
}

@media screen and (max-width: 767px) {
    #products-creacompo2-index #feature01 {
        padding:30px 5px
    }

    #products-creacompo2-index #feature01 .row a {
        display: block;
        margin-top: 25px
    }

    #products-creacompo2-index #feature01 .row a dt {
        font-size: 14px
    }

    #products-creacompo2-index #feature01 .row a dd {
        font-size: 1em
    }

    #products-creacompo2-index #feature01 .next {
        font-size: 14px;
        margin-top: 20px
    }
}

#products-creacompo2-index #feature02 {
    background-color: #edf1f5;
    padding: 80px 0 0
}

#products-creacompo2-index #feature02 .feature02-1 {
    background-color: #0081ae;
    color: #fff;
    margin-top: 60px;
    overflow: hidden;
    position: relative;
    text-align: left;
    z-index: 0
}

#products-creacompo2-index #feature02 .feature02-1 h3 {
    margin-bottom: 20px
}

#products-creacompo2-index #feature02 .feature02-1 h3 span {
    background-color: #fff;
    border-radius: 1em;
    color: #014099;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    padding: 0 15px
}

#products-creacompo2-index #feature02 .feature02-1 a {
    color: #fff;
    display: block
}

#products-creacompo2-index #feature02 .feature02-1 a:last-child {
    margin-top: 25px
}

#products-creacompo2-index #feature02 .feature02-1 a:last-child .img img {
    width: 94px
}

#products-creacompo2-index #feature02 .feature02-1 a:hover .img {
    background-color: #c8ddfc
}

#products-creacompo2-index #feature02 .feature02-1 a:hover .img svg {
    fill: #014099
}

#products-creacompo2-index #feature02 .feature02-1 a:hover .btn {
    background-color: #024f84!important
}

#products-creacompo2-index #feature02 .feature02-1 .inner>div {
    padding: 30px 40px
}

#products-creacompo2-index #feature02 .feature02-1 .inner>div:first-child {
    grid-column: 1
}

#products-creacompo2-index #feature02 .feature02-1 .inner>div:last-child {
    grid-column: 2
}

#products-creacompo2-index #feature02 .feature02-1 .inner>div:last-child h3 span {
    color: #0081ae
}

#products-creacompo2-index #feature02 .feature02-1 .inner>div:last-child a .btn {
    background-color: #014099
}

#products-creacompo2-index #feature02 .feature02-1 .inner .img {
    background-color: #fff;
    border-radius: 140px;
    float: left;
    height: 140px;
    position: relative;
    text-align: center;
    width: 140px
}

#products-creacompo2-index #feature02 .feature02-1 .inner .img img {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

@media screen and (max-width: 767px) {
    #products-creacompo2-index #feature02 .feature02-1 .inner .img {
        display:none
    }
}

#products-creacompo2-index #feature02 .feature02-1 .inner .body {
    margin-left: 170px
}

#products-creacompo2-index #feature02 .feature02-1 .inner .body h3 {
    font-size: 1.125em;
    font-weight: 700;
    margin-bottom: 12px
}

#products-creacompo2-index #feature02 .feature02-1 .inner .body h3 svg {
    fill: #fff;
    height: 14px;
    margin-left: 6px;
    width: 14px
}

#products-creacompo2-index #feature02 .feature02-1 .inner .body p {
    margin-bottom: 15px
}

#products-creacompo2-index #feature02 .feature02-1 .inner .btn {
    background-color: #237dbc;
    color: #fff;
    display: inline-block;
    margin: 0;
    padding: 8px 20px
}

#products-creacompo2-index #feature02 .feature02-2 a,#products-creacompo2-index #feature02 .feature02-3 a {
    color: #333;
    display: block;
    position: relative;
    transition: all .3s
}

#products-creacompo2-index #feature02 .feature02-2 a:after,#products-creacompo2-index #feature02 .feature02-3 a:after {
    background-color: #ffffff26;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 50%
}

#products-creacompo2-index #feature02 .feature02-2,#products-creacompo2-index #feature02 .feature02-3 {
    text-align: left
}

#products-creacompo2-index #feature02 .feature02-2 dl,#products-creacompo2-index #feature02 .feature02-3 dl {
    box-sizing: border-box;
    padding: 34px
}

#products-creacompo2-index #feature02 .feature02-2 dl dt,#products-creacompo2-index #feature02 .feature02-3 dl dt {
    font-weight: 700;
    margin-bottom: 10px
}

#products-creacompo2-index #feature02 .feature02-2 dl li,#products-creacompo2-index #feature02 .feature02-3 dl li {
    list-style-type: disc;
    margin-left: 1.5em
}

@media screen and (min-width: 768px) {
    #products-creacompo2-index #feature02 .feature02-1 .inner {
        display:grid;
        grid-template-columns: 50% 1fr
    }

    #products-creacompo2-index #feature02 .feature02-1:after {
        background-color: #014099;
        content: "";
        height: 100%;
        left: -50%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

    #products-creacompo2-index #feature02 .feature02-1 .btn {
        margin-left: 160px
    }

    #products-creacompo2-index #feature02 .feature02-2 a {
        background: url(/shared/images/products/creacompo2_feature2-2-1.jpg) 0 no-repeat;
        background-size: 50% auto
    }

    #products-creacompo2-index #feature02 .feature02-2 a:hover:after {
        opacity: 1;
        transition: all .3s
    }

    #products-creacompo2-index #feature02 .feature02-2 a dl {
        padding-left: calc(50% + 40px)
    }

    #products-creacompo2-index #feature02 .feature02-3 a {
        background: url(/shared/images/products/creacompo2_feature2-2-2.jpg) 100% 0 no-repeat;
        background-size: 50% auto
    }

    #products-creacompo2-index #feature02 .feature02-3 a:after {
        left: auto;
        right: 0
    }

    #products-creacompo2-index #feature02 .feature02-3 a:hover:after {
        opacity: 1;
        transition: all .3s
    }

    #products-creacompo2-index #feature02 .feature02-3 dl {
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    #products-creacompo2-index #feature02 {
        margin:0 -10px;
        padding: 30px 15px
    }

    #products-creacompo2-index #feature02 .feature02-1 {
        margin: 20px -15px;
        text-align: center
    }

    #products-creacompo2-index #feature02 .feature02-1 .inner>div {
        margin: 0 -21px;
        padding: 30px 25px
    }

    #products-creacompo2-index #feature02 .feature02-1 .inner>div:first-child {
        background-color: #014099
    }

    #products-creacompo2-index #feature02 .feature02-1 .inner .img {
        float: none;
        margin: 0 auto 15px
    }

    #products-creacompo2-index #feature02 .feature02-1 .inner .body {
        margin-left: 0
    }

    #products-creacompo2-index #feature02 .feature02-2 dl,#products-creacompo2-index #feature02 .feature02-3 dl {
        padding: 10px 5px
    }
}

#products-creacompo2-index #feature03 {
    padding: 80px 0
}

#products-creacompo2-index #feature03 .feature03-1 div {
    padding: 50px 60px
}

#products-creacompo2-index #feature03 .feature03-1 div:first-child {
    text-align: left
}

#products-creacompo2-index #feature03 .feature03-1 div:first-child h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

#products-creacompo2-index #feature03 .feature03-1 div:first-child p {
    margin-bottom: 10px
}

#products-creacompo2-index #feature03 .feature03-1 div:first-child p:last-child {
    font-size: 12px
}

#products-creacompo2-index #feature03 .feature03-1 div:last-child {
    grid-column: 2
}

#products-creacompo2-index #feature03 .feature03-2 {
    padding: 0 60px;
    text-align: left
}

#products-creacompo2-index #feature03 .feature03-2 h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    #products-creacompo2-index #feature03 .feature03-1 {
        display:grid;
        grid-template-columns: 50% 1fr
    }

    #products-creacompo2-index #feature03 .feature03-1 div:first-child {
        align-self: center;
        grid-column: 1
    }

    #products-creacompo2-index #feature03 .feature03-1 div:last-child {
        align-self: center;
        grid-column: 2
    }
}

@media screen and (max-width: 767px) {
    #products-creacompo2-index #feature03 {
        padding:30px 10px 10px
    }

    #products-creacompo2-index #feature03 .feature03-1 div,#products-creacompo2-index #feature03 .feature03-2 {
        padding: 20px 0
    }
}

#products-creacompo2-index #feature04 {
    background-color: #edf1f5;
    padding: 80px 0 60px
}

#products-creacompo2-index #feature04 figure {
    margin-top: 40px
}

@media screen and (max-width: 767px) {
    #products-creacompo2-index #feature04 {
        margin-left:-10px;
        margin-right: -10px;
        padding: 30px 15px
    }
}

#products-creacompo2-index #feature05 {
    padding: 80px 0 60px
}

#products-creacompo2-index #feature05 ul {
    padding: 40px 0 25px;
    text-align: center
}

#products-creacompo2-index #feature05 ul li {
    display: inline-block;
    margin: 0 15px 15px;
    vertical-align: top;
    width: 140px
}

#products-creacompo2-index #feature05 ul li dt {
    background-color: #edf2f5;
    border-radius: 140px;
    height: 140px;
    width: 140px
}

#products-creacompo2-index #feature05 ul li dt img {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

#products-creacompo2-index #feature05 ul li dd {
    color: #333;
    font-size: 14px;
    margin-top: 8px
}

#products-creacompo2-index #feature05 ul li a:hover dt {
    background-color: #dee9f1
}

#products-creacompo2-index #feature05 .btn a {
    background-color: #237dbc;
    color: #fff;
    display: inline-block;
    margin: 15px 10px 0;
    padding: 8px 20px
}

#products-creacompo2-index #feature05 .btn a:hover {
    background-color: #024f84;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    #products-creacompo2-index #feature05 {
        padding:30px 0
    }

    #products-creacompo2-index #feature05 ul li {
        width: 100px
    }

    #products-creacompo2-index #feature05 ul li dt {
        border-radius: 100px;
        height: 100px;
        width: 100px
    }

    #products-creacompo2-index #feature05 ul li dt svg {
        width: 60px
    }
}

.publiccloud-individual .color02 {
    color: #666!important
}

.publiccloud-individual .title {
    background-color: #014099;
    color: #fff;
    padding: 40px
}

@media screen and (min-width: 768px) {
    .publiccloud-individual .title .img {
        float:left
    }

    .publiccloud-individual .title .body {
        margin-left: 180px
    }

    .publiccloud-individual .title.small .body {
        margin-left: 110px
    }
}

.publiccloud-individual .title .img {
    background-color: #fff;
    border-radius: 140px;
    height: 140px;
    position: relative;
    width: 140px
}

.publiccloud-individual .title .img img {
    fill: #0081ae;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 120px
}

.publiccloud-individual .title .body .sub {
    background-color: #fff;
    border-radius: 1em;
    color: #014099;
    display: inline-block;
    font-size: 1.25em;
    font-weight: 700;
    padding: 0 15px
}

.publiccloud-individual .title .body h1 {
    border: none;
    color: #fff;
    font-size: 1.625em;
    line-height: 1.3;
    margin: 10px 0;
    padding: 0
}

.publiccloud-individual .title .body h1 span {
    display: block;
    font-size: .7em;
    margin-left: -8px
}

.publiccloud-individual .title .body .btn {
    margin: 0
}

.publiccloud-individual .title .body .btn a {
    background-color: #237dbc;
    color: #fff;
    display: inline-block;
    padding: 5px 20px
}

.publiccloud-individual .title .body .btn a:first-child {
    margin-right: 20px
}

.publiccloud-individual .title .body .btn a:hover {
    background-color: #024f84;
    text-decoration: none
}

.publiccloud-individual .title.small {
    padding: 20px
}

.publiccloud-individual .title.small .img {
    height: 88px;
    width: 88px
}

.publiccloud-individual .title.small .img img {
    height: auto;
    width: 70px
}

.publiccloud-individual .title.small .body .sub {
    display: inline-block;
    font-size: 1.125em;
    line-height: 1;
    margin-bottom: 10px;
    margin-right: 5px;
    padding-bottom: 4px;
    padding-top: 7px
}

.publiccloud-individual .title.small .body h1 {
    display: inline-block;
    font-size: 1.3125em;
    margin: 5px 0
}

.publiccloud-individual .title.small .body h1 span {
    display: inline-block;
    font-size: .9em;
    margin-left: -8px
}

.publiccloud-individual .title.small .body .btn {
    margin-bottom: 8px;
    margin-top: 12px
}

@media screen and (max-width: 767px) {
    .publiccloud-individual .title {
        padding:20px;
        text-align: center
    }

    .publiccloud-individual .title .img {
        display: none
    }
}

.publiccloud-individual .local-nav {
    background-color: #edf1f5;
    margin-bottom: 40px;
    padding: 12px 10px;
    text-align: center
}

.publiccloud-individual .local-nav li {
    display: inline-block;
    margin: 6px 5px
}

.publiccloud-individual .local-nav li a {
    background-color: #cfdde6;
    border-radius: 2em;
    display: inline-block;
    line-height: 1;
    min-width: 5em;
    padding: 8px 1em;
    transition: all .2s
}

.publiccloud-individual .local-nav li a:hover {
    background-color: #237dbc;
    box-shadow: 0 1px 5px #00000026;
    color: #fff;
    text-decoration: none;
    transition: all .2s
}

.publiccloud-individual .local-nav li.active {
    background-color: #237dbc;
    border-radius: 2em;
    box-shadow: 0 1px 5px #00000026;
    color: #fff;
    display: inline-block;
    line-height: 1;
    min-width: 5em;
    padding: 8px 1em
}

.publiccloud-individual .flow {
    margin-bottom: 20px
}

.publiccloud-individual .flow li:last-child dl {
    background: none
}

.publiccloud-individual .flow dl {
    background: url(/shared/images/products/img_publiccloud-individual_flow01.png) 22px 4px repeat-y;
    background-size: 5px auto;
    clear: both;
    padding-bottom: 30px
}

.publiccloud-individual .flow dl:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden
}

.publiccloud-individual .flow dl dt {
    color: #fff;
    float: left;
    font-family: Arial;
    font-size: 1.5em;
    font-style: italic;
    font-weight: 700;
    line-height: 48px;
    margin-right: 20px;
    position: relative;
    text-align: center;
    width: 48px;
    z-index: 1
}

.publiccloud-individual .flow dl dt:after {
    background-color: #014099;
    border-radius: 48px;
    content: "";
    height: 48px;
    left: 0;
    position: absolute;
    top: 0;
    width: 48px;
    z-index: -1
}

.publiccloud-individual .flow dl dd {
    margin-left: 68px;
    width: auto
}

.publiccloud-individual .flow dl h3 {
    font-size: 1.125em;
    font-weight: 700
}

.publiccloud-individual .flow.flow-step dl {
    background: url(/shared/images/products/img_publiccloud-individual_flow02.png) 22px 4px repeat-y;
    background-size: 5px auto;
    padding-bottom: 50px
}

.publiccloud-individual .flow.flow-step dl dt {
    line-height: 1.1
}

.publiccloud-individual .flow.flow-step dl dt:after {
    background-color: #0081ae
}

.publiccloud-individual .flow.flow-step dl dt span {
    display: block;
    font-size: 10px;
    margin-top: 8px
}

.publiccloud-individual .flow.flow-step dl dd:nth-last-child(2) {
    float: left;
    margin-left: 0;
    width: 490px
}

.publiccloud-individual .flow.flow-step dl dd:last-child {
    float: right;
    margin-left: 0;
    padding-left: 20px;
    position: relative;
    text-align: right;
    width: 220px
}

.publiccloud-individual .flow.flow-step dl dd:last-child a {
    border: 3px solid #dcdcdc;
    display: block
}

.publiccloud-individual .flow.flow-step dl dd:last-child:after {
    background: url(/shared/images/products/img_publiccloud-individual_flow03.png) no-repeat;
    background-size: 36px;
    content: "";
    height: 36px;
    left: 0;
    position: absolute;
    top: -12px;
    width: 36px
}

@media screen and (max-width: 767px) {
    .publiccloud-individual .flow.flow-step dl dd:nth-last-child(2) {
        float:none;
        margin-left: 68px;
        width: auto
    }

    .publiccloud-individual .flow.flow-step dl dd:last-child {
        float: none;
        margin-left: 68px;
        margin-right: 15px;
        margin-top: 30px;
        width: auto
    }
}

.publiccloud-individual .flow.flow-service dl {
    background: url(/shared/images/products/img_publiccloud-individual_flow01.png) 22px 4px repeat-y;
    background-size: 5px auto;
    padding-bottom: 50px
}

.publiccloud-individual .flow.flow-service dl dt {
    line-height: 1.1
}

.publiccloud-individual .flow.flow-service dl dt:after {
    background-color: #014099
}

.publiccloud-individual .flow.flow-service dl dt span {
    display: block;
    font-size: 10px;
    margin-top: 8px
}

.publiccloud-individual .flow.flow-service dl dd:nth-last-child(2) {
    float: left;
    margin-left: 0;
    width: 490px
}

.publiccloud-individual .flow.flow-service dl dd:last-child {
    float: right;
    margin-left: 0;
    padding-left: 20px;
    position: relative;
    text-align: right;
    width: 220px
}

.publiccloud-individual .flow.flow-service dl dd:last-child a {
    border: 3px solid #dcdcdc;
    display: block
}

.publiccloud-individual .flow.flow-service dl dd:last-child:after {
    background: url(/shared/images/products/img_publiccloud-individual_flow03.png) no-repeat;
    background-size: 36px;
    content: "";
    height: 36px;
    left: 0;
    position: absolute;
    top: -12px;
    width: 36px
}

@media screen and (max-width: 767px) {
    .publiccloud-individual .flow.flow-service dl dd:nth-last-child(2) {
        float:none;
        margin-left: 68px;
        width: auto
    }

    .publiccloud-individual .flow.flow-service dl dd:last-child {
        float: none;
        margin-left: 68px;
        margin-right: 15px;
        margin-top: 30px;
        width: auto
    }
}

.publiccloud-enterprise .color02 {
    color: #666!important
}

.publiccloud-enterprise .title {
    background-color: #0081ae;
    color: #fff;
    padding: 40px
}

@media screen and (min-width: 768px) {
    .publiccloud-enterprise .title .img {
        float:left
    }

    .publiccloud-enterprise .title .body {
        margin-left: 180px
    }

    .publiccloud-enterprise .title.small .body {
        margin-left: 110px
    }
}

.publiccloud-enterprise .title .img {
    background-color: #fff;
    border-radius: 140px;
    height: 140px;
    position: relative;
    width: 140px
}

.publiccloud-enterprise .title .img img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 120px
}

.publiccloud-enterprise .title .body .sub {
    background-color: #fff;
    border-radius: 1em;
    color: #0081ae;
    display: inline-block;
    font-size: 1.25em;
    font-weight: 700;
    padding: 0 15px
}

.publiccloud-enterprise .title .body h1 {
    border: none;
    color: #fff;
    font-size: 1.625em;
    line-height: 1.3;
    margin: 10px 0;
    padding: 0
}

.publiccloud-enterprise .title .body h1 span {
    display: block;
    font-size: .7em;
    margin-left: -8px
}

.publiccloud-enterprise .title .body .btn {
    margin: 0
}

.publiccloud-enterprise .title .body .btn a {
    background-color: #237dbc;
    color: #fff;
    display: inline-block;
    padding: 5px 20px
}

.publiccloud-enterprise .title .body .btn a:first-child {
    margin-right: 20px
}

.publiccloud-enterprise .title .body .btn a:hover {
    text-decoration: none
}

.publiccloud-enterprise .title.small {
    padding: 20px
}

.publiccloud-enterprise .title.small .img {
    height: 88px;
    width: 88px
}

.publiccloud-enterprise .title.small .img img {
    height: auto;
    width: 70px
}

.publiccloud-enterprise .title.small .body .sub {
    display: inline-block;
    font-size: 1.125em;
    line-height: 1;
    margin-bottom: 10px;
    margin-right: 5px;
    padding-bottom: 4px;
    padding-top: 7px
}

.publiccloud-enterprise .title.small .body h1 {
    display: inline-block;
    font-size: 1.3125em;
    margin: 5px 0
}

.publiccloud-enterprise .title.small .body h1 span {
    display: inline-block;
    font-size: .9em;
    margin-left: -8px
}

.publiccloud-enterprise .title.small .body .btn {
    margin-bottom: 8px;
    margin-top: 12px
}

@media screen and (max-width: 767px) {
    .publiccloud-enterprise .title {
        padding:20px;
        text-align: center
    }

    .publiccloud-enterprise .title .img {
        display: none
    }
}

.publiccloud-enterprise .local-nav {
    background-color: #edf1f5;
    margin-bottom: 40px;
    padding: 12px 10px;
    text-align: center
}

.publiccloud-enterprise .local-nav li {
    display: inline-block;
    margin: 6px 5px
}

.publiccloud-enterprise .local-nav li a {
    background-color: #cfdde6;
    border-radius: 2em;
    display: inline-block;
    line-height: 1;
    min-width: 5em;
    padding: 8px 1em;
    transition: all .2s
}

.publiccloud-enterprise .local-nav li a:hover {
    background-color: #0081ae;
    box-shadow: 0 1px 5px #00000026;
    color: #fff;
    text-decoration: none;
    transition: all .2s
}

.publiccloud-enterprise .local-nav li.active {
    background-color: #0081ae;
    border-radius: 2em;
    box-shadow: 0 1px 5px #00000026;
    color: #fff;
    display: inline-block;
    line-height: 1;
    min-width: 5em;
    padding: 8px 1em
}

.publiccloud-enterprise .flow {
    margin-bottom: 20px
}

.publiccloud-enterprise .flow li:last-child dl {
    background: none
}

.publiccloud-enterprise .flow dl {
    background: url(/shared/images/products/img_publiccloud-individual_flow01.png) 22px 4px repeat-y;
    background-size: 5px auto;
    clear: both;
    padding-bottom: 30px
}

.publiccloud-enterprise .flow dl:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden
}

.publiccloud-enterprise .flow dl dt {
    color: #fff;
    float: left;
    font-family: Arial;
    font-size: 1.5em;
    font-style: italic;
    font-weight: 700;
    line-height: 48px;
    margin-right: 20px;
    position: relative;
    text-align: center;
    width: 48px;
    z-index: 1
}

.publiccloud-enterprise .flow dl dt:after {
    background-color: #0081ae;
    border-radius: 48px;
    content: "";
    height: 48px;
    left: 0;
    position: absolute;
    top: 0;
    width: 48px;
    z-index: -1
}

.publiccloud-enterprise .flow dl dd {
    margin-left: 68px;
    width: auto
}

.publiccloud-enterprise .flow dl h3 {
    font-size: 1.125em;
    font-weight: 700
}

.publiccloud-enterprise .flow.flow-step dl {
    background: url(/shared/images/products/img_publiccloud-individual_flow02.png) 22px 4px repeat-y;
    background-size: 5px auto;
    padding-bottom: 50px
}

.publiccloud-enterprise .flow.flow-step dl dt {
    line-height: 1.1
}

.publiccloud-enterprise .flow.flow-step dl dt:after {
    background-color: #0081ae
}

.publiccloud-enterprise .flow.flow-step dl dt span {
    display: block;
    font-size: 10px;
    margin-top: 8px
}

.publiccloud-enterprise .flow.flow-step dl dd:nth-last-child(2) {
    float: left;
    margin-left: 0;
    width: 490px
}

.publiccloud-enterprise .flow.flow-step dl dd:last-child {
    float: right;
    margin-left: 0;
    padding-left: 20px;
    position: relative;
    text-align: right;
    width: 220px
}

.publiccloud-enterprise .flow.flow-step dl dd:last-child a {
    border: 3px solid #dcdcdc;
    display: block
}

.publiccloud-enterprise .flow.flow-step dl dd:last-child:after {
    background: url(/shared/images/products/img_publiccloud-individual_flow03.png) no-repeat;
    background-size: 36px;
    content: "";
    height: 36px;
    left: 0;
    position: absolute;
    top: -12px;
    width: 36px
}

@media screen and (max-width: 767px) {
    .publiccloud-enterprise .flow.flow-step dl dd:nth-last-child(2) {
        float:none;
        margin-left: 68px;
        width: auto
    }

    .publiccloud-enterprise .flow.flow-step dl dd:last-child {
        float: none;
        margin-left: 68px;
        margin-right: 15px;
        margin-top: 30px;
        width: auto
    }
}

.publiccloud-enterprise .flow.flow-service dl {
    background: url(/shared/images/products/img_publiccloud-individual_flow01.png) 22px 4px repeat-y;
    background-size: 5px auto;
    padding-bottom: 50px
}

.publiccloud-enterprise .flow.flow-service dl dt {
    line-height: 1.1
}

.publiccloud-enterprise .flow.flow-service dl dt:after {
    background-color: #0081ae
}

.publiccloud-enterprise .flow.flow-service dl dt span {
    display: block;
    font-size: 10px;
    margin-top: 8px
}

.publiccloud-enterprise .flow.flow-service dl dd:nth-last-child(2) {
    float: left;
    margin-left: 0;
    width: 490px
}

.publiccloud-enterprise .flow.flow-service dl dd:last-child {
    float: right;
    margin-left: 0;
    padding-left: 20px;
    position: relative;
    text-align: right;
    width: 220px
}

.publiccloud-enterprise .flow.flow-service dl dd:last-child a {
    border: 3px solid #dcdcdc;
    display: block
}

.publiccloud-enterprise .flow.flow-service dl dd:last-child:after {
    background: url(/shared/images/products/img_publiccloud-individual_flow03.png) no-repeat;
    background-size: 36px;
    content: "";
    height: 36px;
    left: 0;
    position: absolute;
    top: -12px;
    width: 36px
}

@media screen and (max-width: 767px) {
    .publiccloud-enterprise .flow.flow-service dl dd:nth-last-child(2) {
        float:none;
        margin-left: 68px;
        width: auto
    }

    .publiccloud-enterprise .flow.flow-service dl dd:last-child {
        float: none;
        margin-left: 68px;
        margin-right: 15px;
        margin-top: 30px;
        width: auto
    }
}

.bgColor01 {
    background-color: #f6f6f6!important
}

.bgColor02 {
    background-color: #eaeaea!important
}

.bgColor03 {
    background-color: #ebf2fc!important
}

.bgColor04 {
    background-color: #dbe9f6!important
}

.bgColor05 {
    background-color: #c9dbf1!important
}

.bgColor06 {
    background-color: #98c4ea!important
}

.bgColor07 {
    background-color: #1495f8!important;
    color: #fff
}

.bgColor08 {
    background-color: #0f76c5!important;
    color: #fff
}

.bgColor09 {
    background-color: #014099!important;
    color: #fff
}

.bgColor09:hover {
    background-color: #024f84!important;
    color: #fff
}

caption.bgColor09:hover,td.bgColor09:hover,th.bgColor09:hover {
    background-color: #014099!important;
    color: #fff
}

.bgColor10 {
    background-color: #edf5dd!important
}

.bgColor11 {
    background-color: #abcf7f!important
}

.bgColor12 {
    background-color: #8abc4b!important
}

.bgColor13 {
    background-color: #fcfaf3!important
}

.bgColor14 {
    background-color: #e2e0d3!important
}

.bgColor15 {
    background-color: #fff!important
}

.bgColor16 {
    background-color: #000!important;
    color: #fff
}

html:has(.xiform_contents .modal.active) {
    overflow: hidden
}

.creacompo2_contents .btn_default {
    background-color: #16769c;
    border: 1px solid #16769c;
    color: #fff
}

.creacompo2_contents .btn_default:hover {
    background-color: #fff;
    color: #16769c
}

.creacompo2_contents .btn_white {
    border: 1px solid #fff
}

.creacompo2_contents .productsTopButton:after {
    border-bottom: 2px solid #16769c;
    border-right: 2px solid #16769c
}

.creacompo2_contents .productsTopButton:hover:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff
}

.creacompo2_contents .triangle {
    background: #16769c
}

.creacompo2_contents .accordionBtn:before {
    border-left: 2px solid #16769c;
    border-top: 2px solid #16769c
}

.xiform_contents .obtuse-triangle {
    background: #fff;
    clip-path: polygon(70% 0,40% 100%,0 100%);
    height: 40px;
    transform: rotate(180deg);
    width: 40px
}

.xiform_contents .obtuse-triangle.reverse {
    transform: rotate(180deg) rotateY(180deg)
}

.xiform_contents .productsTopButton:after {
    border-bottom: 2px solid #88bc4c;
    border-right: 2px solid #88bc4c
}

.xiform_contents .productsTopButton:hover:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff
}

.xiform_contents .efficiency-menus li {
    background-color: #fff
}

.xiform_contents .efficiency-menus li .border-triangle {
    display: none
}

.xiform_contents .efficiency-menus li.products_hover {
    background-color: #f4f9ef
}

.xiform_contents .efficiency-menus li.products_hover .border-triangle {
    display: block
}

.xiform_contents .efficiency-menus h4.win {
    margin-top: 2px
}

.xiform_contents .efficiency-contents li {
    display: none
}

.xiform_contents .efficiency-contents li.products_hover {
    display: flex
}

.xiform_contents .modal {
    background: #00000080;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    text-align: center;
    top: 0;
    transition: .3s;
    visibility: hidden;
    width: 100%;
    z-index: 100
}

.xiform_contents .modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.xiform_contents .modal.active {
    opacity: 1;
    visibility: visible
}

.xiform_contents .modal-body {
    display: inline-block;
    max-width: 1150px;
    position: relative;
    vertical-align: middle;
    width: 90%
}

.xiform_contents .modal-close {
    align-items: center;
    background-color: #88bc4c;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    line-height: 1;
    position: absolute;
    z-index: 100
}

@media screen and (min-width: 768px) {
    .xiform_contents .modal-close {
        font-size:16px;
        right: 25px;
        top: 25px
    }
}

@media screen and (max-width: 767px) {
    .xiform_contents .modal-close {
        font-size:11px;
        right: 15px;
        top: 15px
    }
}

.xiform_contents .modal-content {
    background: #fff;
    text-align: left
}

@media screen and (min-width: 768px) {
    .xiform_contents .modal-content {
        padding:80px 0 30px
    }
}

@media screen and (max-width: 767px) {
    .xiform_contents .modal-content {
        padding-top:60px
    }
}

.xiform_contents .bx-wrapper {
    margin: 0
}

.xiform_contents .bx-thumbnail {
    pointer-events: none
}

.xiform_contents .bx-thumbnail li a {
    pointer-events: all
}

.xiform_contents .bx-thumbnail li a:hover {
    text-decoration: none
}

.xiform_contents .navi-btn .bx-next,.xiform_contents .navi-btn .bx-prev {
    border-radius: 100%;
    display: block;
    height: 100%;
    width: 100%
}

.xiform_contents #next-btn {
    transform: rotate(180deg)
}

.xiform_contents .accordionBtn:before {
    border-left: 2px solid #88bc4c;
    border-top: 2px solid #88bc4c
}

.creacompo2_contents img,.xiform_contents img {
    backface-visibility: unset!important;
    -webkit-backface-visibility: unset!important
}

.creacompo2_contents .oscheck.win,.xiform_contents .oscheck.win {
    margin-bottom: -4px
}

@media screen and (min-width: 1024px) {
    .creacompo2_contents .kv-text-area,.xiform_contents .kv-text-area {
        transform:translateY(-50%)
    }
}

.creacompo2_contents #about .bx-viewport,.xiform_contents #about .bx-viewport {
    overflow: unset!important
}

.creacompo2_contents .productsTopButton,.xiform_contents .productsTopButton {
    position: relative
}

.creacompo2_contents .productsTopButton:after,.xiform_contents .productsTopButton:after {
    content: "";
    height: 8px;
    position: absolute;
    right: 16px;
    width: 8px
}

.creacompo2_contents .productsTopButton.arrowDown:after,.xiform_contents .productsTopButton.arrowDown:after {
    top: calc(50% - 6px);
    transform: rotate(45deg)
}

.creacompo2_contents .productsTabBtns.oscheck.win span,.xiform_contents .productsTabBtns.oscheck.win span {
    margin-top: 5px
}

.creacompo2_contents .productsTabBtn a,.xiform_contents .productsTabBtn a {
    background-color: #f0f0f0
}

.creacompo2_contents .productsTabBtn a span,.xiform_contents .productsTabBtn a span {
    color: #8abacd
}

.creacompo2_contents .productsTabBtn a svg path,.xiform_contents .productsTabBtn a svg path {
    fill: #8abacd
}

.creacompo2_contents .productsTabBtn a.is-active,.xiform_contents .productsTabBtn a.is-active {
    background-color: #e4f0f9
}

.creacompo2_contents .productsTabBtn a.is-active span,.xiform_contents .productsTabBtn a.is-active span {
    color: #16769c
}

.creacompo2_contents .productsTabBtn a.is-active svg path,.xiform_contents .productsTabBtn a.is-active svg path {
    fill: #16769c
}

.creacompo2_contents .tab-contents-item,.xiform_contents .tab-contents-item {
    display: none;
    justify-content: center;
    width: 100%
}

.creacompo2_contents .tab-contents-item.is-active,.xiform_contents .tab-contents-item.is-active {
    display: flex;
    flex-direction: column
}

.creacompo2_contents .tab-contents-item>p,.xiform_contents .tab-contents-item>p {
    margin: auto;
    opacity: 0
}

.creacompo2_contents .tab-contents-item.is-active>p,.xiform_contents .tab-contents-item.is-active>p {
    animation: fadeinAnime 2s forwards
}

@keyframes fadeinAnime {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media screen and (min-width: 1024px) {
    .creacompo2_contents .tab-contents-item>#personal-tab-contents,.creacompo2_contents .tab-contents>#personal-tab-contents,.xiform_contents .tab-contents-item>#personal-tab-contents,.xiform_contents .tab-contents>#personal-tab-contents {
        grid-template-columns:repeat(auto-fit,33.3333333333%)
    }
}

@media screen and (max-width: 1023px) {
    .creacompo2_contents .tab-contents-item>#personal-tab-contents,.creacompo2_contents .tab-contents>#personal-tab-contents,.xiform_contents .tab-contents-item>#personal-tab-contents,.xiform_contents .tab-contents>#personal-tab-contents {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }
}

@media screen and (min-width: 1024px) {
    .creacompo2_contents .tab-contents-item>#team-tab-contents,.creacompo2_contents .tab-contents>#team-tab-contents,.xiform_contents .tab-contents-item>#team-tab-contents,.xiform_contents .tab-contents>#team-tab-contents {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

@media screen and (max-width: 1023px) {
    .creacompo2_contents .tab-contents-item>#team-tab-contents,.creacompo2_contents .tab-contents>#team-tab-contents,.xiform_contents .tab-contents-item>#team-tab-contents,.xiform_contents .tab-contents>#team-tab-contents {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }
}

@media screen and (min-width: 1024px) {
    .creacompo2_contents .tab-contents-item>#xiform-tab-contents,.creacompo2_contents .tab-contents>#xiform-tab-contents,.xiform_contents .tab-contents-item>#xiform-tab-contents,.xiform_contents .tab-contents>#xiform-tab-contents {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

@media screen and (max-width: 1023px) {
    .creacompo2_contents .tab-contents-item>#xiform-tab-contents,.creacompo2_contents .tab-contents>#xiform-tab-contents,.xiform_contents .tab-contents-item>#xiform-tab-contents,.xiform_contents .tab-contents>#xiform-tab-contents {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }
}

@media screen and (min-width: 1024px) {
    .creacompo2_contents .tab-contents-item>ul>li .tab-contents-item-title,.creacompo2_contents .tab-contents>ul>li .tab-contents-item-title,.xiform_contents .tab-contents-item>ul>li .tab-contents-item-title,.xiform_contents .tab-contents>ul>li .tab-contents-item-title {
        display:grid;
        grid-row: span 2;
        grid-template-rows: subgrid
    }

    .creacompo2_contents .tab-contents-item>ul>li .tab-contents-item-title .tab-contents-item-title-inner,.creacompo2_contents .tab-contents>ul>li .tab-contents-item-title .tab-contents-item-title-inner,.xiform_contents .tab-contents-item>ul>li .tab-contents-item-title .tab-contents-item-title-inner,.xiform_contents .tab-contents>ul>li .tab-contents-item-title .tab-contents-item-title-inner {
        display: grid;
        grid-row: span 1;
        grid-template-rows: subgrid
    }
}

.creacompo2_contents .tab-contents-item>ul>li .tab-contents-item-title .tab-contents-item-media,.creacompo2_contents .tab-contents>ul>li .tab-contents-item-title .tab-contents-item-media,.xiform_contents .tab-contents-item>ul>li .tab-contents-item-title .tab-contents-item-media,.xiform_contents .tab-contents>ul>li .tab-contents-item-title .tab-contents-item-media {
    display: grid;
    justify-content: center
}

.creacompo2_contents .tab-contents-item>ul>li .tab-contents-item-title .tab-contents-item-media img,.creacompo2_contents .tab-contents>ul>li .tab-contents-item-title .tab-contents-item-media img,.xiform_contents .tab-contents-item>ul>li .tab-contents-item-title .tab-contents-item-media img,.xiform_contents .tab-contents>ul>li .tab-contents-item-title .tab-contents-item-media img {
    height: auto;
    max-width: 100%
}

.creacompo2_contents .tab-contents-item>ul>li .tab-contents-item-description,.creacompo2_contents .tab-contents>ul>li .tab-contents-item-description,.xiform_contents .tab-contents-item>ul>li .tab-contents-item-description,.xiform_contents .tab-contents>ul>li .tab-contents-item-description {
    display: grid;
    justify-content: center
}

@media screen and (min-width: 1024px) {
    .creacompo2_contents .tab-contents-item>ul>li .tab-contents-item-description,.creacompo2_contents .tab-contents>ul>li .tab-contents-item-description,.xiform_contents .tab-contents-item>ul>li .tab-contents-item-description,.xiform_contents .tab-contents>ul>li .tab-contents-item-description {
        grid-row:span 2;
        grid-template-rows: subgrid
    }
}

.creacompo2_contents .triangle,.xiform_contents .triangle {
    clip-path: polygon(50% 0,100% 100%,0 100%);
    height: 29.4448637287px;
    width: 37px
}

.creacompo2_contents .border-triangle-inner,.xiform_contents .border-triangle-inner {
    transform: rotate(30deg)
}

.creacompo2_contents .border-triangle-inner:after,.creacompo2_contents .border-triangle-inner:before,.xiform_contents .border-triangle-inner:after,.xiform_contents .border-triangle-inner:before {
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0
}

.creacompo2_contents .border-triangle-inner:before,.xiform_contents .border-triangle-inner:before {
    background-color: #88bc4c;
    clip-path: polygon(50% 0,100% 100%,0 100%);
    height: 22.5166604984px;
    top: -40px;
    width: 29px
}

.creacompo2_contents .border-triangle-inner:after,.xiform_contents .border-triangle-inner:after {
    background-color: #fff;
    clip-path: polygon(50% 0,100% 100%,0 100%);
    height: 22.5166604984px;
    left: 8px;
    top: -44.5px;
    width: 29px;
    z-index: 10
}

.creacompo2_contents .rotate-deg-30,.xiform_contents .rotate-deg-30 {
    transform: rotate(30deg)
}

.creacompo2_contents .accordionBtn,.xiform_contents .accordionBtn {
    outline: none!important
}

.creacompo2_contents .accordionBtn:before,.xiform_contents .accordionBtn:before {
    transform: translateY(-60%) rotate(-135deg);
    transition: .5s
}

.creacompo2_contents .accordionText,.xiform_contents .accordionText {
    height: 0;
    margin: 0;
    overflow: hidden;
    transition: .5s
}

@media screen and (min-width: 768px) {
    .creacompo2_contents .accordionText .annotation,.xiform_contents .accordionText .annotation {
        font-size:12px
    }
}

@media screen and (max-width: 767px) {
    .creacompo2_contents .accordionText .annotation,.xiform_contents .accordionText .annotation {
        font-size:10px
    }
}

.creacompo2_contents .accordionInner.active .accordionBtn:before,.xiform_contents .accordionInner.active .accordionBtn:before {
    transform: translateY(-10%) rotate(45deg);
    -webkit-transform: translateY(-10%) rotate(45deg)
}

@keyframes infinity-scroll-left {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.creacompo2_contents .scroll-infinity__wrap,.xiform_contents .scroll-infinity__wrap {
    display: flex;
    overflow: hidden
}

.creacompo2_contents .scroll-infinity__list,.xiform_contents .scroll-infinity__list {
    display: flex;
    list-style: none;
    padding: 0
}

.creacompo2_contents .scroll-infinity__list--left,.xiform_contents .scroll-infinity__list--left {
    animation: infinity-scroll-left 30s linear .5s infinite both
}

.creacompo2_contents .scroll-infinity__item,.xiform_contents .scroll-infinity__item {
    min-width: 180px
}

@media screen and (min-width: 768px) {
    .creacompo2_contents .scroll-infinity__item,.xiform_contents .scroll-infinity__item {
        margin-inline:20px;
        width: calc(20vw - 40px)
    }
}

@media screen and (max-width: 767px) {
    .creacompo2_contents .scroll-infinity__item,.xiform_contents .scroll-infinity__item {
        margin-inline:6px;
        width: calc(20vw - 12px)
    }
}

.creacompo2_contents .scroll-infinity__item>img,.xiform_contents .scroll-infinity__item>img {
    width: 100%
}

.creacompo2_contents .products-merit-wrapper>div,.xiform_contents .products-merit-wrapper>div {
    transform: skewY(-8deg)
}

.creacompo2_contents .products-merit-wrapper>div>div,.xiform_contents .products-merit-wrapper>div>div {
    transform: skewY(8deg)
}

.creacompo2_contents .floating-banner,.xiform_contents .floating-banner {
    transform: translateY(600px);
    transition: .3s
}

.creacompo2_contents .floating-banner.is-active,.xiform_contents .floating-banner.is-active {
    transform: translateY(0)
}

.creacompo2_contents .floating-banner.is-hidden,.xiform_contents .floating-banner.is-hidden {
    display: none
}

.software_contents img {
    backface-visibility: unset!important;
    -webkit-backface-visibility: unset!important
}

@media screen and (min-width: 768px) {
    .software_contents>.software-creacompo2>*+*,.software_contents>.software-default>*+*,.software_contents>.software-xiform>*+* {
        margin-top:60px
    }

    .software_contents>.software-creacompo2>.h2Wrapper+*,.software_contents>.software-default>.h2Wrapper+*,.software_contents>.software-xiform>.h2Wrapper+* {
        margin-top: 40px
    }

    .software_contents>.software-creacompo2>.h3Wrapper+*,.software_contents>.software-default>.h3Wrapper+*,.software_contents>.software-xiform>.h3Wrapper+* {
        margin-top: 30px
    }

    .software_contents>.software-creacompo2>.h4Wrapper+*,.software_contents>.software-default>.h4Wrapper+*,.software_contents>.software-xiform>.h4Wrapper+* {
        margin-top: 20px
    }

    .software_contents>.software-creacompo2>*+.software-annotation-list,.software_contents>.software-default>*+.software-annotation-list,.software_contents>.software-xiform>*+.software-annotation-list {
        margin-top: 30px
    }

    .software_contents>.software-creacompo2>*+.software-features,.software_contents>.software-default>*+.software-features,.software_contents>.software-xiform>*+.software-features {
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .software_contents>.software-creacompo2>*+*,.software_contents>.software-default>*+*,.software_contents>.software-xiform>*+* {
        margin-top:30px
    }

    .software_contents>.software-creacompo2>.h2Wrapper+*,.software_contents>.software-default>.h2Wrapper+*,.software_contents>.software-xiform>.h2Wrapper+* {
        margin-top: 20px
    }

    .software_contents>.software-creacompo2>.h3Wrapper+*,.software_contents>.software-default>.h3Wrapper+*,.software_contents>.software-xiform>.h3Wrapper+* {
        margin-top: 15px
    }

    .software_contents>.software-creacompo2>*+.software-annotation-list,.software_contents>.software-creacompo2>*+.software-features,.software_contents>.software-creacompo2>.h4Wrapper+*,.software_contents>.software-default>*+.software-annotation-list,.software_contents>.software-default>*+.software-features,.software_contents>.software-default>.h4Wrapper+*,.software_contents>.software-xiform>*+.software-annotation-list,.software_contents>.software-xiform>*+.software-features,.software_contents>.software-xiform>.h4Wrapper+* {
        margin-top: 10px
    }
}

@media screen and (min-width: 768px) {
    .software_contents .movieSet {
        grid-template-columns:repeat(auto-fit,minmax(0,1fr))
    }
}

@media screen and (max-width: 767px) {
    .software_contents .movieSet {
        grid-template-columns:repeat(1,minmax(0,1fr))
    }
}

.software_contents .bx-wrapper {
    margin-inline:auto}

@media screen and (min-width: 768px) {
    .software_contents .bx-wrapper {
        margin-block:70px
    }
}

@media screen and (max-width: 767px) {
    .software_contents .bx-wrapper {
        margin-bottom:80px;
        margin-top: 40px;
        padding-inline:30px}
}

.software_contents .bx-pager {
    bottom: -44px!important;
    left: 0
}

.software_contents .bx-pager .bx-pager-item .bx-pager-link {
    background-color: #d9d9d9
}

.software_contents .navi-btn .bx-next,.software_contents .navi-btn .bx-prev {
    border-radius: 100%;
    display: block;
    height: 100%;
    width: 100%
}

.software_contents .next-btn {
    transform: rotate(180deg)
}

.software_contents .accordionBtn {
    outline: none!important
}

.software_contents .accordionBtn:before {
    transform: translateY(-60%) rotate(-135deg);
    transition: .5s
}

.software_contents .accordionText {
    height: 0;
    margin: 0;
    overflow: hidden;
    transition: .5s
}

@media screen and (min-width: 768px) {
    .software_contents .accordionText .annotation {
        font-size:12px
    }
}

@media screen and (max-width: 767px) {
    .software_contents .accordionText .annotation {
        font-size:10px
    }
}

.software_contents .accordionInner.active .accordionBtn:before {
    transform: translateY(-10%) rotate(45deg);
    -webkit-transform: translateY(-10%) rotate(45deg)
}

.software_contents .productsTopButton.arrowDown:after {
    top: calc(50% - 6px);
    transform: rotate(45deg)
}

.software_contents h2 {
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone
}

.software_contents h2.h2Default {
    background: radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#e4f0f9 7px,transparent 0),radial-gradient(circle at 7px calc(100% - 7px),#e4f0f9 7px,transparent 0),linear-gradient(180deg,#fff calc(100% - 14px),transparent calc(100% - 14px)),linear-gradient(90deg,transparent 7px,#e4f0f9 0,#e4f0f9 calc(100% - 7px),transparent calc(100% - 7px))
}

.software_contents h2.h2Creacompo2 {
    background: radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#e8f8f8 7px,transparent 0),radial-gradient(circle at 7px calc(100% - 7px),#e8f8f8 7px,transparent 0),linear-gradient(180deg,#fff calc(100% - 14px),transparent calc(100% - 14px)),linear-gradient(90deg,transparent 7px,#e8f8f8 0,#e8f8f8 calc(100% - 7px),transparent calc(100% - 7px))
}

.software_contents h2.h2Xiform {
    background: radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#f0f7e8 7px,transparent 0),radial-gradient(circle at 7px calc(100% - 7px),#f0f7e8 7px,transparent 0),linear-gradient(180deg,#fff calc(100% - 14px),transparent calc(100% - 14px)),linear-gradient(90deg,transparent 7px,#f0f7e8 0,#f0f7e8 calc(100% - 7px),transparent calc(100% - 7px))
}

.software_contents h2.h2FaqDefault {
    background: radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#fff 7px,transparent 0),radial-gradient(circle at 7px calc(100% - 7px),#fff 7px,transparent 0),linear-gradient(180deg,#e5f6fd calc(100% - 14px),transparent calc(100% - 14px)),linear-gradient(90deg,transparent 7px,#fff 0,#fff calc(100% - 7px),transparent calc(100% - 7px))
}

.software_contents h2.h2FaqCreacompo2 {
    background: radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#fff 7px,transparent 0),radial-gradient(circle at 7px calc(100% - 7px),#fff 7px,transparent 0),linear-gradient(180deg,#e8f8f8 calc(100% - 14px),transparent calc(100% - 14px)),linear-gradient(90deg,transparent 7px,#fff 0,#fff calc(100% - 7px),transparent calc(100% - 7px))
}

.software_contents h2.h2FaqXiform {
    background: radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#fff 7px,transparent 0),radial-gradient(circle at 7px calc(100% - 7px),#fff 7px,transparent 0),linear-gradient(180deg,#f0f7e8 calc(100% - 14px),transparent calc(100% - 14px)),linear-gradient(90deg,transparent 7px,#fff 0,#fff calc(100% - 7px),transparent calc(100% - 7px))
}

.software_contents h2.win {
    background-position-y: -10px
}

.software_contents.software_contents-en h2.win {
    padding-bottom: 8px!important
}

.software_contents.software_contents-en .richtext li,.software_contents.software_contents-en .richtext p {
    font-size: 18px
}

@media screen and (min-width: 768px) {
    .software_contents .ankerlinks:has(:first-child) {
        grid-template-columns:repeat(1,calc(33.33333% - 16px))
    }

    .software_contents .ankerlinks:has(:nth-child(2)) {
        grid-template-columns: repeat(2,calc(33.33333% - 16px))
    }

    .software_contents .ankerlinks:has(:nth-child(3)) {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media screen and (max-width: 767px) {
    .software_contents .ankerlinks:has(:first-child) {
        grid-template-columns:repeat(1,calc(50% - 12px))
    }

    .software_contents .ankerlinks:has(:nth-child(2)) {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

.software_contents .richtext h1 {
    border-bottom: 0;
    color: #000;
    margin: 0;
    padding: 0
}

.software_contents .richtext h1,.software_contents .richtext h2,.software_contents .richtext h3,.software_contents .richtext h4,.software_contents .richtext h5,.software_contents .richtext h6 {
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .software_contents .richtext h1 {
        font-size:44px
    }
}

@media screen and (max-width: 767px) {
    .software_contents .richtext h1 {
        font-size:32px
    }
}

.software_contents .richtext h2 {
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    display: inline;
    line-height: 1;
    margin-right: auto;
    padding-bottom: 3px;
    padding-inline:8px}

@media screen and (min-width: 768px) {
    .software_contents .richtext h2 {
        font-size:36px;
        margin-top: 100px
    }
}

@media screen and (max-width: 767px) {
    .software_contents .richtext h2 {
        font-size:28px;
        margin-top: 70px
    }
}

@media screen and (min-width: 768px) {
    .software_contents .richtext h3 {
        font-size:30px
    }
}

@media screen and (max-width: 767px) {
    .software_contents .richtext h3 {
        font-size:24px
    }
}

@media screen and (min-width: 768px) {
    .software_contents .richtext h4 {
        font-size:22px
    }
}

@media screen and (max-width: 767px) {
    .software_contents .richtext h4 {
        font-size:18px
    }
}

.software_contents .richtext p {
    line-height: 1.8
}

.software_contents .richtext em {
    font-style: italic
}

.software_contents .richtext hr {
    color: #d9d9d9
}

.software_contents .richtext table {
    text-align: center;
    width: 100%
}

.software_contents .richtext table td {
    border: 1px solid #000;
    border-collapse: collapse;
    padding: 16px 30px
}

.software_contents .richtext table td img {
    min-width: 60px;
    width: 100%
}

.software_contents .richtext.software-default table tr:first-child td {
    background-color: #e4f0f9;
    font-weight: 700
}

.software_contents .richtext.software-default h1,.software_contents .richtext.software-default h2,.software_contents .richtext.software-default h3,.software_contents .richtext.software-default h4,.software_contents .richtext.software-default h5,.software_contents .richtext.software-default h6 {
    color: #173f93
}

.software_contents .richtext.software-default h2 {
    background: radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#e4f0f9 7px,transparent 0),radial-gradient(circle at 7px calc(100% - 7px),#e4f0f9 7px,transparent 0),linear-gradient(180deg,#fff calc(100% - 14px),transparent calc(100% - 14px)),linear-gradient(90deg,transparent 7px,#e4f0f9 0,#e4f0f9 calc(100% - 7px),transparent calc(100% - 7px))
}

.software_contents .richtext.software-creacompo table tr:first-child td {
    background-color: #e8f8f8;
    font-weight: 700
}

.software_contents .richtext.software-creacompo h1,.software_contents .richtext.software-creacompo h2,.software_contents .richtext.software-creacompo h3,.software_contents .richtext.software-creacompo h4,.software_contents .richtext.software-creacompo h5,.software_contents .richtext.software-creacompo h6 {
    color: #16769c
}

.software_contents .richtext.software-creacompo h2 {
    background: radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#e8f8f8 7px,transparent 0),radial-gradient(circle at 7px calc(100% - 7px),#e8f8f8 7px,transparent 0),linear-gradient(180deg,#fff calc(100% - 14px),transparent calc(100% - 14px)),linear-gradient(90deg,transparent 7px,#e8f8f8 0,#e8f8f8 calc(100% - 7px),transparent calc(100% - 7px))
}

.software_contents .richtext.software-xiform table tr:first-child td {
    background-color: #f0f7e8;
    font-weight: 700
}

.software_contents .richtext.software-xiform h1,.software_contents .richtext.software-xiform h2,.software_contents .richtext.software-xiform h3,.software_contents .richtext.software-xiform h4,.software_contents .richtext.software-xiform h5,.software_contents .richtext.software-xiform h6 {
    color: #73b02d
}

.software_contents .richtext.software-xiform h2 {
    background: radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#f0f7e8 7px,transparent 0),radial-gradient(circle at 7px calc(100% - 7px),#f0f7e8 7px,transparent 0),linear-gradient(180deg,#fff calc(100% - 14px),transparent calc(100% - 14px)),linear-gradient(90deg,transparent 7px,#f0f7e8 0,#f0f7e8 calc(100% - 7px),transparent calc(100% - 7px))
}

.software_contents .richtext blockquote {
    border-left: 5px solid #ccc;
    padding-left: 20px
}

.software_contents .richtext ul li {
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 24px
}

.software_contents .software-flow .richtext :first-child {
    line-height: 1;
    margin-top: 0
}

.lp-pm2-3d_contents .border-triangle-inner {
    transform: rotate(-60deg)
}

.lp-pm2-3d_contents .border-triangle-inner:after,.lp-pm2-3d_contents .border-triangle-inner:before {
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0
}

.lp-pm2-3d_contents .border-triangle-inner:before {
    background-color: #ccc;
    clip-path: polygon(50% 0,100% 100%,0 100%);
    height: 17.3205080757px;
    top: -40px;
    width: 20px
}

.lp-pm2-3d_contents .border-triangle-inner:after {
    background-color: #fff;
    clip-path: polygon(50% 0,100% 100%,0 100%);
    height: 17.3205080757px;
    left: 2.5px;
    top: -41.5px;
    width: 20px;
    z-index: 10
}

.lp-pm2-3d_contents .lp-kv {
    align-items: center;
    aspect-ratio: 1440/514;
    background: url(/shared/images/products/lp/pattern-magic2-3d/lp-pm2-3d-mv-bg.png) no-repeat 50%;
    background-size: contain;
    color: #fff;
    display: flex;
    gap: 60px;
    justify-content: center;
    margin: auto;
    max-width: 1440px;
    padding: 20px;
    position: relative
}

.lp-pm2-3d_contents .lp-kv:before {
    background-image: linear-gradient(90deg,#f49d1b 50%,#fff3e4 0);
    content: "";
    height: 100%;
    position: absolute;
    width: 100vw;
    z-index: -1
}

.lp-pm2-3d_contents .lp-kv-text {
    font-size: 22px;
    margin-bottom: .5em
}

.lp-pm2-3d_contents .lp-kv-title {
    margin-bottom: .75em
}

.lp-pm2-3d_contents .lp-kv-title sup {
    display: block;
    font-size: 16px;
    margin-bottom: 1em
}

.lp-pm2-3d_contents .lp-kv-image img {
    max-width: 180px
}

@media only screen and (max-width: 1440px) {
    .lp-pm2-3d_contents .lp-kv {
        background-size:cover
    }
}

@media only screen and (max-width: 800px) {
    .lp-pm2-3d_contents .lp-kv {
        aspect-ratio:1/1;
        background: url(/shared/images/products/lp/pattern-magic2-3d/lp-pm2-3d-mv-bg-sp.png) no-repeat 50%;
        background-size: 100%
    }

    .lp-pm2-3d_contents .lp-kv-inner {
        width: 100%
    }

    .lp-pm2-3d_contents .lp-kv-text {
        font-size: 18px
    }

    .lp-pm2-3d_contents .lp-kv-image {
        bottom: -8vw;
        position: absolute;
        right: 20px
    }

    .lp-pm2-3d_contents .lp-kv-image img {
        max-width: 24vw
    }
}

.lp-pm2-3d_contents #merit>div {
    transform: skewY(-8deg)
}

.lp-pm2-3d_contents #merit>div>div {
    transform: skewY(8deg)
}

.lp-pm2-3d_contents .arrow-down {
    transform: rotate(45deg)
}

.lp-pm2-3d_contents .accordionBtn {
    outline: none!important
}

.lp-pm2-3d_contents .accordionBtn:before {
    transform: translateY(-60%) rotate(-135deg);
    transition: .5s
}

.lp-pm2-3d_contents .accordionText {
    height: 0;
    margin: 0;
    overflow: hidden;
    transition: .5s
}

@media screen and (min-width: 768px) {
    .lp-pm2-3d_contents .accordionText .annotation {
        font-size:12px
    }
}

@media screen and (max-width: 767px) {
    .lp-pm2-3d_contents .accordionText .annotation {
        font-size:10px
    }
}

.lp-pm2-3d_contents .accordionInner.active .accordionBtn:before {
    transform: translateY(-10%) rotate(45deg);
    -webkit-transform: translateY(-10%) rotate(45deg)
}

.lp-pm2-3d_contents .obtuse-triangle {
    clip-path: polygon(100% 0,30% 100%,0 100%);
    height: 38px;
    transform: rotate(180deg);
    width: 25px
}

.lp-pm2-3d_contents .obtuse-triangle.reverse {
    transform: rotate(180deg) rotateY(180deg)
}

.lp-pm2-3d_contents .heading-underline {
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone
}

@media screen and (min-width: 768px) {
    .lp-pm2-3d_contents .heading-underline {
        background:radial-gradient(circle at calc(100% - 15px) calc(100% - 15px),#fff3e4 15px,transparent 0),radial-gradient(circle at 15px calc(100% - 15px),#fff3e4 15px,transparent 0),linear-gradient(180deg,#fff calc(100% - 30px),transparent calc(100% - 30px)),linear-gradient(90deg,transparent 15px,#fff3e4 0,#fff3e4 calc(100% - 15px),transparent calc(100% - 15px))
    }
}

@media screen and (max-width: 767px) {
    .lp-pm2-3d_contents .heading-underline {
        background:radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),#fff3e4 8px,transparent 0),radial-gradient(circle at 8px calc(100% - 8px),#fff3e4 8px,transparent 0),linear-gradient(180deg,#fff calc(100% - 16px),transparent calc(100% - 16px)),linear-gradient(90deg,transparent 8px,#fff3e4 0,#fff3e4 calc(100% - 8px),transparent calc(100% - 8px))
    }
}

.lp-pm2-3d_contents.win {
    background-position-y: -10px
}

@media screen and (min-width: 768px) and (max-width:1079px) {
    #support {
        max-width:calc(100vw - 30px);
        padding-left: 15px;
        padding-right: 15px
    }
}

#support * {
    box-sizing: border-box
}

#support .topInfo:not(.mgnB35) {
    margin-bottom: 60px
}

@media screen and (max-width: 1079px) {
    #support .topInfo:not(.mgnB35) {
        margin-bottom:40px
    }
}

#support .sns {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

#support .sns-container {
    width: 33%
}

@media screen and (max-width: 1079px) {
    #support .sns-container {
        width:50%
    }

    #support .sns-container:not(:last-child) {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 767px) {
    #support .sns-container {
        width:100%
    }
}

#support .sns-content {
    align-items: center;
    display: flex
}

@media screen and (min-width: 768px) {
    #support .sns-content>p {
        width:140px
    }
}

@media screen and (max-width: 767px) {
    #support .sns-content>p {
        max-width:140px;
        width: 25%
    }
}

#support .sns-content>p>img {
    width: 100%
}

#support .sns-content>div {
    flex: 1
}

#support .sns-content>div p {
    margin-bottom: 10px
}

@media screen and (max-width: 1079px) {
    #support .sns-content>div p {
        font-size:14px
    }
}

#support .sns .x-follow-btn {
    align-items: center;
    background-color: #000;
    display: flex;
    gap: 3px;
    justify-content: center;
    padding: 2px 10px;
    width: -moz-fit-content;
    width: fit-content
}

#support .sns .x-follow-btn img {
    height: 16px;
    width: 16px
}

#support .sns .x-follow-btn span {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    margin: 0
}

#support .nav-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

#support .nav-item {
    padding: 0 1%;
    width: 20%
}

@media screen and (max-width: 1079px) {
    #support .nav-item {
        width:33%
    }

    #support .nav-item:not(:last-child) {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 575px) {
    #support .nav-item {
        width:50%
    }
}

#support .nav-item a {
    display: block;
    text-align: center
}

#support .nav-item a:hover {
    color: #333
}

#support .nav-title {
    color: #333;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 10px
}

@media screen and (max-width: 575px) {
    #support .nav-title {
        font-size:1.3rem
    }
}

#support .notice-title {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width: 575px) {
    #support .notice-title {
        align-items:flex-start
    }
}

#support .notice-title h2 {
    float: none!important
}

@media screen and (max-width: 575px) {
    #support .notice-link {
        margin-bottom:8px;
        margin-top: 8px;
        width: 100%
    }
}

#support .aside-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#support .aside-item {
    width: 32%
}

@media screen and (max-width: 767px) {
    #support .aside-item {
        margin-bottom:10px;
        width: 100%
    }
}

#support .aside-item a {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

@media screen and (max-width: 767px) {
    #support .aside-item a {
        padding:16px 10px
    }
}

#support .aside-item a img {
    margin-right: 16px;
    max-width: 24px
}

.webexhibition-tit {
    border: none!important;
    padding: 0 0 10px!important
}

.webexhibition-menu {
    display: table;
    margin: 0 auto;
    table-layout: fixed
}

.webexhibition-menu li {
    display: table-cell;
    padding: 0 25px;
    text-align: center
}

.webexhibition-menu li a {
    display: block
}

.webexhibition-lead {
    padding: 30px 100px 0
}

.webexhibition-tit2 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 50px
}

.webexhibition-tit2 img {
    margin-left: 27px;
    margin-right: 13px;
    vertical-align: middle
}

.webexhibition-box {
    border: 8px solid #ccc;
    margin-top: 20px;
    padding: 40px
}

.webexhibition-col2 li {
    float: left;
    width: 50%
}

.webexhibition-col2-L img {
    margin-top: 20px;
    padding-right: 20px
}

.webexhibition-col2-R img {
    margin-top: 20px;
    padding-left: 20px
}

.webexhibition-btn-movie a {
    background-color: #014099;
    color: #fff;
    display: block;
    margin-top: 20px;
    padding: 15px;
    text-align: center
}

.webexhibition-btn-movie img {
    margin-right: 10px;
    vertical-align: middle
}

.webexhibition-btn-movie a:hover {
    background-color: #183b78;
    text-decoration: none
}

.enq-box {
    min-height: 200px;
    width: 100%
}

@media screen and (max-width: 599px) {
    .webexhibition-menu {
        display:block;
        margin: 0 auto;
        table-layout: auto;
        width: 100%
    }

    .webexhibition-menu li {
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 50%
    }

    .webexhibition-menu li a {
        display: block;
        margin-top: 15px;
        padding: 0 10px
    }

    .webexhibition-lead {
        padding: 20px 0 0
    }

    .webexhibition-tit2 img {
        margin-bottom: 15px;
        margin-left: 0;
        margin-right: 0;
        vertical-align: middle;
        width: 120px
    }

    .webexhibition-box {
        border: 5px solid #ccc;
        margin-top: 20px;
        padding: 15px
    }

    .webexhibition-col2 li {
        float: none;
        width: auto
    }

    .webexhibition-col2-L img {
        margin-top: 20px;
        padding-right: 0
    }

    .webexhibition-col2-R img {
        margin-top: 20px;
        padding-left: 0
    }
}

.webexhibition-btn1,.yop_poll_vote_button {
    background-color: #fff!important;
    border: 1px solid #004099!important;
    color: #004099!important;
    display: inline-block;
    font-size: 16px!important;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px 50px
}

.webexhibition-btn1:hover,.yop_poll_vote_button:hover {
    background-color: #ecf4ff!important;
    text-decoration: none
}

@media screen and (max-width: 599px) {
    .webexhibition-btn1,.yop_poll_vote_button {
        display:block;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 10px
    }
}

.webexhibition-box-vol1-1 {
    background-image: url(/shared/images/company/webexhibition_vol1_07.jpg)
}

.webexhibition-box-vol1-1,.webexhibition-box-vol1-2 {
    background-position: 100% 0;
    background-repeat: no-repeat
}

.webexhibition-box-vol1-2 {
    background-image: url(/shared/images/company/webexhibition_vol1_12.jpg)
}

.webexhibition-box-vol1-3 {
    background-image: url(/shared/images/company/webexhibition_vol1_13.jpg)
}

.webexhibition-box-torso,.webexhibition-box-vol1-3 {
    background-position: 100% 0;
    background-repeat: no-repeat
}

.webexhibition-box-torso {
    background-image: url(/shared/images/company/triangle_torso.jpg)
}

.webexhibition-box-xm {
    background-image: url(/shared/images/company/triangle_xm.png);
    background-position: 100% 0;
    background-repeat: no-repeat
}

@media screen and (max-width: 599px) {
    .webexhibition-box-torso,.webexhibition-box-vol1-1,.webexhibition-box-vol1-2,.webexhibition-box-vol1-3,.webexhibition-box-xm {
        background-size:100px auto
    }
}

img {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.xiform-link01 {
    color: #59ac36!important;
    font-weight: 700;
    padding-right: 28px;
    position: relative;
    transition: all .2s
}

.xiform-link01:hover {
    color: #319524;
    padding-right: 32px;
    text-decoration: none;
    transition: all .2s
}

.xiform-link01:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17'%3E%3Cpath d='M22.66 18.654 14.5 10.6l-8.159 8.054a1.112 1.112 0 0 0 .032 1.625 1.246 1.246 0 0 0 1.7-.03L14.5 13.9l6.431 6.344a1.246 1.246 0 0 0 1.7.03 1.112 1.112 0 0 0 .032-1.625Z' transform='rotate(90 13.302 7.298)' style='fill:%2359ac36'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    content: "";
    height: 1em;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

.xiform-link02 {
    background-color: #a8c233;
    border-radius: 2em;
    color: #fff!important;
    font-weight: 700;
    padding: .5em 45px .5em 25px;
    position: relative;
    transition: all .2s
}

.xiform-link02:hover {
    color: #319524;
    padding-right: 50px;
    text-decoration: none;
    transition: all .2s
}

.xiform-link02:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17'%3E%3Cpath d='M22.66 18.654 14.5 10.6l-8.159 8.054a1.112 1.112 0 0 0 .032 1.625 1.246 1.246 0 0 0 1.7-.03L14.5 13.9l6.431 6.344a1.246 1.246 0 0 0 1.7.03 1.112 1.112 0 0 0 .032-1.625Z' transform='rotate(90 13.302 7.298)' style='fill:%23fff'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    content: "";
    height: 17px;
    margin-top: 1px;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px
}

.xiform-title01 {
    font-size: 26px;
    margin-bottom: 45px;
    position: relative
}

.xiform-title01:after {
    background-color: #a8c233;
    bottom: -15px;
    content: "";
    height: 3px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    width: 100px
}

.xiform-title02 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 33px;
    position: relative
}

.xiform-title02:after {
    background-color: #a8c233;
    bottom: -10px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100px
}

@media screen and (max-width: 767px) {
    .xiform-title02 {
        font-size:17px
    }

    .xiform-title02:after {
        background-color: #a8c233;
        bottom: -10px;
        height: 3px;
        left: 50%;
        margin-left: -50px;
        width: 100px
    }
}

.en-xf {
    font-family: Sriracha,cursive
}

@media screen and (min-width: 768px) {
    .pcHide {
        display:none
    }
}

@media screen and (max-width: 767px) {
    #products-xiform-index {
        margin-left:-10px;
        margin-right: -10px
    }
}

#products-xiform-index .title {
    background: #a8c233 url(/shared/images/xiform/bg_xiform_title.png) no-repeat;
    background-size: cover;
    color: #fff
}

#products-xiform-index .title .inner {
    position: relative
}

#products-xiform-index .title .txt {
    margin-left: auto;
    margin-right: auto
}

#products-xiform-index .title .lead {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 8px;
    text-shadow: 0 3px 6px rgba(0,0,0,.2)
}

#products-xiform-index .title .lead strong {
    display: block;
    font-size: 30px;
    line-height: 1.5;
    margin-top: 10px
}

#products-xiform-index .title h1 {
    border: none;
    margin: 0 0 0 -6px;
    padding: 0
}

#products-xiform-index .title h1 img {
    height: 34px
}

@media screen and (min-width: 768px) {
    #products-xiform-index .title {
        padding-bottom:20px;
        padding-top: 20px
    }

    #products-xiform-index .title .inner {
        align-items: center;
        display: flex
    }

    #products-xiform-index .title .img {
        max-width: 500px;
        transform: translateY(20px);
        width: 40%
    }

    #products-xiform-index .title .txt {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (max-width: 767px) {
    #products-xiform-index .title .img {
        box-sizing:border-box;
        margin-left: -15px;
        padding: 20px 30px 15px;
        position: static;
        width: 100%
    }

    #products-xiform-index .title .txt {
        padding: 0 15px 30px;
        position: static;
        text-align: center
    }

    #products-xiform-index .title .lead {
        font-size: 16px
    }
}

#products-xiform-index .local-nav {
    background-color: #eef3d6;
    padding: 32px 0;
    text-align: center
}

#products-xiform-index .local-nav .img {
    height: 30px
}

#products-xiform-index .local-nav .en-xf {
    font-size: 20px;
    line-height: 1
}

#products-xiform-index .local-nav p {
    font-size: 24px;
    margin: 0 0 24px
}

#products-xiform-index .local-nav li {
    display: inline-block;
    margin: 0 15px 8px
}

#products-xiform-index .local-nav li a {
    color: #000;
    padding-left: 24px;
    position: relative
}

#products-xiform-index .local-nav li a:hover {
    text-decoration: underline
}

#products-xiform-index .local-nav li a:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10'%3E%3Cpath d='M.344 1.946 8.504 10l8.159-8.054a1.112 1.112 0 0 0-.032-1.625 1.246 1.246 0 0 0-1.7.03L8.504 6.7 2.073.356a1.246 1.246 0 0 0-1.7-.03 1.112 1.112 0 0 0-.032 1.625Z'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    content: "";
    height: 28px;
    left: 0;
    margin-top: -14px;
    padding-left: 20px;
    position: absolute;
    top: 50%;
    width: 20px
}

@media screen and (max-width: 767px) {
    #products-xiform-index .local-nav {
        padding:20px 0 15px
    }

    #products-xiform-index .local-nav p {
        margin-bottom: 10px
    }
}

#products-xiform-index .feature {
    text-align: center
}

#products-xiform-index .feature h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4
}

#products-xiform-index .feature .nav-title {
    margin: 10px 0 25px
}

#products-xiform-index .feature .nav-title.en-xf {
    color: #a8c233;
    display: inline-block;
    line-height: 1;
    position: relative
}

#products-xiform-index .feature .nav-title.en-xf:after {
    background-color: #a8c233;
    border-radius: 3px;
    content: "";
    height: 3px;
    left: -110px;
    position: absolute;
    top: .4em;
    width: 100px
}

#products-xiform-index .feature .nav-title.en-xf:before {
    background-color: #a8c233;
    border-radius: 3px;
    content: "";
    height: 3px;
    position: absolute;
    right: -110px;
    top: .4em;
    width: 100px
}

@media screen and (max-width: 767px) {
    #products-xiform-index .feature h2 {
        font-size:18px
    }
}

#products-xiform-index #feature01 {
    padding: 80px 0
}

#products-xiform-index #feature01 .row div {
    color: #333
}

#products-xiform-index #feature01 .row div p {
    font-weight: 700
}

#products-xiform-index #feature01 .row div dd {
    font-size: 14px;
    text-align: center
}

@media screen and (min-width: 768px) {
    #products-xiform-index #feature01 .row {
        display:flex;
        justify-content: space-around;
        margin-top: 10px;
        text-align: center
    }

    #products-xiform-index #feature01 .row div {
        display: inline-block;
        padding: 30px 40px 0;
        width: 33%
    }

    #products-xiform-index #feature01 .row div p {
        margin-bottom: 30px
    }

    #products-xiform-index #feature01 .row div dt {
        min-height: 120px
    }
}

@media screen and (max-width: 767px) {
    #products-xiform-index #feature01 {
        padding:30px 5px
    }

    #products-xiform-index #feature01 .row div {
        display: block;
        margin-top: 25px;
        padding: 0 20px
    }

    #products-xiform-index #feature01 .row div p {
        font-size: 16px;
        margin-bottom: 15px
    }

    #products-xiform-index #feature01 .row div dt {
        font-size: 18px;
        margin-bottom: 15px
    }

    #products-xiform-index #feature01 .row div dd {
        font-size: 1em
    }
}

#products-xiform-index #feature01-1 {
    background-color: #f5f5f5
}

@media screen and (min-width: 768px) {
    #products-xiform-index #feature01-1 .feature01-1 .body {
        width:calc(100% - 440px)
    }

    #products-xiform-index #feature01-1 .feature01-1 .body dl dt {
        width: 160px
    }

    #products-xiform-index #feature01-1 .feature01-1 .body dl dd {
        width: calc(100% - 160px)
    }

    #products-xiform-index #feature01-1 .feature01-1 .img {
        box-sizing: border-box;
        padding-left: 40px;
        text-align: right;
        width: 440px
    }
}

@media screen and (max-width: 767px) {
    #products-xiform-index #feature01-1 .feature01-1 .body {
        order:2
    }

    #products-xiform-index #feature01-1 .feature01-1 .img {
        order: 1
    }
}

#products-xiform-index #feature01-2 .feature01-1 .body {
    order: 2
}

#products-xiform-index #feature01-2 .feature01-1 .img {
    order: 1
}

@media screen and (min-width: 768px) {
    #products-xiform-index #feature01-2 .feature01-1 .body {
        width:calc(100% - 330px)
    }

    #products-xiform-index #feature01-2 .feature01-1 .body dl dt {
        width: 206px
    }

    #products-xiform-index #feature01-2 .feature01-1 .body dl dd {
        width: calc(100% - 206px)
    }

    #products-xiform-index #feature01-2 .feature01-1 .img {
        width: 330px
    }
}

@media screen and (max-width: 767px) {
    #products-xiform-index #feature01-2 .feature01-1 .img {
        box-sizing:border-box;
        padding: 0 50px
    }
}

#products-xiform-index #feature01-3 {
    background-color: #f5f5f5
}

@media screen and (min-width: 768px) {
    #products-xiform-index #feature01-3 .feature01-1 .body {
        width:calc(100% - 385px)
    }

    #products-xiform-index #feature01-3 .feature01-1 .body dl dt {
        width: 190px
    }

    #products-xiform-index #feature01-3 .feature01-1 .body dl dd {
        width: calc(100% - 190px)
    }

    #products-xiform-index #feature01-3 .feature01-1 .img {
        text-align: right;
        width: 385px
    }
}

@media screen and (max-width: 767px) {
    #products-xiform-index #feature01-3 .feature01-1 .body {
        order:2
    }

    #products-xiform-index #feature01-3 .feature01-1 .img {
        box-sizing: border-box;
        order: 1;
        padding: 0 20px
    }

    #products-xiform-index #feature01-3 .feature01-1 .img img {
        width: 200px
    }
}

#products-xiform-index .feature01-1 {
    padding: 40px;
    text-align: left
}

#products-xiform-index .feature01-1 .inner {
    display: flex;
    flex-wrap: wrap
}

#products-xiform-index .feature01-1 h2 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 30px
}

#products-xiform-index .feature01-1 h2 strong {
    font-size: 40px;
    margin-right: 8px
}

#products-xiform-index .feature01-1 .body dl {
    margin-bottom: 15px
}

#products-xiform-index .feature01-1 .body dl dt {
    font-weight: 700
}

@media screen and (min-width: 768px) {
    #products-xiform-index .feature01-1 {
        margin:0 auto;
        width: 100%
    }

    #products-xiform-index .feature01-1 .body dl {
        display: flex;
        flex-wrap: wrap
    }

    #products-xiform-index .feature01-1 .body p {
        margin-top: 10px
    }
}

@media screen and (max-width: 767px) {
    #products-xiform-index .feature01-1 {
        padding:30px 20px
    }

    #products-xiform-index .feature01-1 h2 {
        font-size: 18px;
        margin-bottom: 20px;
        text-align: center
    }

    #products-xiform-index .feature01-1 h2 strong {
        font-size: 24px
    }

    #products-xiform-index .feature01-1 .body {
        width: 100%
    }

    #products-xiform-index .feature01-1 .body dt {
        font-size: 16px;
        margin-bottom: 5px
    }

    #products-xiform-index .feature01-1 .img {
        margin-bottom: 30px;
        text-align: center;
        width: 100%
    }
}

#products-xiform-index #feature02 {
    padding: 0 0 80px
}

#products-xiform-index #feature02 .feature02-title {
    background-color: #eef3d6;
    margin-bottom: 80px;
    padding: 50px 0 25px
}

#products-xiform-index #feature02 .lead {
    margin: 40px 0 25px
}

@media screen and (max-width: 767px) {
    #products-xiform-index #feature02 {
        margin:0 0 30px;
        padding: 0 0 15px
    }

    #products-xiform-index #feature02 .feature02-title {
        margin-bottom: 35px
    }

    #products-xiform-index #feature02 .inner {
        padding: 0 20px
    }

    #products-xiform-index #feature02 .inner img {
        max-width: 400px;
        width: 100%
    }

    #products-xiform-index #feature02 .inner .lead {
        margin-top: 25px
    }
}

#products-xiform-index #feature03 {
    padding: 0 0 80px
}

#products-xiform-index #feature03 .feature03-title {
    background-color: #eef3d6;
    margin-bottom: 80px;
    padding: 50px 0 25px
}

#products-xiform-index #feature03 .lead {
    margin-bottom: 1em
}

@media screen and (min-width: 768px) {
    #products-xiform-index #feature03 .row {
        display:flex;
        justify-content: center;
        margin: 0 auto;
        text-align: left;
        width: 780px
    }

    #products-xiform-index #feature03 .row .img {
        box-sizing: border-box;
        padding-right: 30px;
        width: 130px
    }

    #products-xiform-index #feature03 .row .body {
        width: calc(100% - 130px)
    }
}

@media screen and (max-width: 767px) {
    #products-xiform-index #feature03 {
        margin:0 0 30px;
        padding: 0 0 15px
    }

    #products-xiform-index #feature03 .feature03-title {
        margin-bottom: 30px
    }

    #products-xiform-index #feature03 .row {
        padding: 0 20px
    }

    #products-xiform-index #feature03 .row .img {
        margin-bottom: 20px
    }

    #products-xiform-index #feature03 .row .img img {
        max-width: 80px
    }
}

#products-xiform-index #feature04 {
    background-color: #f5f5f5;
    padding: 50px 0 80px
}

#products-xiform-index #feature04 div dl dd strong {
    color: #59ac36;
    display: block;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 5px
}

@media screen and (min-width: 768px) {
    #products-xiform-index #feature04 .xiform-case {
        display:flex;
        padding-top: 20px
    }

    #products-xiform-index #feature04 .xiform-case div {
        width: 50%
    }

    #products-xiform-index #feature04 .xiform-case div dl {
        display: flex
    }

    #products-xiform-index #feature04 .xiform-case div dl dt {
        margin-right: 15px
    }

    #products-xiform-index #feature04 .xiform-case div dl dd {
        font-size: 14px;
        text-align: left
    }

    #products-xiform-index #feature04 .xiform-case div dl dd img {
        margin-bottom: 5px
    }

    #products-xiform-index #feature04 .xiform-case div dl dd a {
        display: inline-block;
        font-size: 16px;
        margin-top: 5px
    }
}

@media screen and (max-width: 767px) {
    #products-xiform-index #feature04 {
        padding:30px 15px 20px
    }

    #products-xiform-index #feature04 .xiform-case dd,#products-xiform-index #feature04 .xiform-case dt {
        margin-bottom: 20px
    }

    #products-xiform-index #feature04 .xiform-case dd img {
        margin-bottom: 5px
    }

    #products-xiform-index #feature04 .xiform-case dd a {
        display: inline-block;
        margin-top: 10px
    }
}

#products-xiform-index #feature05 {
    padding: 50px 0 80px
}

#products-xiform-index #feature05 .xiform-support {
    padding-top: 20px
}

#products-xiform-index #feature05 .xiform-support div {
    border: 1px solid #c9c9c9;
    border-radius: 5px
}

@media screen and (min-width: 768px) {
    #products-xiform-index #feature05 .xiform-support {
        display:flex;
        justify-content: space-between;
        margin: 0 auto;
        width: 920px
    }

    #products-xiform-index #feature05 .xiform-support div {
        box-sizing: border-box;
        padding: 30px 15px 40px;
        width: 300px
    }

    #products-xiform-index #feature05 .xiform-support div dl {
        text-align: center
    }

    #products-xiform-index #feature05 .xiform-support div dl dt {
        font-weight: 700;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    #products-xiform-index #feature05 {
        margin-left:-10px;
        margin-right: -10px;
        padding: 30px 15px
    }

    #products-xiform-index #feature05 .xiform-support div {
        margin: 0 10px 10px;
        padding: 20px
    }

    #products-xiform-index #feature05 .xiform-support div dt {
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 15px
    }

    #products-xiform-index #feature05 .xiform-support div img {
        height: 100%;
        max-height: 80px
    }
}

#products-xiform-index .xiform-option {
    background-color: #a8c233;
    padding: 50px
}

#products-xiform-index .xiform-option .xiform-title01 {
    color: #fff
}

#products-xiform-index .xiform-option .xiform-title01:after {
    background-color: #fff
}

#products-xiform-index .xiform-option p {
    background-color: #fff;
    border-radius: 2em;
    display: inline-block;
    padding: 0 15px 0 30px
}

#products-xiform-index .xiform-option p a {
    color: #59ac36;
    display: block;
    padding-bottom: 10px;
    padding-top: 10px
}

@media screen and (max-width: 767px) {
    #products-xiform-index .xiform-option {
        padding:30px 15px
    }
}

.xiform-individual .color02 {
    color: #666!important
}

.xiform-individual .title {
    background-color: #a8c233;
    box-sizing: border-box;
    color: #fff;
    padding: 40px
}

@media screen and (min-width: 768px) {
    .xiform-individual .title {
        align-items:center;
        display: flex;
        min-height: 220px
    }

    .xiform-individual .title .img {
        width: 140px
    }

    .xiform-individual .title .body {
        box-sizing: border-box;
        padding-left: 20px;
        width: calc(100% - 140px)
    }
}

.xiform-individual .title .img {
    background-color: #fff;
    border-radius: 140px;
    height: 140px;
    position: relative;
    width: 140px
}

.xiform-individual .title .img img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100px
}

.xiform-individual .title .body .sub {
    font-size: 22px;
    font-weight: 700
}

.xiform-individual .title .body h1 {
    border: none;
    color: #fff;
    font-size: 30px;
    line-height: 1.3;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 767px) {
    .xiform-individual .title {
        padding:20px;
        text-align: center
    }

    .xiform-individual .title .img {
        display: none
    }

    .xiform-individual .title .body .sub {
        font-size: 16px;
        margin-bottom: 10px
    }

    .xiform-individual .title .body h1 {
        font-size: 24px
    }
}

.xiform-individual .local-nav {
    background-color: #eef3d6;
    margin-bottom: 50px;
    padding: 27px 0;
    text-align: center
}

.xiform-individual .local-nav h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px
}

.xiform-individual .local-nav p {
    margin: 0 0 1em;
    padding: 0 40px;
    text-align: center
}

.xiform-individual .local-nav .en-xf {
    font-size: 20px;
    line-height: 1
}

.xiform-individual .local-nav .img {
    height: 30px
}

.xiform-individual .local-nav li {
    display: inline-block;
    margin: 0 15px 8px
}

.xiform-individual .local-nav li a {
    color: #000;
    padding-left: 24px;
    position: relative
}

.xiform-individual .local-nav li a:hover {
    text-decoration: underline
}

.xiform-individual .local-nav li a:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='10'%3E%3Cpath d='M.344 1.946 8.504 10l8.159-8.054a1.112 1.112 0 0 0-.032-1.625 1.246 1.246 0 0 0-1.7.03L8.504 6.7 2.073.356a1.246 1.246 0 0 0-1.7-.03 1.112 1.112 0 0 0-.032 1.625Z'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    content: "";
    height: 28px;
    left: 0;
    margin-top: -14px;
    padding-left: 20px;
    position: absolute;
    top: 50%;
    width: 20px
}

.xiform-individual .local-nav dl dd {
    text-align: left
}

@media screen and (min-width: 768px) {
    .xiform-individual .local-nav dl {
        align-items:center;
        display: flex;
        padding: 10px 40px
    }

    .xiform-individual .local-nav dl dt {
        width: 180px
    }

    .xiform-individual .local-nav dl dd {
        box-sizing: border-box;
        padding-left: 40px;
        width: calc(100% - 180px)
    }
}

@media screen and (max-width: 767px) {
    .xiform-individual .local-nav {
        padding:10px 0 15px
    }

    .xiform-individual .local-nav h2 {
        font-size: 18px;
        margin: 10px
    }

    .xiform-individual .local-nav p {
        margin-bottom: 10px;
        padding: 0 20px
    }

    .xiform-individual .local-nav li {
        margin: 0 8px 8px
    }

    .xiform-individual .local-nav dl dt {
        margin-bottom: 5px;
        padding: 12px
    }

    .xiform-individual .local-nav dl dt img {
        width: 180px
    }

    .xiform-individual .local-nav dl dd {
        padding: 0 15px
    }
}

.xiform-individual .merit {
    text-align: center
}

.xiform-individual .merit h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4
}

.xiform-individual .merit p {
    margin-bottom: 1em
}

.xiform-individual .merit .nav-title {
    margin: 10px 0 20px
}

.xiform-individual .merit .nav-title.en-xf {
    color: #a8c233;
    display: inline-block;
    line-height: 1;
    position: relative
}

.xiform-individual .merit .nav-title.en-xf:after {
    left: -110px
}

.xiform-individual .merit .nav-title.en-xf:after,.xiform-individual .merit .nav-title.en-xf:before {
    background-color: #a8c233;
    border-radius: 3px;
    content: "";
    height: 3px;
    position: absolute;
    top: .4em;
    width: 100px
}

.xiform-individual .merit .nav-title.en-xf:before {
    right: -110px
}

.xiform-individual .merit .lead {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px
}

.xiform-individual .merit .lead2 {
    font-size: 20px;
    font-weight: 700;
    margin: 40px 0
}

.xiform-individual .merit-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 25px;
    padding-top: 20px
}

.xiform-individual .merit-title02 {
    font-size: 26px!important;
    font-weight: 700;
    margin-bottom: 50px;
    position: relative;
    text-align: center
}

.xiform-individual .merit-title02:after {
    background-color: #a8c233;
    bottom: -20px;
    content: "";
    height: 3px;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    width: 100px
}

@media screen and (max-width: 767px) {
    .xiform-individual .merit-title02 {
        font-size:18px!important
    }

    .xiform-individual .merit-title02:after {
        bottom: -15px
    }
}

@media screen and (min-width: 768px) {
    .xiform-individual .merit {
        padding-left:70px;
        padding-right: 70px
    }
}

@media screen and (max-width: 767px) {
    .xiform-individual .merit {
        padding-left:15px;
        padding-right: 15px
    }

    .xiform-individual .merit h2 {
        font-size: 18px
    }

    .xiform-individual .merit-title {
        font-size: 20px;
        margin-bottom: 15px
    }

    .xiform-individual .merit .lead {
        font-size: 15px;
        margin-bottom: 15px
    }
}

.xiform-individual .balloon {
    background-color: #eef3d6;
    border-radius: 5px;
    display: block;
    line-height: 1.5;
    margin: 0 auto 1em;
    padding: 18px 20px;
    position: relative
}

.xiform-individual .balloon:after {
    border-color: transparent #eef3d6 transparent transparent;
    border-style: solid;
    border-width: 5px 10px 5px 0;
    content: "";
    height: 0;
    left: 3px;
    margin-left: -13px;
    position: absolute;
    top: 30px;
    width: 0
}

.xiform-individual .balloon.white {
    background-color: #fff;
    color: #333
}

.xiform-individual .balloon.white:after {
    border-color: transparent #fff transparent transparent
}

@media screen and (max-width: 767px) {
    .xiform-individual .balloon {
        padding:12px 18px
    }
}

.xiform-individual .comment {
    display: flex
}

.xiform-individual .comment.right .img {
    order: 2
}

.xiform-individual .comment.right .body {
    order: 1;
    padding-left: 0;
    padding-right: 27px
}

.xiform-individual .comment.right .balloon:after {
    border-color: transparent transparent transparent #eef3d6;
    border-width: 5px 0 5px 10px;
    left: auto;
    right: -10px
}

.xiform-individual .comment.right .balloon.white:after {
    border-color: transparent transparent transparent #fff
}

@media screen and (min-width: 768px) {
    .xiform-individual .comment {
        margin:0 auto 30px;
        width: 100%
    }

    .xiform-individual .comment .img {
        width: 83px
    }

    .xiform-individual .comment .body {
        box-sizing: border-box;
        padding-left: 27px;
        text-align: left;
        width: calc(100% - 83px)
    }
}

@media screen and (max-width: 767px) {
    .xiform-individual .comment {
        align-items:center;
        box-sizing: border-box;
        margin: 0 auto 5px;
        width: 100%
    }

    .xiform-individual .comment .img {
        width: 40px
    }

    .xiform-individual .comment .body {
        box-sizing: border-box;
        padding-left: 20px;
        text-align: left;
        width: calc(100% - 40px)
    }

    .xiform-individual .comment.right .body {
        padding-left: 0;
        padding-right: 20px
    }
}

@media screen and (min-width: 768px) {
    .xiform-individual .flex {
        align-items:center;
        display: flex;
        margin-bottom: 50px;
        text-align: left;
        width: 100%
    }
}

.xiform-individual .merit-slider {
    margin: 0 auto
}

.xiform-individual .merit-slider h4 {
    font-size: 20px;
    font-weight: 700
}

.xiform-individual .merit-slider p {
    margin-bottom: 25px
}

.xiform-individual .bx-wrapper {
    margin-bottom: 60px;
    padding: 50px 0 0
}

.xiform-individual .bx-wrapper .bx-viewport {
    background: transparent
}

.xiform-individual .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: #707070;
    border-radius: 16px;
    height: 16px;
    margin: 0 10px;
    width: 16px
}

.xiform-individual .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #4d942f
}

.xiform-individual .bx-wrapper .bx-controls-direction a {
    background-color: #fff0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='77'%3E%3Cpath d='M52.66 38.654 14.5 10.6l-38.159 28.054a1.112 1.112 0 0 0 .032 1.625 1.246 1.246 0 0 0 1.7-.03L14.5 13.9l36.432 26.348a1.246 1.246 0 0 0 1.7.03 1.112 1.112 0 0 0 .032-1.625Z' transform='rotate(90 8.302 32.298)' style='fill:%23a8c233'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    height: 77px;
    position: absolute;
    width: 30px
}

.xiform-individual .bx-wrapper .bx-next {
    right: -120px
}

.xiform-individual .bx-wrapper .bx-prev {
    left: -120px;
    transform: rotate(180deg)!important
}

@media screen and (min-width: 768px) {
    .xiform-individual .bx-wrapper .bx-controls-direction {
        width:400px
    }
}

@media screen and (max-width: 767px) {
    .xiform-individual .bx-wrapper {
        margin-bottom:30px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 30px
    }

    .xiform-individual .bx-wrapper .bx-pager {
        bottom: 0;
        padding-top: 0;
        position: relative
    }

    .xiform-individual .bx-wrapper .bx-pager.bx-default-pager a {
        height: 12px;
        margin: 0 6px;
        width: 12px
    }

    .xiform-individual .bx-wrapper .bx-controls-direction a {
        display: block
    }

    .xiform-individual .bx-wrapper .bx-next {
        right: -10px!important;
        top: 50%!important;
        transform: scale(.7)
    }

    .xiform-individual .bx-wrapper .bx-prev {
        left: -10px!important;
        top: 50%!important;
        transform: scale(.7) rotate(180deg)!important
    }
}

.xiform-individual #merit01 {
    margin-bottom: 50px
}

.xiform-individual #merit02 {
    background-color: #eef3d6;
    margin-bottom: 50px
}

@media screen and (min-width: 768px) {
    .xiform-individual #merit02 {
        padding-bottom:50px;
        padding-top: 50px
    }
}

@media screen and (max-width: 767px) {
    .xiform-individual #merit02 {
        padding-bottom:30px;
        padding-top: 30px
    }
}

@media screen and (min-width: 768px) {
    .xiform-individual #merit03 .merit-title {
        margin-bottom:50px
    }

    .xiform-individual #merit03 .flex:nth-last-child(2) .body {
        box-sizing: border-box;
        order: 1;
        padding-right: 20px;
        width: calc(100% - 369px)
    }

    .xiform-individual #merit03 .flex:nth-last-child(2) .img {
        order: 2;
        width: 369px
    }

    .xiform-individual #merit03 .flex:last-child .body {
        box-sizing: border-box;
        padding-left: 50px;
        width: calc(100% - 350px)
    }

    .xiform-individual #merit03 .flex:last-child .img {
        width: 350px
    }
}

@media screen and (max-width: 767px) {
    .xiform-individual #merit03 .flex,.xiform-individual #merit03 .merit-title {
        margin-bottom:30px
    }

    .xiform-individual #merit03 .flex .img {
        margin: 0 auto 20px;
        text-align: center;
        width: 200px
    }
}

@media screen and (min-width: 768px) {
    .xm-free-layout #merit03 .merit-title {
        margin-bottom:30px
    }
}

@media screen and (max-width: 767px) {
    .xm-free-layout #merit03 .merit-title {
        margin-bottom:15px
    }
}

.xm-file-exchange .exchange dl {
    display: flex;
    text-align: left
}

.xm-file-exchange .exchange dd {
    box-sizing: border-box;
    padding-left: 20px
}

.xm-file-exchange .exchange ul {
    margin-bottom: 15px
}

.xm-file-exchange .exchange li {
    background-color: #707070;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
    max-width: 120px;
    padding: 3px;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 768px) {
    .xm-file-exchange .exchange {
        margin:0 auto;
        width: 720px
    }

    .xm-file-exchange .exchange dl {
        margin-bottom: 40px
    }

    .xm-file-exchange .exchange dt {
        width: 80px
    }

    .xm-file-exchange .exchange dd {
        width: calc(100% - 80px)
    }

    .xm-file-exchange .exchange dd p {
        margin-bottom: 0
    }

    .xm-file-exchange .exchange hr {
        margin: 0 0 40px
    }
}

@media screen and (max-width: 767px) {
    .xm-file-exchange .exchange dl {
        margin-bottom:20px
    }

    .xm-file-exchange .exchange dt {
        width: 50px
    }

    .xm-file-exchange .exchange dd {
        padding-left: 15px;
        width: calc(100% - 50px)
    }

    .xm-file-exchange .exchange dd p {
        margin-bottom: 0
    }

    .xm-file-exchange .exchange li {
        font-size: 13px;
        margin-right: 5px;
        padding: 2px 10px;
        width: auto
    }

    .xm-file-exchange .exchange hr {
        margin: 0 0 20px
    }
}

.xm-link-creacompo2 #merit02 {
    background-color: #fff;
    margin-bottom: 80px;
    padding: 0 15px
}

.xm-link-creacompo2 #merit03 {
    background-color: #eef3d6;
    margin-bottom: 50px;
    padding: 50px 0 25px
}

@media screen and (min-width: 768px) {
    .xm-link-creacompo2 #merit03 .conjugation {
        display:flex;
        flex-wrap: wrap;
        margin: 0 auto;
        width: 700px
    }

    .xm-link-creacompo2 #merit03 .conjugation dl {
        background-color: #fff;
        border: 1px solid #c9c9c9;
        border-radius: 5px;
        box-sizing: border-box;
        margin: 25px;
        padding: 20px 20px 25px;
        width: 300px
    }

    .xm-link-creacompo2 #merit03 .conjugation dl dt {
        height: 198px;
        position: relative;
        text-align: center
    }

    .xm-link-creacompo2 #merit03 .conjugation dl dt img {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%)
    }
}

@media screen and (max-width: 767px) {
    .xm-link-creacompo2 #merit03 .conjugation {
        padding:0 20px
    }

    .xm-link-creacompo2 #merit03 .conjugation dl {
        background-color: #fff;
        border: 1px solid #c9c9c9;
        border-radius: 5px;
        box-sizing: border-box;
        margin: 20px 0;
        padding: 10px 10px 15px;
        width: 100%
    }

    .xm-link-creacompo2 #merit03 .conjugation dl dt {
        padding: 10px 20px;
        position: relative;
        text-align: center
    }
}

.xm-customize .customize-list div {
    background: #fff;
    border: 1px solid #a8c233;
    border-radius: 5px;
    margin-bottom: 20px;
    position: relative
}

.xm-customize .customize-list div:after,.xm-customize .customize-list div:before {
    border: solid transparent;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0
}

.xm-customize .customize-list div:after {
    border-color: #fff hsla(0,0%,100%,0) hsla(0,0%,100%,0);
    border-width: 10px 6px;
    margin-left: -3px
}

.xm-customize .customize-list div:before {
    border-color: #a8c233 rgba(168,194,51,0) rgba(168,194,51,0);
    border-width: 11px 7px;
    margin-left: -4px
}

.xm-customize .customize-list div a {
    color: #333
}

.xm-customize .customize-list div a:hover {
    color: #a8c233
}

.xm-customize .customize-list div.none {
    background-color: #eef3d6;
    border-color: #eef3d6
}

.xm-customize .customize-list div.none:after {
    display: none
}

.xm-customize .customize-list div.none:before {
    border-top-color: #eef3d6
}

.xm-customize .case h3 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 33px;
    position: relative
}

.xm-customize .case h3:after {
    background-color: #a8c233;
    bottom: -10px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100px
}

@media screen and (max-width: 767px) {
    .xm-customize .case h3 {
        font-size:17px
    }

    .xm-customize .case h3:after {
        background-color: #a8c233;
        bottom: -10px;
        height: 3px;
        left: 50%;
        margin-left: -50px;
        width: 100px
    }
}

.xm-customize .case li:nth-child(odd) {
    background-color: #eef3d6
}

.xm-customize .case li {
    padding: 40px;
    text-align: left
}

@media screen and (max-width: 767px) {
    .xm-customize .case li {
        margin-left:-18px;
        margin-right: -18px;
        padding: 35px 25px
    }
}

.xm-customize .staff {
    align-items: center;
    background-color: #a8c233;
    color: #fff;
    margin-top: 10px;
    padding: 40px
}

@media screen and (min-width: 768px) {
    .xm-customize .customize-list {
        display:flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 50px;
        position: relative;
        width: 100%
    }

    .xm-customize .customize-list div {
        box-sizing: border-box;
        margin: 0 1.65% 53px;
        padding: 45px 15px 15px;
        position: relative;
        width: 30%
    }

    .xm-customize .customize-list div p {
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 0;
        text-align: left
    }

    .xm-customize .customize-list div .num {
        color: #fff;
        font-size: 30px;
        left: 50%;
        line-height: 64px;
        margin-left: -32px;
        position: absolute;
        text-align: center;
        top: -32px;
        width: 64px;
        z-index: 10
    }

    .xm-customize .customize-list div .num:after {
        background-color: #a8c233;
        border-radius: 64px;
        content: " ";
        height: 64px;
        left: 0;
        line-height: 64px;
        position: absolute;
        top: 0;
        width: 64px;
        z-index: -1
    }

    .xm-customize .customize-list div.none p {
        margin-top: -5px;
        text-align: center
    }

    .xm-customize .staff {
        display: flex
    }

    .xm-customize .staff .ico {
        width: 130px
    }

    .xm-customize .staff .body {
        box-sizing: border-box;
        padding-left: 25px;
        text-align: left;
        width: calc(100% - 130px)
    }
}

@media screen and (max-width: 767px) {
    .xm-customize .customize-list div {
        display:flex;
        padding: 15px;
        text-align: left
    }

    .xm-customize .customize-list div .num {
        color: #a8c233;
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        padding-right: 8px
    }

    .xm-customize .customize-list div p {
        margin-bottom: 0
    }

    .xm-customize .customize-list div.none {
        display: block
    }

    .xm-customize .customize-list div.none p {
        margin-top: 1em;
        text-align: center
    }

    .xm-customize .staff {
        margin-left: -18px;
        margin-right: -18px;
        padding: 25px
    }

    .xm-customize .staff .ico img {
        margin-bottom: 15px;
        width: 64px
    }

    .xm-customize .staff .body {
        text-align: left
    }
}

.xm-contract {
    padding: 50px 0
}

@media screen and (min-width: 768px) {
    .xm-contract .env {
        display:flex;
        flex-wrap: wrap
    }

    .xm-contract .env .env1 {
        border-right: 1px solid #ccc;
        box-sizing: border-box;
        padding-right: 25px;
        width: 50%
    }

    .xm-contract .env .env2 {
        box-sizing: border-box;
        padding-left: 25px;
        width: 50%
    }

    .xm-contract .env .env3 {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        margin: 20px 0;
        padding: 20px 0;
        width: 100%
    }

    .xm-contract .env .env1 dl,.xm-contract .env .env2 dl {
        min-height: 155px
    }

    .xm-contract .flex .body {
        box-sizing: border-box;
        order: 1;
        padding-right: 50px;
        width: calc(100% - 292px)
    }

    .xm-contract .flex .img {
        order: 2;
        width: 292px
    }

    .xm-contract .option .soft {
        display: flex;
        justify-content: center
    }

    .xm-contract .option .soft div {
        margin: 0 25px;
        width: 300px
    }
}

.xm-contract .env {
    margin-bottom: 45px
}

.xm-contract .env .env1 dl,.xm-contract .env .env2 dl,.xm-contract .env .env3 dl {
    display: flex
}

.xm-contract .env .env1 dt,.xm-contract .env .env2 dt {
    text-align: center;
    width: 120px
}

.xm-contract .env .env1 dd,.xm-contract .env .env2 dd {
    width: calc(100% - 120px)
}

.xm-contract .env .env3 dt {
    text-align: center;
    width: 120px
}

.xm-contract .env .env3 dd:nth-child(2) {
    width: 200px
}

.xm-contract .env .env3 dd:nth-child(3) {
    font-weight: 400;
    width: calc(100% - 320px)
}

.xm-contract .env dd {
    font-weight: 700
}

.xm-contract .env dd strong {
    display: block;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 8px
}

.xm-contract .env li {
    font-size: 12px;
    line-height: 1.5;
    padding-left: 1.5em
}

.xm-contract .env li:before {
    content: "●";
    margin-left: -1.5em;
    margin-right: .5em
}

.xm-contract .spec {
    margin-bottom: 50px
}

.xm-contract .spec thead th {
    background-color: #a8c233;
    color: #fff
}

.xm-contract .spec li {
    font-size: 12px;
    line-height: 1.5;
    padding-left: 1.5em
}

.xm-contract .spec li:before {
    content: "●";
    margin-left: -1.5em;
    margin-right: .5em
}

.xm-contract .type {
    margin-bottom: 50px
}

.xm-contract .type .flex {
    margin-top: 30px
}

.xm-contract .option {
    margin-bottom: 50px
}

.xm-contract .option .soft div {
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 13.6px;
    margin-bottom: 20px;
    padding: 20px
}

.xm-contract .option .soft div h3 {
    font-weight: 700;
    margin-bottom: 1em;
    text-align: center
}

.xm-contract .option .soft div p {
    line-height: 1.5;
    margin-bottom: 1em
}

.xm-contract .option .soft div img {
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    .xm-contract .env {
        border-top:1px solid #ccc;
        margin-bottom: 30px
    }

    .xm-contract .env .env1,.xm-contract .env .env2,.xm-contract .env .env3 {
        border-bottom: 1px solid #ccc;
        margin: 20px 0;
        padding: 0 15px 20px
    }

    .xm-contract .env .env1 dl dt,.xm-contract .env .env2 dl dt,.xm-contract .env .env3 dl dt {
        padding-right: 15px;
        width: 50px
    }

    .xm-contract .env .env1 dl dd strong,.xm-contract .env .env2 dl dd strong,.xm-contract .env .env3 dl dd strong {
        font-size: 18px
    }

    .xm-contract .env .env1 ul,.xm-contract .env .env2 ul,.xm-contract .env .env3 ul {
        margin-top: 15px
    }

    .xm-contract .env .env3 dl {
        flex-wrap: wrap
    }

    .xm-contract .env .env3 dl dt img {
        width: 40px
    }

    .xm-contract .env .env3 dl dd:nth-child(3) {
        width: 100%
    }

    .xm-contract .scroll-table {
        overflow: auto;
        white-space: nowrap
    }

    .xm-contract .scroll-table table {
        border: none;
        margin: 0
    }

    .xm-contract .spec {
        margin-bottom: 30px;
        padding: 0 15px
    }

    .xm-contract .spec td,.xm-contract .spec th {
        font-size: 13px!important;
        padding: 5px!important
    }

    .xm-contract .type {
        margin-bottom: 30px;
        padding: 0 15px
    }

    .xm-contract .flex {
        margin-bottom: 30px
    }

    .xm-contract .flex .body {
        text-align: center
    }

    .xm-contract .flex .img {
        margin: 0 auto 20px;
        text-align: center;
        width: 200px
    }

    .xm-contract .option {
        margin-bottom: 0;
        padding: 0 15px
    }
}

.bx-wrapper {
    background: none;
    border: 0;
    box-shadow: none;
    margin-bottom: 50px
}

.bx-wrapper .bx-viewport {
    border: none;
    box-shadow: none;
    left: 0
}

.bx-wrapper .bx-controls-direction a {
    height: 44px;
    margin-top: 0;
    opacity: .8;
    top: 180px!important;
    width: 24px;
    z-index: 50
}

.bx-wrapper .bx-controls-direction a:hover {
    opacity: 1
}

.bx-wrapper .bx-prev {
    background: url(/shared/libs/bxSlider/images/btn_prev.png) 0 0 no-repeat;
    left: 30px
}

.bx-wrapper .bx-next {
    background: url(/shared/libs/bxSlider/images/btn_next.png) 0 0 no-repeat;
    right: 30px
}

.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover {
    background-position: 0 0
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff
}

.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #014099
}

@media screen and (max-width: 767px) {
    .bx-wrapper {
        margin-bottom:10px
    }

    .bx-wrapper .bx-controls-direction a {
        display: none
    }
}

.tw-fixed {
    position: fixed
}

.tw-absolute {
    position: absolute
}

.tw-relative {
    position: relative
}

.tw-sticky {
    position: sticky
}

.-tw-top-0 {
    top: 0
}

.-tw-top-1 {
    top: -.25rem
}

.-tw-top-\[14px\] {
    top: -14px
}

.tw-bottom-0 {
    bottom: 0
}

.tw-bottom-\[-140px\] {
    bottom: -140px
}

.tw-bottom-\[-170px\] {
    bottom: -170px
}

.tw-bottom-\[-20px\] {
    bottom: -20px
}

.tw-bottom-\[-29px\] {
    bottom: -29px
}

.tw-bottom-\[-30px\] {
    bottom: -30px
}

.tw-bottom-\[-40px\] {
    bottom: -40px
}

.tw-bottom-\[-65px\] {
    bottom: -65px
}

.tw-bottom-\[-8vw\] {
    bottom: -8vw
}

.tw-bottom-\[150px\] {
    bottom: 150px
}

.tw-bottom-\[170px\] {
    bottom: 170px
}

.tw-bottom-\[180px\] {
    bottom: 180px
}

.tw-bottom-\[200px\] {
    bottom: 200px
}

.tw-bottom-\[40px\] {
    bottom: 40px
}

.tw-bottom-\[4px\] {
    bottom: 4px
}

.tw-bottom-\[60px\] {
    bottom: 60px
}

.tw-left-0 {
    left: 0
}

.tw-left-1\/2 {
    left: 50%
}

.tw-left-4 {
    left: 1rem
}

.tw-left-\[-0\.4em\] {
    left: -.4em
}

.tw-left-\[-10px\] {
    left: -10px
}

.tw-left-\[-12px\] {
    left: -12px
}

.tw-left-\[-3px\] {
    left: -3px
}

.tw-left-\[-40px\] {
    left: -40px
}

.tw-left-\[10px\] {
    left: 10px
}

.tw-left-\[20px\] {
    left: 20px
}

.tw-left-\[2px\] {
    left: 2px
}

.tw-left-\[38\%\] {
    left: 38%
}

.tw-left-\[40\%\] {
    left: 40%
}

.tw-left-\[45px\] {
    left: 45px
}

.tw-left-\[5px\] {
    left: 5px
}

.tw-left-\[68\%\] {
    left: 68%
}

.tw-left-\[74\%\] {
    left: 74%
}

.tw-left-\[75\%\] {
    left: 75%
}

.tw-left-\[90\%\] {
    left: 90%
}

.tw-left-\[calc\(50\%\+20px\)\] {
    left: calc(50% + 20px)
}

.tw-left-\[calc\(50\%\+50px\)\] {
    left: calc(50% + 50px)
}

.tw-left-\[calc\(50\%\+80px\)\] {
    left: calc(50% + 80px)
}

.tw-left-\[calc\(50\%-12\.5px\)\] {
    left: calc(50% - 12.5px)
}

.tw-left-full {
    left: 100%
}

.tw-right-0 {
    right: 0
}

.tw-right-1\/2 {
    right: 50%
}

.tw-right-8 {
    right: 2rem
}

.tw-right-\[-10px\] {
    right: -10px
}

.tw-right-\[10px\] {
    right: 10px
}

.tw-right-\[12px\] {
    right: 12px
}

.tw-right-\[13px\] {
    right: 13px
}

.tw-right-\[20px\] {
    right: 20px
}

.tw-right-\[3\.5\%\] {
    right: 3.5%
}

.tw-right-\[60\%\] {
    right: 60%
}

.tw-right-\[78\%\] {
    right: 78%
}

.tw-right-\[calc\(50\%\+50px\)\] {
    right: calc(50% + 50px)
}

.tw-right-\[calc\(50\%\+75px\)\] {
    right: calc(50% + 75px)
}

.tw-right-\[calc\(50\%-120px\)\] {
    right: calc(50% - 120px)
}

.tw-right-\[calc\(50\%-75px\)\] {
    right: calc(50% - 75px)
}

.tw-right-\[calc\(50\%-80px\)\] {
    right: calc(50% - 80px)
}

.tw-top-0 {
    top: 0
}

.tw-top-16 {
    top: 4rem
}

.tw-top-24 {
    top: 6rem
}

.tw-top-4 {
    top: 1rem
}

.tw-top-7 {
    top: 1.75rem
}

.tw-top-8 {
    top: 2rem
}

.tw-top-\[-0\.45em\] {
    top: -.45em
}

.tw-top-\[-0\.7em\] {
    top: -.7em
}

.tw-top-\[-10px\] {
    top: -10px
}

.tw-top-\[-12px\] {
    top: -12px
}

.tw-top-\[-180px\] {
    top: -180px
}

.tw-top-\[-1em\] {
    top: -1em
}

.tw-top-\[-20px\] {
    top: -20px
}

.tw-top-\[-22px\] {
    top: -22px
}

.tw-top-\[-30px\] {
    top: -30px
}

.tw-top-\[-40px\] {
    top: -40px
}

.tw-top-\[10\%\] {
    top: 10%
}

.tw-top-\[20px\] {
    top: 20px
}

.tw-top-\[230px\] {
    top: 230px
}

.tw-top-\[8\%\] {
    top: 8%
}

.tw-top-\[calc\(50\%\+15px\)\] {
    top: calc(50% + 15px)
}

.tw-top-\[calc\(50\%-10px\)\] {
    top: calc(50% - 10px)
}

.tw-top-\[calc\(50\%-20px\)\] {
    top: calc(50% - 20px)
}

.tw-top-\[calc\(50\%-22px\)\] {
    top: calc(50% - 22px)
}

.tw-top-\[calc\(50\%-4px\)\] {
    top: calc(50% - 4px)
}

.tw-top-\[calc\(50\%-6px\)\] {
    top: calc(50% - 6px)
}

.tw-z-0 {
    z-index: 0
}

.tw-z-10 {
    z-index: 10
}

.tw-z-50 {
    z-index: 50
}

.tw-order-1 {
    order: 1
}

.tw-order-2 {
    order: 2
}

.tw-order-3 {
    order: 3
}

.tw-col-span-full {
    grid-column: 1/-1
}

.tw-row-\[1_\/_3\] {
    grid-row: 1/3
}

.tw-row-span-1 {
    grid-row: span 1/span 1
}

.tw-row-span-2 {
    grid-row: span 2/span 2
}

.tw-row-span-3 {
    grid-row: span 3/span 3
}

.tw-row-span-4 {
    grid-row: span 4/span 4
}

.tw-m-0 {
    margin: 0
}

.tw-mx-0 {
    margin-left: 0;
    margin-right: 0
}

.tw-mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.tw-mx-\[20px\] {
    margin-left: 20px;
    margin-right: 20px
}

.tw-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.tw-my-0 {
    margin-bottom: 0;
    margin-top: 0
}

.tw-my-10 {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem
}

.tw-my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

.tw-my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.tw-my-\[10px\] {
    margin-bottom: 10px;
    margin-top: 10px
}

.tw-mb-0 {
    margin-bottom: 0
}

.tw-mb-1 {
    margin-bottom: .25rem
}

.tw-mb-10 {
    margin-bottom: 2.5rem
}

.tw-mb-12 {
    margin-bottom: 3rem
}

.tw-mb-14 {
    margin-bottom: 3.5rem
}

.tw-mb-16 {
    margin-bottom: 4rem
}

.tw-mb-2 {
    margin-bottom: .5rem
}

.tw-mb-20 {
    margin-bottom: 5rem
}

.tw-mb-24 {
    margin-bottom: 6rem
}

.tw-mb-32 {
    margin-bottom: 8rem
}

.tw-mb-36 {
    margin-bottom: 9rem
}

.tw-mb-4 {
    margin-bottom: 1rem
}

.tw-mb-40 {
    margin-bottom: 10rem
}

.tw-mb-48 {
    margin-bottom: 12rem
}

.tw-mb-5 {
    margin-bottom: 1.25rem
}

.tw-mb-6 {
    margin-bottom: 1.5rem
}

.tw-mb-7 {
    margin-bottom: 1.75rem
}

.tw-mb-8 {
    margin-bottom: 2rem
}

.tw-mb-\[-10px\] {
    margin-bottom: -10px
}

.tw-mb-\[10px\] {
    margin-bottom: 10px
}

.tw-mb-\[11px\] {
    margin-bottom: 11px
}

.tw-mb-\[120px\] {
    margin-bottom: 120px
}

.tw-mb-\[12px\] {
    margin-bottom: 12px
}

.tw-mb-\[14px\] {
    margin-bottom: 14px
}

.tw-mb-\[15px\] {
    margin-bottom: 15px
}

.tw-mb-\[16px\] {
    margin-bottom: 16px
}

.tw-mb-\[17px\] {
    margin-bottom: 17px
}

.tw-mb-\[18px\] {
    margin-bottom: 18px
}

.tw-mb-\[20px\] {
    margin-bottom: 20px
}

.tw-mb-\[22px\] {
    margin-bottom: 22px
}

.tw-mb-\[24px\] {
    margin-bottom: 24px
}

.tw-mb-\[25px\] {
    margin-bottom: 25px
}

.tw-mb-\[26px\] {
    margin-bottom: 26px
}

.tw-mb-\[27px\] {
    margin-bottom: 27px
}

.tw-mb-\[28px\] {
    margin-bottom: 28px
}

.tw-mb-\[2px\] {
    margin-bottom: 2px
}

.tw-mb-\[30px\] {
    margin-bottom: 30px
}

.tw-mb-\[32px\] {
    margin-bottom: 32px
}

.tw-mb-\[33px\] {
    margin-bottom: 33px
}

.tw-mb-\[35px\] {
    margin-bottom: 35px
}

.tw-mb-\[36px\] {
    margin-bottom: 36px
}

.tw-mb-\[40px\] {
    margin-bottom: 40px
}

.tw-mb-\[42px\] {
    margin-bottom: 42px
}

.tw-mb-\[44px\] {
    margin-bottom: 44px
}

.tw-mb-\[48px\] {
    margin-bottom: 48px
}

.tw-mb-\[4px\] {
    margin-bottom: 4px
}

.tw-mb-\[50px\] {
    margin-bottom: 50px
}

.tw-mb-\[55px\] {
    margin-bottom: 55px
}

.tw-mb-\[56px\] {
    margin-bottom: 56px
}

.tw-mb-\[5px\] {
    margin-bottom: 5px
}

.tw-mb-\[60px\] {
    margin-bottom: 60px
}

.tw-mb-\[64px\] {
    margin-bottom: 64px
}

.tw-mb-\[6px\] {
    margin-bottom: 6px
}

.tw-mb-\[72px\] {
    margin-bottom: 72px
}

.tw-mb-\[80px\] {
    margin-bottom: 80px
}

.tw-mb-\[8px\] {
    margin-bottom: 8px
}

.tw-mb-\[9px\] {
    margin-bottom: 9px
}

.tw-mb-auto {
    margin-bottom: auto
}

.tw-ml-4 {
    margin-left: 1rem
}

.tw-ml-\[10px\] {
    margin-left: 10px
}

.tw-ml-\[16px\] {
    margin-left: 16px
}

.tw-ml-\[40px\] {
    margin-left: 40px
}

.tw-ml-auto {
    margin-left: auto
}

.tw-mr-0 {
    margin-right: 0
}

.tw-mr-2 {
    margin-right: .5rem
}

.tw-mr-2\.5 {
    margin-right: .625rem
}

.tw-mr-6 {
    margin-right: 1.5rem
}

.tw-mr-8 {
    margin-right: 2rem
}

.tw-mr-\[20px\] {
    margin-right: 20px
}

.tw-mr-\[4px\] {
    margin-right: 4px
}

.tw-mr-\[8px\] {
    margin-right: 8px
}

.tw-mr-auto {
    margin-right: auto
}

.tw-mt-0 {
    margin-top: 0
}

.tw-mt-10 {
    margin-top: 2.5rem
}

.tw-mt-12 {
    margin-top: 3rem
}

.tw-mt-16 {
    margin-top: 4rem
}

.tw-mt-2 {
    margin-top: .5rem
}

.tw-mt-24 {
    margin-top: 6rem
}

.tw-mt-32 {
    margin-top: 8rem
}

.tw-mt-4 {
    margin-top: 1rem
}

.tw-mt-6 {
    margin-top: 1.5rem
}

.tw-mt-8 {
    margin-top: 2rem
}

.tw-mt-\[-5px\] {
    margin-top: -5px
}

.tw-mt-\[10px\] {
    margin-top: 10px
}

.tw-mt-\[12px\] {
    margin-top: 12px
}

.tw-mt-\[18px\] {
    margin-top: 18px
}

.tw-mt-\[20px\] {
    margin-top: 20px
}

.tw-mt-\[27px\] {
    margin-top: 27px
}

.tw-mt-\[28px\] {
    margin-top: 28px
}

.tw-mt-\[30px\] {
    margin-top: 30px
}

.tw-mt-\[52px\] {
    margin-top: 52px
}

.tw-mt-\[56px\] {
    margin-top: 56px
}

.tw-mt-auto {
    margin-top: auto
}

.\!tw-block {
    display: block!important
}

.tw-block {
    display: block
}

.tw-inline-block {
    display: inline-block
}

.tw-inline {
    display: inline
}

.\!tw-flex {
    display: flex!important
}

.tw-flex {
    display: flex
}

.tw-table {
    display: table
}

.tw-table-cell {
    display: table-cell
}

.tw-grid {
    display: grid
}

.tw-hidden {
    display: none
}

.tw-aspect-\[23\/14\] {
    aspect-ratio: 23/14
}

.tw-aspect-square {
    aspect-ratio: 1/1
}

.tw-aspect-video {
    aspect-ratio: 16/9
}

.\!tw-h-auto {
    height: auto!important
}

.\!tw-h-full {
    height: 100%!important
}

.tw-h-0 {
    height: 0
}

.tw-h-3\/4 {
    height: 75%
}

.tw-h-\[12px\] {
    height: 12px
}

.tw-h-\[1400px\] {
    height: 1400px
}

.tw-h-\[140px\] {
    height: 140px
}

.tw-h-\[15px\] {
    height: 15px
}

.tw-h-\[18px\] {
    height: 18px
}

.tw-h-\[1px\] {
    height: 1px
}

.tw-h-\[200px\] {
    height: 200px
}

.tw-h-\[210px\] {
    height: 210px
}

.tw-h-\[214px\] {
    height: 214px
}

.tw-h-\[230px\] {
    height: 230px
}

.tw-h-\[250px\] {
    height: 250px
}

.tw-h-\[300px\] {
    height: 300px
}

.tw-h-\[30px\] {
    height: 30px
}

.tw-h-\[320px\] {
    height: 320px
}

.tw-h-\[38px\] {
    height: 38px
}

.tw-h-\[400px\] {
    height: 400px
}

.tw-h-\[40px\] {
    height: 40px
}

.tw-h-\[42px\] {
    height: 42px
}

.tw-h-\[450px\] {
    height: 450px
}

.tw-h-\[490px\] {
    height: 490px
}

.tw-h-\[5\.5px\] {
    height: 5.5px
}

.tw-h-\[50px\] {
    height: 50px
}

.tw-h-\[620px\] {
    height: 620px
}

.tw-h-\[90\%\] {
    height: 90%
}

.tw-h-\[92vw\] {
    height: 92vw
}

.tw-h-\[9px\] {
    height: 9px
}

.tw-h-auto {
    height: auto
}

.tw-h-fit {
    height: -moz-fit-content;
    height: fit-content
}

.tw-h-full {
    height: 100%
}

.tw-max-h-\[20px\] {
    max-height: 20px
}

.tw-max-h-\[220px\] {
    max-height: 220px
}

.tw-max-h-\[25px\] {
    max-height: 25px
}

.tw-max-h-\[30px\] {
    max-height: 30px
}

.tw-max-h-\[324px\] {
    max-height: 324px
}

.tw-max-h-\[500px\] {
    max-height: 500px
}

.tw-max-h-\[50px\] {
    max-height: 50px
}

.tw-max-h-\[70px\] {
    max-height: 70px
}

.tw-max-h-\[90px\] {
    max-height: 90px
}

.tw-max-h-fit {
    max-height: -moz-fit-content;
    max-height: fit-content
}

.tw-max-h-full {
    max-height: 100%
}

.tw-min-h-0 {
    min-height: 0
}

.tw-min-h-\[230px\] {
    min-height: 230px
}

.tw-min-h-\[53\.5px\] {
    min-height: 53.5px
}

.\!tw-w-5 {
    width: 1.25rem!important
}

.\!tw-w-auto {
    width: auto!important
}

.\!tw-w-full {
    width: 100%!important
}

.tw-w-0 {
    width: 0
}

.tw-w-1\/2 {
    width: 50%
}

.tw-w-1\/3 {
    width: 33.333333%
}

.tw-w-20 {
    width: 5rem
}

.tw-w-3\/4 {
    width: 75%
}

.tw-w-3\/5 {
    width: 60%
}

.tw-w-36 {
    width: 9rem
}

.tw-w-40 {
    width: 10rem
}

.tw-w-44 {
    width: 11rem
}

.tw-w-5 {
    width: 1.25rem
}

.tw-w-5\/12 {
    width: 41.666667%
}

.tw-w-52 {
    width: 13rem
}

.tw-w-6\/12 {
    width: 50%
}

.tw-w-72 {
    width: 18rem
}

.tw-w-96 {
    width: 24rem
}

.tw-w-\[100px\] {
    width: 100px
}

.tw-w-\[1120px\] {
    width: 1120px
}

.tw-w-\[11px\] {
    width: 11px
}

.tw-w-\[130\%\] {
    width: 130%
}

.tw-w-\[130px\] {
    width: 130px
}

.tw-w-\[135px\] {
    width: 135px
}

.tw-w-\[13px\] {
    width: 13px
}

.tw-w-\[140px\] {
    width: 140px
}

.tw-w-\[150px\] {
    width: 150px
}

.tw-w-\[18px\] {
    width: 18px
}

.tw-w-\[192px\] {
    width: 192px
}

.tw-w-\[19px\] {
    width: 19px
}

.tw-w-\[200px\] {
    width: 200px
}

.tw-w-\[204px\] {
    width: 204px
}

.tw-w-\[20px\] {
    width: 20px
}

.tw-w-\[210px\] {
    width: 210px
}

.tw-w-\[220\%\] {
    width: 220%
}

.tw-w-\[229px\] {
    width: 229px
}

.tw-w-\[23px\] {
    width: 23px
}

.tw-w-\[240px\] {
    width: 240px
}

.tw-w-\[24px\] {
    width: 24px
}

.tw-w-\[250px\] {
    width: 250px
}

.tw-w-\[257px\] {
    width: 257px
}

.tw-w-\[25px\] {
    width: 25px
}

.tw-w-\[28px\] {
    width: 28px
}

.tw-w-\[2px\] {
    width: 2px
}

.tw-w-\[300px\] {
    width: 300px
}

.tw-w-\[30px\] {
    width: 30px
}

.tw-w-\[32px\] {
    width: 32px
}

.tw-w-\[34\.5px\] {
    width: 34.5px
}

.tw-w-\[38px\] {
    width: 38px
}

.tw-w-\[40\.5px\] {
    width: 40.5px
}

.tw-w-\[40px\] {
    width: 40px
}

.tw-w-\[42px\] {
    width: 42px
}

.tw-w-\[44px\] {
    width: 44px
}

.tw-w-\[45\%\] {
    width: 45%
}

.tw-w-\[45px\] {
    width: 45px
}

.tw-w-\[48px\] {
    width: 48px
}

.tw-w-\[50px\] {
    width: 50px
}

.tw-w-\[55\%\] {
    width: 55%
}

.tw-w-\[56px\] {
    width: 56px
}

.tw-w-\[60px\] {
    width: 60px
}

.tw-w-\[62\%\] {
    width: 62%
}

.tw-w-\[64px\] {
    width: 64px
}

.tw-w-\[68\%\] {
    width: 68%
}

.tw-w-\[70px\] {
    width: 70px
}

.tw-w-\[7px\] {
    width: 7px
}

.tw-w-\[80\%\] {
    width: 80%
}

.tw-w-\[90\%\] {
    width: 90%
}

.tw-w-\[90px\] {
    width: 90px
}

.tw-w-\[9px\] {
    width: 9px
}

.tw-w-\[calc\(\(100\%-16px\)\/2\)\] {
    width: calc(50% - 8px)
}

.tw-w-\[calc\(100\%-20px\)\] {
    width: calc(100% - 20px)
}

.tw-w-\[calc\(50\%-12\.5px\)\] {
    width: calc(50% - 12.5px)
}

.tw-w-auto {
    width: auto
}

.tw-w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.tw-w-full {
    width: 100%
}

.tw-min-w-\[110px\] {
    min-width: 110px
}

.tw-min-w-\[130px\] {
    min-width: 130px
}

.tw-min-w-\[250px\] {
    min-width: 250px
}

.tw-min-w-\[400px\] {
    min-width: 400px
}

.tw-min-w-\[550px\] {
    min-width: 550px
}

.tw-min-w-\[800px\] {
    min-width: 800px
}

.\!tw-max-w-\[120px\] {
    max-width: 120px!important
}

.\!tw-max-w-\[180px\] {
    max-width: 180px!important
}

.\!tw-max-w-\[200px\] {
    max-width: 200px!important
}

.\!tw-max-w-\[240px\] {
    max-width: 240px!important
}

.\!tw-max-w-\[250px\] {
    max-width: 250px!important
}

.\!tw-max-w-\[260px\] {
    max-width: 260px!important
}

.\!tw-max-w-\[300px\] {
    max-width: 300px!important
}

.\!tw-max-w-\[320px\] {
    max-width: 320px!important
}

.\!tw-max-w-\[350px\] {
    max-width: 350px!important
}

.tw-max-w-\[1020px\] {
    max-width: 1020px
}

.tw-max-w-\[1036px\] {
    max-width: 1036px
}

.tw-max-w-\[1076px\] {
    max-width: 1076px
}

.tw-max-w-\[1080px\] {
    max-width: 1080px
}

.tw-max-w-\[108px\] {
    max-width: 108px
}

.tw-max-w-\[1110px\] {
    max-width: 1110px
}

.tw-max-w-\[1150px\] {
    max-width: 1150px
}

.tw-max-w-\[1170px\] {
    max-width: 1170px
}

.tw-max-w-\[1190px\] {
    max-width: 1190px
}

.tw-max-w-\[1200px\] {
    max-width: 1200px
}

.tw-max-w-\[120px\] {
    max-width: 120px
}

.tw-max-w-\[1240px\] {
    max-width: 1240px
}

.tw-max-w-\[1280px\] {
    max-width: 1280px
}

.tw-max-w-\[1320px\] {
    max-width: 1320px
}

.tw-max-w-\[140px\] {
    max-width: 140px
}

.tw-max-w-\[143px\] {
    max-width: 143px
}

.tw-max-w-\[1440px\] {
    max-width: 1440px
}

.tw-max-w-\[148px\] {
    max-width: 148px
}

.tw-max-w-\[1600px\] {
    max-width: 1600px
}

.tw-max-w-\[160px\] {
    max-width: 160px
}

.tw-max-w-\[170px\] {
    max-width: 170px
}

.tw-max-w-\[180px\] {
    max-width: 180px
}

.tw-max-w-\[19\.5px\] {
    max-width: 19.5px
}

.tw-max-w-\[190px\] {
    max-width: 190px
}

.tw-max-w-\[198px\] {
    max-width: 198px
}

.tw-max-w-\[200px\] {
    max-width: 200px
}

.tw-max-w-\[205px\] {
    max-width: 205px
}

.tw-max-w-\[210px\] {
    max-width: 210px
}

.tw-max-w-\[212px\] {
    max-width: 212px
}

.tw-max-w-\[215px\] {
    max-width: 215px
}

.tw-max-w-\[22\.5px\] {
    max-width: 22.5px
}

.tw-max-w-\[220px\] {
    max-width: 220px
}

.tw-max-w-\[224px\] {
    max-width: 224px
}

.tw-max-w-\[230px\] {
    max-width: 230px
}

.tw-max-w-\[234px\] {
    max-width: 234px
}

.tw-max-w-\[247px\] {
    max-width: 247px
}

.tw-max-w-\[250px\] {
    max-width: 250px
}

.tw-max-w-\[257px\] {
    max-width: 257px
}

.tw-max-w-\[258px\] {
    max-width: 258px
}

.tw-max-w-\[259px\] {
    max-width: 259px
}

.tw-max-w-\[260px\] {
    max-width: 260px
}

.tw-max-w-\[26px\] {
    max-width: 26px
}

.tw-max-w-\[27vw\] {
    max-width: 27vw
}

.tw-max-w-\[280px\] {
    max-width: 280px
}

.tw-max-w-\[285px\] {
    max-width: 285px
}

.tw-max-w-\[288px\] {
    max-width: 288px
}

.tw-max-w-\[28px\] {
    max-width: 28px
}

.tw-max-w-\[300px\] {
    max-width: 300px
}

.tw-max-w-\[30px\] {
    max-width: 30px
}

.tw-max-w-\[310px\] {
    max-width: 310px
}

.tw-max-w-\[320px\] {
    max-width: 320px
}

.tw-max-w-\[322px\] {
    max-width: 322px
}

.tw-max-w-\[334px\] {
    max-width: 334px
}

.tw-max-w-\[335px\] {
    max-width: 335px
}

.tw-max-w-\[345px\] {
    max-width: 345px
}

.tw-max-w-\[350px\] {
    max-width: 350px
}

.tw-max-w-\[35px\] {
    max-width: 35px
}

.tw-max-w-\[375px\] {
    max-width: 375px
}

.tw-max-w-\[376px\] {
    max-width: 376px
}

.tw-max-w-\[380px\] {
    max-width: 380px
}

.tw-max-w-\[39px\] {
    max-width: 39px
}

.tw-max-w-\[400px\] {
    max-width: 400px
}

.tw-max-w-\[40px\] {
    max-width: 40px
}

.tw-max-w-\[420px\] {
    max-width: 420px
}

.tw-max-w-\[424px\] {
    max-width: 424px
}

.tw-max-w-\[44px\] {
    max-width: 44px
}

.tw-max-w-\[470px\] {
    max-width: 470px
}

.tw-max-w-\[480px\] {
    max-width: 480px
}

.tw-max-w-\[48px\] {
    max-width: 48px
}

.tw-max-w-\[500px\] {
    max-width: 500px
}

.tw-max-w-\[55\%\] {
    max-width: 55%
}

.tw-max-w-\[550px\] {
    max-width: 550px
}

.tw-max-w-\[590px\] {
    max-width: 590px
}

.tw-max-w-\[600px\] {
    max-width: 600px
}

.tw-max-w-\[640px\] {
    max-width: 640px
}

.tw-max-w-\[660px\] {
    max-width: 660px
}

.tw-max-w-\[668px\] {
    max-width: 668px
}

.tw-max-w-\[675px\] {
    max-width: 675px
}

.tw-max-w-\[70px\] {
    max-width: 70px
}

.tw-max-w-\[720px\] {
    max-width: 720px
}

.tw-max-w-\[750px\] {
    max-width: 750px
}

.tw-max-w-\[768px\] {
    max-width: 768px
}

.tw-max-w-\[780px\] {
    max-width: 780px
}

.tw-max-w-\[840px\] {
    max-width: 840px
}

.tw-max-w-\[900px\] {
    max-width: 900px
}

.tw-max-w-\[910px\] {
    max-width: 910px
}

.tw-max-w-\[920px\] {
    max-width: 920px
}

.tw-max-w-\[940px\] {
    max-width: 940px
}

.tw-max-w-\[980px\] {
    max-width: 980px
}

.tw-max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.tw-max-w-full {
    max-width: 100%
}

.tw-max-w-screen-xl {
    max-width: 1280px
}

.tw-max-w-xl {
    max-width: 36rem
}

.tw-flex-1 {
    flex: 1 1 0%
}

.tw-flex-\[1\] {
    flex: 1
}

.tw-flex-\[2\] {
    flex: 2
}

.tw-flex-none {
    flex: none
}

.tw-flex-grow {
    flex-grow: 1
}

.tw-border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

.tw-cursor-all-scroll {
    cursor: all-scroll
}

.tw-cursor-none {
    cursor: none
}

.tw-cursor-pointer {
    cursor: pointer
}

.tw-list-outside {
    list-style-position: outside
}

.tw-list-\[\'\*\'\]{list-style-type:"*"}.tw-list-\[\'※\'\]{list-style-type:"※"}.tw-list-decimal{list-style-type:decimal}.tw-list-disc{list-style-type:disc}.tw-auto-rows-\[1fr\]{grid-auto-rows:1fr}.tw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tw-grid-cols-\[50px_1fr\]{grid-template-columns:50px 1fr}.tw-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.tw-grid-rows-\[subgrid\]{grid-template-rows:subgrid}.tw-flex-row{flex-direction:row}.tw-flex-col{flex-direction:column}.tw-flex-col-reverse{flex-direction:column-reverse}.tw-flex-wrap{flex-wrap:wrap}.tw-place-content-center{place-content:center}.tw-place-items-center{place-items:center}.tw-items-start{align-items:flex-start}.tw-items-end{align-items:flex-end}.tw-items-center{align-items:center}.\!tw-justify-start{justify-content:flex-start!important}.tw-justify-start{justify-content:flex-start}.tw-justify-end{justify-content:flex-end}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-justify-around{justify-content:space-around}.tw-gap-0{gap:0}.tw-gap-10{gap:2.5rem}.tw-gap-12{gap:3rem}.tw-gap-14{gap:3.5rem}.tw-gap-16{gap:4rem}.tw-gap-2{gap:.5rem}.tw-gap-20{gap:5rem}.tw-gap-3{gap:.75rem}.tw-gap-4{gap:1rem}.tw-gap-6{gap:1.5rem}.tw-gap-8{gap:2rem}.tw-gap-\[10px\]{gap:10px}.tw-gap-\[12px\]{gap:12px}.tw-gap-\[15px\]{gap:15px}.tw-gap-\[16px\]{gap:16px}.tw-gap-\[18px\]{gap:18px}.tw-gap-\[20px\]{gap:20px}.tw-gap-\[21px\]{gap:21px}.tw-gap-\[24px\]{gap:24px}.tw-gap-\[30px\]{gap:30px}.tw-gap-\[32px\]{gap:32px}.tw-gap-\[34px\]{gap:34px}.tw-gap-\[40px\]{gap:40px}.tw-gap-\[4px\]{gap:4px}.tw-gap-\[50px\]{gap:50px}.tw-gap-\[56px\]{gap:56px}.tw-gap-\[5px\]{gap:5px}.tw-gap-\[7px\]{gap:7px}.tw-gap-\[8px\]{gap:8px}.tw-gap-\[9px\]{gap:9px}.tw-gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.tw-gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.tw-gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.tw-gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.tw-gap-x-\[10px\]{-moz-column-gap:10px;column-gap:10px}.tw-gap-x-\[11px\]{-moz-column-gap:11px;column-gap:11px}.tw-gap-x-\[15px\]{-moz-column-gap:15px;column-gap:15px}.tw-gap-x-\[16px\]{-moz-column-gap:16px;column-gap:16px}.tw-gap-x-\[20px\]{-moz-column-gap:20px;column-gap:20px}.tw-gap-x-\[24px\]{-moz-column-gap:24px;column-gap:24px}.tw-gap-x-\[32px\]{-moz-column-gap:32px;column-gap:32px}.tw-gap-x-\[40px\]{-moz-column-gap:40px;column-gap:40px}.tw-gap-x-\[6px\]{-moz-column-gap:6px;column-gap:6px}.tw-gap-y-0{row-gap:0}.tw-gap-y-12{row-gap:3rem}.tw-gap-y-4{row-gap:1rem}.tw-gap-y-5{row-gap:1.25rem}.tw-gap-y-8{row-gap:2rem}.tw-gap-y-\[10px\]{row-gap:10px}.tw-gap-y-\[12px\]{row-gap:12px}.tw-gap-y-\[16px\]{row-gap:16px}.tw-gap-y-\[20px\]{row-gap:20px}.tw-gap-y-\[32px\]{row-gap:32px}.tw-gap-y-\[3rem\]{row-gap:3rem}.tw-gap-y-\[40px\]{row-gap:40px}.tw-gap-y-\[5px\]{row-gap:5px}.tw-gap-y-\[6px\]{row-gap:6px}.tw-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.tw-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.tw-divide-gray-300>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(209 213 219/var(--tw-divide-opacity))}.tw-divide-white\/25>:not([hidden])~:not([hidden]){border-color:#ffffff40}.tw-overflow-hidden{overflow:hidden}.tw-overflow-scroll{overflow:scroll}.tw-overflow-x-auto{overflow-x:auto}.tw-whitespace-nowrap{white-space:nowrap}.tw-break-all{word-break:break-all}.tw-rounded-2xl{border-radius:1rem}.tw-rounded-\[16px\]{border-radius:16px}.tw-rounded-\[20px\]{border-radius:20px}.tw-rounded-\[24px\]{border-radius:24px}.tw-rounded-\[40px\]{border-radius:40px}.tw-rounded-\[5px\]{border-radius:5px}.tw-rounded-\[8px\]{border-radius:8px}.tw-rounded-full{border-radius:9999px}.tw-rounded-xl{border-radius:.75rem}.tw-rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.tw-border{border-width:1px}.tw-border-0{border-width:0}.tw-border-2{border-width:2px}.tw-border-4{border-width:4px}.tw-border-\[5px\]{border-width:5px}.tw-border-\[6px\]{border-width:6px}.tw-border-y{border-bottom-width:1px;border-top-width:1px}.tw-border-y-2{border-bottom-width:2px;border-top-width:2px}.tw-border-b{border-bottom-width:1px}.tw-border-b-0{border-bottom-width:0}.tw-border-b-2{border-bottom-width:2px}.tw-border-b-4{border-bottom-width:4px}.tw-border-b-\[2px\]{border-bottom-width:2px}.tw-border-l-0{border-left-width:0}.tw-border-r{border-right-width:1px}.tw-border-r-\[2px\]{border-right-width:2px}.tw-border-t{border-top-width:1px}.tw-border-t-2{border-top-width:2px}.tw-border-solid{border-style:solid}.tw-border-\[\#00A9E8\],.tw-border-\[\#00a9e8\]{--tw-border-opacity:1;border-color:rgb(0 169 232/var(--tw-border-opacity))}.tw-border-\[\#143c91\]\/25{border-color:#143c9140}.tw-border-\[\#16769C\]{--tw-border-opacity:1;border-color:rgb(22 118 156/var(--tw-border-opacity))}.tw-border-\[\#16769C\]\/25{border-color:#16769c40}.tw-border-\[\#173F93\],.tw-border-\[\#173f93\]{--tw-border-opacity:1;border-color:rgb(23 63 147/var(--tw-border-opacity))}.tw-border-\[\#73B02D\]{--tw-border-opacity:1;border-color:rgb(115 176 45/var(--tw-border-opacity))}.tw-border-\[\#73B02D\]\/25{border-color:#73b02d40}.tw-border-\[\#88BC4C\]{--tw-border-opacity:1;border-color:rgb(136 188 76/var(--tw-border-opacity))}.tw-border-\[\#C0C0C0\]{--tw-border-opacity:1;border-color:rgb(192 192 192/var(--tw-border-opacity))}.tw-border-\[\#CCCCCC\]{--tw-border-opacity:1;border-color:rgb(204 204 204/var(--tw-border-opacity))}.tw-border-\[\#CECECE\]{--tw-border-opacity:1;border-color:rgb(206 206 206/var(--tw-border-opacity))}.tw-border-\[\#D9D9D9\]{--tw-border-opacity:1;border-color:rgb(217 217 217/var(--tw-border-opacity))}.tw-border-\[\#E88F0B\]{--tw-border-opacity:1;border-color:rgb(232 143 11/var(--tw-border-opacity))}.tw-border-\[\#F49D1B\]{--tw-border-opacity:1;border-color:rgb(244 157 27/var(--tw-border-opacity))}.tw-border-\[\#F49D1B\]\/20{border-color:#f49d1b33}.tw-border-\[\#ccc\]{--tw-border-opacity:1;border-color:rgb(204 204 204/var(--tw-border-opacity))}.tw-border-\[\#cecece\]{--tw-border-opacity:1;border-color:rgb(206 206 206/var(--tw-border-opacity))}.tw-border-\[\#e4e4e4\]{--tw-border-opacity:1;border-color:rgb(228 228 228/var(--tw-border-opacity))}.tw-border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.tw-border-black\/25{border-color:#00000040}.tw-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.tw-border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.tw-border-white\/20{border-color:#fff3}.tw-border-white\/25{border-color:#ffffff40}.tw-border-y-\[\#88BC4C\]{--tw-border-opacity:1;border-bottom-color:rgb(136 188 76/var(--tw-border-opacity));border-top-color:rgb(136 188 76/var(--tw-border-opacity))}.tw-border-b-\[\#E4E4E4\]{--tw-border-opacity:1;border-bottom-color:rgb(228 228 228/var(--tw-border-opacity))}.tw-border-b-\[\#ccc\]{--tw-border-opacity:1;border-bottom-color:rgb(204 204 204/var(--tw-border-opacity))}.tw-border-b-\[\#e4e4e4\]{--tw-border-opacity:1;border-bottom-color:rgb(228 228 228/var(--tw-border-opacity))}.tw-border-t-\[\#88BC4C\]{--tw-border-opacity:1;border-top-color:rgb(136 188 76/var(--tw-border-opacity))}.tw-border-t-\[\#DEDEDE\]{--tw-border-opacity:1;border-top-color:rgb(222 222 222/var(--tw-border-opacity))}.tw-border-t-\[\#E4E4E4\]{--tw-border-opacity:1;border-top-color:rgb(228 228 228/var(--tw-border-opacity))}.\!tw-bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.tw-bg-\[\#00A9E8\],.tw-bg-\[\#00a9e8\]{--tw-bg-opacity:1;background-color:rgb(0 169 232/var(--tw-bg-opacity))}.tw-bg-\[\#014099\]{--tw-bg-opacity:1;background-color:rgb(1 64 153/var(--tw-bg-opacity))}.tw-bg-\[\#0962b6\]{--tw-bg-opacity:1;background-color:rgb(9 98 182/var(--tw-bg-opacity))}.tw-bg-\[\#143c91\]{--tw-bg-opacity:1;background-color:rgb(20 60 145/var(--tw-bg-opacity))}.tw-bg-\[\#16769C\]{--tw-bg-opacity:1;background-color:rgb(22 118 156/var(--tw-bg-opacity))}.tw-bg-\[\#173F93\],.tw-bg-\[\#173f93\]{--tw-bg-opacity:1;background-color:rgb(23 63 147/var(--tw-bg-opacity))}.tw-bg-\[\#202020\]{--tw-bg-opacity:1;background-color:rgb(32 32 32/var(--tw-bg-opacity))}.tw-bg-\[\#282828\]{--tw-bg-opacity:1;background-color:rgb(40 40 40/var(--tw-bg-opacity))}.tw-bg-\[\#73B02D\]{--tw-bg-opacity:1;background-color:rgb(115 176 45/var(--tw-bg-opacity))}.tw-bg-\[\#88BC4C\]{--tw-bg-opacity:1;background-color:rgb(136 188 76/var(--tw-bg-opacity))}.tw-bg-\[\#9D9D9D\]{--tw-bg-opacity:1;background-color:rgb(157 157 157/var(--tw-bg-opacity))}.tw-bg-\[\#E4EFD7\]{--tw-bg-opacity:1;background-color:rgb(228 239 215/var(--tw-bg-opacity))}.tw-bg-\[\#E4F0F9\]{--tw-bg-opacity:1;background-color:rgb(228 240 249/var(--tw-bg-opacity))}.tw-bg-\[\#E5F6FD\]{--tw-bg-opacity:1;background-color:rgb(229 246 253/var(--tw-bg-opacity))}.tw-bg-\[\#E88F0B\]{--tw-bg-opacity:1;background-color:rgb(232 143 11/var(--tw-bg-opacity))}.tw-bg-\[\#E8F8F8\]{--tw-bg-opacity:1;background-color:rgb(232 248 248/var(--tw-bg-opacity))}.tw-bg-\[\#EDFAFF\]{--tw-bg-opacity:1;background-color:rgb(237 250 255/var(--tw-bg-opacity))}.tw-bg-\[\#F0F7E8\]{--tw-bg-opacity:1;background-color:rgb(240 247 232/var(--tw-bg-opacity))}.tw-bg-\[\#F49D1B\]{--tw-bg-opacity:1;background-color:rgb(244 157 27/var(--tw-bg-opacity))}.tw-bg-\[\#F5F5F5\]{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.tw-bg-\[\#F6F6F6\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity))}.tw-bg-\[\#F6FCFF\]{--tw-bg-opacity:1;background-color:rgb(246 252 255/var(--tw-bg-opacity))}.tw-bg-\[\#F7F7F7\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.tw-bg-\[\#F9F9F9\]{--tw-bg-opacity:1;background-color:rgb(249 249 249/var(--tw-bg-opacity))}.tw-bg-\[\#FAFAFA\]{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.tw-bg-\[\#FBFBFB\]{--tw-bg-opacity:1;background-color:rgb(251 251 251/var(--tw-bg-opacity))}.tw-bg-\[\#FFF3E4\]{--tw-bg-opacity:1;background-color:rgb(255 243 228/var(--tw-bg-opacity))}.tw-bg-\[\#FFF9F9\]{--tw-bg-opacity:1;background-color:rgb(255 249 249/var(--tw-bg-opacity))}.tw-bg-\[\#e4f0f9\]{--tw-bg-opacity:1;background-color:rgb(228 240 249/var(--tw-bg-opacity))}.tw-bg-\[\#ebf2fc\]{--tw-bg-opacity:1;background-color:rgb(235 242 252/var(--tw-bg-opacity))}.tw-bg-\[\#f6f6f6\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity))}.tw-bg-\[\#fafafa\]{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity))}.tw-bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.tw-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.tw-bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.tw-bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity))}.tw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.tw-bg-white\/0{background-color:#fff0}.tw-bg-white\/5{background-color:#ffffff0d}.tw-bg-white\/\[90\%\]{background-color:#ffffffe6}.tw-bg-\[url\(\'\/shared\/images\/products\/creacompo2\/creacompo2-about-scroll01\.png\'\)\]{background-image:url(/shared/images/products/creacompo2/creacompo2-about-scroll01.png)}.tw-bg-\[url\(\'\/shared\/images\/products\/creacompo2\/creacompo2-about-scroll02\.png\'\)\]{background-image:url(/shared/images/products/creacompo2/creacompo2-about-scroll02.png)}.tw-bg-\[url\(\'\/shared\/images\/products\/creacompo2\/creacompo2-about-scroll03\.png\'\)\]{background-image:url(/shared/images/products/creacompo2/creacompo2-about-scroll03.png)}.tw-bg-\[url\(\'\/shared\/images\/products\/creacompo2\/creacompo2-about-scroll04\.png\'\)\]{background-image:url(/shared/images/products/creacompo2/creacompo2-about-scroll04.png)}.tw-bg-\[url\(\'\/shared\/images\/products\/creacompo2\/creacompo2-about-scroll05\.png\'\)\]{background-image:url(/shared/images/products/creacompo2/creacompo2-about-scroll05.png)}.tw-bg-\[url\(\'\/shared\/images\/products\/software\/software-slider-arrow-creacompo2\.png\'\)\]{background-image:url(/shared/images/products/software/software-slider-arrow-creacompo2.png)}.tw-bg-\[url\(\'\/shared\/images\/products\/software\/software-slider-arrow-default\.png\'\)\]{background-image:url(/shared/images/products/software/software-slider-arrow-default.png)}.tw-bg-\[url\(\'\/shared\/images\/products\/software\/software-slider-arrow-xiform\.png\'\)\]{background-image:url(/shared/images/products/software/software-slider-arrow-xiform.png)}.tw-bg-\[url\(\'\/shared\/images\/products\/xiform\/xiform-modal-arrow-green\.png\'\)\]{background-image:url(/shared/images/products/xiform/xiform-modal-arrow-green.png)}.tw-bg-cover{background-size:cover}.tw-bg-\[center_top\]{background-position:top}.tw-bg-no-repeat{background-repeat:no-repeat}.tw-object-contain{-o-object-fit:contain;object-fit:contain}.tw-object-cover{-o-object-fit:cover;object-fit:cover}.tw-object-fill{-o-object-fit:fill;object-fit:fill}.tw-object-center{-o-object-position:center;object-position:center}.tw-object-left{-o-object-position:left;object-position:left}.\!tw-p-0{padding:0!important}.tw-p-0{padding:0}.tw-p-10{padding:2.5rem}.tw-p-12{padding:3rem}.tw-p-14{padding:3.5rem}.tw-p-4{padding:1rem}.tw-p-5{padding:1.25rem}.tw-p-\[10px\]{padding:10px}.tw-p-\[12px\]{padding:12px}.tw-p-\[20px\]{padding:20px}.tw-p-\[30px\]{padding:30px}.tw-p-\[35px\]{padding:35px}.tw-px-0{padding-left:0;padding-right:0}.tw-px-10{padding-left:2.5rem;padding-right:2.5rem}.tw-px-11{padding-left:2.75rem;padding-right:2.75rem}.tw-px-12{padding-left:3rem;padding-right:3rem}.tw-px-14{padding-left:3.5rem;padding-right:3.5rem}.tw-px-2{padding-left:.5rem;padding-right:.5rem}.tw-px-2\.5{padding-left:.625rem;padding-right:.625rem}.tw-px-20{padding-left:5rem;padding-right:5rem}.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-px-5{padding-left:1.25rem;padding-right:1.25rem}.tw-px-8{padding-left:2rem;padding-right:2rem}.tw-px-\[10\%\]{padding-left:10%;padding-right:10%}.tw-px-\[10px\]{padding-left:10px;padding-right:10px}.tw-px-\[13px\]{padding-left:13px;padding-right:13px}.tw-px-\[15px\]{padding-left:15px;padding-right:15px}.tw-px-\[16px\]{padding-left:16px;padding-right:16px}.tw-px-\[18px\]{padding-left:18px;padding-right:18px}.tw-px-\[20px\]{padding-left:20px;padding-right:20px}.tw-px-\[24px\]{padding-left:24px;padding-right:24px}.tw-px-\[25px\]{padding-left:25px;padding-right:25px}.tw-px-\[26px\]{padding-left:26px;padding-right:26px}.tw-px-\[28px\]{padding-left:28px;padding-right:28px}.tw-px-\[30px\]{padding-left:30px;padding-right:30px}.tw-px-\[32px\]{padding-left:32px;padding-right:32px}.tw-px-\[40px\]{padding-left:40px;padding-right:40px}.tw-px-\[50px\]{padding-left:50px;padding-right:50px}.tw-px-\[8px\]{padding-left:8px;padding-right:8px}.tw-py-0{padding-bottom:0;padding-top:0}.tw-py-1{padding-bottom:.25rem;padding-top:.25rem}.tw-py-10{padding-bottom:2.5rem;padding-top:2.5rem}.tw-py-12{padding-bottom:3rem;padding-top:3rem}.tw-py-14{padding-bottom:3.5rem;padding-top:3.5rem}.tw-py-16{padding-bottom:4rem;padding-top:4rem}.tw-py-2{padding-bottom:.5rem;padding-top:.5rem}.tw-py-24{padding-bottom:6rem;padding-top:6rem}.tw-py-28{padding-bottom:7rem;padding-top:7rem}.tw-py-3{padding-bottom:.75rem;padding-top:.75rem}.tw-py-4{padding-bottom:1rem;padding-top:1rem}.tw-py-5{padding-bottom:1.25rem;padding-top:1.25rem}.tw-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.tw-py-72{padding-bottom:18rem;padding-top:18rem}.tw-py-8{padding-bottom:2rem;padding-top:2rem}.tw-py-\[10px\]{padding-bottom:10px;padding-top:10px}.tw-py-\[11px\]{padding-bottom:11px;padding-top:11px}.tw-py-\[12px\]{padding-bottom:12px;padding-top:12px}.tw-py-\[14px\]{padding-bottom:14px;padding-top:14px}.tw-py-\[15px\]{padding-bottom:15px;padding-top:15px}.tw-py-\[16px\]{padding-bottom:16px;padding-top:16px}.tw-py-\[20px\]{padding-bottom:20px;padding-top:20px}.tw-py-\[22px\]{padding-bottom:22px;padding-top:22px}.tw-py-\[24px\]{padding-bottom:24px;padding-top:24px}.tw-py-\[25px\]{padding-bottom:25px;padding-top:25px}.tw-py-\[2px\]{padding-bottom:2px;padding-top:2px}.tw-py-\[30px\]{padding-bottom:30px;padding-top:30px}.tw-py-\[32px\]{padding-bottom:32px;padding-top:32px}.tw-py-\[40px\]{padding-bottom:40px;padding-top:40px}.tw-py-\[44px\]{padding-bottom:44px;padding-top:44px}.tw-py-\[50px\]{padding-bottom:50px;padding-top:50px}.tw-py-\[55px\]{padding-bottom:55px;padding-top:55px}.tw-py-\[5px\]{padding-bottom:5px;padding-top:5px}.tw-py-\[65px\]{padding-bottom:65px;padding-top:65px}.tw-py-\[6px\]{padding-bottom:6px;padding-top:6px}.tw-py-\[72px\]{padding-bottom:72px;padding-top:72px}.tw-py-\[75px\]{padding-bottom:75px;padding-top:75px}.tw-py-\[7px\]{padding-bottom:7px;padding-top:7px}.tw-py-\[80px\]{padding-bottom:80px;padding-top:80px}.tw-py-\[8px\]{padding-bottom:8px;padding-top:8px}.tw-pb-0{padding-bottom:0}.tw-pb-12{padding-bottom:3rem}.tw-pb-14{padding-bottom:3.5rem}.tw-pb-2{padding-bottom:.5rem}.tw-pb-72{padding-bottom:18rem}.tw-pb-\[10px\]{padding-bottom:10px}.tw-pb-\[110px\]{padding-bottom:110px}.tw-pb-\[14px\]{padding-bottom:14px}.tw-pb-\[20\%\]{padding-bottom:20%}.tw-pb-\[20px\]{padding-bottom:20px}.tw-pb-\[26px\]{padding-bottom:26px}.tw-pb-\[30px\]{padding-bottom:30px}.tw-pb-\[32px\]{padding-bottom:32px}.tw-pb-\[36px\]{padding-bottom:36px}.tw-pb-\[3px\]{padding-bottom:3px}.tw-pb-\[40px\]{padding-bottom:40px}.tw-pb-\[44px\]{padding-bottom:44px}.tw-pb-\[48px\]{padding-bottom:48px}.tw-pb-\[5px\]{padding-bottom:5px}.tw-pb-\[60px\]{padding-bottom:60px}.tw-pb-\[64px\]{padding-bottom:64px}.tw-pb-\[65px\]{padding-bottom:65px}.tw-pb-\[66px\]{padding-bottom:66px}.tw-pb-\[75px\]{padding-bottom:75px}.tw-pb-\[80px\]{padding-bottom:80px}.tw-pl-0{padding-left:0}.tw-pl-10{padding-left:2.5rem}.tw-pl-12{padding-left:3rem}.tw-pl-14{padding-left:3.5rem}.tw-pl-16{padding-left:4rem}.tw-pl-20{padding-left:5rem}.tw-pl-24{padding-left:6rem}.tw-pl-4{padding-left:1rem}.tw-pl-5{padding-left:1.25rem}.tw-pl-6{padding-left:1.5rem}.tw-pl-8{padding-left:2rem}.tw-pl-\[10px\]{padding-left:10px}.tw-pl-\[20px\]{padding-left:20px}.tw-pl-\[35px\]{padding-left:35px}.tw-pl-\[40px\]{padding-left:40px}.tw-pl-\[45px\]{padding-left:45px}.tw-pl-\[50px\]{padding-left:50px}.tw-pl-\[8px\]{padding-left:8px}.tw-pr-0{padding-right:0}.tw-pr-1{padding-right:.25rem}.tw-pr-12{padding-right:3rem}.tw-pr-2{padding-right:.5rem}.tw-pr-4{padding-right:1rem}.tw-pr-8{padding-right:2rem}.tw-pr-\[10px\]{padding-right:10px}.tw-pr-\[15px\]{padding-right:15px}.tw-pr-\[20px\]{padding-right:20px}.tw-pr-\[24px\]{padding-right:24px}.tw-pr-\[40px\]{padding-right:40px}.tw-pr-\[70px\]{padding-right:70px}.tw-pr-\[8px\]{padding-right:8px}.tw-pt-0{padding-top:0}.tw-pt-12{padding-top:3rem}.tw-pt-16{padding-top:4rem}.tw-pt-4{padding-top:1rem}.tw-pt-52{padding-top:13rem}.tw-pt-6{padding-top:1.5rem}.tw-pt-60{padding-top:15rem}.tw-pt-8{padding-top:2rem}.tw-pt-\[20px\]{padding-top:20px}.tw-pt-\[25px\]{padding-top:25px}.tw-pt-\[30px\]{padding-top:30px}.tw-pt-\[32px\]{padding-top:32px}.tw-pt-\[35px\]{padding-top:35px}.tw-pt-\[3px\]{padding-top:3px}.tw-pt-\[40px\]{padding-top:40px}.tw-pt-\[48px\]{padding-top:48px}.tw-pt-\[52px\]{padding-top:52px}.tw-pt-\[60px\]{padding-top:60px}.tw-pt-\[64px\]{padding-top:64px}.tw-pt-\[70px\]{padding-top:70px}.tw-pt-\[80px\]{padding-top:80px}.tw-pt-\[90px\]{padding-top:90px}.tw-pt-\[96px\]{padding-top:96px}.tw-text-left{text-align:left}.tw-text-center{text-align:center}.tw-text-right{text-align:right}.tw-text-end{text-align:end}.tw-align-middle{vertical-align:middle}.tw-font-sans{font-family:メイリオ,Noto Sans JP,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}.tw-text-3xl{font-size:1.875rem;line-height:2.25rem}.tw-text-4xl{font-size:2.25rem;line-height:2.5rem}.tw-text-5xl{font-size:3rem;line-height:1}.tw-text-\[10px\]{font-size:10px}.tw-text-\[116\%\]{font-size:116%}.tw-text-\[12px\]{font-size:12px}.tw-text-\[13\.5px\]{font-size:13.5px}.tw-text-\[13px\]{font-size:13px}.tw-text-\[142\%\]{font-size:142%}.tw-text-\[14px\]{font-size:14px}.tw-text-\[15px\]{font-size:15px}.tw-text-\[16px\]{font-size:16px}.tw-text-\[17px\]{font-size:17px}.tw-text-\[18px\]{font-size:18px}.tw-text-\[20px\]{font-size:20px}.tw-text-\[22px\]{font-size:22px}.tw-text-\[23px\]{font-size:23px}.tw-text-\[24px\]{font-size:24px}.tw-text-\[25px\]{font-size:25px}.tw-text-\[28px\]{font-size:28px}.tw-text-\[30px\]{font-size:30px}.tw-text-\[32px\]{font-size:32px}.tw-text-\[35px\]{font-size:35px}.tw-text-\[36px\]{font-size:36px}.tw-text-\[41\.25px\]{font-size:41.25px}.tw-text-\[50\%\]{font-size:50%}.tw-text-\[62\%\]{font-size:62%}.tw-text-\[8px\]{font-size:8px}.tw-text-xl{font-size:1.25rem;line-height:1.75rem}.tw-font-black{font-weight:900}.tw-font-bold{font-weight:700}.tw-font-medium{font-weight:500}.tw-font-normal{font-weight:400}.tw-font-semibold{font-weight:600}.\!tw-leading-loose{line-height:2!important}.\!tw-leading-none{line-height:1!important}.\!tw-leading-normal{line-height:1.5!important}.\!tw-leading-relaxed{line-height:1.625!important}.tw-leading-\[0\.9\]{line-height:.9}.tw-leading-\[1\.2\]{line-height:1.2}.tw-leading-\[1\.3\]{line-height:1.3}.tw-leading-\[1\.4\]{line-height:1.4}.tw-leading-\[1\.6\]{line-height:1.6}.tw-leading-\[1\.75\]{line-height:1.75}.tw-leading-\[1\.8\]{line-height:1.8}.tw-leading-none{line-height:1}.tw-leading-normal{line-height:1.5}.tw-leading-relaxed{line-height:1.625}.tw-leading-snug{line-height:1.375}.tw-leading-tight{line-height:1.25}.tw-tracking-\[0\.08rem\]{letter-spacing:.08rem}.tw-tracking-\[1px\]{letter-spacing:1px}.tw-tracking-normal{letter-spacing:0}.tw-tracking-wide{letter-spacing:.025em}.tw-tracking-wider{letter-spacing:.05em}.tw-tracking-widest{letter-spacing:.1em}.tw-text-\[\#00A9E8\],.tw-text-\[\#00a9e8\]{--tw-text-opacity:1;color:rgb(0 169 232/var(--tw-text-opacity))}.tw-text-\[\#0962b6\]{--tw-text-opacity:1;color:rgb(9 98 182/var(--tw-text-opacity))}.tw-text-\[\#113990\]{--tw-text-opacity:1;color:rgb(17 57 144/var(--tw-text-opacity))}.tw-text-\[\#143c91\]{--tw-text-opacity:1;color:rgb(20 60 145/var(--tw-text-opacity))}.tw-text-\[\#16769C\]{--tw-text-opacity:1;color:rgb(22 118 156/var(--tw-text-opacity))}.tw-text-\[\#173F93\],.tw-text-\[\#173f93\]{--tw-text-opacity:1;color:rgb(23 63 147/var(--tw-text-opacity))}.tw-text-\[\#183f93\]{--tw-text-opacity:1;color:rgb(24 63 147/var(--tw-text-opacity))}.tw-text-\[\#469DC0\]{--tw-text-opacity:1;color:rgb(70 157 192/var(--tw-text-opacity))}.tw-text-\[\#666\],.tw-text-\[\#666666\]{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity))}.tw-text-\[\#6e6e6e\]{--tw-text-opacity:1;color:rgb(110 110 110/var(--tw-text-opacity))}.tw-text-\[\#6f6f6f\]{--tw-text-opacity:1;color:rgb(111 111 111/var(--tw-text-opacity))}.tw-text-\[\#73B02D\]{--tw-text-opacity:1;color:rgb(115 176 45/var(--tw-text-opacity))}.tw-text-\[\#838383\]{--tw-text-opacity:1;color:rgb(131 131 131/var(--tw-text-opacity))}.tw-text-\[\#88BC4C\]{--tw-text-opacity:1;color:rgb(136 188 76/var(--tw-text-opacity))}.tw-text-\[\#C9222D\]{--tw-text-opacity:1;color:rgb(201 34 45/var(--tw-text-opacity))}.tw-text-\[\#D9D9D9\]{--tw-text-opacity:1;color:rgb(217 217 217/var(--tw-text-opacity))}.tw-text-\[\#E88F0B\]{--tw-text-opacity:1;color:rgb(232 143 11/var(--tw-text-opacity))}.tw-text-\[\#F49D1B\]{--tw-text-opacity:1;color:rgb(244 157 27/var(--tw-text-opacity))}.tw-text-\[\#FF0000\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity))}.tw-text-\[\#ffffff\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.tw-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.tw-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.tw-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.tw-underline{text-decoration-line:underline}.tw-no-underline{text-decoration-line:none}.\!tw-opacity-100{opacity:1!important}.tw-opacity-10{opacity:.1}.tw-opacity-25{opacity:.25}.tw-shadow-\[6px_6px_rgba\(20\,60\,145\,1\)\]{--tw-shadow:6px 6px #143c91;--tw-shadow-colored:6px 6px var(--tw-shadow-color)}.tw-shadow-\[6px_6px_rgba\(20\,60\,145\,1\)\],.tw-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.tw-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.tw-shadow-md,.tw-shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.tw-shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.tw-transition-\[0\.2s\]{transition-duration:.15s;transition-property:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tw-duration-200{transition-duration:.2s}.tw-duration-300{transition-duration:.3s}.tw-content-\[\'\'\]{--tw-content:"";content:var(--tw-content)}.tw-content-\[\'Q\'\]{--tw-content:"Q";content:var(--tw-content)}.before\:tw-absolute:before{content:var(--tw-content);position:absolute}.before\:-tw-bottom-1:before{bottom:-.25rem;content:var(--tw-content)}.before\:tw-bottom-2:before{bottom:.5rem;content:var(--tw-content)}.before\:tw-bottom-3:before{bottom:.75rem;content:var(--tw-content)}.before\:tw-bottom-\[-10px\]:before{bottom:-10px;content:var(--tw-content)}.before\:tw-bottom-\[-14px\]:before{bottom:-14px;content:var(--tw-content)}.before\:tw-bottom-\[-16px\]:before{bottom:-16px;content:var(--tw-content)}.before\:tw-bottom-\[-18px\]:before{bottom:-18px;content:var(--tw-content)}.before\:tw-bottom-\[-24px\]:before{bottom:-24px;content:var(--tw-content)}.before\:tw-bottom-\[-8px\]:before{bottom:-8px;content:var(--tw-content)}.before\:tw-left-0:before{content:var(--tw-content);left:0}.before\:tw-left-\[10px\]:before{content:var(--tw-content);left:10px}.before\:tw-left-\[8px\]:before{content:var(--tw-content);left:8px}.before\:tw-left-\[calc\(50\%-17px\)\]:before{content:var(--tw-content);left:calc(50% - 17px)}.before\:tw-left-\[calc\(50\%-50vw\)\]:before{content:var(--tw-content);left:calc(50% - 50vw)}.before\:tw-left-\[calc\(50\%-9px\)\]:before{content:var(--tw-content);left:calc(50% - 9px)}.before\:tw-right-0:before{content:var(--tw-content);right:0}.before\:tw-right-\[-36px\]:before{content:var(--tw-content);right:-36px}.before\:tw-right-\[20px\]:before{content:var(--tw-content);right:20px}.before\:tw-right-\[48\%\]:before{content:var(--tw-content);right:48%}.before\:tw-top-0:before{content:var(--tw-content);top:0}.before\:tw-top-1\/2:before{content:var(--tw-content);top:50%}.before\:tw-top-\[10px\]:before{content:var(--tw-content);top:10px}.before\:tw-top-\[1px\]:before{content:var(--tw-content);top:1px}.before\:tw-top-\[20px\]:before{content:var(--tw-content);top:20px}.before\:tw-top-\[7px\]:before{content:var(--tw-content);top:7px}.before\:-tw-z-10:before{content:var(--tw-content);z-index:-10}.before\:tw-z-\[-1\]:before{content:var(--tw-content);z-index:-1}.before\:tw-ml-\[calc\(50\%-50vw\)\]:before{content:var(--tw-content);margin-left:calc(50% - 50vw)}.before\:tw-flex:before{content:var(--tw-content);display:flex}.before\:tw-aspect-square:before{aspect-ratio:1/1;content:var(--tw-content)}.before\:tw-h-\[10px\]:before{content:var(--tw-content);height:10px}.before\:tw-h-\[14px\]:before{content:var(--tw-content);height:14px}.before\:tw-h-\[2px\]:before{content:var(--tw-content);height:2px}.before\:tw-h-\[5px\]:before{content:var(--tw-content);height:5px}.before\:tw-h-\[8px\]:before{content:var(--tw-content);height:8px}.before\:tw-h-full:before{content:var(--tw-content);height:100%}.before\:tw-w-\[10px\]:before{content:var(--tw-content);width:10px}.before\:tw-w-\[18px\]:before{content:var(--tw-content);width:18px}.before\:tw-w-\[30px\]:before{content:var(--tw-content);width:30px}.before\:tw-w-\[35px\]:before{content:var(--tw-content);width:35px}.before\:tw-w-\[36px\]:before{content:var(--tw-content);width:36px}.before\:tw-w-\[5px\]:before{content:var(--tw-content);width:5px}.before\:tw-w-\[calc\(50vw-50\%\)\]:before{content:var(--tw-content);width:calc(50vw - 50%)}.before\:tw-w-full:before{content:var(--tw-content);width:100%}.before\:tw-w-screen:before{content:var(--tw-content);width:100vw}.before\:tw-justify-center:before{content:var(--tw-content);justify-content:center}.before\:tw-rounded-\[30px\]:before{border-radius:30px;content:var(--tw-content)}.before\:tw-rounded-full:before{border-radius:9999px;content:var(--tw-content)}.before\:tw-border-l-2:before{border-left-width:2px;content:var(--tw-content)}.before\:tw-border-t-2:before{border-top-width:2px;content:var(--tw-content)}.before\:tw-border-solid:before{border-style:solid;content:var(--tw-content)}.before\:tw-border-\[\#16769C\]:before{--tw-border-opacity:1;border-color:rgb(22 118 156/var(--tw-border-opacity));content:var(--tw-content)}.before\:tw-border-\[\#173F93\]:before{--tw-border-opacity:1;border-color:rgb(23 63 147/var(--tw-border-opacity));content:var(--tw-content)}.before\:tw-border-\[\#73B02D\]:before{--tw-border-opacity:1;border-color:rgb(115 176 45/var(--tw-border-opacity));content:var(--tw-content)}.before\:tw-border-\[\#E88F0B\]:before{--tw-border-opacity:1;border-color:rgb(232 143 11/var(--tw-border-opacity));content:var(--tw-content)}.before\:tw-bg-\[\#00A9E8\]:before{--tw-bg-opacity:1;background-color:rgb(0 169 232/var(--tw-bg-opacity));content:var(--tw-content)}.before\:tw-bg-\[\#16769C\]:before{--tw-bg-opacity:1;background-color:rgb(22 118 156/var(--tw-bg-opacity));content:var(--tw-content)}.before\:tw-bg-\[\#173F93\]:before{--tw-bg-opacity:1;background-color:rgb(23 63 147/var(--tw-bg-opacity));content:var(--tw-content)}.before\:tw-bg-\[\#73B02D\]:before{--tw-bg-opacity:1;background-color:rgb(115 176 45/var(--tw-bg-opacity));content:var(--tw-content)}.before\:tw-bg-\[\#88BC4C\]:before{--tw-bg-opacity:1;background-color:rgb(136 188 76/var(--tw-bg-opacity));content:var(--tw-content)}.before\:tw-bg-\[\#E88F0B\]:before{--tw-bg-opacity:1;background-color:rgb(232 143 11/var(--tw-bg-opacity));content:var(--tw-content)}.before\:tw-bg-\[\#F49D1B\]:before{--tw-bg-opacity:1;background-color:rgb(244 157 27/var(--tw-bg-opacity));content:var(--tw-content)}.before\:tw-bg-\[\#FFF9F9\]:before{--tw-bg-opacity:1;background-color:rgb(255 249 249/var(--tw-bg-opacity));content:var(--tw-content)}.before\:tw-bg-white:before{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));content:var(--tw-content)}.before\:tw-text-\[18px\]:before{content:var(--tw-content);font-size:18px}.before\:tw-font-bold:before{content:var(--tw-content);font-weight:700}.before\:tw-text-\[\#16769C\]:before{--tw-text-opacity:1;color:rgb(22 118 156/var(--tw-text-opacity));content:var(--tw-content)}.before\:tw-text-\[\#173F93\]:before{--tw-text-opacity:1;color:rgb(23 63 147/var(--tw-text-opacity));content:var(--tw-content)}.before\:tw-text-\[\#73B02D\]:before{--tw-text-opacity:1;color:rgb(115 176 45/var(--tw-text-opacity));content:var(--tw-content)}.before\:tw-text-\[\#88BC4C\]:before{--tw-text-opacity:1;color:rgb(136 188 76/var(--tw-text-opacity));content:var(--tw-content)}.before\:tw-text-\[\#E88F0B\]:before{--tw-text-opacity:1;color:rgb(232 143 11/var(--tw-text-opacity));content:var(--tw-content)}.before\:tw-content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.before\:tw-content-\[\'\*\'\]:before{--tw-content:"*";content:var(--tw-content)}.before\:tw-content-\[\'A\'\]:before{--tw-content:"A";content:var(--tw-content)}.before\:tw-content-\[\'※\'\]:before{--tw-content:"※";content:var(--tw-content)}.after\:tw-absolute:after{content:var(--tw-content);position:absolute}.after\:tw-bottom-0:after{bottom:0;content:var(--tw-content)}.after\:tw-left-0:after{content:var(--tw-content);left:0}.after\:tw-left-\[6px\]:after{content:var(--tw-content);left:6px}.after\:tw-right-0:after{content:var(--tw-content);right:0}.after\:tw-right-\[16px\]:after{content:var(--tw-content);right:16px}.after\:tw-top-0:after{content:var(--tw-content);top:0}.after\:tw-top-\[8px\]:after{content:var(--tw-content);top:8px}.after\:-tw-z-10:after{content:var(--tw-content);z-index:-10}.after\:tw-h-\[8px\]:after{content:var(--tw-content);height:8px}.after\:tw-h-\[9px\]:after{content:var(--tw-content);height:9px}.after\:tw-w-\[8px\]:after{content:var(--tw-content);width:8px}.after\:tw-w-\[9px\]:after{content:var(--tw-content);width:9px}.after\:tw-rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\:tw-border-b-2:after{border-bottom-width:2px;content:var(--tw-content)}.after\:tw-border-r-2:after{border-right-width:2px;content:var(--tw-content)}.after\:tw-border-solid:after{border-style:solid;content:var(--tw-content)}.after\:tw-border-\[\#16769C\]:after{--tw-border-opacity:1;border-color:rgb(22 118 156/var(--tw-border-opacity));content:var(--tw-content)}.after\:tw-border-\[\#173F93\]:after{--tw-border-opacity:1;border-color:rgb(23 63 147/var(--tw-border-opacity));content:var(--tw-content)}.after\:tw-border-\[\#73B02D\]:after{--tw-border-opacity:1;border-color:rgb(115 176 45/var(--tw-border-opacity));content:var(--tw-content)}.after\:tw-bg-\[\#00A9E8\]:after{--tw-bg-opacity:1;background-color:rgb(0 169 232/var(--tw-bg-opacity));content:var(--tw-content)}.after\:tw-bg-\[\#173F93\]:after{--tw-bg-opacity:1;background-color:rgb(23 63 147/var(--tw-bg-opacity));content:var(--tw-content)}.after\:tw-opacity-20:after{content:var(--tw-content);opacity:.2}.after\:tw-content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.hover\:tw-cursor-pointer:hover{cursor:pointer}.hover\:tw-bg-\[\#0962b6\]:hover{--tw-bg-opacity:1;background-color:rgb(9 98 182/var(--tw-bg-opacity))}.hover\:tw-bg-\[\#16769C\]:hover{--tw-bg-opacity:1;background-color:rgb(22 118 156/var(--tw-bg-opacity))}.hover\:tw-bg-\[\#173F93\]:hover,.hover\:tw-bg-\[\#173f93\]:hover{--tw-bg-opacity:1;background-color:rgb(23 63 147/var(--tw-bg-opacity))}.hover\:tw-bg-\[\#73B02D\]:hover{--tw-bg-opacity:1;background-color:rgb(115 176 45/var(--tw-bg-opacity))}.hover\:tw-bg-\[\#88BC4C\]:hover{--tw-bg-opacity:1;background-color:rgb(136 188 76/var(--tw-bg-opacity))}.hover\:tw-bg-\[\#E88F0B\]:hover{--tw-bg-opacity:1;background-color:rgb(232 143 11/var(--tw-bg-opacity))}.hover\:tw-bg-\[\#F49D1B\]:hover{--tw-bg-opacity:1;background-color:rgb(244 157 27/var(--tw-bg-opacity))}.hover\:tw-bg-\[\#fff\]:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:tw-bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.hover\:tw-bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.hover\:tw-text-\[\#00A9E8\]:hover,.hover\:tw-text-\[\#00a9e8\]:hover{--tw-text-opacity:1;color:rgb(0 169 232/var(--tw-text-opacity))}.hover\:tw-text-\[\#16769C\]:hover{--tw-text-opacity:1;color:rgb(22 118 156/var(--tw-text-opacity))}.hover\:tw-text-\[\#173F93\]:hover,.hover\:tw-text-\[\#173f93\]:hover{--tw-text-opacity:1;color:rgb(23 63 147/var(--tw-text-opacity))}.hover\:tw-text-\[\#73B02D\]:hover{--tw-text-opacity:1;color:rgb(115 176 45/var(--tw-text-opacity))}.hover\:tw-text-\[\#88BC4C\]:hover{--tw-text-opacity:1;color:rgb(136 188 76/var(--tw-text-opacity))}.hover\:tw-text-\[\#E88F0B\]:hover{--tw-text-opacity:1;color:rgb(232 143 11/var(--tw-text-opacity))}.hover\:tw-text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:tw-underline:hover{text-decoration-line:underline}.hover\:tw-no-underline:hover{text-decoration-line:none}.hover\:tw-opacity-50:hover{opacity:.5}.hover\:tw-opacity-80:hover{opacity:.8}.hover\:tw-shadow-\[4px_4px_rgba\(20\,60\,145\,0\.7\)\]:hover{--tw-shadow:4px 4px rgba(20,60,145,.7);--tw-shadow-colored:4px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:after\:tw-border-white:hover:after{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));content:var(--tw-content)}@media (min-width:640px){.sm\:tw-left-\[calc\(50\%\+250px\)\]{left:calc(50% + 250px)}.sm\:tw-left-auto{left:auto}.sm\:tw-right-\[calc\(50\%\+250px\)\]{right:calc(50% + 250px)}.sm\:tw-right-\[calc\(50\%-150px\)\]{right:calc(50% - 150px)}.sm\:tw-right-auto{right:auto}.sm\:tw-top-\[-100px\]{top:-100px}.sm\:tw-top-\[-70px\]{top:-70px}.sm\:tw-hidden{display:none}.sm\:tw-w-full{width:100%}.sm\:\!tw-max-w-\[600px\]{max-width:600px!important}.sm\:tw-max-w-\[600px\]{max-width:600px}.sm\:tw-flex-row{flex-direction:row}.sm\:tw-gap-10{gap:2.5rem}.sm\:tw-break-normal{overflow-wrap:normal;word-break:normal}.sm\:tw-px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:tw-pl-14{padding-left:3.5rem}.sm\:tw-text-left{text-align:left}.sm\:tw-leading-none{line-height:1}}@media (min-width:768px){.md\:tw-pointer-events-none{pointer-events:none}.md\:tw-absolute{position:absolute}.md\:tw-relative{position:relative}.md\:tw-sticky{position:sticky}.md\:tw-bottom-0{bottom:0}.md\:tw-bottom-\[-200px\]{bottom:-200px}.md\:tw-bottom-\[100px\]{bottom:100px}.md\:tw-bottom-\[10px\]{bottom:10px}.md\:tw-bottom-\[160px\]{bottom:160px}.md\:tw-bottom-\[170px\]{bottom:170px}.md\:tw-bottom-\[220px\]{bottom:220px}.md\:tw-bottom-\[30px\]{bottom:30px}.md\:tw-bottom-\[8px\]{bottom:8px}.md\:tw-left-6{left:1.5rem}.md\:tw-left-\[-10px\]{left:-10px}.md\:tw-left-\[-15\%\]{left:-15%}.md\:tw-left-\[-30px\]{left:-30px}.md\:tw-left-\[-50px\]{left:-50px}.md\:tw-left-\[15px\]{left:15px}.md\:tw-left-\[44\%\]{left:44%}.md\:tw-left-\[62\%\]{left:62%}.md\:tw-left-\[86\%\]{left:86%}.md\:tw-left-\[calc\(50\%\+280px\)\]{left:calc(50% + 280px)}.md\:tw-left-\[calc\(50\%-135px\)\]{left:calc(50% - 135px)}.md\:tw-left-\[calc\(50\%-260px\)\]{left:calc(50% - 260px)}.md\:tw-right-0{right:0}.md\:tw-right-36{right:9rem}.md\:tw-right-\[-30px\]{right:-30px}.md\:tw-right-\[-50px\]{right:-50px}.md\:tw-right-\[4\.5\%\]{right:4.5%}.md\:tw-right-\[40px\]{right:40px}.md\:tw-right-\[78\%\]{right:78%}.md\:tw-right-\[82\%\]{right:82%}.md\:tw-right-\[calc\(50\%\+280px\)\]{right:calc(50% + 280px)}.md\:tw-right-auto{right:auto}.md\:tw-top-10{top:2.5rem}.md\:tw-top-16{top:4rem}.md\:tw-top-52{top:13rem}.md\:tw-top-\[-16px\]{top:-16px}.md\:tw-top-\[-20px\]{top:-20px}.md\:tw-top-\[-230px\]{top:-230px}.md\:tw-top-\[-25px\]{top:-25px}.md\:tw-top-\[-40px\]{top:-40px}.md\:tw-top-\[-80px\]{top:-80px}.md\:tw-top-\[12\%\]{top:12%}.md\:tw-top-\[40px\]{top:40px}.md\:tw-top-\[calc\(50\%-30px\)\]{top:calc(50% - 30px)}.md\:tw-z-0{z-index:0}.md\:tw-z-10{z-index:10}.md\:tw-order-1{order:1}.md\:tw-order-2{order:2}.md\:tw-row-span-4{grid-row:span 4/span 4}.md\:tw-mx-0{margin-left:0;margin-right:0}.md\:tw-mx-\[50px\]{margin-left:50px;margin-right:50px}.md\:tw-mx-auto{margin-left:auto;margin-right:auto}.md\:tw-my-auto{margin-bottom:auto;margin-top:auto}.md\:tw-mb-0{margin-bottom:0}.md\:tw-mb-10{margin-bottom:2.5rem}.md\:tw-mb-12{margin-bottom:3rem}.md\:tw-mb-14{margin-bottom:3.5rem}.md\:tw-mb-16{margin-bottom:4rem}.md\:tw-mb-20{margin-bottom:5rem}.md\:tw-mb-24{margin-bottom:6rem}.md\:tw-mb-32{margin-bottom:8rem}.md\:tw-mb-4{margin-bottom:1rem}.md\:tw-mb-5{margin-bottom:1.25rem}.md\:tw-mb-6{margin-bottom:1.5rem}.md\:tw-mb-60{margin-bottom:15rem}.md\:tw-mb-8{margin-bottom:2rem}.md\:tw-mb-\[100px\]{margin-bottom:100px}.md\:tw-mb-\[11px\]{margin-bottom:11px}.md\:tw-mb-\[120px\]{margin-bottom:120px}.md\:tw-mb-\[12px\]{margin-bottom:12px}.md\:tw-mb-\[13px\]{margin-bottom:13px}.md\:tw-mb-\[140px\]{margin-bottom:140px}.md\:tw-mb-\[14px\]{margin-bottom:14px}.md\:tw-mb-\[17px\]{margin-bottom:17px}.md\:tw-mb-\[20px\]{margin-bottom:20px}.md\:tw-mb-\[24px\]{margin-bottom:24px}.md\:tw-mb-\[25px\]{margin-bottom:25px}.md\:tw-mb-\[27px\]{margin-bottom:27px}.md\:tw-mb-\[28px\]{margin-bottom:28px}.md\:tw-mb-\[30px\]{margin-bottom:30px}.md\:tw-mb-\[31px\]{margin-bottom:31px}.md\:tw-mb-\[32px\]{margin-bottom:32px}.md\:tw-mb-\[35px\]{margin-bottom:35px}.md\:tw-mb-\[36px\]{margin-bottom:36px}.md\:tw-mb-\[40px\]{margin-bottom:40px}.md\:tw-mb-\[42px\]{margin-bottom:42px}.md\:tw-mb-\[44px\]{margin-bottom:44px}.md\:tw-mb-\[48px\]{margin-bottom:48px}.md\:tw-mb-\[49px\]{margin-bottom:49px}.md\:tw-mb-\[55px\]{margin-bottom:55px}.md\:tw-mb-\[56px\]{margin-bottom:56px}.md\:tw-mb-\[60px\]{margin-bottom:60px}.md\:tw-mb-\[64px\]{margin-bottom:64px}.md\:tw-mb-\[65px\]{margin-bottom:65px}.md\:tw-mb-\[70px\]{margin-bottom:70px}.md\:tw-mb-\[72px\]{margin-bottom:72px}.md\:tw-mb-\[78px\]{margin-bottom:78px}.md\:tw-mb-\[82px\]{margin-bottom:82px}.md\:tw-mb-\[8px\]{margin-bottom:8px}.md\:tw-mb-\[90px\]{margin-bottom:90px}.md\:tw-ml-0{margin-left:0}.md\:tw-ml-\[16px\]{margin-left:16px}.md\:tw-ml-\[22px\]{margin-left:22px}.md\:tw-ml-\[32px\]{margin-left:32px}.md\:tw-ml-\[38px\]{margin-left:38px}.md\:tw-mr-16{margin-right:4rem}.md\:tw-mr-2{margin-right:.5rem}.md\:tw-mr-\[-40px\]{margin-right:-40px}.md\:tw-mr-\[10px\]{margin-right:10px}.md\:tw-mr-\[11px\]{margin-right:11px}.md\:tw-mr-\[16px\]{margin-right:16px}.md\:tw-mr-\[32px\]{margin-right:32px}.md\:tw-mr-auto{margin-right:auto}.md\:tw-mt-0{margin-top:0}.md\:tw-mt-1{margin-top:.25rem}.md\:tw-mt-16{margin-top:4rem}.md\:tw-mt-24{margin-top:6rem}.md\:tw-mt-5{margin-top:1.25rem}.md\:tw-mt-\[20px\]{margin-top:20px}.md\:tw-mt-\[31px\]{margin-top:31px}.md\:tw-mt-\[60px\]{margin-top:60px}.md\:tw-mt-\[8px\]{margin-top:8px}.md\:tw-mt-auto{margin-top:auto}.md\:tw-block{display:block}.md\:tw-flex{display:flex}.md\:tw-table{display:table}.md\:tw-table-cell{display:table-cell}.md\:tw-table-row-group{display:table-row-group}.md\:tw-table-row{display:table-row}.md\:tw-grid{display:grid}.md\:tw-hidden{display:none}.md\:tw-h-\[200px\]{height:200px}.md\:tw-h-\[260px\]{height:260px}.md\:tw-h-\[300px\]{height:300px}.md\:tw-h-\[370px\]{height:370px}.md\:tw-h-\[40px\]{height:40px}.md\:tw-h-\[50px\]{height:50px}.md\:tw-h-\[570px\]{height:570px}.md\:tw-h-\[670px\]{height:670px}.md\:tw-h-\[8px\]{height:8px}.md\:tw-h-\[calc\(100vh-245px\)\]{height:calc(100vh - 245px)}.md\:tw-h-auto{height:auto}.md\:tw-h-full{height:100%}.md\:tw-max-h-\[100px\]{max-height:100px}.md\:tw-max-h-\[30px\]{max-height:30px}.md\:tw-max-h-\[80px\]{max-height:80px}.md\:\!tw-min-h-\[calc\(100vh-245px\)\]{min-height:calc(100vh - 245px)!important}.md\:tw-min-h-\[260px\]{min-height:260px}.md\:tw-w-1\/2{width:50%}.md\:tw-w-1\/3{width:33.333333%}.md\:tw-w-1\/5{width:20%}.md\:tw-w-2\/3{width:66.666667%}.md\:tw-w-4\/12{width:33.333333%}.md\:tw-w-44{width:11rem}.md\:tw-w-56{width:14rem}.md\:tw-w-64{width:16rem}.md\:tw-w-80{width:20rem}.md\:tw-w-\[11px\]{width:11px}.md\:tw-w-\[15px\]{width:15px}.md\:tw-w-\[170px\]{width:170px}.md\:tw-w-\[200px\]{width:200px}.md\:tw-w-\[250px\]{width:250px}.md\:tw-w-\[272px\]{width:272px}.md\:tw-w-\[275px\]{width:275px}.md\:tw-w-\[28\%\]{width:28%}.md\:tw-w-\[310px\]{width:310px}.md\:tw-w-\[330px\]{width:330px}.md\:tw-w-\[350px\]{width:350px}.md\:tw-w-\[35px\]{width:35px}.md\:tw-w-\[36\%\]{width:36%}.md\:tw-w-\[38px\]{width:38px}.md\:tw-w-\[40\%\]{width:40%}.md\:tw-w-\[41px\]{width:41px}.md\:tw-w-\[42\%\]{width:42%}.md\:tw-w-\[48\%\]{width:48%}.md\:tw-w-\[50px\]{width:50px}.md\:tw-w-\[58\%\]{width:58%}.md\:tw-w-\[60\%\]{width:60%}.md\:tw-w-\[60px\]{width:60px}.md\:tw-w-\[63px\]{width:63px}.md\:tw-w-\[64\%\]{width:64%}.md\:tw-w-\[65px\]{width:65px}.md\:tw-w-\[90px\]{width:90px}.md\:tw-w-\[calc\(\(100\%-20px\)\/2\)\]{width:calc(50% - 10px)}.md\:tw-w-\[calc\(\(100\%-92px\)\/5\)\]{width:calc(20% - 18.4px)}.md\:tw-w-\[calc\(100\%\/3\)\]{width:33.33333%}.md\:tw-w-\[calc\(50\%\+40px\)\]{width:calc(50% + 40px)}.md\:tw-w-auto{width:auto}.md\:tw-w-fit{width:-moz-fit-content;width:fit-content}.md\:tw-w-full{width:100%}.md\:\!tw-max-w-\[300px\]{max-width:300px!important}.md\:\!tw-max-w-\[500px\]{max-width:500px!important}.md\:tw-max-w-\[140px\]{max-width:140px}.md\:tw-max-w-\[145px\]{max-width:145px}.md\:tw-max-w-\[180px\]{max-width:180px}.md\:tw-max-w-\[200px\]{max-width:200px}.md\:tw-max-w-\[222px\]{max-width:222px}.md\:tw-max-w-\[230px\]{max-width:230px}.md\:tw-max-w-\[250px\]{max-width:250px}.md\:tw-max-w-\[265px\]{max-width:265px}.md\:tw-max-w-\[270px\]{max-width:270px}.md\:tw-max-w-\[275px\]{max-width:275px}.md\:tw-max-w-\[300px\]{max-width:300px}.md\:tw-max-w-\[302px\]{max-width:302px}.md\:tw-max-w-\[33px\]{max-width:33px}.md\:tw-max-w-\[340px\]{max-width:340px}.md\:tw-max-w-\[38\.5px\]{max-width:38.5px}.md\:tw-max-w-\[400px\]{max-width:400px}.md\:tw-max-w-\[40px\]{max-width:40px}.md\:tw-max-w-\[410px\]{max-width:410px}.md\:tw-max-w-\[415px\]{max-width:415px}.md\:tw-max-w-\[420px\]{max-width:420px}.md\:tw-max-w-\[42px\]{max-width:42px}.md\:tw-max-w-\[440px\]{max-width:440px}.md\:tw-max-w-\[450px\]{max-width:450px}.md\:tw-max-w-\[480px\]{max-width:480px}.md\:tw-max-w-\[489px\]{max-width:489px}.md\:tw-max-w-\[48px\]{max-width:48px}.md\:tw-max-w-\[500px\]{max-width:500px}.md\:tw-max-w-\[507px\]{max-width:507px}.md\:tw-max-w-\[520px\]{max-width:520px}.md\:tw-max-w-\[52px\]{max-width:52px}.md\:tw-max-w-\[536px\]{max-width:536px}.md\:tw-max-w-\[540px\]{max-width:540px}.md\:tw-max-w-\[550px\]{max-width:550px}.md\:tw-max-w-\[560px\]{max-width:560px}.md\:tw-max-w-\[56px\]{max-width:56px}.md\:tw-max-w-\[580px\]{max-width:580px}.md\:tw-max-w-\[600px\]{max-width:600px}.md\:tw-max-w-\[620px\]{max-width:620px}.md\:tw-max-w-\[695px\]{max-width:695px}.md\:tw-max-w-full{max-width:100%}.md\:tw-flex-1{flex:1 1 0%}.md\:tw-cursor-default{cursor:default}.md\:tw-auto-rows-\[1fr\]{grid-auto-rows:1fr}.md\:tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:tw-grid-rows-\[subgrid\]{grid-template-rows:subgrid}.md\:tw-flex-row{flex-direction:row}.md\:tw-flex-row-reverse{flex-direction:row-reverse}.md\:tw-flex-col{flex-direction:column}.md\:tw-flex-wrap{flex-wrap:wrap}.md\:tw-flex-nowrap{flex-wrap:nowrap}.md\:tw-items-start{align-items:flex-start}.md\:tw-items-end{align-items:flex-end}.md\:tw-items-center{align-items:center}.md\:tw-justify-start{justify-content:flex-start}.md\:tw-justify-end{justify-content:flex-end}.md\:tw-justify-center{justify-content:center}.md\:tw-gap-0{gap:0}.md\:tw-gap-10{gap:2.5rem}.md\:tw-gap-12{gap:3rem}.md\:tw-gap-16{gap:4rem}.md\:tw-gap-20{gap:5rem}.md\:tw-gap-24{gap:6rem}.md\:tw-gap-32{gap:8rem}.md\:tw-gap-4{gap:1rem}.md\:tw-gap-6{gap:1.5rem}.md\:tw-gap-8{gap:2rem}.md\:tw-gap-\[10px\]{gap:10px}.md\:tw-gap-\[15px\]{gap:15px}.md\:tw-gap-\[16px\]{gap:16px}.md\:tw-gap-\[18px\]{gap:18px}.md\:tw-gap-\[20px\]{gap:20px}.md\:tw-gap-\[23px\]{gap:23px}.md\:tw-gap-\[24px\]{gap:24px}.md\:tw-gap-\[28px\]{gap:28px}.md\:tw-gap-\[30px\]{gap:30px}.md\:tw-gap-\[32px\]{gap:32px}.md\:tw-gap-\[36px\]{gap:36px}.md\:tw-gap-\[40px\]{gap:40px}.md\:tw-gap-\[42px\]{gap:42px}.md\:tw-gap-\[48px\]{gap:48px}.md\:tw-gap-\[5\%\]{gap:5%}.md\:tw-gap-\[52px\]{gap:52px}.md\:tw-gap-\[54px\]{gap:54px}.md\:tw-gap-\[60px\]{gap:60px}.md\:tw-gap-\[64px\]{gap:64px}.md\:tw-gap-\[9px\]{gap:9px}.md\:tw-gap-x-0{-moz-column-gap:0;column-gap:0}.md\:tw-gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\:tw-gap-x-\[10px\]{-moz-column-gap:10px;column-gap:10px}.md\:tw-gap-x-\[18px\]{-moz-column-gap:18px;column-gap:18px}.md\:tw-gap-x-\[48px\]{-moz-column-gap:48px;column-gap:48px}.md\:tw-gap-y-\[24px\]{row-gap:24px}.md\:tw-gap-y-\[26px\]{row-gap:26px}.md\:tw-gap-y-\[30px\]{row-gap:30px}.md\:tw-gap-y-\[40px\]{row-gap:40px}.md\:tw-overflow-y-scroll{overflow-y:scroll}.md\:tw-rounded-2xl{border-radius:1rem}.md\:tw-rounded-\[8px\]{border-radius:8px}.md\:tw-border-b{border-bottom-width:1px}.md\:tw-border-b-0{border-bottom-width:0}.md\:tw-border-b-\[3px\]{border-bottom-width:3px}.md\:tw-border-r{border-right-width:1px}.md\:tw-border-r-2{border-right-width:2px}.md\:tw-border-r-\[3px\]{border-right-width:3px}.md\:tw-border-t-0{border-top-width:0}.md\:tw-border-solid{border-style:solid}.md\:tw-border-white\/25{border-color:#ffffff40}.md\:tw-bg-\[url\(\'\/shared\/images\/company\/about\/bg-history\.svg\'\)\]{background-image:url(/shared/images/company/about/bg-history.svg)}.md\:tw-bg-contain{background-size:contain}.md\:tw-bg-no-repeat{background-repeat:no-repeat}.md\:tw-p-16{padding:4rem}.md\:tw-p-\[40px\]{padding:40px}.md\:tw-px-0{padding-left:0;padding-right:0}.md\:tw-px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:tw-px-12{padding-left:3rem;padding-right:3rem}.md\:tw-px-16{padding-left:4rem;padding-right:4rem}.md\:tw-px-3{padding-left:.75rem;padding-right:.75rem}.md\:tw-px-36{padding-left:9rem;padding-right:9rem}.md\:tw-px-7{padding-left:1.75rem;padding-right:1.75rem}.md\:tw-px-8{padding-left:2rem;padding-right:2rem}.md\:tw-px-\[10\%\]{padding-left:10%;padding-right:10%}.md\:tw-px-\[20px\]{padding-left:20px;padding-right:20px}.md\:tw-px-\[30px\]{padding-left:30px;padding-right:30px}.md\:tw-px-\[32px\]{padding-left:32px;padding-right:32px}.md\:tw-px-\[40px\]{padding-left:40px;padding-right:40px}.md\:tw-px-\[50px\]{padding-left:50px;padding-right:50px}.md\:tw-px-\[55px\]{padding-left:55px;padding-right:55px}.md\:tw-px-\[72px\]{padding-left:72px;padding-right:72px}.md\:tw-py-0{padding-bottom:0;padding-top:0}.md\:tw-py-12{padding-bottom:3rem;padding-top:3rem}.md\:tw-py-16{padding-bottom:4rem;padding-top:4rem}.md\:tw-py-24{padding-bottom:6rem;padding-top:6rem}.md\:tw-py-32{padding-bottom:8rem;padding-top:8rem}.md\:tw-py-5{padding-bottom:1.25rem;padding-top:1.25rem}.md\:tw-py-52{padding-bottom:13rem;padding-top:13rem}.md\:tw-py-8{padding-bottom:2rem;padding-top:2rem}.md\:tw-py-\[10px\]{padding-bottom:10px;padding-top:10px}.md\:tw-py-\[120px\]{padding-bottom:120px;padding-top:120px}.md\:tw-py-\[15px\]{padding-bottom:15px;padding-top:15px}.md\:tw-py-\[170px\]{padding-bottom:170px;padding-top:170px}.md\:tw-py-\[26px\]{padding-bottom:26px;padding-top:26px}.md\:tw-py-\[30px\]{padding-bottom:30px;padding-top:30px}.md\:tw-py-\[40px\]{padding-bottom:40px;padding-top:40px}.md\:tw-py-\[48px\]{padding-bottom:48px;padding-top:48px}.md\:tw-py-\[52px\]{padding-bottom:52px;padding-top:52px}.md\:tw-py-\[53px\]{padding-bottom:53px;padding-top:53px}.md\:tw-py-\[64px\]{padding-bottom:64px;padding-top:64px}.md\:tw-py-\[70px\]{padding-bottom:70px;padding-top:70px}.md\:tw-py-\[80px\]{padding-bottom:80px;padding-top:80px}.md\:tw-py-\[8px\]{padding-bottom:8px;padding-top:8px}.md\:tw-pb-24{padding-bottom:6rem}.md\:tw-pb-52{padding-bottom:13rem}.md\:tw-pb-96{padding-bottom:24rem}.md\:tw-pb-\[100px\]{padding-bottom:100px}.md\:tw-pb-\[120px\]{padding-bottom:120px}.md\:tw-pb-\[14px\]{padding-bottom:14px}.md\:tw-pb-\[16\%\]{padding-bottom:16%}.md\:tw-pb-\[20px\]{padding-bottom:20px}.md\:tw-pb-\[26px\]{padding-bottom:26px}.md\:tw-pb-\[32px\]{padding-bottom:32px}.md\:tw-pb-\[40px\]{padding-bottom:40px}.md\:tw-pb-\[48px\]{padding-bottom:48px}.md\:tw-pb-\[50px\]{padding-bottom:50px}.md\:tw-pb-\[60px\]{padding-bottom:60px}.md\:tw-pb-\[63px\]{padding-bottom:63px}.md\:tw-pb-\[80px\]{padding-bottom:80px}.md\:tw-pb-\[96px\]{padding-bottom:96px}.md\:tw-pl-10{padding-left:2.5rem}.md\:tw-pl-14{padding-left:3.5rem}.md\:tw-pl-16{padding-left:4rem}.md\:tw-pl-20{padding-left:5rem}.md\:tw-pl-24{padding-left:6rem}.md\:tw-pl-3{padding-left:.75rem}.md\:tw-pl-32{padding-left:8rem}.md\:tw-pl-36{padding-left:9rem}.md\:tw-pl-6{padding-left:1.5rem}.md\:tw-pl-7{padding-left:1.75rem}.md\:tw-pl-\[100px\]{padding-left:100px}.md\:tw-pl-\[12px\]{padding-left:12px}.md\:tw-pl-\[20px\]{padding-left:20px}.md\:tw-pl-\[50px\]{padding-left:50px}.md\:tw-pl-\[60px\]{padding-left:60px}.md\:tw-pl-\[65px\]{padding-left:65px}.md\:tw-pl-\[70px\]{padding-left:70px}.md\:tw-pr-20{padding-right:5rem}.md\:tw-pr-3{padding-right:.75rem}.md\:tw-pr-32{padding-right:8rem}.md\:tw-pr-8{padding-right:2rem}.md\:tw-pr-\[20px\]{padding-right:20px}.md\:tw-pr-\[30px\]{padding-right:30px}.md\:tw-pr-\[40px\]{padding-right:40px}.md\:tw-pr-\[50px\]{padding-right:50px}.md\:tw-pt-0{padding-top:0}.md\:tw-pt-64{padding-top:16rem}.md\:tw-pt-9{padding-top:2.25rem}.md\:tw-pt-\[100px\]{padding-top:100px}.md\:tw-pt-\[110px\]{padding-top:110px}.md\:tw-pt-\[120px\]{padding-top:120px}.md\:tw-pt-\[126px\]{padding-top:126px}.md\:tw-pt-\[150px\]{padding-top:150px}.md\:tw-pt-\[26px\]{padding-top:26px}.md\:tw-pt-\[310px\]{padding-top:310px}.md\:tw-pt-\[40px\]{padding-top:40px}.md\:tw-pt-\[50px\]{padding-top:50px}.md\:tw-pt-\[56px\]{padding-top:56px}.md\:tw-pt-\[60px\]{padding-top:60px}.md\:tw-pt-\[63px\]{padding-top:63px}.md\:tw-pt-\[75px\]{padding-top:75px}.md\:tw-pt-\[80px\]{padding-top:80px}.md\:tw-pt-\[90px\]{padding-top:90px}.md\:tw-text-left{text-align:left}.md\:tw-text-center{text-align:center}.md\:tw-text-right{text-align:right}.md\:tw-align-middle{vertical-align:middle}.md\:\!tw-text-\[28px\]{font-size:28px!important}.md\:tw-text-2xl{font-size:1.5rem;line-height:2rem}.md\:tw-text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:tw-text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:tw-text-5xl{font-size:3rem;line-height:1}.md\:tw-text-8xl{font-size:6rem;line-height:1}.md\:tw-text-\[12px\]{font-size:12px}.md\:tw-text-\[14px\]{font-size:14px}.md\:tw-text-\[16px\]{font-size:16px}.md\:tw-text-\[18\.75px\]{font-size:18.75px}.md\:tw-text-\[18px\]{font-size:18px}.md\:tw-text-\[20px\]{font-size:20px}.md\:tw-text-\[22px\]{font-size:22px}.md\:tw-text-\[24px\]{font-size:24px}.md\:tw-text-\[26px\]{font-size:26px}.md\:tw-text-\[30px\]{font-size:30px}.md\:tw-text-\[32px\]{font-size:32px}.md\:tw-text-\[36px\]{font-size:36px}.md\:tw-text-\[39px\]{font-size:39px}.md\:tw-text-\[46px\]{font-size:46px}.md\:tw-text-\[48px\]{font-size:48px}.md\:tw-text-\[49\.5px\]{font-size:49.5px}.md\:tw-text-\[70px\]{font-size:70px}.md\:tw-text-xl{font-size:1.25rem;line-height:1.75rem}.md\:tw-leading-\[1\.4\]{line-height:1.4}.md\:tw-tracking-widest{letter-spacing:.1em}.before\:md\:tw-left-\[calc\(50\%-3px\)\]:before{content:var(--tw-content);left:calc(50% - 3px)}.md\:before\:tw-bottom-\[-32px\]:before{bottom:-32px;content:var(--tw-content)}.md\:before\:tw-bottom-\[-40px\]:before{bottom:-40px;content:var(--tw-content)}.md\:before\:tw-left-\[-40px\]:before{content:var(--tw-content);left:-40px}.md\:before\:tw-left-\[calc\(50\%-17px\)\]:before{content:var(--tw-content);left:calc(50% - 17px)}.md\:before\:tw-right-\[30px\]:before{content:var(--tw-content);right:30px}.md\:before\:tw-top-0:before{content:var(--tw-content);top:0}.md\:before\:tw-top-\[25px\]:before{content:var(--tw-content);top:25px}.md\:before\:tw-top-\[5px\]:before{content:var(--tw-content);top:5px}.md\:before\:tw-w-\[16px\]:before{content:var(--tw-content);width:16px}.md\:before\:tw-w-\[35px\]:before{content:var(--tw-content);width:35px}.md\:before\:tw-text-\[24px\]:before{content:var(--tw-content);font-size:24px}.after\:md\:tw-left-\[calc\(50\%-5px\)\]:after{content:var(--tw-content);left:calc(50% - 5px)}.md\:after\:tw-right-\[32px\]:after{content:var(--tw-content);right:32px}}@media (min-width:1024px){.lg\:tw-absolute{position:absolute}.lg\:tw-relative{position:relative}.lg\:tw-sticky{position:sticky}.lg\:tw-bottom-28{bottom:7rem}.lg\:tw-bottom-\[-50px\]{bottom:-50px}.lg\:tw-left-0{left:0}.lg\:tw-left-\[-20px\]{left:-20px}.lg\:tw-left-\[10\%\]{left:10%}.lg\:tw-left-\[18\%\]{left:18%}.lg\:tw-left-\[20\%\]{left:20%}.lg\:tw-left-\[20px\]{left:20px}.lg\:tw-left-\[24\%\]{left:24%}.lg\:tw-left-\[60px\]{left:60px}.lg\:tw-left-\[83\%\]{left:83%}.lg\:tw-left-\[87\%\]{left:87%}.lg\:tw-right-0{right:0}.lg\:tw-right-8{right:2rem}.lg\:tw-right-\[-150px\]{right:-150px}.lg\:tw-right-\[-65px\]{right:-65px}.lg\:tw-right-\[107\%\]{right:107%}.lg\:tw-right-\[14\%\]{right:14%}.lg\:tw-right-\[6\%\]{right:6%}.lg\:tw-right-\[calc\(50\%-220px\)\]{right:calc(50% - 220px)}.lg\:tw-top-0{top:0}.lg\:tw-top-10{top:2.5rem}.lg\:tw-top-12{top:3rem}.lg\:tw-top-20{top:5rem}.lg\:tw-top-28{top:7rem}.lg\:tw-top-44{top:11rem}.lg\:tw-top-52{top:13rem}.lg\:tw-top-6{top:1.5rem}.lg\:tw-top-8{top:2rem}.lg\:tw-top-\[-15\%\]{top:-15%}.lg\:tw-top-\[-25px\]{top:-25px}.lg\:tw-top-\[-30px\]{top:-30px}.lg\:tw-top-\[-50px\]{top:-50px}.lg\:tw-top-\[13\%\]{top:13%}.lg\:tw-top-\[20px\]{top:20px}.lg\:tw-top-\[310px\]{top:310px}.lg\:tw-top-\[350px\]{top:350px}.lg\:tw-top-\[35px\]{top:35px}.lg\:tw-top-\[50\%\]{top:50%}.lg\:tw-top-\[60px\]{top:60px}.lg\:tw-top-\[70px\]{top:70px}.lg\:tw-top-\[80px\]{top:80px}.lg\:tw-order-1{order:1}.lg\:tw-order-2{order:2}.lg\:tw-order-3{order:3}.lg\:tw-order-none{order:0}.lg\:tw-col-span-1{grid-column:span 1/span 1}.lg\:tw-col-span-2{grid-column:span 2/span 2}.lg\:tw-row-auto{grid-row:auto}.lg\:tw-row-span-3{grid-row:span 3/span 3}.lg\:tw-row-span-5{grid-row:span 5/span 5}.lg\:tw-mx-0{margin-left:0;margin-right:0}.lg\:tw-my-0{margin-top:0}.lg\:tw-mb-0,.lg\:tw-my-0{margin-bottom:0}.lg\:tw-mb-10{margin-bottom:2.5rem}.lg\:tw-mb-14{margin-bottom:3.5rem}.lg\:tw-mb-16{margin-bottom:4rem}.lg\:tw-mb-20{margin-bottom:5rem}.lg\:tw-mb-24{margin-bottom:6rem}.lg\:tw-mb-28{margin-bottom:7rem}.lg\:tw-mb-4{margin-bottom:1rem}.lg\:tw-mb-72{margin-bottom:18rem}.lg\:tw-mb-\[-30px\]{margin-bottom:-30px}.lg\:tw-mb-\[14px\]{margin-bottom:14px}.lg\:tw-mb-\[24px\]{margin-bottom:24px}.lg\:tw-mb-\[40px\]{margin-bottom:40px}.lg\:tw-mb-\[50px\]{margin-bottom:50px}.lg\:tw-mb-\[55px\]{margin-bottom:55px}.lg\:tw-mb-\[60px\]{margin-bottom:60px}.lg\:tw-mb-\[64px\]{margin-bottom:64px}.lg\:tw-mb-\[75px\]{margin-bottom:75px}.lg\:tw-mb-\[80px\]{margin-bottom:80px}.lg\:tw-mb-\[8px\]{margin-bottom:8px}.lg\:tw-mb-\[96px\]{margin-bottom:96px}.lg\:tw-ml-auto{margin-left:auto}.lg\:tw-mr-64{margin-right:16rem}.lg\:tw-mr-8{margin-right:2rem}.lg\:tw-mr-\[40px\]{margin-right:40px}.lg\:tw-mr-auto{margin-right:auto}.lg\:tw-mt-0{margin-top:0}.lg\:tw-mt-32{margin-top:8rem}.lg\:tw-mt-6{margin-top:1.5rem}.lg\:tw-mt-\[-36\.2px\]{margin-top:-36.2px}.lg\:tw-mt-\[31px\]{margin-top:31px}.lg\:tw-mt-\[60px\]{margin-top:60px}.lg\:tw-mt-\[80px\]{margin-top:80px}.lg\:tw-block{display:block}.lg\:tw-inline-block{display:inline-block}.lg\:tw-flex{display:flex}.lg\:tw-grid{display:grid}.lg\:tw-hidden{display:none}.lg\:tw-h-\[18px\]{height:18px}.lg\:tw-h-\[280px\]{height:280px}.lg\:tw-h-\[64px\]{height:64px}.lg\:tw-h-\[66px\]{height:66px}.lg\:tw-h-\[85\%\]{height:85%}.lg\:tw-h-full{height:100%}.lg\:tw-max-h-\[200px\]{max-height:200px}.lg\:tw-min-h-\[102\.5px\]{min-height:102.5px}.lg\:tw-min-h-\[328px\]{min-height:328px}.lg\:tw-min-h-screen{min-height:100vh}.lg\:\!tw-w-\[24\.2\%\]{width:24.2%!important}.lg\:\!tw-w-\[75\.8\%\]{width:75.8%!important}.lg\:tw-w-1\/2{width:50%}.lg\:tw-w-1\/3{width:33.333333%}.lg\:tw-w-1\/4{width:25%}.lg\:tw-w-2\/3{width:66.666667%}.lg\:tw-w-3\/4{width:75%}.lg\:tw-w-\[255px\]{width:255px}.lg\:tw-w-\[280px\]{width:280px}.lg\:tw-w-\[30\%\]{width:30%}.lg\:tw-w-\[320px\]{width:320px}.lg\:tw-w-\[35\%\]{width:35%}.lg\:tw-w-\[43\%\]{width:43%}.lg\:tw-w-\[430px\]{width:430px}.lg\:tw-w-\[434px\]{width:434px}.lg\:tw-w-\[45\%\]{width:45%}.lg\:tw-w-\[530px\]{width:530px}.lg\:tw-w-\[55\%\]{width:55%}.lg\:tw-w-\[550px\]{width:550px}.lg\:tw-w-\[57\%\]{width:57%}.lg\:tw-w-\[60\%\]{width:60%}.lg\:tw-w-\[64px\]{width:64px}.lg\:tw-w-\[66px\]{width:66px}.lg\:tw-w-\[70\%\]{width:70%}.lg\:tw-w-\[calc\(50\%-20px\)\],.lg\:tw-w-\[calc\(\(100\%-40px\)\/2\)\]{width:calc(50% - 20px)}.lg\:tw-w-auto{width:auto}.lg\:tw-w-full{width:100%}.lg\:tw-min-w-\[1350px\]{min-width:1350px}.lg\:\!tw-max-w-\[150px\]{max-width:150px!important}.lg\:\!tw-max-w-\[320px\]{max-width:320px!important}.lg\:\!tw-max-w-\[455px\]{max-width:455px!important}.lg\:\!tw-max-w-\[475px\]{max-width:475px!important}.lg\:\!tw-max-w-\[530px\]{max-width:530px!important}.lg\:\!tw-max-w-\[600px\]{max-width:600px!important}.lg\:\!tw-max-w-xl{max-width:36rem!important}.lg\:tw-max-w-\[1050px\]{max-width:1050px}.lg\:tw-max-w-\[200px\]{max-width:200px}.lg\:tw-max-w-\[209px\]{max-width:209px}.lg\:tw-max-w-\[240px\]{max-width:240px}.lg\:tw-max-w-\[258px\]{max-width:258px}.lg\:tw-max-w-\[280px\]{max-width:280px}.lg\:tw-max-w-\[320px\]{max-width:320px}.lg\:tw-max-w-\[340px\]{max-width:340px}.lg\:tw-max-w-\[380px\]{max-width:380px}.lg\:tw-max-w-\[390px\]{max-width:390px}.lg\:tw-max-w-\[39px\]{max-width:39px}.lg\:tw-max-w-\[400px\]{max-width:400px}.lg\:tw-max-w-\[42px\]{max-width:42px}.lg\:tw-max-w-\[450px\]{max-width:450px}.lg\:tw-max-w-\[460px\]{max-width:460px}.lg\:tw-max-w-\[465px\]{max-width:465px}.lg\:tw-max-w-\[48px\]{max-width:48px}.lg\:tw-max-w-\[500px\]{max-width:500px}.lg\:tw-max-w-\[52px\]{max-width:52px}.lg\:tw-max-w-\[530px\]{max-width:530px}.lg\:tw-max-w-\[550px\]{max-width:550px}.lg\:tw-max-w-\[56px\]{max-width:56px}.lg\:tw-max-w-\[600px\]{max-width:600px}.lg\:tw-max-w-\[720px\]{max-width:720px}.lg\:tw-max-w-\[816px\]{max-width:816px}.lg\:tw-max-w-\[860px\]{max-width:860px}.lg\:tw-max-w-\[875px\]{max-width:875px}.lg\:tw-max-w-full{max-width:100%}.lg\:tw-max-w-xl{max-width:36rem}.lg\:tw-flex-1{flex:1 1 0%}.lg\:tw-flex-grow{flex-grow:1}.lg\:-tw-translate-y-\[50\%\]{--tw-translate-y:-50%}.lg\:-tw-translate-y-\[50\%\],.lg\:tw-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:tw-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:tw-grid-cols-none{grid-template-columns:none}.lg\:tw-grid-rows-\[subgrid\]{grid-template-rows:subgrid}.lg\:tw-flex-row{flex-direction:row}.lg\:tw-flex-row-reverse{flex-direction:row-reverse}.lg\:tw-flex-col{flex-direction:column}.lg\:tw-items-start{align-items:flex-start}.lg\:tw-items-end{align-items:flex-end}.lg\:tw-items-center{align-items:center}.lg\:tw-justify-normal{justify-content:normal}.lg\:tw-justify-start{justify-content:flex-start}.lg\:tw-justify-end{justify-content:flex-end}.lg\:tw-justify-center{justify-content:center}.lg\:tw-justify-between{justify-content:space-between}.lg\:tw-gap-0{gap:0}.lg\:tw-gap-14{gap:3.5rem}.lg\:tw-gap-16{gap:4rem}.lg\:tw-gap-20{gap:5rem}.lg\:tw-gap-24{gap:6rem}.lg\:tw-gap-5{gap:1.25rem}.lg\:tw-gap-6{gap:1.5rem}.lg\:tw-gap-8{gap:2rem}.lg\:tw-gap-9{gap:2.25rem}.lg\:tw-gap-\[10px\]{gap:10px}.lg\:tw-gap-\[32px\]{gap:32px}.lg\:tw-gap-\[40px\]{gap:40px}.lg\:tw-gap-\[5px\]{gap:5px}.lg\:tw-gap-\[80px\]{gap:80px}.lg\:tw-gap-\[86px\]{gap:86px}.lg\:tw-gap-x-0{-moz-column-gap:0;column-gap:0}.lg\:tw-gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.lg\:tw-gap-x-\[64px\]{-moz-column-gap:64px;column-gap:64px}.lg\:tw-gap-y-0{row-gap:0}.lg\:tw-gap-y-8{row-gap:2rem}.lg\:tw-gap-y-\[16px\]{row-gap:16px}.lg\:tw-border-y-0{border-bottom-width:0;border-top-width:0}.lg\:tw-border-l{border-left-width:1px}.lg\:tw-border-r{border-right-width:1px}.lg\:tw-border-t-0{border-top-width:0}.lg\:tw-border-l-\[\#E4E4E4\]{--tw-border-opacity:1;border-left-color:rgb(228 228 228/var(--tw-border-opacity))}.lg\:tw-bg-\[\#f5f5f5\]{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.lg\:tw-p-\[40px\]{padding:40px}.lg\:tw-px-0{padding-left:0;padding-right:0}.lg\:tw-px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:tw-px-14{padding-left:3.5rem;padding-right:3.5rem}.lg\:tw-px-16{padding-left:4rem;padding-right:4rem}.lg\:tw-px-20{padding-left:5rem;padding-right:5rem}.lg\:tw-px-36{padding-left:9rem;padding-right:9rem}.lg\:tw-px-44{padding-left:11rem;padding-right:11rem}.lg\:tw-px-\[20px\]{padding-left:20px;padding-right:20px}.lg\:tw-px-\[30px\]{padding-left:30px;padding-right:30px}.lg\:tw-px-\[40px\]{padding-left:40px;padding-right:40px}.lg\:tw-px-\[50px\]{padding-left:50px;padding-right:50px}.lg\:tw-px-\[56px\]{padding-left:56px;padding-right:56px}.lg\:tw-px-\[64px\]{padding-left:64px;padding-right:64px}.lg\:tw-px-\[80px\]{padding-left:80px;padding-right:80px}.lg\:tw-px-\[96px\]{padding-left:96px;padding-right:96px}.lg\:tw-py-0{padding-bottom:0;padding-top:0}.lg\:tw-py-14{padding-bottom:3.5rem;padding-top:3.5rem}.lg\:tw-py-16{padding-bottom:4rem;padding-top:4rem}.lg\:tw-py-20{padding-bottom:5rem;padding-top:5rem}.lg\:tw-py-24{padding-bottom:6rem;padding-top:6rem}.lg\:tw-py-28{padding-bottom:7rem;padding-top:7rem}.lg\:tw-py-40{padding-bottom:10rem;padding-top:10rem}.lg\:tw-py-8{padding-bottom:2rem;padding-top:2rem}.lg\:tw-py-\[64px\]{padding-bottom:64px;padding-top:64px}.lg\:tw-pb-0{padding-bottom:0}.lg\:tw-pb-24{padding-bottom:6rem}.lg\:tw-pb-60{padding-bottom:15rem}.lg\:tw-pb-\[120px\]{padding-bottom:120px}.lg\:tw-pb-\[48px\]{padding-bottom:48px}.lg\:tw-pb-\[80px\]{padding-bottom:80px}.lg\:tw-pl-52{padding-left:13rem}.lg\:tw-pl-60{padding-left:15rem}.lg\:tw-pl-\[40px\]{padding-left:40px}.lg\:tw-pl-\[56px\]{padding-left:56px}.lg\:tw-pr-16{padding-right:4rem}.lg\:tw-pr-28{padding-right:7rem}.lg\:tw-pr-36{padding-right:9rem}.lg\:tw-pr-\[20px\]{padding-right:20px}.lg\:tw-pr-\[32px\]{padding-right:32px}.lg\:tw-pr-\[40px\]{padding-right:40px}.lg\:tw-pt-0{padding-top:0}.lg\:tw-pt-12{padding-top:3rem}.lg\:tw-pt-2{padding-top:.5rem}.lg\:tw-pt-20{padding-top:5rem}.lg\:tw-pt-28{padding-top:7rem}.lg\:tw-pt-\[0\]{padding-top:0}.lg\:tw-pt-\[50px\]{padding-top:50px}.lg\:tw-pt-\[56px\]{padding-top:56px}.lg\:tw-pt-\[64px\]{padding-top:64px}.lg\:tw-pt-\[90px\]{padding-top:90px}.lg\:tw-text-left{text-align:left}.lg\:tw-text-center{text-align:center}.lg\:tw-text-2xl{font-size:1.5rem;line-height:2rem}.lg\:tw-text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:tw-text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:tw-text-5xl{font-size:3rem;line-height:1}.lg\:tw-text-\[12px\]{font-size:12px}.lg\:tw-text-\[14px\]{font-size:14px}.lg\:tw-text-\[15px\]{font-size:15px}.lg\:tw-text-\[16px\]{font-size:16px}.lg\:tw-text-\[18px\]{font-size:18px}.lg\:tw-text-\[20px\]{font-size:20px}.lg\:tw-text-\[21\.6px\]{font-size:21.6px}.lg\:tw-text-\[24px\]{font-size:24px}.lg\:tw-text-\[25px\]{font-size:25px}.lg\:tw-text-\[30px\]{font-size:30px}.lg\:tw-text-\[38px\]{font-size:38px}.lg\:tw-text-\[42px\]{font-size:42px}.lg\:tw-text-\[44px\]{font-size:44px}.lg\:tw-text-\[50px\]{font-size:50px}.lg\:tw-text-\[55px\]{font-size:55px}.lg\:tw-text-\[57px\]{font-size:57px}.lg\:tw-leading-normal{line-height:1.5}.lg\:before\:tw-bottom-\[-17px\]:before{bottom:-17px;content:var(--tw-content)}.lg\:before\:tw-right-\[30\%\]:before{content:var(--tw-content);right:30%}.lg\:before\:tw-h-\[17px\]:before{content:var(--tw-content);height:17px}.lg\:before\:tw-w-\[17px\]:before{content:var(--tw-content);width:17px}}@media (min-width:1280px){.xl\:tw-bottom-\[-60px\]{bottom:-60px}.xl\:tw-left-1\/2{left:50%}.xl\:tw-left-\[20\%\]{left:20%}.xl\:tw-left-\[24\%\]{left:24%}.xl\:tw-left-\[28\%\]{left:28%}.xl\:tw-right-1\/2{right:50%}.xl\:tw-top-\[-60px\]{top:-60px}.xl\:tw-ml-\[calc\(-1\*\(\(100vw-1280px\)\/2\)\)\]{margin-left:calc(-50vw + 640px)}.xl\:tw-w-\[345px\]{width:345px}.xl\:tw-w-\[392px\]{width:392px}.xl\:tw-w-\[calc\(100\%\+\(\(100vw-1280px\)\/2\)\)\]{width:calc(100% + 50vw - 640px)}.xl\:tw-text-\[18px\]{font-size:18px}.xl\:tw-text-\[57px\]{font-size:57px}}@media (min-width:1536px){.\32xl\:tw-left-\[24\%\]{left:24%}.\32xl\:tw-left-\[30\%\]{left:30%}.\32xl\:tw-left-\[45\%\]{left:45%}.\32xl\:\!tw-max-w-\[200px\]{max-width:200px!important}.\32xl\:\!tw-max-w-\[340px\]{max-width:340px!important}.\32xl\:\!tw-max-w-\[400px\]{max-width:400px!important}.\32xl\:\!tw-max-w-\[550px\]{max-width:550px!important}.\32xl\:tw-max-w-\[340px\]{max-width:340px}.\32xl\:tw-max-w-\[400px\]{max-width:400px}.\32xl\:tw-max-w-\[550px\]{max-width:550px}.\32xl\:tw-text-4xl{font-size:2.25rem;line-height:2.5rem}}