@charset "UTF-8"; @import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css); article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block} audio:not([controls]){display:none;height:0} [hidden],template{display:none} *,:after,:before{background-repeat:no-repeat;box-sizing:inherit} :after,:before{text-decoration:inherit;vertical-align:inherit} html{box-sizing:border-box;cursor:default;font-family:sans-serif;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{margin:0} h1{font-size:2em;margin:.67em 0} code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em} hr{height:0;overflow:visible} nav ol,nav ul{list-style:none} abbr[title]{border-bottom:1px dotted;text-decoration:none} b,strong{font-weight:inherit} b,strong{font-weight:bolder} dfn{font-style:italic} mark{background-color:#ffff00;color:#000000} progress{vertical-align:baseline} small{font-size:83.3333%} sub,sup{font-size:83.3333%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} ::-moz-selection{background-color:#b3d4fc;color:#000000;text-shadow:none} ::selection{background-color:#b3d4fc;color:#000000;text-shadow:none} audio,canvas,iframe,img,svg,video{vertical-align:middle} img{border-style:none} svg{fill:currentColor} svg:not(:root){overflow:hidden} /*a,a:link{background-color:transparent;-webkit-text-decoration-skip:objects}*/ :hover{outline-width:0} table{border-collapse:collapse;border-spacing:0} button,input,select,textarea{background-color:transparent;border-style:none;color:inherit;font-size:1em;margin:0} button,input{overflow:visible} button,select{text-transform:none} [type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button} ::-moz-focus-inner{border-style:none;padding:0} :-moz-focusring{outline:1px dotted ButtonText} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em} legend{display:table;max-width:100%;padding:0;white-space:normal} textarea{overflow:auto;resize:vertical} [type=checkbox],[type=radio]{padding:0} ::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} ::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-input-placeholder{color:inherit;opacity:.54} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} [aria-busy=true]{cursor:progress} [aria-controls]{cursor:pointer} [aria-disabled]{cursor:default} [tabindex],a,a:link,area,button,input,label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation} [hidden][aria-hidden=false]{clip:rect(0, 0, 0, 0);display:inherit;position:absolute} [hidden][aria-hidden=false]:focus{clip:auto} abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,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,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent} ol,ul{list-style:none} html{overflow-y:scroll;font-size:62.5%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased} body{background-color:#fff;color:#333;font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;overflow:hidden;line-height:1} a,a:link{cursor:pointer;text-decoration:none;color:#0088cc;-webkit-transition:opacity 0.1s ease-out 0s 0.2s ease-in-out;-moz-transition:opacity 0.1s ease-out 0s 0.2s ease-in-out;-ms-transition:opacity 0.1s ease-out 0s 0.2s ease-in-out;-o-transition:opacity 0.1s ease-out 0s 0.2s ease-in-out;transition:opacity 0.1s ease-out 0s 0.2s ease-in-out;outline:none} a:link img,a img{outline:none} a:hover{color:#0088cc;text-decoration: none;} button,input[type=image],input[type=submit]{-webkit-transition:opacity 0.1s ease-out 0s 0.2s ease-in-out;-moz-transition:opacity 0.1s ease-out 0s 0.2s ease-in-out;-ms-transition:opacity 0.1s ease-out 0s 0.2s ease-in-out;-o-transition:opacity 0.1s ease-out 0s 0.2s ease-in-out;transition:opacity 0.1s ease-out 0s 0.2s ease-in-out} img{vertical-align:bottom;max-width:100%} em{font-style:normal} button{cursor:pointer;cursor:hand;outline:0} *,:after,:before{box-sizing:border-box} hr{display:none} @media only screen and (min-width:751px),print{ a:link img,a img{-webkit-transition:opacity 0.4s 0.2s ease-in-out;-moz-transition:opacity 0.4s 0.2s ease-in-out;-ms-transition:opacity 0.4s 0.2s ease-in-out;-o-transition:opacity 0.4s 0.2s ease-in-out;transition:opacity 0.4s 0.2s ease-in-out} a.hover>img{opacity:0.6} } @media only screen and (min-width:1400px),print{ .only-sp{display:none!important} } @media only screen and (min-width:751px) and (max-width:1399px),print{ .only-pc{display:none!important} .only-sp{display:none!important} } @media only screen and (max-width:750px),print{ .only-pc{display:none!important} .only-exsp{display:none!important} .ex-sp{display:none!important} .hAuto-sp{height:auto!important} } body{background:#fff;width:100%;overflow:hidden} @media only print{ body{zoom:60%} } main{} button:active,button:focus,input[type=image]:active,input[type=image]:focus,input[type=submit]:active,input[type=submit]:focus,label:active,label:focus{outline:none!important} input[type=file]{display:inline-block;vertical-align:middle} button.def,input[type=button].def,input[type=checkbox].def,input[type=color].def,input[type=date].def,input[type=datetime].def,input[type=datetime-local].def,input[type=email].def,input[type=file].def,input[type=image].def,input[type=month].def,input[type=number].def,input[type=password].def,input[type=radio].def,input[type=range].def,input[type=reset].def,input[type=search].def,input[type=submit].def,input[type=tel].def,input[type=text].def,input[type=time].def,input[type=url].def,input[type=week].def,option.def,select.def,textarea.def{-webkit-appearance:none;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;max-width:100%} button.def:placeholder-shown,input[type=button].def:placeholder-shown,input[type=checkbox].def:placeholder-shown,input[type=color].def:placeholder-shown,input[type=date].def:placeholder-shown,input[type=datetime].def:placeholder-shown,input[type=datetime-local].def:placeholder-shown,input[type=email].def:placeholder-shown,input[type=file].def:placeholder-shown,input[type=image].def:placeholder-shown,input[type=month].def:placeholder-shown,input[type=number].def:placeholder-shown,input[type=password].def:placeholder-shown,input[type=radio].def:placeholder-shown,input[type=range].def:placeholder-shown,input[type=reset].def:placeholder-shown,input[type=search].def:placeholder-shown,input[type=submit].def:placeholder-shown,input[type=tel].def:placeholder-shown,input[type=text].def:placeholder-shown,input[type=time].def:placeholder-shown,input[type=url].def:placeholder-shown,input[type=week].def:placeholder-shown,option.def:placeholder-shown,select.def:placeholder-shown,textarea.def:placeholder-shown{color:#999} button.def::-webkit-input-placeholder,input[type=button].def::-webkit-input-placeholder,input[type=checkbox].def::-webkit-input-placeholder,input[type=color].def::-webkit-input-placeholder,input[type=date].def::-webkit-input-placeholder,input[type=datetime].def::-webkit-input-placeholder,input[type=datetime-local].def::-webkit-input-placeholder,input[type=email].def::-webkit-input-placeholder,input[type=file].def::-webkit-input-placeholder,input[type=image].def::-webkit-input-placeholder,input[type=month].def::-webkit-input-placeholder,input[type=number].def::-webkit-input-placeholder,input[type=password].def::-webkit-input-placeholder,input[type=radio].def::-webkit-input-placeholder,input[type=range].def::-webkit-input-placeholder,input[type=reset].def::-webkit-input-placeholder,input[type=search].def::-webkit-input-placeholder,input[type=submit].def::-webkit-input-placeholder,input[type=tel].def::-webkit-input-placeholder,input[type=text].def::-webkit-input-placeholder,input[type=time].def::-webkit-input-placeholder,input[type=url].def::-webkit-input-placeholder,input[type=week].def::-webkit-input-placeholder,option.def::-webkit-input-placeholder,select.def::-webkit-input-placeholder,textarea.def::-webkit-input-placeholder{color:#999} button.def:-moz-placeholder,input[type=button].def:-moz-placeholder,input[type=checkbox].def:-moz-placeholder,input[type=color].def:-moz-placeholder,input[type=date].def:-moz-placeholder,input[type=datetime].def:-moz-placeholder,input[type=datetime-local].def:-moz-placeholder,input[type=email].def:-moz-placeholder,input[type=file].def:-moz-placeholder,input[type=image].def:-moz-placeholder,input[type=month].def:-moz-placeholder,input[type=number].def:-moz-placeholder,input[type=password].def:-moz-placeholder,input[type=radio].def:-moz-placeholder,input[type=range].def:-moz-placeholder,input[type=reset].def:-moz-placeholder,input[type=search].def:-moz-placeholder,input[type=submit].def:-moz-placeholder,input[type=tel].def:-moz-placeholder,input[type=text].def:-moz-placeholder,input[type=time].def:-moz-placeholder,input[type=url].def:-moz-placeholder,input[type=week].def:-moz-placeholder,option.def:-moz-placeholder,select.def:-moz-placeholder,textarea.def:-moz-placeholder{opacity:1;color:#999} button.def::-moz-placeholder,input[type=button].def::-moz-placeholder,input[type=checkbox].def::-moz-placeholder,input[type=color].def::-moz-placeholder,input[type=date].def::-moz-placeholder,input[type=datetime].def::-moz-placeholder,input[type=datetime-local].def::-moz-placeholder,input[type=email].def::-moz-placeholder,input[type=file].def::-moz-placeholder,input[type=image].def::-moz-placeholder,input[type=month].def::-moz-placeholder,input[type=number].def::-moz-placeholder,input[type=password].def::-moz-placeholder,input[type=radio].def::-moz-placeholder,input[type=range].def::-moz-placeholder,input[type=reset].def::-moz-placeholder,input[type=search].def::-moz-placeholder,input[type=submit].def::-moz-placeholder,input[type=tel].def::-moz-placeholder,input[type=text].def::-moz-placeholder,input[type=time].def::-moz-placeholder,input[type=url].def::-moz-placeholder,input[type=week].def::-moz-placeholder,option.def::-moz-placeholder,select.def::-moz-placeholder,textarea.def::-moz-placeholder{opacity:1;color:#999} button.def:-ms-input-placeholder,input[type=button].def:-ms-input-placeholder,input[type=checkbox].def:-ms-input-placeholder,input[type=color].def:-ms-input-placeholder,input[type=date].def:-ms-input-placeholder,input[type=datetime].def:-ms-input-placeholder,input[type=datetime-local].def:-ms-input-placeholder,input[type=email].def:-ms-input-placeholder,input[type=file].def:-ms-input-placeholder,input[type=image].def:-ms-input-placeholder,input[type=month].def:-ms-input-placeholder,input[type=number].def:-ms-input-placeholder,input[type=password].def:-ms-input-placeholder,input[type=radio].def:-ms-input-placeholder,input[type=range].def:-ms-input-placeholder,input[type=reset].def:-ms-input-placeholder,input[type=search].def:-ms-input-placeholder,input[type=submit].def:-ms-input-placeholder,input[type=tel].def:-ms-input-placeholder,input[type=text].def:-ms-input-placeholder,input[type=time].def:-ms-input-placeholder,input[type=url].def:-ms-input-placeholder,input[type=week].def:-ms-input-placeholder,option.def:-ms-input-placeholder,select.def:-ms-input-placeholder,textarea.def:-ms-input-placeholder{color:#999} button.def:active,button.def:focus,input[type=button].def:active,input[type=button].def:focus,input[type=checkbox].def:active,input[type=checkbox].def:focus,input[type=color].def:active,input[type=color].def:focus,input[type=date].def:active,input[type=date].def:focus,input[type=datetime].def:active,input[type=datetime].def:focus,input[type=datetime-local].def:active,input[type=datetime-local].def:focus,input[type=email].def:active,input[type=email].def:focus,input[type=file].def:active,input[type=file].def:focus,input[type=image].def:active,input[type=image].def:focus,input[type=month].def:active,input[type=month].def:focus,input[type=number].def:active,input[type=number].def:focus,input[type=password].def:active,input[type=password].def:focus,input[type=radio].def:active,input[type=radio].def:focus,input[type=range].def:active,input[type=range].def:focus,input[type=reset].def:active,input[type=reset].def:focus,input[type=search].def:active,input[type=search].def:focus,input[type=submit].def:active,input[type=submit].def:focus,input[type=tel].def:active,input[type=tel].def:focus,input[type=text].def:active,input[type=text].def:focus,input[type=time].def:active,input[type=time].def:focus,input[type=url].def:active,input[type=url].def:focus,input[type=week].def:active,input[type=week].def:focus,option.def:active,option.def:focus,select.def:active,select.def:focus,textarea.def:active,textarea.def:focus{outline:none!important} select[multiple].def.hSizeS{height:70px;min-height:70px} input[type=date].def,input[type=datetime].def,input[type=datetime-local].def,input[type=email].def,input[type=month].def,input[type=number].def,input[type=password].def,input[type=search].def,input[type=tel].def,input[type=text].def,input[type=time].def,input[type=url].def,input[type=week].def,select.def,textarea.def{font-size:14px;font-size:1.4rem;line-height:1.4;display:inline-block;vertical-align:middle;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:14px;font-size:1.4rem;margin-top:.5em;margin-bottom:.5em} input[type=date].def.error,input[type=datetime].def.error,input[type=datetime-local].def.error,input[type=email].def.error,input[type=month].def.error,input[type=number].def.error,input[type=password].def.error,input[type=search].def.error,input[type=tel].def.error,input[type=text].def.error,input[type=time].def.error,input[type=url].def.error,input[type=week].def.error,select.def.error,textarea.def.error{background:#ffb6c1;color:#000} input[type=date].def.error:placeholder-shown,input[type=datetime].def.error:placeholder-shown,input[type=datetime-local].def.error:placeholder-shown,input[type=email].def.error:placeholder-shown,input[type=month].def.error:placeholder-shown,input[type=number].def.error:placeholder-shown,input[type=password].def.error:placeholder-shown,input[type=search].def.error:placeholder-shown,input[type=tel].def.error:placeholder-shown,input[type=text].def.error:placeholder-shown,input[type=time].def.error:placeholder-shown,input[type=url].def.error:placeholder-shown,input[type=week].def.error:placeholder-shown,select.def.error:placeholder-shown,textarea.def.error:placeholder-shown{color:#fff} input[type=date].def.error::-webkit-input-placeholder,input[type=datetime].def.error::-webkit-input-placeholder,input[type=datetime-local].def.error::-webkit-input-placeholder,input[type=email].def.error::-webkit-input-placeholder,input[type=month].def.error::-webkit-input-placeholder,input[type=number].def.error::-webkit-input-placeholder,input[type=password].def.error::-webkit-input-placeholder,input[type=search].def.error::-webkit-input-placeholder,input[type=tel].def.error::-webkit-input-placeholder,input[type=text].def.error::-webkit-input-placeholder,input[type=time].def.error::-webkit-input-placeholder,input[type=url].def.error::-webkit-input-placeholder,input[type=week].def.error::-webkit-input-placeholder,select.def.error::-webkit-input-placeholder,textarea.def.error::-webkit-input-placeholder{color:#fff} input[type=date].def.error:-moz-placeholder,input[type=datetime].def.error:-moz-placeholder,input[type=datetime-local].def.error:-moz-placeholder,input[type=email].def.error:-moz-placeholder,input[type=month].def.error:-moz-placeholder,input[type=number].def.error:-moz-placeholder,input[type=password].def.error:-moz-placeholder,input[type=search].def.error:-moz-placeholder,input[type=tel].def.error:-moz-placeholder,input[type=text].def.error:-moz-placeholder,input[type=time].def.error:-moz-placeholder,input[type=url].def.error:-moz-placeholder,input[type=week].def.error:-moz-placeholder,select.def.error:-moz-placeholder,textarea.def.error:-moz-placeholder{opacity:1;color:#fff} input[type=date].def.error::-moz-placeholder,input[type=datetime].def.error::-moz-placeholder,input[type=datetime-local].def.error::-moz-placeholder,input[type=email].def.error::-moz-placeholder,input[type=month].def.error::-moz-placeholder,input[type=number].def.error::-moz-placeholder,input[type=password].def.error::-moz-placeholder,input[type=search].def.error::-moz-placeholder,input[type=tel].def.error::-moz-placeholder,input[type=text].def.error::-moz-placeholder,input[type=time].def.error::-moz-placeholder,input[type=url].def.error::-moz-placeholder,input[type=week].def.error::-moz-placeholder,select.def.error::-moz-placeholder,textarea.def.error::-moz-placeholder{opacity:1;color:#fff} input[type=date].def.error:-ms-input-placeholder,input[type=datetime].def.error:-ms-input-placeholder,input[type=datetime-local].def.error:-ms-input-placeholder,input[type=email].def.error:-ms-input-placeholder,input[type=month].def.error:-ms-input-placeholder,input[type=number].def.error:-ms-input-placeholder,input[type=password].def.error:-ms-input-placeholder,input[type=search].def.error:-ms-input-placeholder,input[type=tel].def.error:-ms-input-placeholder,input[type=text].def.error:-ms-input-placeholder,input[type=time].def.error:-ms-input-placeholder,input[type=url].def.error:-ms-input-placeholder,input[type=week].def.error:-ms-input-placeholder,select.def.error:-ms-input-placeholder,textarea.def.error:-ms-input-placeholder{color:#fff} input[type=date].def[disabled],input[type=datetime].def[disabled],input[type=datetime-local].def[disabled],input[type=email].def[disabled],input[type=month].def[disabled],input[type=number].def[disabled],input[type=password].def[disabled],input[type=search].def[disabled],input[type=tel].def[disabled],input[type=text].def[disabled],input[type=time].def[disabled],input[type=url].def[disabled],input[type=week].def[disabled],select.def[disabled],textarea.def[disabled]{cursor:not-allowed;color:#aaa;background:#eee;border:1px solid #e5e6e7} input[type=date].def,input[type=datetime].def,input[type=datetime-local].def,input[type=email].def,input[type=month].def,input[type=number].def,input[type=password].def,input[type=search].def,input[type=tel].def,input[type=text].def,input[type=time].def,input[type=url].def,input[type=week].def{width:234px;height:50px;line-height:46px;padding:0 20px} input[type=date].def.sizeName,input[type=datetime].def.sizeName,input[type=datetime-local].def.sizeName,input[type=email].def.sizeName,input[type=month].def.sizeName,input[type=number].def.sizeName,input[type=password].def.sizeName,input[type=search].def.sizeName,input[type=tel].def.sizeName,input[type=text].def.sizeName,input[type=time].def.sizeName,input[type=url].def.sizeName,input[type=week].def.sizeName{width:180px} input[type=date].def.sizeZip,input[type=datetime].def.sizeZip,input[type=datetime-local].def.sizeZip,input[type=email].def.sizeZip,input[type=month].def.sizeZip,input[type=number].def.sizeZip,input[type=password].def.sizeZip,input[type=search].def.sizeZip,input[type=tel].def.sizeZip,input[type=text].def.sizeZip,input[type=time].def.sizeZip,input[type=url].def.sizeZip,input[type=week].def.sizeZip{width:80px} input[type=date].def.sizeZip1,input[type=datetime].def.sizeZip1,input[type=datetime-local].def.sizeZip1,input[type=email].def.sizeZip1,input[type=month].def.sizeZip1,input[type=number].def.sizeZip1,input[type=password].def.sizeZip1,input[type=search].def.sizeZip1,input[type=tel].def.sizeZip1,input[type=text].def.sizeZip1,input[type=time].def.sizeZip1,input[type=url].def.sizeZip1,input[type=week].def.sizeZip1{width:60px} input[type=date].def.sizeZip2,input[type=datetime].def.sizeZip2,input[type=datetime-local].def.sizeZip2,input[type=email].def.sizeZip2,input[type=month].def.sizeZip2,input[type=number].def.sizeZip2,input[type=password].def.sizeZip2,input[type=search].def.sizeZip2,input[type=tel].def.sizeZip2,input[type=text].def.sizeZip2,input[type=time].def.sizeZip2,input[type=url].def.sizeZip2,input[type=week].def.sizeZip2{width:80px} input[type=date].def.sizeTel,input[type=date].def.sizeTel1,input[type=date].def.sizeTel2,input[type=date].def.sizeTel3,input[type=datetime].def.sizeTel,input[type=datetime].def.sizeTel1,input[type=datetime].def.sizeTel2,input[type=datetime].def.sizeTel3,input[type=datetime-local].def.sizeTel,input[type=datetime-local].def.sizeTel1,input[type=datetime-local].def.sizeTel2,input[type=datetime-local].def.sizeTel3,input[type=email].def.sizeTel,input[type=email].def.sizeTel1,input[type=email].def.sizeTel2,input[type=email].def.sizeTel3,input[type=month].def.sizeTel,input[type=month].def.sizeTel1,input[type=month].def.sizeTel2,input[type=month].def.sizeTel3,input[type=number].def.sizeTel,input[type=number].def.sizeTel1,input[type=number].def.sizeTel2,input[type=number].def.sizeTel3,input[type=password].def.sizeTel,input[type=password].def.sizeTel1,input[type=password].def.sizeTel2,input[type=password].def.sizeTel3,input[type=search].def.sizeTel,input[type=search].def.sizeTel1,input[type=search].def.sizeTel2,input[type=search].def.sizeTel3,input[type=tel].def.sizeTel,input[type=tel].def.sizeTel1,input[type=tel].def.sizeTel2,input[type=tel].def.sizeTel3,input[type=text].def.sizeTel,input[type=text].def.sizeTel1,input[type=text].def.sizeTel2,input[type=text].def.sizeTel3,input[type=time].def.sizeTel,input[type=time].def.sizeTel1,input[type=time].def.sizeTel2,input[type=time].def.sizeTel3,input[type=url].def.sizeTel,input[type=url].def.sizeTel1,input[type=url].def.sizeTel2,input[type=url].def.sizeTel3,input[type=week].def.sizeTel,input[type=week].def.sizeTel1,input[type=week].def.sizeTel2,input[type=week].def.sizeTel3{width:80px} input[type=date].def.datepicker,input[type=datetime].def.datepicker,input[type=datetime-local].def.datepicker,input[type=email].def.datepicker,input[type=month].def.datepicker,input[type=number].def.datepicker,input[type=password].def.datepicker,input[type=search].def.datepicker,input[type=tel].def.datepicker,input[type=text].def.datepicker,input[type=time].def.datepicker,input[type=url].def.datepicker,input[type=week].def.datepicker{width:108px} input[type=date].def.sizeL,input[type=datetime].def.sizeL,input[type=datetime-local].def.sizeL,input[type=email].def.sizeL,input[type=month].def.sizeL,input[type=number].def.sizeL,input[type=password].def.sizeL,input[type=search].def.sizeL,input[type=tel].def.sizeL,input[type=text].def.sizeL,input[type=time].def.sizeL,input[type=url].def.sizeL,input[type=week].def.sizeL{width:284px} input[type=date].def.sizeM,input[type=datetime].def.sizeM,input[type=datetime-local].def.sizeM,input[type=email].def.sizeM,input[type=month].def.sizeM,input[type=number].def.sizeM,input[type=password].def.sizeM,input[type=search].def.sizeM,input[type=tel].def.sizeM,input[type=text].def.sizeM,input[type=time].def.sizeM,input[type=url].def.sizeM,input[type=week].def.sizeM{width:234px} input[type=date].def.sizeS,input[type=datetime].def.sizeS,input[type=datetime-local].def.sizeS,input[type=email].def.sizeS,input[type=month].def.sizeS,input[type=number].def.sizeS,input[type=password].def.sizeS,input[type=search].def.sizeS,input[type=tel].def.sizeS,input[type=text].def.sizeS,input[type=time].def.sizeS,input[type=url].def.sizeS,input[type=week].def.sizeS{width:134px} input[type=date].def.sizeXS,input[type=datetime].def.sizeXS,input[type=datetime-local].def.sizeXS,input[type=email].def.sizeXS,input[type=month].def.sizeXS,input[type=number].def.sizeXS,input[type=password].def.sizeXS,input[type=search].def.sizeXS,input[type=tel].def.sizeXS,input[type=text].def.sizeXS,input[type=time].def.sizeXS,input[type=url].def.sizeXS,input[type=week].def.sizeXS{width:60px} input[type=date].w100p,input[type=datetime].w100p,input[type=datetime-local].w100p,input[type=email].w100p,input[type=month].w100p,input[type=number].w100p,input[type=password].w100p,input[type=search].w100p,input[type=tel].w100p,input[type=text].w100p,input[type=time].w100p,input[type=url].w100p,input[type=week].w100p{width:100%} textarea.def{padding:18px 20px;min-width:100%;max-width:100%;font-family: メイリオ;} textarea.w100p{width:100%;min-width:100%;max-width:100%} textarea.sizeS{height:72px;min-height:72px} textarea.sizeL{width:100%;min-width:auto;max-width:600px} button.def:active,button.def:focus,input[type=date].def:active,input[type=date].def:focus,input[type=datetime].def:active,input[type=datetime].def:focus,input[type=datetime-local].def:active,input[type=datetime-local].def:focus,input[type=email].def:active,input[type=email].def:focus,input[type=image].def:active,input[type=image].def:focus,input[type=month].def:active,input[type=month].def:focus,input[type=number].def:active,input[type=number].def:focus,input[type=password].def:active,input[type=password].def:focus,input[type=search].def:active,input[type=search].def:focus,input[type=submit].def:active,input[type=submit].def:focus,input[type=tel].def:active,input[type=tel].def:focus,input[type=text].def:active,input[type=text].def:focus,input[type=time].def:active,input[type=time].def:focus,input[type=url].def:active,input[type=url].def:focus,input[type=week].def:active,input[type=week].def:focus,select.def:active,select.def:focus,textarea.def:active,textarea.def:focus{border:2px solid #ff9900!important;box-shadow:0 0 2px 0 #ff9900} select[multiple]{width:100%;height:180px;overflow:auto} .selectWrap{display:inline-block;position:relative} .selectWrap:after{content:" ";display:block;width:0;height:0;border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;position:absolute;top:50%;right:10px;margin-top:-2px} .selectWrap select:not([multiple]){padding-right:20px} select:not([multiple]){height:35px;line-height:33px} .iptWrap{position:relative;display:inline-block} .checkboxWrap,.inlineWrap,.radioWrap{position:relative;display:inline-block;margin-top:4px;margin-bottom:4px} .checkboxWrap:not(:last-child),.inlineWrap:not(:last-child),.radioWrap:not(:last-child){margin-right:1em} @media only screen and (max-width:750px),print{.inlineWrap{width:100%} } .iptList>*{margin-top:8px;margin-bottom:8px} input[type=radio].def{opacity:.001;position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;z-index:-999} input[type=radio].def+label{cursor:pointer;position:relative;display:inline-block;padding-left:34px;font-size:14px;font-size:1.4rem;line-height:1.6;color:#080404} input[type=radio].def+label:before{display:block;vertical-align:middle;content:'';-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #cc0000;background:#fff;border-radius:999px;position:absolute;top:2px;left:0;width:24px;height:24px} input[type=radio].def+label:hover:before{box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.25)} input[type=radio].def:checked+label:after{display:block;content:'';background:#cc0000;border-radius:999px;position:absolute;top:8px;left:6px;width:12px;height:12px} input[type=radio].def[disabled]+label{cursor:not-allowed;color:#aaa} input[type=radio].def[disabled]+label:before{background:#eee;border:2px solid #e5e6e7} input[type=radio].def[disabled]+label:hover:before{box-shadow:none} input[type=radio].def[disabled]:checked+label:after{background:#aaa} input[type=radio].def:active+label:before,input[type=radio].def:focus+label:before{border:2px solid #ff9900!important;box-shadow:0 0 2px 0 #ff9900} input[type=checkbox].def{opacity:.001;position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;z-index:-999} input[type=checkbox].def+label{cursor:pointer;position:relative;display:inline-block;padding-left:32px;font-size:14px;font-size:1.4rem;line-height:1.6;color:#080404} input[type=checkbox].def+label:before{display:block;vertical-align:middle;content:'';-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd;border-radius:2px;background:#fff;position:absolute;top:2px;left:0;width:22px;height:22px} input[type=checkbox].def+label:hover:before{box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.25)} input[type=checkbox].def:checked+label:before{border-color:#cc0000;background:#cc0000} input[type=checkbox].def:checked+label:after{display:block;content:'';-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:8px;height:15px;border-bottom:2px solid #fff;border-right:2px solid #fff;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:3px;left:7px} input[type=checkbox].def[disabled]+label{cursor:not-allowed;color:#aaa} input[type=checkbox].def[disabled]+label:before{background:#eee;border:1px solid #e5e6e7} input[type=checkbox].def[disabled]+label:hover:before{box-shadow:none} input[type=checkbox].def[disabled]:checked+label:after{border-right-color:#aaa;border-bottom-color:#aaa} input[type=checkbox].def:active+label:before,input[type=checkbox].def:focus+label:before{border:2px solid #ff9900!important;box-shadow:0 0 2px 0 #ff9900} #ank01{ margin-top: -130px; padding-top: 130px; } .ctsContainer{max-width:1280px;margin-left:auto;margin-right:auto;box-sizing:border-box} @media only screen and (min-width:751px),print{ .ctsContainer.wpinner{max-width:1000px;margin-left:auto;margin-right:auto;box-sizing:border-box} } .form .ctsContainer{ max-width: 960px;} @media only screen and (max-width:750px),print{ .ctsContainer{margin-left:20px;margin-right:20px} } @media only screen and (max-width:750px),print{ .header .container{min-height: 60px;margin: 0px auto 0 10px;} } @media only screen and (max-width:750px),print{.ctsContainer{margin-left:20px;margin-right:20px} } .secLead{ margin: 0 auto 60px; } @media only screen and (max-width:750px),print{ .secLead{ margin: 0 auto 40px; } } .secLead p{ font-size: 18px; font-size: 1.8rem; line-height: 1.8; margin-bottom: 1em; } @media only screen and (max-width:750px),print{ .secLead p{ font-size: 16px; font-size: 1.6rem; line-height: 1.6; } } @media only screen and (min-width:751px),print{ h1{font-size:26px;font-size:2.6rem;line-height:1.35} h2{font-size:24px;font-size:2.4rem;line-height:1.35} h3{font-size:22px;font-size:2.2rem;line-height:1.35} h4{font-size:20px;font-size:2rem;line-height:1.35} h5{font-size:18px;font-size:1.8rem;line-height:1.35} h6{font-size:16px;font-size:1.6rem;line-height:1.35} dd,dt,li,p,td,th{font-size:16px;font-size:1.6rem;line-height:1.6} } @media only screen and (max-width:750px),print{ h1{font-size:24px;font-size:2.4rem;line-height:1.35} h2{font-size:22px;font-size:2.2rem;line-height:1.35} h3{font-size:20px;font-size:2rem;line-height:1.35} h4{font-size:18px;font-size:1.8rem;line-height:1.35} h5{font-size:16px;font-size:1.6rem;line-height:1.35} h6{font-size:14px;font-size:1.4rem;line-height:1.35} dd,dt,li,p,td,th{font-size:14px;font-size:1.4rem;line-height:1.6} } /*▼*/ .clearfix{*zoom:1} .clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden} figure{margin: 0 auto;text-align: center;} /*float*/ .fl{float:left} @media only screen and (min-width:751px),print{ .fl-exsp{float:left} } @media only screen and (max-width:750px),print{ .fl-sp{float:left} } .fr{float:right} @media only screen and (min-width:751px),print{ .fr-exsp{float:right} } @media only screen and (max-width:750px),print{ .fr-sp{float:right} } /*border-radius*/ .b_radius4{border-radius:4px;} .b_radius10{border-radius:10px;} /*vertical-align*/ .vat{vertical-align:top!important} .vam{vertical-align:middle!important} .vab{vertical-align:bottom!important} /*display*/ .none{display:none!important} .dsb{display:block!important} .dsib{display:inline-block!important} .dsi{display:inline!important} /*text-align*/ .tac{text-align:center!important} @media only screen and (min-width:751px),print{ .tac-exsp{text-align:center} } @media only screen and (max-width:750px),print{ .tac-sp{text-align:center} } .tar{text-align:right!important} @media only screen and (min-width:751px),print{ .tar-exsp{text-align:right} } @media only screen and (max-width:750px),print{ .tar-sp{text-align:right} } .tal{text-align:left!important} @media only screen and (min-width:751px),print{ .tal-exsp{text-align:left} } @media only screen and (max-width:750px),print{ .tal-sp{text-align:left} } /*background 背景*/ .bgWhite{background:#fff;} .bgLightBlue{background:#23b8f4;} .bgGreen{background:#00a78e;} .bgOrange{background:#f4b316;} .bgYellow{background:#ffe379;} .bgLightYellow{background:#fef9e6;} .bgGray{background:#ddd} .bgLightGray{background:#ececec} .bgDarkGray{background:#1e1e1e;color:#fff;} .bgGrade{background:#05538e;background:-moz-linear-gradient(-45deg, #2a99e7 0%, #ca723b 100%);background:-webkit-linear-gradient(-45deg, #2a99e7 0%, #ca723b 100%);background:linear-gradient(135deg, #05538e 0%, #2a99e7 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#05538e', endColorstr='#2a99e7',GradientType=1 )} .bgGrade .secTtlType02{color:#fff} .bgVision{background:url(../img/about/vision/bg_vision.jpg) no-repeat center center;background-size:cover} .bgVision .secTtlType02{color:#fff} /*font-color フォントカラー*/ .cWhite{color:#fff} .cBlack{color:#000 !important;} .cRed{color:#f00} .cBlue{color:#004da0} .cGreen{color:#00a78e} .cGreen_logo{color:#02a68d} .cOrange{color: #f4b316;} .cStrong{color:#cc0000} /*border ボーダー*/ .border_2{border: 2px solid;} .bgLightYellow.border_2{border-color: #4b4b4b;} /*帯*/ .obi{ color: #fff; padding: 10px 20px; } .obi_bg01{ background: #333;border-bottom: 3px solid #00a78e;} /*font　フォント*/ .fwn{font-weight:normal!important} .fwb{font-weight:bold!important} .tdu{text-decoration:underline!important} .fsn{font-style:normal!important} .fsi{font-style:italic!important} /*font-size　フォントサイズ*/ .fs8{font-size:8px;font-size:0.8rem} .fs9{font-size:9px;font-size:0.9rem} .fs10{font-size:10px;font-size:1rem} .fs11{font-size:11px;font-size:1.1rem} .fs12{font-size:12px;font-size:1.2rem} .fs13{font-size:13px;font-size:1.3rem} .fs14{font-size:14px;font-size:1.4rem} .fs15{font-size:15px;font-size:1.5rem} .fs16{font-size:16px;font-size:1.6rem} .fs17{font-size:17px;font-size:1.7rem} .fs18{font-size:18px;font-size:1.8rem} .fs19{font-size:19px;font-size:1.9rem} .fs20{font-size:20px !important;font-size:2rem} .fs21{font-size:21px;font-size:2.1rem} .fs22{font-size:22px;font-size:2.2rem} .fs23{font-size:23px;font-size:2.3rem} .fs24{font-size:24px !important;font-size:2.4rem} .fs25{font-size:25px;font-size:2.5rem} .fs26{font-size:26px !important;;font-size:2.6rem !important;} .fs27{font-size:27px;font-size:2.7rem} .fs28{font-size:28px;font-size:2.8rem} .fs29{font-size:29px;font-size:2.9rem} .fs30{font-size:30px;font-size:3rem} .fs31{font-size:31px;font-size:3.1rem} .fs32{font-size:3px;font-size:0.3rem} .fs40{font-size:40px !important;font-size:4.0rem !important;} /*line-height*/ .lh0_1{line-height:0.1!important} .lh0_2{line-height:0.2!important} .lh0_25{line-height:0.25!important} .lh0_3{line-height:0.3!important} .lh0_4{line-height:0.4!important} .lh0_5{line-height:0.5!important} .lh0_6{line-height:0.6!important} .lh0_7{line-height:0.7!important} .lh0_8{line-height:0.8!important} .lh0_9{line-height:0.9!important} .lh1_0{line-height:1!important} .lh1_1{line-height:1.1!important} .lh1_2{line-height:1.2!important} .lh1_3{line-height:1.3!important} .lh1_4{line-height:1.4!important} .lh1_5{line-height:1.5!important} .lh1_6{line-height:1.6!important} .lh1_7{line-height:1.7!important} .lh1_8{line-height:1.8!important} .lh1_9{line-height:1.9!important} .lh2_0{line-height:2!important} .lh2_1{line-height:2.1!important} .lh2_2{line-height:2.2!important} .lh2_3{line-height:2.3!important} .lh2_4{line-height:2.4!important} .lh2_5{line-height:2.5!important} .lh2_6{line-height:2.6!important} .lh2_7{line-height:2.7!important} .lh2_8{line-height:2.8!important} .lh2_9{line-height:2.9!important} .lh3_0{line-height:3!important} .lh3_1{line-height:3.1!important} .lh3_2{line-height:3.2!important} .lh3_3{line-height:3.3!important} .lh3_4{line-height:3.4!important} .lh3_5{line-height:3.5!important} .lh3_6{line-height:3.6!important} .lh3_7{line-height:3.7!important} .lh3_8{line-height:3.8!important} .lh3_9{line-height:3.9!important} .lh4_0{line-height:4!important} .lh4_1{line-height:4.1!important} .lh4_2{line-height:4.2!important} .lh4_3{line-height:4.3!important} .lh4_4{line-height:4.4!important} .lh4_5{line-height:4.5!important} .lh4_6{line-height:4.6!important} .lh4_7{line-height:4.7!important} .lh4_8{line-height:4.8!important} .lh4_9{line-height:4.9!important} .lh5_0{line-height:5!important} /*margin*/ .mt-100{margin-top:-100px!important} .mt-95{margin-top:-95px!important} .mt-90{margin-top:-90px!important} .mt-85{margin-top:-85px!important} .mt-80{margin-top:-80px!important} .mt-75{margin-top:-75px!important} .mt-70{margin-top:-70px!important} .mt-65{margin-top:-65px!important} .mt-60{margin-top:-60px!important} .mt-55{margin-top:-55px!important} .mt-50{margin-top:-50px!important} .mt-45{margin-top:-45px!important} .mt-40{margin-top:-40px!important} .mt-35{margin-top:-35px!important} .mt-30{margin-top:-30px!important} .mt-25{margin-top:-25px!important} .mt-20{margin-top:-20px!important} .mt-15{margin-top:-15px!important} .mt-10{margin-top:-10px!important} .mt-5{margin-top:-5px!important} .mt0{margin-top:0!important} .mt5{margin-top:5px!important} .mt10{margin-top:10px!important} .mt15{margin-top:15px!important} .mt20{margin-top:20px!important} .mt25{margin-top:25px!important} .mt30{margin-top:30px!important} .mt35{margin-top:35px!important} .mt40{margin-top:40px!important} .mt45{margin-top:45px!important} .mt50{margin-top:50px!important} .mt55{margin-top:55px!important} .mt60{margin-top:60px!important} .mt65{margin-top:65px!important} .mt70{margin-top:70px!important} .mt75{margin-top:75px!important} .mt80{margin-top:80px!important} .mt85{margin-top:85px!important} .mt90{margin-top:90px!important} .mt95{margin-top:95px!important} .mt100{margin-top:100px!important} .mb-100{margin-bottom:-100px!important} .mb-95{margin-bottom:-95px!important} .mb-90{margin-bottom:-90px!important} .mb-85{margin-bottom:-85px!important} .mb-80{margin-bottom:-80px!important} .mb-75{margin-bottom:-75px!important} .mb-70{margin-bottom:-70px!important} .mb-65{margin-bottom:-65px!important} .mb-60{margin-bottom:-60px!important} .mb-55{margin-bottom:-55px!important} .mb-50{margin-bottom:-50px!important} .mb-45{margin-bottom:-45px!important} .mb-40{margin-bottom:-40px!important} .mb-35{margin-bottom:-35px!important} .mb-30{margin-bottom:-30px!important} .mb-25{margin-bottom:-25px!important} .mb-20{margin-bottom:-20px!important} .mb-15{margin-bottom:-15px!important} .mb-10{margin-bottom:-10px!important} .mb-5{margin-bottom:-5px!important} .mb0{margin-bottom:0!important} .mb5{margin-bottom:5px!important} .mb10{margin-bottom:10px!important} .mb15{margin-bottom:15px!important} .mb20{margin-bottom:20px!important} .mb25{margin-bottom:25px!important} .mb30{margin-bottom:30px!important} .mb35{margin-bottom:35px!important} .mb40{margin-bottom:40px!important} .mb45{margin-bottom:45px!important} .mb50{margin-bottom:50px!important} .mb55{margin-bottom:55px!important} .mb60{margin-bottom:60px!important} .mb65{margin-bottom:65px!important} .mb70{margin-bottom:70px!important} .mb75{margin-bottom:75px!important} .mb80{margin-bottom:80px!important} .mb85{margin-bottom:85px!important} .mb90{margin-bottom:90px!important} .mb95{margin-bottom:95px!important} .mb100{margin-bottom:100px!important} .ml-100{margin-left:-100px!important} .ml-95{margin-left:-95px!important} .ml-90{margin-left:-90px!important} .ml-85{margin-left:-85px!important} .ml-80{margin-left:-80px!important} .ml-75{margin-left:-75px!important} .ml-70{margin-left:-70px!important} .ml-65{margin-left:-65px!important} .ml-60{margin-left:-60px!important} .ml-55{margin-left:-55px!important} .ml-50{margin-left:-50px!important} .ml-45{margin-left:-45px!important} .ml-40{margin-left:-40px!important} .ml-35{margin-left:-35px!important} .ml-30{margin-left:-30px!important} .ml-25{margin-left:-25px!important} .ml-20{margin-left:-20px!important} .ml-15{margin-left:-15px!important} .ml-10{margin-left:-10px!important} .ml-5{margin-left:-5px!important} .ml0{margin-left:0!important} .ml5{margin-left:5px!important} .ml10{margin-left:10px!important} .ml15{margin-left:15px!important} .ml20{margin-left:20px!important} .ml25{margin-left:25px!important} .ml30{margin-left:30px!important} .ml35{margin-left:35px!important} .ml40{margin-left:40px!important} .ml45{margin-left:45px!important} .ml50{margin-left:50px!important} .ml55{margin-left:55px!important} .ml60{margin-left:60px!important} .ml65{margin-left:65px!important} .ml70{margin-left:70px!important} .ml75{margin-left:75px!important} .ml80{margin-left:80px!important} .ml85{margin-left:85px!important} .ml90{margin-left:90px!important} .ml95{margin-left:95px!important} .ml100{margin-left:100px!important} .mr-100{margin-right:-100px!important} .mr-95{margin-right:-95px!important} .mr-90{margin-right:-90px!important} .mr-85{margin-right:-85px!important} .mr-80{margin-right:-80px!important} .mr-75{margin-right:-75px!important} .mr-70{margin-right:-70px!important} .mr-65{margin-right:-65px!important} .mr-60{margin-right:-60px!important} .mr-55{margin-right:-55px!important} .mr-50{margin-right:-50px!important} .mr-45{margin-right:-45px!important} .mr-40{margin-right:-40px!important} .mr-35{margin-right:-35px!important} .mr-30{margin-right:-30px!important} .mr-25{margin-right:-25px!important} .mr-20{margin-right:-20px!important} .mr-15{margin-right:-15px!important} .mr-10{margin-right:-10px!important} .mr-5{margin-right:-5px!important} .mr0{margin-right:0!important} .mr5{margin-right:5px!important} .mr10{margin-right:10px!important} .mr15{margin-right:15px!important} .mr20{margin-right:20px!important} .mr25{margin-right:25px!important} .mr30{margin-right:30px!important} .mr35{margin-right:35px!important} .mr40{margin-right:40px!important} .mr45{margin-right:45px!important} .mr50{margin-right:50px!important} .mr55{margin-right:55px!important} .mr60{margin-right:60px!important} .mr65{margin-right:65px!important} .mr70{margin-right:70px!important} .mr75{margin-right:75px!important} .mr80{margin-right:80px!important} .mr85{margin-right:85px!important} .mr90{margin-right:90px!important} .mr95{margin-right:95px!important} .mr100{margin-right:100px!important} @media only screen and (min-width:751px),print{ .mt-100-exsp{margin-top:-100px!important} .mt-95-exsp{margin-top:-95px!important} .mt-90-exsp{margin-top:-90px!important} .mt-85-exsp{margin-top:-85px!important} .mt-80-exsp{margin-top:-80px!important} .mt-75-exsp{margin-top:-75px!important} .mt-70-exsp{margin-top:-70px!important} .mt-65-exsp{margin-top:-65px!important} .mt-60-exsp{margin-top:-60px!important} .mt-55-exsp{margin-top:-55px!important} .mt-50-exsp{margin-top:-50px!important} .mt-45-exsp{margin-top:-45px!important} .mt-40-exsp{margin-top:-40px!important} .mt-35-exsp{margin-top:-35px!important} .mt-30-exsp{margin-top:-30px!important} .mt-25-exsp{margin-top:-25px!important} .mt-20-exsp{margin-top:-20px!important} .mt-15-exsp{margin-top:-15px!important} .mt-10-exsp{margin-top:-10px!important} .mt-5-exsp{margin-top:-5px!important} .mt0-exsp{margin-top:0!important} .mt5-exsp{margin-top:5px!important} .mt10-exsp{margin-top:10px!important} .mt15-exsp{margin-top:15px!important} .mt20-exsp{margin-top:20px!important} .mt25-exsp{margin-top:25px!important} .mt30-exsp{margin-top:30px!important} .mt35-exsp{margin-top:35px!important} .mt40-exsp{margin-top:40px!important} .mt45-exsp{margin-top:45px!important} .mt50-exsp{margin-top:50px!important} .mt55-exsp{margin-top:55px!important} .mt60-exsp{margin-top:60px!important} .mt65-exsp{margin-top:65px!important} .mt70-exsp{margin-top:70px!important} .mt75-exsp{margin-top:75px!important} .mt80-exsp{margin-top:80px!important} .mt85-exsp{margin-top:85px!important} .mt90-exsp{margin-top:90px!important} .mt95-exsp{margin-top:95px!important} .mt100-exsp{margin-top:100px!important} .mb-100-exsp{margin-bottom:-100px!important} .mb-95-exsp{margin-bottom:-95px!important} .mb-90-exsp{margin-bottom:-90px!important} .mb-85-exsp{margin-bottom:-85px!important} .mb-80-exsp{margin-bottom:-80px!important} .mb-75-exsp{margin-bottom:-75px!important} .mb-70-exsp{margin-bottom:-70px!important} .mb-65-exsp{margin-bottom:-65px!important} .mb-60-exsp{margin-bottom:-60px!important} .mb-55-exsp{margin-bottom:-55px!important} .mb-50-exsp{margin-bottom:-50px!important} .mb-45-exsp{margin-bottom:-45px!important} .mb-40-exsp{margin-bottom:-40px!important} .mb-35-exsp{margin-bottom:-35px!important} .mb-30-exsp{margin-bottom:-30px!important} .mb-25-exsp{margin-bottom:-25px!important} .mb-20-exsp{margin-bottom:-20px!important} .mb-15-exsp{margin-bottom:-15px!important} .mb-10-exsp{margin-bottom:-10px!important} .mb-5-exsp{margin-bottom:-5px!important} .mb0-exsp{margin-bottom:0!important} .mb5-exsp{margin-bottom:5px!important} .mb10-exsp{margin-bottom:10px!important} .mb15-exsp{margin-bottom:15px!important} .mb20-exsp{margin-bottom:20px!important} .mb25-exsp{margin-bottom:25px!important} .mb30-exsp{margin-bottom:30px!important} .mb35-exsp{margin-bottom:35px!important} .mb40-exsp{margin-bottom:40px!important} .mb45-exsp{margin-bottom:45px!important} .mb50-exsp{margin-bottom:50px!important} .mb55-exsp{margin-bottom:55px!important} .mb60-exsp{margin-bottom:60px!important} .mb65-exsp{margin-bottom:65px!important} .mb70-exsp{margin-bottom:70px!important} .mb75-exsp{margin-bottom:75px!important} .mb80-exsp{margin-bottom:80px!important} .mb85-exsp{margin-bottom:85px!important} .mb90-exsp{margin-bottom:90px!important} .mb95-exsp{margin-bottom:95px!important} .mb100-exsp{margin-bottom:100px!important} .ml-100-exsp{margin-left:-100px!important} .ml-95-exsp{margin-left:-95px!important} .ml-90-exsp{margin-left:-90px!important} .ml-85-exsp{margin-left:-85px!important} .ml-80-exsp{margin-left:-80px!important} .ml-75-exsp{margin-left:-75px!important} .ml-70-exsp{margin-left:-70px!important} .ml-65-exsp{margin-left:-65px!important} .ml-60-exsp{margin-left:-60px!important} .ml-55-exsp{margin-left:-55px!important} .ml-50-exsp{margin-left:-50px!important} .ml-45-exsp{margin-left:-45px!important} .ml-40-exsp{margin-left:-40px!important} .ml-35-exsp{margin-left:-35px!important} .ml-30-exsp{margin-left:-30px!important} .ml-25-exsp{margin-left:-25px!important} .ml-20-exsp{margin-left:-20px!important} .ml-15-exsp{margin-left:-15px!important} .ml-10-exsp{margin-left:-10px!important} .ml-5-exsp{margin-left:-5px!important} .ml0-exsp{margin-left:0!important} .ml5-exsp{margin-left:5px!important} .ml10-exsp{margin-left:10px!important} .ml15-exsp{margin-left:15px!important} .ml20-exsp{margin-left:20px!important} .ml25-exsp{margin-left:25px!important} .ml30-exsp{margin-left:30px!important} .ml35-exsp{margin-left:35px!important} .ml40-exsp{margin-left:40px!important} .ml45-exsp{margin-left:45px!important} .ml50-exsp{margin-left:50px!important} .ml55-exsp{margin-left:55px!important} .ml60-exsp{margin-left:60px!important} .ml65-exsp{margin-left:65px!important} .ml70-exsp{margin-left:70px!important} .ml75-exsp{margin-left:75px!important} .ml80-exsp{margin-left:80px!important} .ml85-exsp{margin-left:85px!important} .ml90-exsp{margin-left:90px!important} .ml95-exsp{margin-left:95px!important} .ml100-exsp{margin-left:100px!important} .mr-100-exsp{margin-right:-100px!important} .mr-95-exsp{margin-right:-95px!important} .mr-90-exsp{margin-right:-90px!important} .mr-85-exsp{margin-right:-85px!important} .mr-80-exsp{margin-right:-80px!important} .mr-75-exsp{margin-right:-75px!important} .mr-70-exsp{margin-right:-70px!important} .mr-65-exsp{margin-right:-65px!important} .mr-60-exsp{margin-right:-60px!important} .mr-55-exsp{margin-right:-55px!important} .mr-50-exsp{margin-right:-50px!important} .mr-45-exsp{margin-right:-45px!important} .mr-40-exsp{margin-right:-40px!important} .mr-35-exsp{margin-right:-35px!important} .mr-30-exsp{margin-right:-30px!important} .mr-25-exsp{margin-right:-25px!important} .mr-20-exsp{margin-right:-20px!important} .mr-15-exsp{margin-right:-15px!important} .mr-10-exsp{margin-right:-10px!important} .mr-5-exsp{margin-right:-5px!important} .mr0-exsp{margin-right:0!important} .mr5-exsp{margin-right:5px!important} .mr10-exsp{margin-right:10px!important} .mr15-exsp{margin-right:15px!important} .mr20-exsp{margin-right:20px!important} .mr25-exsp{margin-right:25px!important} .mr30-exsp{margin-right:30px!important} .mr35-exsp{margin-right:35px!important} .mr40-exsp{margin-right:40px!important} .mr45-exsp{margin-right:45px!important} .mr50-exsp{margin-right:50px!important} .mr55-exsp{margin-right:55px!important} .mr60-exsp{margin-right:60px!important} .mr65-exsp{margin-right:65px!important} .mr70-exsp{margin-right:70px!important} .mr75-exsp{margin-right:75px!important} .mr80-exsp{margin-right:80px!important} .mr85-exsp{margin-right:85px!important} .mr90-exsp{margin-right:90px!important} .mr95-exsp{margin-right:95px!important} .mr100-exsp{margin-right:100px!important} } @media only screen and (max-width:750px),print{ .mt-100-sp{margin-top:-100px!important} .mt-95-sp{margin-top:-95px!important} .mt-90-sp{margin-top:-90px!important} .mt-85-sp{margin-top:-85px!important} .mt-80-sp{margin-top:-80px!important} .mt-75-sp{margin-top:-75px!important} .mt-70-sp{margin-top:-70px!important} .mt-65-sp{margin-top:-65px!important} .mt-60-sp{margin-top:-60px!important} .mt-55-sp{margin-top:-55px!important} .mt-50-sp{margin-top:-50px!important} .mt-45-sp{margin-top:-45px!important} .mt-40-sp{margin-top:-40px!important} .mt-35-sp{margin-top:-35px!important} .mt-30-sp{margin-top:-30px!important} .mt-25-sp{margin-top:-25px!important} .mt-20-sp{margin-top:-20px!important} .mt-15-sp{margin-top:-15px!important} .mt-10-sp{margin-top:-10px!important} .mt-5-sp{margin-top:-5px!important} .mt0-sp{margin-top:0!important} .mt5-sp{margin-top:5px!important} .mt10-sp{margin-top:10px!important} .mt15-sp{margin-top:15px!important} .mt20-sp{margin-top:20px!important} .mt25-sp{margin-top:25px!important} .mt30-sp{margin-top:30px!important} .mt35-sp{margin-top:35px!important} .mt40-sp{margin-top:40px!important} .mt45-sp{margin-top:45px!important} .mt50-sp{margin-top:50px!important} .mt55-sp{margin-top:55px!important} .mt60-sp{margin-top:60px!important} .mt65-sp{margin-top:65px!important} .mt70-sp{margin-top:70px!important} .mt75-sp{margin-top:75px!important} .mt80-sp{margin-top:80px!important} .mt85-sp{margin-top:85px!important} .mt90-sp{margin-top:90px!important} .mt95-sp{margin-top:95px!important} .mt100-sp{margin-top:100px!important} .mb-100-sp{margin-bottom:-100px!important} .mb-95-sp{margin-bottom:-95px!important} .mb-90-sp{margin-bottom:-90px!important} .mb-85-sp{margin-bottom:-85px!important} .mb-80-sp{margin-bottom:-80px!important} .mb-75-sp{margin-bottom:-75px!important} .mb-70-sp{margin-bottom:-70px!important} .mb-65-sp{margin-bottom:-65px!important} .mb-60-sp{margin-bottom:-60px!important} .mb-55-sp{margin-bottom:-55px!important} .mb-50-sp{margin-bottom:-50px!important} .mb-45-sp{margin-bottom:-45px!important} .mb-40-sp{margin-bottom:-40px!important} .mb-35-sp{margin-bottom:-35px!important} .mb-30-sp{margin-bottom:-30px!important} .mb-25-sp{margin-bottom:-25px!important} .mb-20-sp{margin-bottom:-20px!important} .mb-15-sp{margin-bottom:-15px!important} .mb-10-sp{margin-bottom:-10px!important} .mb-5-sp{margin-bottom:-5px!important} .mb0-sp{margin-bottom:0!important} .mb5-sp{margin-bottom:5px!important} .mb10-sp{margin-bottom:10px!important} .mb15-sp{margin-bottom:15px!important} .mb20-sp{margin-bottom:20px!important} .mb25-sp{margin-bottom:25px!important} .mb30-sp{margin-bottom:30px!important} .mb35-sp{margin-bottom:35px!important} .mb40-sp{margin-bottom:40px!important} .mb45-sp{margin-bottom:45px!important} .mb50-sp{margin-bottom:50px!important} .mb55-sp{margin-bottom:55px!important} .mb60-sp{margin-bottom:60px!important} .mb65-sp{margin-bottom:65px!important} .mb70-sp{margin-bottom:70px!important} .mb75-sp{margin-bottom:75px!important} .mb80-sp{margin-bottom:80px!important} .mb85-sp{margin-bottom:85px!important} .mb90-sp{margin-bottom:90px!important} .mb95-sp{margin-bottom:95px!important} .mb100-sp{margin-bottom:100px!important} .ml-100-sp{margin-left:-100px!important} .ml-95-sp{margin-left:-95px!important} .ml-90-sp{margin-left:-90px!important} .ml-85-sp{margin-left:-85px!important} .ml-80-sp{margin-left:-80px!important} .ml-75-sp{margin-left:-75px!important} .ml-70-sp{margin-left:-70px!important} .ml-65-sp{margin-left:-65px!important} .ml-60-sp{margin-left:-60px!important} .ml-55-sp{margin-left:-55px!important} .ml-50-sp{margin-left:-50px!important} .ml-45-sp{margin-left:-45px!important} .ml-40-sp{margin-left:-40px!important} .ml-35-sp{margin-left:-35px!important} .ml-30-sp{margin-left:-30px!important} .ml-25-sp{margin-left:-25px!important} .ml-20-sp{margin-left:-20px!important} .ml-15-sp{margin-left:-15px!important} .ml-10-sp{margin-left:-10px!important} .ml-5-sp{margin-left:-5px!important} .ml0-sp{margin-left:0!important} .ml5-sp{margin-left:5px!important} .ml10-sp{margin-left:10px!important} .ml15-sp{margin-left:15px!important} .ml20-sp{margin-left:20px!important} .ml25-sp{margin-left:25px!important} .ml30-sp{margin-left:30px!important} .ml35-sp{margin-left:35px!important} .ml40-sp{margin-left:40px!important} .ml45-sp{margin-left:45px!important} .ml50-sp{margin-left:50px!important} .ml55-sp{margin-left:55px!important} .ml60-sp{margin-left:60px!important} .ml65-sp{margin-left:65px!important} .ml70-sp{margin-left:70px!important} .ml75-sp{margin-left:75px!important} .ml80-sp{margin-left:80px!important} .ml85-sp{margin-left:85px!important} .ml90-sp{margin-left:90px!important} .ml95-sp{margin-left:95px!important} .ml100-sp{margin-left:100px!important} .mr-100-sp{margin-right:-100px!important} .mr-95-sp{margin-right:-95px!important} .mr-90-sp{margin-right:-90px!important} .mr-85-sp{margin-right:-85px!important} .mr-80-sp{margin-right:-80px!important} .mr-75-sp{margin-right:-75px!important} .mr-70-sp{margin-right:-70px!important} .mr-65-sp{margin-right:-65px!important} .mr-60-sp{margin-right:-60px!important} .mr-55-sp{margin-right:-55px!important} .mr-50-sp{margin-right:-50px!important} .mr-45-sp{margin-right:-45px!important} .mr-40-sp{margin-right:-40px!important} .mr-35-sp{margin-right:-35px!important} .mr-30-sp{margin-right:-30px!important} .mr-25-sp{margin-right:-25px!important} .mr-20-sp{margin-right:-20px!important} .mr-15-sp{margin-right:-15px!important} .mr-10-sp{margin-right:-10px!important} .mr-5-sp{margin-right:-5px!important} .mr0-sp{margin-right:0!important} .mr5-sp{margin-right:5px!important} .mr10-sp{margin-right:10px!important} .mr15-sp{margin-right:15px!important} .mr20-sp{margin-right:20px!important} .mr25-sp{margin-right:25px!important} .mr30-sp{margin-right:30px!important} .mr35-sp{margin-right:35px!important} .mr40-sp{margin-right:40px!important} .mr45-sp{margin-right:45px!important} .mr50-sp{margin-right:50px!important} .mr55-sp{margin-right:55px!important} .mr60-sp{margin-right:60px!important} .mr65-sp{margin-right:65px!important} .mr70-sp{margin-right:70px!important} .mr75-sp{margin-right:75px!important} .mr80-sp{margin-right:80px!important} .mr85-sp{margin-right:85px!important} .mr90-sp{margin-right:90px!important} .mr95-sp{margin-right:95px!important} .mr100-sp{margin-right:100px!important} } /*padding*/ .pt-250{padding-top:-250px!important} .pt-245{padding-top:-245px!important} .pt-240{padding-top:-240px!important} .pt-235{padding-top:-235px!important} .pt-230{padding-top:-230px!important} .pt-225{padding-top:-225px!important} .pt-220{padding-top:-220px!important} .pt-215{padding-top:-215px!important} .pt-210{padding-top:-210px!important} .pt-205{padding-top:-205px!important} .pt-200{padding-top:-200px!important} .pt-195{padding-top:-195px!important} .pt-190{padding-top:-190px!important} .pt-185{padding-top:-185px!important} .pt-180{padding-top:-180px!important} .pt-175{padding-top:-175px!important} .pt-170{padding-top:-170px!important} .pt-165{padding-top:-165px!important} .pt-160{padding-top:-160px!important} .pt-155{padding-top:-155px!important} .pt-150{padding-top:-150px!important} .pt-145{padding-top:-145px!important} .pt-140{padding-top:-140px!important} .pt-135{padding-top:-135px!important} .pt-130{padding-top:-130px!important} .pt-125{padding-top:-125px!important} .pt-120{padding-top:-120px!important} .pt-115{padding-top:-115px!important} .pt-110{padding-top:-110px!important} .pt-105{padding-top:-105px!important} .pt-100{padding-top:-100px!important} .pt-95{padding-top:-95px!important} .pt-90{padding-top:-90px!important} .pt-85{padding-top:-85px!important} .pt-80{padding-top:-80px!important} .pt-75{padding-top:-75px!important} .pt-70{padding-top:-70px!important} .pt-65{padding-top:-65px!important} .pt-60{padding-top:-60px!important} .pt-55{padding-top:-55px!important} .pt-50{padding-top:-50px!important} .pt-45{padding-top:-45px!important} .pt-40{padding-top:-40px!important} .pt-35{padding-top:-35px!important} .pt-30{padding-top:-30px!important} .pt-25{padding-top:-25px!important} .pt-20{padding-top:-20px!important} .pt-15{padding-top:-15px!important} .pt-10{padding-top:-10px!important} .pt-5{padding-top:-5px!important} .pt0{padding-top:0!important} .pt5{padding-top:5px!important} .pt10{padding-top:10px!important} .pt15{padding-top:15px!important} .pt20{padding-top:20px!important} .pt25{padding-top:25px!important} .pt30{padding-top:30px!important} .pt35{padding-top:35px!important} .pt40{padding-top:40px!important} .pt45{padding-top:45px!important} .pt50{padding-top:50px!important} .pt55{padding-top:55px!important} .pt60{padding-top:60px!important} .pt65{padding-top:65px!important} .pt70{padding-top:70px!important} .pt75{padding-top:75px!important} .pt80{padding-top:80px!important} .pt85{padding-top:85px!important} .pt90{padding-top:90px!important} .pt95{padding-top:95px!important} .pt100{padding-top:100px!important} .pt105{padding-top:105px!important} .pt110{padding-top:110px!important} .pt115{padding-top:115px!important} .pt120{padding-top:120px!important} .pt125{padding-top:125px!important} .pt130{padding-top:130px!important} .pt135{padding-top:135px!important} .pt140{padding-top:140px!important} .pt145{padding-top:145px!important} .pt150{padding-top:150px!important} .pt155{padding-top:155px!important} .pt160{padding-top:160px!important} .pt165{padding-top:165px!important} .pt170{padding-top:170px!important} .pt175{padding-top:175px!important} .pt180{padding-top:180px!important} .pt185{padding-top:185px!important} .pt190{padding-top:190px!important} .pt195{padding-top:195px!important} .pt200{padding-top:200px!important} .pt205{padding-top:205px!important} .pt210{padding-top:210px!important} .pt215{padding-top:215px!important} .pt220{padding-top:220px!important} .pt225{padding-top:225px!important} .pt230{padding-top:230px!important} .pt235{padding-top:235px!important} .pt240{padding-top:240px!important} .pt245{padding-top:245px!important} .pt250{padding-top:250px!important} .pb-250{padding-bottom:-250px!important} .pb-245{padding-bottom:-245px!important} .pb-240{padding-bottom:-240px!important} .pb-235{padding-bottom:-235px!important} .pb-230{padding-bottom:-230px!important} .pb-225{padding-bottom:-225px!important} .pb-220{padding-bottom:-220px!important} .pb-215{padding-bottom:-215px!important} .pb-210{padding-bottom:-210px!important} .pb-205{padding-bottom:-205px!important} .pb-200{padding-bottom:-200px!important} .pb-195{padding-bottom:-195px!important} .pb-190{padding-bottom:-190px!important} .pb-185{padding-bottom:-185px!important} .pb-180{padding-bottom:-180px!important} .pb-175{padding-bottom:-175px!important} .pb-170{padding-bottom:-170px!important} .pb-165{padding-bottom:-165px!important} .pb-160{padding-bottom:-160px!important} .pb-155{padding-bottom:-155px!important} .pb-150{padding-bottom:-150px!important} .pb-145{padding-bottom:-145px!important} .pb-140{padding-bottom:-140px!important} .pb-135{padding-bottom:-135px!important} .pb-130{padding-bottom:-130px!important} .pb-125{padding-bottom:-125px!important} .pb-120{padding-bottom:-120px!important} .pb-115{padding-bottom:-115px!important} .pb-110{padding-bottom:-110px!important} .pb-105{padding-bottom:-105px!important} .pb-100{padding-bottom:-100px!important} .pb-95{padding-bottom:-95px!important} .pb-90{padding-bottom:-90px!important} .pb-85{padding-bottom:-85px!important} .pb-80{padding-bottom:-80px!important} .pb-75{padding-bottom:-75px!important} .pb-70{padding-bottom:-70px!important} .pb-65{padding-bottom:-65px!important} .pb-60{padding-bottom:-60px!important} .pb-55{padding-bottom:-55px!important} .pb-50{padding-bottom:-50px!important} .pb-45{padding-bottom:-45px!important} .pb-40{padding-bottom:-40px!important} .pb-35{padding-bottom:-35px!important} .pb-30{padding-bottom:-30px!important} .pb-25{padding-bottom:-25px!important} .pb-20{padding-bottom:-20px!important} .pb-15{padding-bottom:-15px!important} .pb-10{padding-bottom:-10px!important} .pb-5{padding-bottom:-5px!important} .pb0{padding-bottom:0!important} .pb5{padding-bottom:5px!important} .pb10{padding-bottom:10px!important} .pb15{padding-bottom:15px!important} .pb20{padding-bottom:20px!important} .pb25{padding-bottom:25px!important} .pb30{padding-bottom:30px!important} .pb35{padding-bottom:35px!important} .pb40{padding-bottom:40px!important} .pb45{padding-bottom:45px!important} .pb50{padding-bottom:50px!important} .pb55{padding-bottom:55px!important} .pb60{padding-bottom:60px!important} .pb65{padding-bottom:65px!important} .pb70{padding-bottom:70px!important} .pb75{padding-bottom:75px!important} .pb80{padding-bottom:80px!important} .pb85{padding-bottom:85px!important} .pb90{padding-bottom:90px!important} .pb95{padding-bottom:95px!important} .pb100{padding-bottom:100px!important} .pb105{padding-bottom:105px!important} .pb110{padding-bottom:110px!important} .pb115{padding-bottom:115px!important} .pb120{padding-bottom:120px!important} .pb125{padding-bottom:125px!important} .pb130{padding-bottom:130px!important} .pb135{padding-bottom:135px!important} .pb140{padding-bottom:140px!important} .pb145{padding-bottom:145px!important} .pb150{padding-bottom:150px!important} .pb155{padding-bottom:155px!important} .pb160{padding-bottom:160px!important} .pb165{padding-bottom:165px!important} .pb170{padding-bottom:170px!important} .pb175{padding-bottom:175px!important} .pb180{padding-bottom:180px!important} .pb185{padding-bottom:185px!important} .pb190{padding-bottom:190px!important} .pb195{padding-bottom:195px!important} .pb200{padding-bottom:200px!important} .pb205{padding-bottom:205px!important} .pb210{padding-bottom:210px!important} .pb215{padding-bottom:215px!important} .pb220{padding-bottom:220px!important} .pb225{padding-bottom:225px!important} .pb230{padding-bottom:230px!important} .pb235{padding-bottom:235px!important} .pb240{padding-bottom:240px!important} .pb245{padding-bottom:245px!important} .pb250{padding-bottom:250px!important} .pl-250{padding-left:-250px!important} .pl-245{padding-left:-245px!important} .pl-240{padding-left:-240px!important} .pl-235{padding-left:-235px!important} .pl-230{padding-left:-230px!important} .pl-225{padding-left:-225px!important} .pl-220{padding-left:-220px!important} .pl-215{padding-left:-215px!important} .pl-210{padding-left:-210px!important} .pl-205{padding-left:-205px!important} .pl-200{padding-left:-200px!important} .pl-195{padding-left:-195px!important} .pl-190{padding-left:-190px!important} .pl-185{padding-left:-185px!important} .pl-180{padding-left:-180px!important} .pl-175{padding-left:-175px!important} .pl-170{padding-left:-170px!important} .pl-165{padding-left:-165px!important} .pl-160{padding-left:-160px!important} .pl-155{padding-left:-155px!important} .pl-150{padding-left:-150px!important} .pl-145{padding-left:-145px!important} .pl-140{padding-left:-140px!important} .pl-135{padding-left:-135px!important} .pl-130{padding-left:-130px!important} .pl-125{padding-left:-125px!important} .pl-120{padding-left:-120px!important} .pl-115{padding-left:-115px!important} .pl-110{padding-left:-110px!important} .pl-105{padding-left:-105px!important} .pl-100{padding-left:-100px!important} .pl-95{padding-left:-95px!important} .pl-90{padding-left:-90px!important} .pl-85{padding-left:-85px!important} .pl-80{padding-left:-80px!important} .pl-75{padding-left:-75px!important} .pl-70{padding-left:-70px!important} .pl-65{padding-left:-65px!important} .pl-60{padding-left:-60px!important} .pl-55{padding-left:-55px!important} .pl-50{padding-left:-50px!important} .pl-45{padding-left:-45px!important} .pl-40{padding-left:-40px!important} .pl-35{padding-left:-35px!important} .pl-30{padding-left:-30px!important} .pl-25{padding-left:-25px!important} .pl-20{padding-left:-20px!important} .pl-15{padding-left:-15px!important} .pl-10{padding-left:-10px!important} .pl-5{padding-left:-5px!important} .pl0{padding-left:0!important} .pl5{padding-left:5px!important} .pl10{padding-left:10px!important} .pl15{padding-left:15px!important} .pl20{padding-left:20px!important} .pl25{padding-left:25px!important} .pl30{padding-left:30px!important} .pl35{padding-left:35px!important} .pl40{padding-left:40px!important} .pl45{padding-left:45px!important} .pl50{padding-left:50px!important} .pl55{padding-left:55px!important} .pl60{padding-left:60px!important} .pl65{padding-left:65px!important} .pl70{padding-left:70px!important} .pl75{padding-left:75px!important} .pl80{padding-left:80px!important} .pl85{padding-left:85px!important} .pl90{padding-left:90px!important} .pl95{padding-left:95px!important} .pl100{padding-left:100px!important} .pl105{padding-left:105px!important} .pl110{padding-left:110px!important} .pl115{padding-left:115px!important} .pl120{padding-left:120px!important} .pl125{padding-left:125px!important} .pl130{padding-left:130px!important} .pl135{padding-left:135px!important} .pl140{padding-left:140px!important} .pl145{padding-left:145px!important} .pl150{padding-left:150px!important} .pl155{padding-left:155px!important} .pl160{padding-left:160px!important} .pl165{padding-left:165px!important} .pl170{padding-left:170px!important} .pl175{padding-left:175px!important} .pl180{padding-left:180px!important} .pl185{padding-left:185px!important} .pl190{padding-left:190px!important} .pl195{padding-left:195px!important} .pl200{padding-left:200px!important} .pl205{padding-left:205px!important} .pl210{padding-left:210px!important} .pl215{padding-left:215px!important} .pl220{padding-left:220px!important} .pl225{padding-left:225px!important} .pl230{padding-left:230px!important} .pl235{padding-left:235px!important} .pl240{padding-left:240px!important} .pl245{padding-left:245px!important} .pl250{padding-left:250px!important} .pr-250{padding-right:-250px!important} .pr-245{padding-right:-245px!important} .pr-240{padding-right:-240px!important} .pr-235{padding-right:-235px!important} .pr-230{padding-right:-230px!important} .pr-225{padding-right:-225px!important} .pr-220{padding-right:-220px!important} .pr-215{padding-right:-215px!important} .pr-210{padding-right:-210px!important} .pr-205{padding-right:-205px!important} .pr-200{padding-right:-200px!important} .pr-195{padding-right:-195px!important} .pr-190{padding-right:-190px!important} .pr-185{padding-right:-185px!important} .pr-180{padding-right:-180px!important} .pr-175{padding-right:-175px!important} .pr-170{padding-right:-170px!important} .pr-165{padding-right:-165px!important} .pr-160{padding-right:-160px!important} .pr-155{padding-right:-155px!important} .pr-150{padding-right:-150px!important} .pr-145{padding-right:-145px!important} .pr-140{padding-right:-140px!important} .pr-135{padding-right:-135px!important} .pr-130{padding-right:-130px!important} .pr-125{padding-right:-125px!important} .pr-120{padding-right:-120px!important} .pr-115{padding-right:-115px!important} .pr-110{padding-right:-110px!important} .pr-105{padding-right:-105px!important} .pr-100{padding-right:-100px!important} .pr-95{padding-right:-95px!important} .pr-90{padding-right:-90px!important} .pr-85{padding-right:-85px!important} .pr-80{padding-right:-80px!important} .pr-75{padding-right:-75px!important} .pr-70{padding-right:-70px!important} .pr-65{padding-right:-65px!important} .pr-60{padding-right:-60px!important} .pr-55{padding-right:-55px!important} .pr-50{padding-right:-50px!important} .pr-45{padding-right:-45px!important} .pr-40{padding-right:-40px!important} .pr-35{padding-right:-35px!important} .pr-30{padding-right:-30px!important} .pr-25{padding-right:-25px!important} .pr-20{padding-right:-20px!important} .pr-15{padding-right:-15px!important} .pr-10{padding-right:-10px!important} .pr-5{padding-right:-5px!important} .pr0{padding-right:0!important} .pr5{padding-right:5px!important} .pr10{padding-right:10px!important} .pr15{padding-right:15px!important} .pr20{padding-right:20px!important} .pr25{padding-right:25px!important} .pr30{padding-right:30px!important} .pr35{padding-right:35px!important} .pr40{padding-right:40px!important} .pr45{padding-right:45px!important} .pr50{padding-right:50px!important} .pr55{padding-right:55px!important} .pr60{padding-right:60px!important} .pr65{padding-right:65px!important} .pr70{padding-right:70px!important} .pr75{padding-right:75px!important} .pr80{padding-right:80px!important} .pr85{padding-right:85px!important} .pr90{padding-right:90px!important} .pr95{padding-right:95px!important} .pr100{padding-right:100px!important} .pr105{padding-right:105px!important} .pr110{padding-right:110px!important} .pr115{padding-right:115px!important} .pr120{padding-right:120px!important} .pr125{padding-right:125px!important} .pr130{padding-right:130px!important} .pr135{padding-right:135px!important} .pr140{padding-right:140px!important} .pr145{padding-right:145px!important} .pr150{padding-right:150px!important} .pr155{padding-right:155px!important} .pr160{padding-right:160px!important} .pr165{padding-right:165px!important} .pr170{padding-right:170px!important} .pr175{padding-right:175px!important} .pr180{padding-right:180px!important} .pr185{padding-right:185px!important} .pr190{padding-right:190px!important} .pr195{padding-right:195px!important} .pr200{padding-right:200px!important} .pr205{padding-right:205px!important} .pr210{padding-right:210px!important} .pr215{padding-right:215px!important} .pr220{padding-right:220px!important} .pr225{padding-right:225px!important} .pr230{padding-right:230px!important} .pr235{padding-right:235px!important} .pr240{padding-right:240px!important} .pr245{padding-right:245px!important} .pr250{padding-right:250px!important} @media only screen and (min-width:751px),print{ .pt-250-exsp{padding-top:-250px!important} .pt-245-exsp{padding-top:-245px!important} .pt-240-exsp{padding-top:-240px!important} .pt-235-exsp{padding-top:-235px!important} .pt-230-exsp{padding-top:-230px!important} .pt-225-exsp{padding-top:-225px!important} .pt-220-exsp{padding-top:-220px!important} .pt-215-exsp{padding-top:-215px!important} .pt-210-exsp{padding-top:-210px!important} .pt-205-exsp{padding-top:-205px!important} .pt-200-exsp{padding-top:-200px!important} .pt-195-exsp{padding-top:-195px!important} .pt-190-exsp{padding-top:-190px!important} .pt-185-exsp{padding-top:-185px!important} .pt-180-exsp{padding-top:-180px!important} .pt-175-exsp{padding-top:-175px!important} .pt-170-exsp{padding-top:-170px!important} .pt-165-exsp{padding-top:-165px!important} .pt-160-exsp{padding-top:-160px!important} .pt-155-exsp{padding-top:-155px!important} .pt-150-exsp{padding-top:-150px!important} .pt-145-exsp{padding-top:-145px!important} .pt-140-exsp{padding-top:-140px!important} .pt-135-exsp{padding-top:-135px!important} .pt-130-exsp{padding-top:-130px!important} .pt-125-exsp{padding-top:-125px!important} .pt-120-exsp{padding-top:-120px!important} .pt-115-exsp{padding-top:-115px!important} .pt-110-exsp{padding-top:-110px!important} .pt-105-exsp{padding-top:-105px!important} .pt-100-exsp{padding-top:-100px!important} .pt-95-exsp{padding-top:-95px!important} .pt-90-exsp{padding-top:-90px!important} .pt-85-exsp{padding-top:-85px!important} .pt-80-exsp{padding-top:-80px!important} .pt-75-exsp{padding-top:-75px!important} .pt-70-exsp{padding-top:-70px!important} .pt-65-exsp{padding-top:-65px!important} .pt-60-exsp{padding-top:-60px!important} .pt-55-exsp{padding-top:-55px!important} .pt-50-exsp{padding-top:-50px!important} .pt-45-exsp{padding-top:-45px!important} .pt-40-exsp{padding-top:-40px!important} .pt-35-exsp{padding-top:-35px!important} .pt-30-exsp{padding-top:-30px!important} .pt-25-exsp{padding-top:-25px!important} .pt-20-exsp{padding-top:-20px!important} .pt-15-exsp{padding-top:-15px!important} .pt-10-exsp{padding-top:-10px!important} .pt-5-exsp{padding-top:-5px!important} .pt0-exsp{padding-top:0!important} .pt5-exsp{padding-top:5px!important} .pt10-exsp{padding-top:10px!important} .pt15-exsp{padding-top:15px!important} .pt20-exsp{padding-top:20px!important} .pt25-exsp{padding-top:25px!important} .pt30-exsp{padding-top:30px!important} .pt35-exsp{padding-top:35px!important} .pt40-exsp{padding-top:40px!important} .pt45-exsp{padding-top:45px!important} .pt50-exsp{padding-top:50px!important} .pt55-exsp{padding-top:55px!important} .pt60-exsp{padding-top:60px!important} .pt65-exsp{padding-top:65px!important} .pt70-exsp{padding-top:70px!important} .pt75-exsp{padding-top:75px!important} .pt80-exsp{padding-top:80px!important} .pt85-exsp{padding-top:85px!important} .pt90-exsp{padding-top:90px!important} .pt95-exsp{padding-top:95px!important} .pt100-exsp{padding-top:100px!important} .pt105-exsp{padding-top:105px!important} .pt110-exsp{padding-top:110px!important} .pt115-exsp{padding-top:115px!important} .pt120-exsp{padding-top:120px!important} .pt125-exsp{padding-top:125px!important} .pt130-exsp{padding-top:130px!important} .pt135-exsp{padding-top:135px!important} .pt140-exsp{padding-top:140px!important} .pt145-exsp{padding-top:145px!important} .pt150-exsp{padding-top:150px!important} .pt155-exsp{padding-top:155px!important} .pt160-exsp{padding-top:160px!important} .pt165-exsp{padding-top:165px!important} .pt170-exsp{padding-top:170px!important} .pt175-exsp{padding-top:175px!important} .pt180-exsp{padding-top:180px!important} .pt185-exsp{padding-top:185px!important} .pt190-exsp{padding-top:190px!important} .pt195-exsp{padding-top:195px!important} .pt200-exsp{padding-top:200px!important} .pt205-exsp{padding-top:205px!important} .pt210-exsp{padding-top:210px!important} .pt215-exsp{padding-top:215px!important} .pt220-exsp{padding-top:220px!important} .pt225-exsp{padding-top:225px!important} .pt230-exsp{padding-top:230px!important} .pt235-exsp{padding-top:235px!important} .pt240-exsp{padding-top:240px!important} .pt245-exsp{padding-top:245px!important} .pt250-exsp{padding-top:250px!important} .pb-250-exsp{padding-bottom:-250px!important} .pb-245-exsp{padding-bottom:-245px!important} .pb-240-exsp{padding-bottom:-240px!important} .pb-235-exsp{padding-bottom:-235px!important} .pb-230-exsp{padding-bottom:-230px!important} .pb-225-exsp{padding-bottom:-225px!important} .pb-220-exsp{padding-bottom:-220px!important} .pb-215-exsp{padding-bottom:-215px!important} .pb-210-exsp{padding-bottom:-210px!important} .pb-205-exsp{padding-bottom:-205px!important} .pb-200-exsp{padding-bottom:-200px!important} .pb-195-exsp{padding-bottom:-195px!important} .pb-190-exsp{padding-bottom:-190px!important} .pb-185-exsp{padding-bottom:-185px!important} .pb-180-exsp{padding-bottom:-180px!important} .pb-175-exsp{padding-bottom:-175px!important} .pb-170-exsp{padding-bottom:-170px!important} .pb-165-exsp{padding-bottom:-165px!important} .pb-160-exsp{padding-bottom:-160px!important} .pb-155-exsp{padding-bottom:-155px!important} .pb-150-exsp{padding-bottom:-150px!important} .pb-145-exsp{padding-bottom:-145px!important} .pb-140-exsp{padding-bottom:-140px!important} .pb-135-exsp{padding-bottom:-135px!important} .pb-130-exsp{padding-bottom:-130px!important} .pb-125-exsp{padding-bottom:-125px!important} .pb-120-exsp{padding-bottom:-120px!important} .pb-115-exsp{padding-bottom:-115px!important} .pb-110-exsp{padding-bottom:-110px!important} .pb-105-exsp{padding-bottom:-105px!important} .pb-100-exsp{padding-bottom:-100px!important} .pb-95-exsp{padding-bottom:-95px!important} .pb-90-exsp{padding-bottom:-90px!important} .pb-85-exsp{padding-bottom:-85px!important} .pb-80-exsp{padding-bottom:-80px!important} .pb-75-exsp{padding-bottom:-75px!important} .pb-70-exsp{padding-bottom:-70px!important} .pb-65-exsp{padding-bottom:-65px!important} .pb-60-exsp{padding-bottom:-60px!important} .pb-55-exsp{padding-bottom:-55px!important} .pb-50-exsp{padding-bottom:-50px!important} .pb-45-exsp{padding-bottom:-45px!important} .pb-40-exsp{padding-bottom:-40px!important} .pb-35-exsp{padding-bottom:-35px!important} .pb-30-exsp{padding-bottom:-30px!important} .pb-25-exsp{padding-bottom:-25px!important} .pb-20-exsp{padding-bottom:-20px!important} .pb-15-exsp{padding-bottom:-15px!important} .pb-10-exsp{padding-bottom:-10px!important} .pb-5-exsp{padding-bottom:-5px!important} .pb0-exsp{padding-bottom:0!important} .pb5-exsp{padding-bottom:5px!important} .pb10-exsp{padding-bottom:10px!important} .pb15-exsp{padding-bottom:15px!important} .pb20-exsp{padding-bottom:20px!important} .pb25-exsp{padding-bottom:25px!important} .pb30-exsp{padding-bottom:30px!important} .pb35-exsp{padding-bottom:35px!important} .pb40-exsp{padding-bottom:40px!important} .pb45-exsp{padding-bottom:45px!important} .pb50-exsp{padding-bottom:50px!important} .pb55-exsp{padding-bottom:55px!important} .pb60-exsp{padding-bottom:60px!important} .pb65-exsp{padding-bottom:65px!important} .pb70-exsp{padding-bottom:70px!important} .pb75-exsp{padding-bottom:75px!important} .pb80-exsp{padding-bottom:80px!important} .pb85-exsp{padding-bottom:85px!important} .pb90-exsp{padding-bottom:90px!important} .pb95-exsp{padding-bottom:95px!important} .pb100-exsp{padding-bottom:100px!important} .pb105-exsp{padding-bottom:105px!important} .pb110-exsp{padding-bottom:110px!important} .pb115-exsp{padding-bottom:115px!important} .pb120-exsp{padding-bottom:120px!important} .pb125-exsp{padding-bottom:125px!important} .pb130-exsp{padding-bottom:130px!important} .pb135-exsp{padding-bottom:135px!important} .pb140-exsp{padding-bottom:140px!important} .pb145-exsp{padding-bottom:145px!important} .pb150-exsp{padding-bottom:150px!important} .pb155-exsp{padding-bottom:155px!important} .pb160-exsp{padding-bottom:160px!important} .pb165-exsp{padding-bottom:165px!important} .pb170-exsp{padding-bottom:170px!important} .pb175-exsp{padding-bottom:175px!important} .pb180-exsp{padding-bottom:180px!important} .pb185-exsp{padding-bottom:185px!important} .pb190-exsp{padding-bottom:190px!important} .pb195-exsp{padding-bottom:195px!important} .pb200-exsp{padding-bottom:200px!important} .pb205-exsp{padding-bottom:205px!important} .pb210-exsp{padding-bottom:210px!important} .pb215-exsp{padding-bottom:215px!important} .pb220-exsp{padding-bottom:220px!important} .pb225-exsp{padding-bottom:225px!important} .pb230-exsp{padding-bottom:230px!important} .pb235-exsp{padding-bottom:235px!important} .pb240-exsp{padding-bottom:240px!important} .pb245-exsp{padding-bottom:245px!important} .pb250-exsp{padding-bottom:250px!important} .pl-250-exsp{padding-left:-250px!important} .pl-245-exsp{padding-left:-245px!important} .pl-240-exsp{padding-left:-240px!important} .pl-235-exsp{padding-left:-235px!important} .pl-230-exsp{padding-left:-230px!important} .pl-225-exsp{padding-left:-225px!important} .pl-220-exsp{padding-left:-220px!important} .pl-215-exsp{padding-left:-215px!important} .pl-210-exsp{padding-left:-210px!important} .pl-205-exsp{padding-left:-205px!important} .pl-200-exsp{padding-left:-200px!important} .pl-195-exsp{padding-left:-195px!important} .pl-190-exsp{padding-left:-190px!important} .pl-185-exsp{padding-left:-185px!important} .pl-180-exsp{padding-left:-180px!important} .pl-175-exsp{padding-left:-175px!important} .pl-170-exsp{padding-left:-170px!important} .pl-165-exsp{padding-left:-165px!important} .pl-160-exsp{padding-left:-160px!important} .pl-155-exsp{padding-left:-155px!important} .pl-150-exsp{padding-left:-150px!important} .pl-145-exsp{padding-left:-145px!important} .pl-140-exsp{padding-left:-140px!important} .pl-135-exsp{padding-left:-135px!important} .pl-130-exsp{padding-left:-130px!important} .pl-125-exsp{padding-left:-125px!important} .pl-120-exsp{padding-left:-120px!important} .pl-115-exsp{padding-left:-115px!important} .pl-110-exsp{padding-left:-110px!important} .pl-105-exsp{padding-left:-105px!important} .pl-100-exsp{padding-left:-100px!important} .pl-95-exsp{padding-left:-95px!important} .pl-90-exsp{padding-left:-90px!important} .pl-85-exsp{padding-left:-85px!important} .pl-80-exsp{padding-left:-80px!important} .pl-75-exsp{padding-left:-75px!important} .pl-70-exsp{padding-left:-70px!important} .pl-65-exsp{padding-left:-65px!important} .pl-60-exsp{padding-left:-60px!important} .pl-55-exsp{padding-left:-55px!important} .pl-50-exsp{padding-left:-50px!important} .pl-45-exsp{padding-left:-45px!important} .pl-40-exsp{padding-left:-40px!important} .pl-35-exsp{padding-left:-35px!important} .pl-30-exsp{padding-left:-30px!important} .pl-25-exsp{padding-left:-25px!important} .pl-20-exsp{padding-left:-20px!important} .pl-15-exsp{padding-left:-15px!important} .pl-10-exsp{padding-left:-10px!important} .pl-5-exsp{padding-left:-5px!important} .pl0-exsp{padding-left:0!important} .pl5-exsp{padding-left:5px!important} .pl10-exsp{padding-left:10px!important} .pl15-exsp{padding-left:15px!important} .pl20-exsp{padding-left:20px!important} .pl25-exsp{padding-left:25px!important} .pl30-exsp{padding-left:30px!important} .pl35-exsp{padding-left:35px!important} .pl40-exsp{padding-left:40px!important} .pl45-exsp{padding-left:45px!important} .pl50-exsp{padding-left:50px!important} .pl55-exsp{padding-left:55px!important} .pl60-exsp{padding-left:60px!important} .pl65-exsp{padding-left:65px!important} .pl70-exsp{padding-left:70px!important} .pl75-exsp{padding-left:75px!important} .pl80-exsp{padding-left:80px!important} .pl85-exsp{padding-left:85px!important} .pl90-exsp{padding-left:90px!important} .pl95-exsp{padding-left:95px!important} .pl100-exsp{padding-left:100px!important} .pl105-exsp{padding-left:105px!important} .pl110-exsp{padding-left:110px!important} .pl115-exsp{padding-left:115px!important} .pl120-exsp{padding-left:120px!important} .pl125-exsp{padding-left:125px!important} .pl130-exsp{padding-left:130px!important} .pl135-exsp{padding-left:135px!important} .pl140-exsp{padding-left:140px!important} .pl145-exsp{padding-left:145px!important} .pl150-exsp{padding-left:150px!important} .pl155-exsp{padding-left:155px!important} .pl160-exsp{padding-left:160px!important} .pl165-exsp{padding-left:165px!important} .pl170-exsp{padding-left:170px!important} .pl175-exsp{padding-left:175px!important} .pl180-exsp{padding-left:180px!important} .pl185-exsp{padding-left:185px!important} .pl190-exsp{padding-left:190px!important} .pl195-exsp{padding-left:195px!important} .pl200-exsp{padding-left:200px!important} .pl205-exsp{padding-left:205px!important} .pl210-exsp{padding-left:210px!important} .pl215-exsp{padding-left:215px!important} .pl220-exsp{padding-left:220px!important} .pl225-exsp{padding-left:225px!important} .pl230-exsp{padding-left:230px!important} .pl235-exsp{padding-left:235px!important} .pl240-exsp{padding-left:240px!important} .pl245-exsp{padding-left:245px!important} .pl250-exsp{padding-left:250px!important} .pr-250-exsp{padding-right:-250px!important} .pr-245-exsp{padding-right:-245px!important} .pr-240-exsp{padding-right:-240px!important} .pr-235-exsp{padding-right:-235px!important} .pr-230-exsp{padding-right:-230px!important} .pr-225-exsp{padding-right:-225px!important} .pr-220-exsp{padding-right:-220px!important} .pr-215-exsp{padding-right:-215px!important} .pr-210-exsp{padding-right:-210px!important} .pr-205-exsp{padding-right:-205px!important} .pr-200-exsp{padding-right:-200px!important} .pr-195-exsp{padding-right:-195px!important} .pr-190-exsp{padding-right:-190px!important} .pr-185-exsp{padding-right:-185px!important} .pr-180-exsp{padding-right:-180px!important} .pr-175-exsp{padding-right:-175px!important} .pr-170-exsp{padding-right:-170px!important} .pr-165-exsp{padding-right:-165px!important} .pr-160-exsp{padding-right:-160px!important} .pr-155-exsp{padding-right:-155px!important} .pr-150-exsp{padding-right:-150px!important} .pr-145-exsp{padding-right:-145px!important} .pr-140-exsp{padding-right:-140px!important} .pr-135-exsp{padding-right:-135px!important} .pr-130-exsp{padding-right:-130px!important} .pr-125-exsp{padding-right:-125px!important} .pr-120-exsp{padding-right:-120px!important} .pr-115-exsp{padding-right:-115px!important} .pr-110-exsp{padding-right:-110px!important} .pr-105-exsp{padding-right:-105px!important} .pr-100-exsp{padding-right:-100px!important} .pr-95-exsp{padding-right:-95px!important} .pr-90-exsp{padding-right:-90px!important} .pr-85-exsp{padding-right:-85px!important} .pr-80-exsp{padding-right:-80px!important} .pr-75-exsp{padding-right:-75px!important} .pr-70-exsp{padding-right:-70px!important} .pr-65-exsp{padding-right:-65px!important} .pr-60-exsp{padding-right:-60px!important} .pr-55-exsp{padding-right:-55px!important} .pr-50-exsp{padding-right:-50px!important} .pr-45-exsp{padding-right:-45px!important} .pr-40-exsp{padding-right:-40px!important} .pr-35-exsp{padding-right:-35px!important} .pr-30-exsp{padding-right:-30px!important} .pr-25-exsp{padding-right:-25px!important} .pr-20-exsp{padding-right:-20px!important} .pr-15-exsp{padding-right:-15px!important} .pr-10-exsp{padding-right:-10px!important} .pr-5-exsp{padding-right:-5px!important} .pr0-exsp{padding-right:0!important} .pr5-exsp{padding-right:5px!important} .pr10-exsp{padding-right:10px!important} .pr15-exsp{padding-right:15px!important} .pr20-exsp{padding-right:20px!important} .pr25-exsp{padding-right:25px!important} .pr30-exsp{padding-right:30px!important} .pr35-exsp{padding-right:35px!important} .pr40-exsp{padding-right:40px!important} .pr45-exsp{padding-right:45px!important} .pr50-exsp{padding-right:50px!important} .pr55-exsp{padding-right:55px!important} .pr60-exsp{padding-right:60px!important} .pr65-exsp{padding-right:65px!important} .pr70-exsp{padding-right:70px!important} .pr75-exsp{padding-right:75px!important} .pr80-exsp{padding-right:80px!important} .pr85-exsp{padding-right:85px!important} .pr90-exsp{padding-right:90px!important} .pr95-exsp{padding-right:95px!important} .pr100-exsp{padding-right:100px!important} .pr105-exsp{padding-right:105px!important} .pr110-exsp{padding-right:110px!important} .pr115-exsp{padding-right:115px!important} .pr120-exsp{padding-right:120px!important} .pr125-exsp{padding-right:125px!important} .pr130-exsp{padding-right:130px!important} .pr135-exsp{padding-right:135px!important} .pr140-exsp{padding-right:140px!important} .pr145-exsp{padding-right:145px!important} .pr150-exsp{padding-right:150px!important} .pr155-exsp{padding-right:155px!important} .pr160-exsp{padding-right:160px!important} .pr165-exsp{padding-right:165px!important} .pr170-exsp{padding-right:170px!important} .pr175-exsp{padding-right:175px!important} .pr180-exsp{padding-right:180px!important} .pr185-exsp{padding-right:185px!important} .pr190-exsp{padding-right:190px!important} .pr195-exsp{padding-right:195px!important} .pr200-exsp{padding-right:200px!important} .pr205-exsp{padding-right:205px!important} .pr210-exsp{padding-right:210px!important} .pr215-exsp{padding-right:215px!important} .pr220-exsp{padding-right:220px!important} .pr225-exsp{padding-right:225px!important} .pr230-exsp{padding-right:230px!important} .pr235-exsp{padding-right:235px!important} .pr240-exsp{padding-right:240px!important} .pr245-exsp{padding-right:245px!important} .pr250-exsp{padding-right:250px!important} } @media only screen and (max-width:750px),print{ .pt-250-sp{padding-top:-250px!important} .pt-245-sp{padding-top:-245px!important} .pt-240-sp{padding-top:-240px!important} .pt-235-sp{padding-top:-235px!important} .pt-230-sp{padding-top:-230px!important} .pt-225-sp{padding-top:-225px!important} .pt-220-sp{padding-top:-220px!important} .pt-215-sp{padding-top:-215px!important} .pt-210-sp{padding-top:-210px!important} .pt-205-sp{padding-top:-205px!important} .pt-200-sp{padding-top:-200px!important} .pt-195-sp{padding-top:-195px!important} .pt-190-sp{padding-top:-190px!important} .pt-185-sp{padding-top:-185px!important} .pt-180-sp{padding-top:-180px!important} .pt-175-sp{padding-top:-175px!important} .pt-170-sp{padding-top:-170px!important} .pt-165-sp{padding-top:-165px!important} .pt-160-sp{padding-top:-160px!important} .pt-155-sp{padding-top:-155px!important} .pt-150-sp{padding-top:-150px!important} .pt-145-sp{padding-top:-145px!important} .pt-140-sp{padding-top:-140px!important} .pt-135-sp{padding-top:-135px!important} .pt-130-sp{padding-top:-130px!important} .pt-125-sp{padding-top:-125px!important} .pt-120-sp{padding-top:-120px!important} .pt-115-sp{padding-top:-115px!important} .pt-110-sp{padding-top:-110px!important} .pt-105-sp{padding-top:-105px!important} .pt-100-sp{padding-top:-100px!important} .pt-95-sp{padding-top:-95px!important} .pt-90-sp{padding-top:-90px!important} .pt-85-sp{padding-top:-85px!important} .pt-80-sp{padding-top:-80px!important} .pt-75-sp{padding-top:-75px!important} .pt-70-sp{padding-top:-70px!important} .pt-65-sp{padding-top:-65px!important} .pt-60-sp{padding-top:-60px!important} .pt-55-sp{padding-top:-55px!important} .pt-50-sp{padding-top:-50px!important} .pt-45-sp{padding-top:-45px!important} .pt-40-sp{padding-top:-40px!important} .pt-35-sp{padding-top:-35px!important} .pt-30-sp{padding-top:-30px!important} .pt-25-sp{padding-top:-25px!important} .pt-20-sp{padding-top:-20px!important} .pt-15-sp{padding-top:-15px!important} .pt-10-sp{padding-top:-10px!important} .pt-5-sp{padding-top:-5px!important} .pt0-sp{padding-top:0!important} .pt5-sp{padding-top:5px!important} .pt10-sp{padding-top:10px!important} .pt15-sp{padding-top:15px!important} .pt20-sp{padding-top:20px!important} .pt25-sp{padding-top:25px!important} .pt30-sp{padding-top:30px!important} .pt35-sp{padding-top:35px!important} .pt40-sp{padding-top:40px!important} .pt45-sp{padding-top:45px!important} .pt50-sp{padding-top:50px!important} .pt55-sp{padding-top:55px!important} .pt60-sp{padding-top:60px!important} .pt65-sp{padding-top:65px!important} .pt70-sp{padding-top:70px!important} .pt75-sp{padding-top:75px!important} .pt80-sp{padding-top:80px!important} .pt85-sp{padding-top:85px!important} .pt90-sp{padding-top:90px!important} .pt95-sp{padding-top:95px!important} .pt100-sp{padding-top:100px!important} .pt105-sp{padding-top:105px!important} .pt110-sp{padding-top:110px!important} .pt115-sp{padding-top:115px!important} .pt120-sp{padding-top:120px!important} .pt125-sp{padding-top:125px!important} .pt130-sp{padding-top:130px!important} .pt135-sp{padding-top:135px!important} .pt140-sp{padding-top:140px!important} .pt145-sp{padding-top:145px!important} .pt150-sp{padding-top:150px!important} .pt155-sp{padding-top:155px!important} .pt160-sp{padding-top:160px!important} .pt165-sp{padding-top:165px!important} .pt170-sp{padding-top:170px!important} .pt175-sp{padding-top:175px!important} .pt180-sp{padding-top:180px!important} .pt185-sp{padding-top:185px!important} .pt190-sp{padding-top:190px!important} .pt195-sp{padding-top:195px!important} .pt200-sp{padding-top:200px!important} .pt205-sp{padding-top:205px!important} .pt210-sp{padding-top:210px!important} .pt215-sp{padding-top:215px!important} .pt220-sp{padding-top:220px!important} .pt225-sp{padding-top:225px!important} .pt230-sp{padding-top:230px!important} .pt235-sp{padding-top:235px!important} .pt240-sp{padding-top:240px!important} .pt245-sp{padding-top:245px!important} .pt250-sp{padding-top:250px!important} .pb-250-sp{padding-bottom:-250px!important} .pb-245-sp{padding-bottom:-245px!important} .pb-240-sp{padding-bottom:-240px!important} .pb-235-sp{padding-bottom:-235px!important} .pb-230-sp{padding-bottom:-230px!important} .pb-225-sp{padding-bottom:-225px!important} .pb-220-sp{padding-bottom:-220px!important} .pb-215-sp{padding-bottom:-215px!important} .pb-210-sp{padding-bottom:-210px!important} .pb-205-sp{padding-bottom:-205px!important} .pb-200-sp{padding-bottom:-200px!important} .pb-195-sp{padding-bottom:-195px!important} .pb-190-sp{padding-bottom:-190px!important} .pb-185-sp{padding-bottom:-185px!important} .pb-180-sp{padding-bottom:-180px!important} .pb-175-sp{padding-bottom:-175px!important} .pb-170-sp{padding-bottom:-170px!important} .pb-165-sp{padding-bottom:-165px!important} .pb-160-sp{padding-bottom:-160px!important} .pb-155-sp{padding-bottom:-155px!important} .pb-150-sp{padding-bottom:-150px!important} .pb-145-sp{padding-bottom:-145px!important} .pb-140-sp{padding-bottom:-140px!important} .pb-135-sp{padding-bottom:-135px!important} .pb-130-sp{padding-bottom:-130px!important} .pb-125-sp{padding-bottom:-125px!important} .pb-120-sp{padding-bottom:-120px!important} .pb-115-sp{padding-bottom:-115px!important} .pb-110-sp{padding-bottom:-110px!important} .pb-105-sp{padding-bottom:-105px!important} .pb-100-sp{padding-bottom:-100px!important} .pb-95-sp{padding-bottom:-95px!important} .pb-90-sp{padding-bottom:-90px!important} .pb-85-sp{padding-bottom:-85px!important} .pb-80-sp{padding-bottom:-80px!important} .pb-75-sp{padding-bottom:-75px!important} .pb-70-sp{padding-bottom:-70px!important} .pb-65-sp{padding-bottom:-65px!important} .pb-60-sp{padding-bottom:-60px!important} .pb-55-sp{padding-bottom:-55px!important} .pb-50-sp{padding-bottom:-50px!important} .pb-45-sp{padding-bottom:-45px!important} .pb-40-sp{padding-bottom:-40px!important} .pb-35-sp{padding-bottom:-35px!important} .pb-30-sp{padding-bottom:-30px!important} .pb-25-sp{padding-bottom:-25px!important} .pb-20-sp{padding-bottom:-20px!important} .pb-15-sp{padding-bottom:-15px!important} .pb-10-sp{padding-bottom:-10px!important} .pb-5-sp{padding-bottom:-5px!important} .pb0-sp{padding-bottom:0!important} .pb5-sp{padding-bottom:5px!important} .pb10-sp{padding-bottom:10px!important} .pb15-sp{padding-bottom:15px!important} .pb20-sp{padding-bottom:20px!important} .pb25-sp{padding-bottom:25px!important} .pb30-sp{padding-bottom:30px!important} .pb35-sp{padding-bottom:35px!important} .pb40-sp{padding-bottom:40px!important} .pb45-sp{padding-bottom:45px!important} .pb50-sp{padding-bottom:50px!important} .pb55-sp{padding-bottom:55px!important} .pb60-sp{padding-bottom:60px!important} .pb65-sp{padding-bottom:65px!important} .pb70-sp{padding-bottom:70px!important} .pb75-sp{padding-bottom:75px!important} .pb80-sp{padding-bottom:80px!important} .pb85-sp{padding-bottom:85px!important} .pb90-sp{padding-bottom:90px!important} .pb95-sp{padding-bottom:95px!important} .pb100-sp{padding-bottom:100px!important} .pb105-sp{padding-bottom:105px!important} .pb110-sp{padding-bottom:110px!important} .pb115-sp{padding-bottom:115px!important} .pb120-sp{padding-bottom:120px!important} .pb125-sp{padding-bottom:125px!important} .pb130-sp{padding-bottom:130px!important} .pb135-sp{padding-bottom:135px!important} .pb140-sp{padding-bottom:140px!important} .pb145-sp{padding-bottom:145px!important} .pb150-sp{padding-bottom:150px!important} .pb155-sp{padding-bottom:155px!important} .pb160-sp{padding-bottom:160px!important} .pb165-sp{padding-bottom:165px!important} .pb170-sp{padding-bottom:170px!important} .pb175-sp{padding-bottom:175px!important} .pb180-sp{padding-bottom:180px!important} .pb185-sp{padding-bottom:185px!important} .pb190-sp{padding-bottom:190px!important} .pb195-sp{padding-bottom:195px!important} .pb200-sp{padding-bottom:200px!important} .pb205-sp{padding-bottom:205px!important} .pb210-sp{padding-bottom:210px!important} .pb215-sp{padding-bottom:215px!important} .pb220-sp{padding-bottom:220px!important} .pb225-sp{padding-bottom:225px!important} .pb230-sp{padding-bottom:230px!important} .pb235-sp{padding-bottom:235px!important} .pb240-sp{padding-bottom:240px!important} .pb245-sp{padding-bottom:245px!important} .pb250-sp{padding-bottom:250px!important} .pl-250-sp{padding-left:-250px!important} .pl-245-sp{padding-left:-245px!important} .pl-240-sp{padding-left:-240px!important} .pl-235-sp{padding-left:-235px!important} .pl-230-sp{padding-left:-230px!important} .pl-225-sp{padding-left:-225px!important} .pl-220-sp{padding-left:-220px!important} .pl-215-sp{padding-left:-215px!important} .pl-210-sp{padding-left:-210px!important} .pl-205-sp{padding-left:-205px!important} .pl-200-sp{padding-left:-200px!important} .pl-195-sp{padding-left:-195px!important} .pl-190-sp{padding-left:-190px!important} .pl-185-sp{padding-left:-185px!important} .pl-180-sp{padding-left:-180px!important} .pl-175-sp{padding-left:-175px!important} .pl-170-sp{padding-left:-170px!important} .pl-165-sp{padding-left:-165px!important} .pl-160-sp{padding-left:-160px!important} .pl-155-sp{padding-left:-155px!important} .pl-150-sp{padding-left:-150px!important} .pl-145-sp{padding-left:-145px!important} .pl-140-sp{padding-left:-140px!important} .pl-135-sp{padding-left:-135px!important} .pl-130-sp{padding-left:-130px!important} .pl-125-sp{padding-left:-125px!important} .pl-120-sp{padding-left:-120px!important} .pl-115-sp{padding-left:-115px!important} .pl-110-sp{padding-left:-110px!important} .pl-105-sp{padding-left:-105px!important} .pl-100-sp{padding-left:-100px!important} .pl-95-sp{padding-left:-95px!important} .pl-90-sp{padding-left:-90px!important} .pl-85-sp{padding-left:-85px!important} .pl-80-sp{padding-left:-80px!important} .pl-75-sp{padding-left:-75px!important} .pl-70-sp{padding-left:-70px!important} .pl-65-sp{padding-left:-65px!important} .pl-60-sp{padding-left:-60px!important} .pl-55-sp{padding-left:-55px!important} .pl-50-sp{padding-left:-50px!important} .pl-45-sp{padding-left:-45px!important} .pl-40-sp{padding-left:-40px!important} .pl-35-sp{padding-left:-35px!important} .pl-30-sp{padding-left:-30px!important} .pl-25-sp{padding-left:-25px!important} .pl-20-sp{padding-left:-20px!important} .pl-15-sp{padding-left:-15px!important} .pl-10-sp{padding-left:-10px!important} .pl-5-sp{padding-left:-5px!important} .pl0-sp{padding-left:0!important} .pl5-sp{padding-left:5px!important} .pl10-sp{padding-left:10px!important} .pl15-sp{padding-left:15px!important} .pl20-sp{padding-left:20px!important} .pl25-sp{padding-left:25px!important} .pl30-sp{padding-left:30px!important} .pl35-sp{padding-left:35px!important} .pl40-sp{padding-left:40px!important} .pl45-sp{padding-left:45px!important} .pl50-sp{padding-left:50px!important} .pl55-sp{padding-left:55px!important} .pl60-sp{padding-left:60px!important} .pl65-sp{padding-left:65px!important} .pl70-sp{padding-left:70px!important} .pl75-sp{padding-left:75px!important} .pl80-sp{padding-left:80px!important} .pl85-sp{padding-left:85px!important} .pl90-sp{padding-left:90px!important} .pl95-sp{padding-left:95px!important} .pl100-sp{padding-left:100px!important} .pl105-sp{padding-left:105px!important} .pl110-sp{padding-left:110px!important} .pl115-sp{padding-left:115px!important} .pl120-sp{padding-left:120px!important} .pl125-sp{padding-left:125px!important} .pl130-sp{padding-left:130px!important} .pl135-sp{padding-left:135px!important} .pl140-sp{padding-left:140px!important} .pl145-sp{padding-left:145px!important} .pl150-sp{padding-left:150px!important} .pl155-sp{padding-left:155px!important} .pl160-sp{padding-left:160px!important} .pl165-sp{padding-left:165px!important} .pl170-sp{padding-left:170px!important} .pl175-sp{padding-left:175px!important} .pl180-sp{padding-left:180px!important} .pl185-sp{padding-left:185px!important} .pl190-sp{padding-left:190px!important} .pl195-sp{padding-left:195px!important} .pl200-sp{padding-left:200px!important} .pl205-sp{padding-left:205px!important} .pl210-sp{padding-left:210px!important} .pl215-sp{padding-left:215px!important} .pl220-sp{padding-left:220px!important} .pl225-sp{padding-left:225px!important} .pl230-sp{padding-left:230px!important} .pl235-sp{padding-left:235px!important} .pl240-sp{padding-left:240px!important} .pl245-sp{padding-left:245px!important} .pl250-sp{padding-left:250px!important} .pr-250-sp{padding-right:-250px!important} .pr-245-sp{padding-right:-245px!important} .pr-240-sp{padding-right:-240px!important} .pr-235-sp{padding-right:-235px!important} .pr-230-sp{padding-right:-230px!important} .pr-225-sp{padding-right:-225px!important} .pr-220-sp{padding-right:-220px!important} .pr-215-sp{padding-right:-215px!important} .pr-210-sp{padding-right:-210px!important} .pr-205-sp{padding-right:-205px!important} .pr-200-sp{padding-right:-200px!important} .pr-195-sp{padding-right:-195px!important} .pr-190-sp{padding-right:-190px!important} .pr-185-sp{padding-right:-185px!important} .pr-180-sp{padding-right:-180px!important} .pr-175-sp{padding-right:-175px!important} .pr-170-sp{padding-right:-170px!important} .pr-165-sp{padding-right:-165px!important} .pr-160-sp{padding-right:-160px!important} .pr-155-sp{padding-right:-155px!important} .pr-150-sp{padding-right:-150px!important} .pr-145-sp{padding-right:-145px!important} .pr-140-sp{padding-right:-140px!important} .pr-135-sp{padding-right:-135px!important} .pr-130-sp{padding-right:-130px!important} .pr-125-sp{padding-right:-125px!important} .pr-120-sp{padding-right:-120px!important} .pr-115-sp{padding-right:-115px!important} .pr-110-sp{padding-right:-110px!important} .pr-105-sp{padding-right:-105px!important} .pr-100-sp{padding-right:-100px!important} .pr-95-sp{padding-right:-95px!important} .pr-90-sp{padding-right:-90px!important} .pr-85-sp{padding-right:-85px!important} .pr-80-sp{padding-right:-80px!important} .pr-75-sp{padding-right:-75px!important} .pr-70-sp{padding-right:-70px!important} .pr-65-sp{padding-right:-65px!important} .pr-60-sp{padding-right:-60px!important} .pr-55-sp{padding-right:-55px!important} .pr-50-sp{padding-right:-50px!important} .pr-45-sp{padding-right:-45px!important} .pr-40-sp{padding-right:-40px!important} .pr-35-sp{padding-right:-35px!important} .pr-30-sp{padding-right:-30px!important} .pr-25-sp{padding-right:-25px!important} .pr-20-sp{padding-right:-20px!important} .pr-15-sp{padding-right:-15px!important} .pr-10-sp{padding-right:-10px!important} .pr-5-sp{padding-right:-5px!important} .pr0-sp{padding-right:0!important} .pr5-sp{padding-right:5px!important} .pr10-sp{padding-right:10px!important} .pr15-sp{padding-right:15px!important} .pr20-sp{padding-right:20px!important} .pr25-sp{padding-right:25px!important} .pr30-sp{padding-right:30px!important} .pr35-sp{padding-right:35px!important} .pr40-sp{padding-right:40px!important} .pr45-sp{padding-right:45px!important} .pr50-sp{padding-right:50px!important} .pr55-sp{padding-right:55px!important} .pr60-sp{padding-right:60px!important} .pr65-sp{padding-right:65px!important} .pr70-sp{padding-right:70px!important} .pr75-sp{padding-right:75px!important} .pr80-sp{padding-right:80px!important} .pr85-sp{padding-right:85px!important} .pr90-sp{padding-right:90px!important} .pr95-sp{padding-right:95px!important} .pr100-sp{padding-right:100px!important} .pr105-sp{padding-right:105px!important} .pr110-sp{padding-right:110px!important} .pr115-sp{padding-right:115px!important} .pr120-sp{padding-right:120px!important} .pr125-sp{padding-right:125px!important} .pr130-sp{padding-right:130px!important} .pr135-sp{padding-right:135px!important} .pr140-sp{padding-right:140px!important} .pr145-sp{padding-right:145px!important} .pr150-sp{padding-right:150px!important} .pr155-sp{padding-right:155px!important} .pr160-sp{padding-right:160px!important} .pr165-sp{padding-right:165px!important} .pr170-sp{padding-right:170px!important} .pr175-sp{padding-right:175px!important} .pr180-sp{padding-right:180px!important} .pr185-sp{padding-right:185px!important} .pr190-sp{padding-right:190px!important} .pr195-sp{padding-right:195px!important} .pr200-sp{padding-right:200px!important} .pr205-sp{padding-right:205px!important} .pr210-sp{padding-right:210px!important} .pr215-sp{padding-right:215px!important} .pr220-sp{padding-right:220px!important} .pr225-sp{padding-right:225px!important} .pr230-sp{padding-right:230px!important} .pr235-sp{padding-right:235px!important} .pr240-sp{padding-right:240px!important} .pr245-sp{padding-right:245px!important} .pr250-sp{padding-right:250px!important} } /*width*/ .wAuto{width:auto!important;max-width:none!important} .w100P{width:100%!important} .mwNone{max-width:none!important} .w80 { width: 80px !important;} .w90 { width: 90px !important;} .w100 { width: 100px !important;} .w110 { width: 110px !important;} .w110 { width: 110px !important;} .w140 { width: 140px !important;} .w155 { width: 155px !important;} .w175 { width: 175px !important;} .w190 { width: 190px !important;} .w200 { width: 200px !important;} .w210 { width: 210px !important;} .w240 { width: 240px !important;} .w250 { width: 250px !important;} .w260 { width: 260px !important;} .w280 { width: 280px !important;} .w300 { width: 300px !important;} .w310 { width: 310px !important;} .w330 { width: 330px !important;} .w350 { width: 350px !important;} .w400 { width: 400px !important;} .w440 { width: 440px !important;} .w450 { width: 450px !important;} .w490 { width: 490px !important;} .w500 { width: 500px !important;} .w540 { width: 540px !important;} .w550 { width: 550px !important;} .w600 { width: 600px !important;} .w650 { width: 650px !important;} .w80per { width: 80% !important;} .w50per { width: 50% !important;} .w60per { width: 60% !important;} .w70per { width: 70% !important;} @media only screen and (min-width:751px),print{ .w50per-exsp { width: 50% !important;} .w80-exsp { width: 80px !important;} .w90-exsp { width: 90px !important;} .w100-exsp { width: 100px !important;} .w110-exsp { width: 110px !important;} .w110-exsp { width: 110px !important;} .w140-exsp { width: 140px !important;} .w155-exsp { width: 155px !important;} .w175-exsp { width: 175px !important;} .w190-exsp { width: 190px !important;} .w200-exsp { width: 200px !important;} .w210-exsp { width: 210px !important;} .w240-exsp { width: 240px !important;} .w250-exsp { width: 250px !important;} .w260-exsp { width: 260px !important;} .w280-exsp { width: 280px !important;} .w300-exsp { width: 300px !important;} .w310-exsp { width: 310px !important;} .w330-exsp { width: 330px !important;} .w350-exsp { width: 350px !important;} .w400-exsp { width: 400px !important;} .w440-exsp { width: 440px !important;} .w450-exsp { width: 450px !important;} .w490-exsp { width: 490px !important;} .w500-exsp { width: 500px !important;} .w540-exsp { width: 540px !important;} .w550-exsp { width: 550px !important;} .w600-exsp { width: 600px !important;} .w650-exsp { width: 650px !important;} .w80per-exsp { width: 80% !important;} } @media only screen and (max-width:750px),print{ .w80-sp { width: 80px !important;} .w90-sp { width: 90px !important;} .w100-sp { width: 100px !important;} .w100per-sp { width: 100% !important;} .w110-sp { width: 110px !important;} .w110-sp { width: 110px !important;} .w140-sp { width: 140px !important;} .w155-sp { width: 155px !important;} .w175-sp { width: 175px !important;} .w190-sp { width: 190px !important;} .w200-sp { width: 200px !important;} .w210-sp { width: 210px !important;} .w240-sp { width: 240px !important;} .w250-sp { width: 250px !important;} .w260-sp { width: 260px !important;} .w280-sp { width: 280px !important;} .w300-sp { width: 300px !important;} .w310-sp { width: 310px !important;} .w330-sp { width: 330px !important;} .w350-sp { width: 350px !important;} .w400-sp { width: 400px !important;} .w440-sp { width: 440px !important;} .w450-sp { width: 450px !important;} .w490-sp { width: 490px !important;} .w500-sp { width: 500px !important;} .w540-sp { width: 540px !important;} .w550-sp { width: 550px !important;} .w600-sp { width: 600px !important;} .w650-sp { width: 650px !important;} .w80per-sp { width: 80% !important;} } #contents {padding-top: 127px;} @media only screen and (max-width:750px),print{ #contents {padding-top: 60px;} } .container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*zoom:1} .container:after{content:".";display:block;clear:both;height:0;visibility:hidden} @media only screen and (min-width:1400px),print{.container{max-width:1280px;margin-left:auto;margin-right:auto} } @media only screen and (max-width:1399px),print{.container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px} } @media only screen and (min-width:751px) and (max-width:1280px),print{.container{padding-left:20px;padding-right:20px} } @media only screen and (max-width:750px),print{.container{padding-left:10px;padding-right:10px} } .colmWrap{display:block;position:relative;*zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .colmWrap:after{content:".";display:block;clear:both;height:0;visibility:hidden} .colmWrap .aside,.colmWrap .main{display:block;position:relative;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;padding-left:20px;padding-right:20px} @media only screen and (min-width:751px),print{.colmWrap .main{width:72.5%} .colmWrap .aside{width:27.5%} } @media only screen and (max-width:750px),print{.colmWrap .aside,.colmWrap .main{width:100%} .colmWrap .main{margin-bottom:60px} } #header{ position: fixed; z-index: 10; width: 100%; background: #fff; border-bottom: 1px solid #f3f3f3; } #header .topLine { overflow: hidden; height: 30px; margin: 0 auto; background: #00a78e; line-height: 30px; } #header .topLine p { float: left; font-size: 12px; } #header .topLine .powered { float: right; width: 130px; height: 20px; margin: 5px 0 0 0; background: url(../img/parts/logo_topline.png) no-repeat right top; text-indent: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle; } .header .container{ position:relative; max-width: 98%; } @media only screen and (max-width:750px),print{.header .container{padding-left:0;padding-right:0} } .header .hSiteName a{display:block} @media only screen and (min-width:751px),print{ .hSiteNames{ float:left; display:table; } .hSiteNames .hSiteName{display:table-cell;vertical-align:middle} .hSiteNames .hSiteCopy{ display:table-cell; vertical-align:middle; font-size:13px; font-size:1.3rem; line-height:1.54; padding-left:24px; padding-right:14px } .hSiteNames .hSiteCopy .hSiteCopy_txt{ font-size: 10px; color: #797575; /* text-align: center; */ margin-bottom: -10px; } .hSiteNames .hSiteCopy img{ height: 38px; } .hHeadNavWrap{text-align:right} .hHeadNav{position:absolute;right:0;top:10px;*zoom:1} .hHeadNav_tu{position:absolute;right:0;top:14px;*zoom:1} .hHeadNav:after{content:".";display:block;clear:both;height:0;visibility:hidden} .hHeadNav .hHeadNavItem{ position: relative; display: inline-block; border: 1px solid #00a78e; border-radius: 3px; width: 158px; text-align: center; vertical-align: middle; } .hHeadNav .hHeadNavItem .lbl{ text-align: left; display: inline-block; vertical-align: middle; line-height: 1.4; padding-left: 20px; } .hHeadNav .hHeadNavItem a{ font-size:12px; font-size:1.2rem; line-height:3; height: 42px; color: #00a78e; display: block; vertical-align: middle; /*padding: 4px 14px 4px 36px;*/ } .hHeadNav .hHeadNavItem.bgcont{border: 1px solid #ca1a70;} .hHeadNav .hHeadNavItem.bgcont_tel{border: none} .hHeadNav .hHeadNavItem.bgreq{border: 1px solid #03ac79;} .hHeadNav .hHeadNavItem.bgdl{border: 1px solid #127cee;} .hHeadNav .hHeadNavItems .hHeadNavItem02{ display: inline-block; margin-right: 18px; border: none; } .hHeadNav .hHeadNavItem.bgcont a { color: #ca1a70; } .hHeadNav .hHeadNavItem.bgcont_tel a { color: #000; } .hHeadNav .hHeadNavItem.bgdl a { color: #127cee; } .fs12{ font-size: 12px; font-size: 1.2rem; } @media only screen and (max-width:750px),print{ .hHeadNav .hHeadNavItems .hHeadNavItem02{ display: table-cell; vertical-align: middle; width: 50%; text-align: center; font-weight: bold; border-bottom: 1px solid #efefef;} } .hHeadNav .hHeadNavItem02 a{ font-size:12px; font-size:1.2rem; line-height:1.1; } .hHeadNav .hHeadNavItem a.hover span{text-decoration:underline;} .hHeadNav .hHeadNavItem:not(:last-child){margin-right:6px} .hHeadNavItems+a.hHeadNavInquiry{margin-top:10px} a.hHeadNavInquiry{z-index:100;box-sizing:border-box;position:relative;display:inline-block;vertical-align:bottom;padding:0 28px 0 34px;height:31px;line-height:29px;font-size:13px;font-size:1.3rem;color:#fff;border:1px solid #ffc410;background:#ffc410;transition:all 0.2s ease-out} a.hHeadNavInquiry:before{content:" ";display:block;width:4px;height:4px;border-top:1px solid #fff;border-right:1px solid #fff;position:absolute;left:6px;top:50%;margin-top:-2px;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all 0.2s ease-out} a.hHeadNavInquiry.hover{background:#fff;color:#ffc410} a.hHeadNavInquiry.hover:before{border-top-color:#ffc410;border-right-color:#ffc410} .hSiteNav{clear:both;padding-top: 2px;} .hSiteNavItems{display:block;position:relative;*zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;/*border-right:1px solid #ccc*/} .hSiteNavItems:after{content:".";display:block;clear:both;height:0;visibility:hidden} .hSiteNavItem{/*border-left:1px solid #ccc;*/text-align:center;float:left;} /*.hSiteNavItem:first-child{width:5%} .hSiteNavItem:nth-child(2){width:20%} .hSiteNavItem:nth-child(3){width:13%} .hSiteNavItem:nth-child(4){width:10%}*/ .hSiteNavItem a{padding: 0 20px;position:relative;display:block;height:32px;font-size:16px;font-size:1.6rem;color:#333;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color 0.2s ease-in-out;position:relative} .hSiteNavItem a:before{content:" ";display:block;border-bottom:2px solid #00a78e;width:100%;max-width:0;height:100%;position:absolute;left:0;top:0;z-index:-1;transition:max-width 0.2s ease-in-out} /*.hSiteNavItem a.hover{color:#fff;}*/ .hSiteNavItem a.hover:before{max-width:500px} .hSiteNavItem.current a{color:#ca1a70;font-weight:bold} .hSiteNavItem.current a.hover{color:#fff} .hNavToggle{display:none} } @media only screen and (max-width:750px),print{.header{background:#fff;display:block;width:100%} .header .container{margin-left:0;margin-right:0} .hSiteNames{ display:table; width:100%; padding: 7px 60px 8px 10px; border-bottom:2px solid #00a78e; } .hSiteNames .hSiteName{box-sizing:border-box;display:table-cell;vertical-align:middle} .hSiteNames .hSiteName img{width:80%;max-width:none;vertical-align:middle;} .hSiteNames .hSiteCopy{ box-sizing:border-box; display:table-cell; vertical-align:middle; font-size:10px; font-size:1rem; line-height:1.54; padding-left:20px; width:100% } .hSiteNames .hSiteCopy .hSiteCopy_txt{ display: none; } .hSiteNames .hSiteCopy img{ height: 35px; } a.hNavToggle{display:block;width:60px;height:50px;position:absolute;background:#f6f6f6;top:0;right:0;z-index:3} a.hNavToggle span{display:block;background:#00a78e;width:24px;height:2px;position:absolute;left:50%;margin-left:-12px;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s} a.hNavToggle span:first-child{margin-top:-12px;top:50%} a.hNavToggle span:nth-child(2){margin-top:-1px;top:50%} a.hNavToggle span:last-child{margin-top:10px;top:50%} a.hNavToggle.active span:first-child{-webkit-transform:translateY(12px) rotate(45deg);-moz-transform:translateY(12px) rotate(45deg);-ms-transform:translateY(12px) rotate(45deg);transform:translateY(12px) rotate(45deg)} a.hNavToggle.active span:nth-child(2){opacity:0} a.hNavToggle.active span:last-child{-webkit-transform:translateY(-10px) rotate(-45deg);-moz-transform:translateY(-10px) rotate(-45deg);-ms-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)} .hNavs{overflow:hidden;transition:all 0.4s;max-height:0} .hNavs.open{display:block;max-height:999px;padding-bottom: 20px;} /*.hSiteNavItems{border-bottom:1px solid #efefef}*/ .hSiteNavItems .hSiteNavItem{font-size:14px;font-size:1.4rem;font-weight:bold;line-height: 1.4;width: 100%;height: 67px;display: table;float: left;} .hSiteNavItems .hSiteNavItem:not(:last-child){border-bottom:1px dotted #efefef} .hSiteNavItems .hSiteNavItem a{position:relative;padding: 0.5em 20px 0.5em 1em;display: table-cell;vertical-align: middle;color: #000;} .hSiteNavItems .hSiteNavItem a.hover{background:#004da0} .hSiteNavItems .hSiteNavItem a:after{content:" ";box-sizing:border-box;display:block;width:10px;height:10px;border-top:2px solid #004da0;border-right:2px solid #004da0;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:5px;top:50%;margin-top:-5px} .hHeadNav .hHeadNavItems{display:table;width:100%} .hHeadNav .hHeadNavItems .hHeadNavItem{display:table-cell;vertical-align:middle;width:25%;text-align:center;font-weight:bold;border-bottom:1px solid #efefef} .hHeadNav .hHeadNavItems .hHeadNavItem a{display:inline-block;vertical-align:middle;width:100%;padding:0 10px;height:74px;line-height:74px;/*color: #000;*/} .hHeadNav .hHeadNavItems .hHeadNavItem a.hover{background:#f9f9f9} .hHeadNav .hHeadNavItems .hHeadNavItem a>*{display:inline-block;vertical-align:middle;line-height:1.4} .hHeadNav .hHeadNavItems .hHeadNavItem .ico{display:inline-block;text-align:center;width:100%} .ico{display:inline-block;vertical-align: middle;} .hHeadNav .hHeadNavItems .hHeadNavItem .ico:before{display:inline-block;margin-left:auto;margin-right:auto} @media only screen and (max-width:750px),print{ .hHeadNav .hHeadNavItems .hHeadNavItem .ico:before{position: relative;} } .hHeadNav .hHeadNavItems .hHeadNavItem .lbl{display:inline-block;line-height:1.4;text-align:center} @media only screen and (max-width:750px),print{ .hHeadNav .hHeadNavItems .hHeadNavItem .lbl{margin-top: 8px;} } .lbl{display: inline-block; vertical-align: middle;} .hHeadNav .hHeadNavItems .hHeadNavItem:not(:last-child){border-right:1px solid #efefef} .hHeadNav a.hHeadNavInquiry{margin:10px;box-sizing:border-box;text-align:center;position:relative;display:block;padding:0 28px 0 34px;height:48px;line-height:46px;font-size:14px;font-size:1.4rem;color:#fff;border:1px solid #ffaa10;background:#ffaa10;transition:all 0.2s ease-out;font-weight:bold} .hHeadNav a.hHeadNavInquiry:before{content:" ";display:inline-block;width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;margin-bottom:2px;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all 0.2s ease-out;margin-right:10px} .hHeadNav a.hHeadNavInquiry.hover{background:#fff;color:#ca1a70} .hHeadNav a.hHeadNavInquiry.hover:before{border-top-color:#ca1a70;border-right-color:#ca1a70} } /* ▽下層メニュー */ .with_link{position: relative;} .hSiteNavWrap > ul.hSiteNavItems > li .secondary { display: none; } .hSiteNavWrap > ul.hSiteNavItems > li:hover .secondary { display: block; } .hSiteNavWrap > ul.hSiteNavItems > li .secondary .inner { border-top: 3px solid #00a78e; /*width: 264px !important;*/ display: -webkit-flex; display: flex; position: absolute; top: 30px; left: 0; z-index: 100; box-sizing: border-box; padding: 10px; border-radius: 0 0 5px 5px / 0 0 5px 5px; background: #f8f8f8; box-shadow: 3px 3px 5px rgba(0,0,0,0.1), -3px 3px 5px rgba(0,0,0,0.1); } .hSiteNavWrap > ul.hSiteNavItems > li .secondary ul { width: 100%; } .hSiteNavWrap > ul.hSiteNavItems > li .secondary ul li { width: 100%; } .hSiteNavWrap > ul.hSiteNavItems > li .secondary ul li { height: auto; border: none; } .hSiteNavWrap > ul.hSiteNavItems > li .secondary ul li a { display: block; box-sizing: border-box; width: 100%; padding: 5px 15px; margin: 0 auto; color: #000; font-size: 16px; line-height: 1.25; text-align: left; vertical-align: middle; } .hSiteNavWrap > ul.hSiteNavItems > li .secondary ul li a:hover {} @media only screen and (min-width:751px),print{.ctsArticle{padding:60px 0} } @media only screen and (max-width:750px),print{.ctsArticle{padding:40px 0} } @media only screen and (min-width:751px),print{.ctsArticle02{padding:40px 0} } @media only screen and (max-width:750px),print{.ctsArticle02{padding:20px 0} } .secTtlType01{text-align:center;font-weight:bold;line-height:1} .secTtlType01 .jp{display:block;font-size:16px;font-size:1.6rem;line-height:1.6;color:#ca176f} .secTtlType01 .jp:after{content:" ";display:block;width:77px;height:1px;margin-left:auto;margin-right:auto;overflow:hidden;font-size:0;line-height:0;background:#080404;clear:both} .secTtlType01 .en{display:block;font-size:38px;font-size:3.8rem;color:#000} @media only screen and (max-width:750px),print{.secTtlType01 .en{max-width:80%;margin-left:auto;margin-right:auto} } @media only screen and (min-width:751px),print{.secTtlType01.left{text-align:left} .secTtlType01.left .jp:after{margin-left:0;margin-right:0} } @media only screen and (min-width:751px),print{.secTtlType01{margin-bottom:40px} .secTtlType01 .jp:after{margin-top:18px;margin-bottom:18px} } @media only screen and (max-width:750px),print{.secTtlType01{margin-bottom:30px} .secTtlType01 .jp:after{margin-top:12px;margin-bottom:12px} } .secTtlType02{text-align:center;font-weight:normal;line-height:1.2} @media only screen and (min-width:751px),print{.secTtlType02{font-size:30px;font-size:3rem;margin-bottom:40px} } @media only screen and (max-width:750px),print{.secTtlType02{font-size:18px;font-size:1.8rem;margin-bottom:20px} } @media only screen and (min-width:751px),print{.secTtlType02 small{font-size:18px;font-size:1.8rem} } @media only screen and (max-width:750px),print{.secTtlType02 small{font-size:16px;font-size:1.6rem} } .secTtlType02 em{color:#004da0} .secTtlType03{font-weight:bold;line-height:1.6} @media only screen and (min-width:751px),print{.secTtlType03{font-size:18px;font-size:1.8rem;margin-bottom:1em} } @media only screen and (max-width:750px),print{.secTtlType03{font-size:16px;font-size:1.6rem;margin-bottom:1em} } .secTtlType03 em{color:#004da0} .secTtlType04{text-align:center;font-weight:bold;line-height:1.2} @media only screen and (min-width:751px),print{.secTtlType04{font-size:33px;font-size:3.3rem;margin-bottom:30px} } @media only screen and (max-width:750px),print{.secTtlType04{font-size:21px;font-size:2.1rem;margin-bottom:20px} } @media only screen and (min-width:751px),print{.secTtlType04 small{font-size:17px;font-size:1.7rem} } @media only screen and (max-width:750px),print{.secTtlType04 small{font-size:15px;font-size:1.5rem} } .secTtlType04 em{color:#ca1a70} .secTtlType05{text-align:center;line-height:1.2} @media only screen and (min-width:751px),print{.secTtlType05{font-size:24px;font-size:2.4rem;margin-bottom:30px} } @media only screen and (max-width:750px),print{.secTtlType05{font-size:20px !important;font-size:2rem !important;margin-bottom:20px} } @media only screen and (min-width:751px),print{.secTtlType05 small{font-size:17px;font-size:1.7rem} } @media only screen and (max-width:750px),print{.secTtlType05 small{font-size:15px;font-size:1.5rem} } .secTtlType05 span{font-weight:bold;} .ctsLast{padding: 40px 0;} @media only screen and (min-width:751px),print{ .ctsLast li .tit img{height: 70px;} } /*アイコン*/ .icoCont_sm{ display:inline-block; vertical-align:middle; margin-right:6px } .icoCont_sm:before{ position: absolute; top: 18%; left: 8px; content: " "; font-size: 0; line-height: 0; display: block; width: 26px; height: 27px; background: url(../img/parts/icon-cont_sm.png) no-repeat center center; } .icoCont_sm_tel{ display:inline-block; vertical-align:middle; margin-right:6px } .icoCont_sm_tel:before{ position: absolute; top: 18%; left: 8px; content: " "; font-size: 0; line-height: 0; display: block; width: 26px; height: 27px; background: url(../img/parts/icon-cont_sm_black.png) no-repeat center center; } @media only screen and (max-width:750px),print{ .icoCont_sm_tel:before, .icoCont_sm:before, .icodemo_sm:before, .icodl_sm:before{left: 0 !important;} } .icodemo_sm{ display:inline-block; vertical-align:middle; margin-right:6px } .icodemo_sm:before{ position: absolute; top: 25%; left: 8px; content: " "; font-size: 0; line-height: 0; display: block; width: 30px; height: 25px; background:url(../img/parts/icon-demo_sm.png) no-repeat center center } .icodl_sm{ display:inline-block; vertical-align:middle; margin-right:6px } .icodl_sm:before{ position: absolute; top: 25%; left: 8px; content:" "; font-size:0; line-height:0; display:block; width:22px; height:22px; background:url(../img/parts/icon-dl_sm.png) no-repeat center center } .icoDllist_p{} .icoDllist_p:before{ position: absolute; top: 50%; left: 14px; display: block; width: 19px; height: 19px; content: ''; background: url(../img/parts/icon-dllist_p.png) no-repeat left top; transform: translateY(-10px); } .icoDl{position: relative;} .icoDl:before{ position: absolute; top: 50%; left: 20px; display: block; width: 22px; height: 22px; content: ''; background: url(../img/parts/icon_dl.png) no-repeat left top; transform: translateY(-10px); } .icoDllist{position: relative;} .icoDllist:before{ position: absolute; top: 44%; left: 14px; display: block; width: 26px; height: 33px; content: ''; background: url(../img/parts/icon-dlist_la.png) no-repeat left top; transform: translateY(-10px); } /*ぱんくず*/ .breadcrumbs{background:#ccc} .breadcrumbs ul{*zoom:1} .breadcrumbs ul:after{content:".";display:block;clear:both;height:0;visibility:hidden} @media only screen and (min-width:751px),print{.breadcrumbs ul{padding:12px 10px} } @media only screen and (max-width:750px),print{.breadcrumbs ul{padding:12px 10px} } .breadcrumbs ul li{line-height:1.1;float:left} @media only screen and (min-width:751px),print{.breadcrumbs ul li{font-size:12px;font-size:1.2rem} } @media only screen and (max-width:750px),print{.breadcrumbs ul li{font-size:10px;font-size:1rem} } .breadcrumbs ul li:not(:last-child):after{content:'＞';display:inline-block;vertical-align:middle;margin-left:.6em;margin-right:.6em} .breadcrumbs ul li a{text-decoration:underline} .breadcrumbs ul li a.hover{text-decoration:none} .pageHead{position:relative} @media only screen and (min-width:751px),print{.pageHead{background:#00a78e;color:#fff} } .pageHead:before{content:" ";display:block;width:23.57143%;height:0;padding-bottom:7.21429%;background:url(../img/parts/bg_parts_white_top.svg) no-repeat left top;background-size:100% 100%;position:absolute;right:3.85714%;bottom:0;opacity:.05;z-index:0} .pageHead .ctsContainer{position:relative;z-index:1} @media only screen and (max-width:750px),print{.pageHead .ctsContainer{margin:0} } @media only screen and (min-width:751px),print{.pageHead .contentHeadRow{display:table;width:100%;min-height:120px;text-align: center;} } .pageHead .contentHeadCol{box-sizing:border-box} @media only screen and (min-width:751px),print{.pageHead .contentHeadCol{display:table-cell;vertical-align:middle;padding:30px 0} } @media only screen and (max-width:750px),print{.pageHead .contentHeadCol{padding:20px 10px} } @media only screen and (min-width:751px),print{.pageHead .contentHeadCol.pageTtlWrap{width:39.27083%} } @media only screen and (max-width:750px),print{.pageHead .contentHeadCol.pageTtlWrap{padding:20px;background:#333;color:#fff} } @media only screen and (min-width:751px),print{.pageHead .contentHeadCol.pageNavWrap{width:60.72917%} } @media only screen and (max-width:750px),print{.pageHead .contentHeadCol.pageNavWrap{background:#333;color:#fff;padding:0} .pageHead .contentHeadCol.pageNavWrap .pageNavsItems{padding:0 20px 16px} } .pageHead.addMv .contentHeadCol.pageNavWrap{padding:16px 20px;margin-top:27.34375%} .pageHead .pageMvImg{overflow:hidden;position:relative;width:100%;height:0;padding-bottom:27.34375%} @media only screen and (min-width:751px),print{.pageHead .pageMvImg{display:none} } .pageHead .pageMvImg>img{width:120%;max-width:120%;height:auto;position:absolute;left:50%;top:50%;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} .pageHead .pageMvImg+.contentHeadCol.pageNavWrap .pageNavsItems{padding:16px 20px} .pageHead .pageMvImg .parts{position:absolute;left:50%;top:50%;-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:30%} .pageHead .pageMvImg .parts img{width:100%;height:auto} @media only screen and (max-width:750px),print{.pageHead+.pageMv .pageMvImg{display:none} } .pageHead .pageTtlTxt span.jp{font-size: 28px;font-size: 2.8rem} @media only screen and (max-width:750px),print{ .pageHead .pageTtlTxt span.jp{font-size: 20px;font-size: 2.0rem} } /* pagination ----------------------------------------------------------------------------------------------*/ .pagination{ font-size: 13px; font-weight: 200; display: table; margin: 30px auto; } @media only screen and (max-width:750px),print{ .pagination{ font-size: 16px; width: 80%; } } .pagination .pagination_prev{ display: table-cell; } @media only screen and (max-width:750px),print{ .pagination .pagination_prev{float: left;} } .pagination .pagination_prev a{ transition: all .3s; transition-duration: .3s; /*background-color: #cdcecf;*/ color: #6c6c6c; } .pagination .pagination_prev a:hover, .pagination .pagination_next a:hover{ color: #004ea2; font-weight: bold; } .pagination .pagination_prev .ltgray, .pagination .pagination_next .ltgray{ padding: 6px 0; } .pagination ul{ display: table-cell; padding: 0 20px; } .pagination li{ display: table-cell; padding: 0 2px; } .pagination li.active a{ color: #fff; border: 2px solid #464946; border: .2rem solid #464946; background-color: #464946; } .pagination li a { transition: all .3s; transition-duration: .3s; /* border: 1px solid #959393; */ color: #666; background: #ddd; font-weight: bold; } .pagination li a:hover{ border-bottom: 3px solid #004ea2; color: #004ea2; } .pagination li.currentPage a { color: #ddd; background: #aaa; } .pagination li.currentPage a:hover{ border-bottom: none; } .pagination span, .pagination a{ display: inline-block; padding: 6px 14px; border-radius: 3px; } @media only screen and (max-width:750px),print{ .pagination span, .pagination a{ padding: 5px 5px; } } @media only screen and (max-width:750px),print{ .pagination_next{ float: right; display: table-cell; } } .pagination_next a{ transition: all .3s; transition-duration: .3s; /*background-color: #cdcecf;*/ color: #6c6c6c; } /* ボタン ----------------------------------------------------------------------------------------------*/ .btnarea{margin: 0 auto;text-align: center;} .entryBtn{ text-align: center; margin-top: 20px; padding: 16px 20px; display: inline-block; vertical-align: bottom; box-sizing: border-box; position: relative; color: #fff !important; font-weight: bold; border: 1px solid #00a78e; text-decoration: none; background: #00a78e; transition: all 0.2s ease-in-out; } .entryBtn02{ text-align: center; margin-top: 20px; padding: 16px 20px; display: inline-block; vertical-align: bottom; box-sizing: border-box; position: relative; color: #fff !important; border-radius: 4px; text-decoration: none; transition: all 0.2s ease-in-out; font-size: 18px; font-size: 1.8rem; } .entryBtn02.addArrow{padding-left: 3em;} .mainbtnbox .entryBtn02:nth-child(1){background: #fff;border: 1px solid #2862ce;color: #2862ce !important} .mainbtnbox .entryBtn02:nth-child(1):hover{background: #2862ce;border: 1px solid #2862ce;color: #fff !important;} .mainbtnbox .entryBtn02:nth-child(1):hover:before{border-top: 2px solid #fff;border-right: 2px solid #fff;} .mainbtnbox .entryBtn02:nth-child(1):before{ content: " "; display: block; width: 14px; height: 14px; box-sizing: border-box; border-top: 2px solid #2862ce; border-right: 2px solid #2862ce; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.1s ease-in-out; position: absolute; left: 16px; top: 50%; margin-top: -7px; } .mainbtnbox .entryBtn02:nth-child(2){background: #fff;border: 1px solid #e14b4b;color: #e14b4b !important} .mainbtnbox .entryBtn02:nth-child(2):hover{background: #e14b4b;border: 1px solid #e14b4b;color: #fff !important;} .mainbtnbox .entryBtn02:nth-child(2):hover:before{border-top: 2px solid #fff;border-right: 2px solid #fff;} .mainbtnbox .entryBtn02:nth-child(2):before{ content: " "; display: block; width: 14px; height: 14px; box-sizing: border-box; border-top: 2px solid #e14b4b; border-right: 2px solid #e14b4b; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.1s ease-in-out; position: absolute; left: 16px; top: 50%; margin-top: -7px; } @media only screen and (min-width:751px),print{ .entryBtn, .entryBtn02{ width: 80%; } } @media only screen and (max-width:750px),print{ .entryBtn, .entryBtn02{display: block;} } .entryBtn:hover{ border: 1px solid #00a78e; color: #00a78e !important; background: #fff; } .entryBtn:before, .entryBtn02:before{ content: " "; display: block; width: 14px; height: 14px; box-sizing: border-box; border-top: 2px solid #fff; border-right: 2px solid #fff; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.1s ease-in-out; position: absolute; left: 16px; top: 50%; margin-top: -7px; } .entryBtn:hover:before{ border-top: 2px solid #00a78e; border-right: 2px solid #00a78e; } .moreread span{ font-size: 15px; font-size: 1.5rem; padding-left: 2em; position: relative; } .moreread span:before { content: " "; display: block; width: 6px; height: 6px; border-top: 1px solid #0088cc; border-right: 1px solid #0088cc; position: absolute; left: 6px; top: 50%; margin-top: -2px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.2s ease-out; } .boxBtn_wh, .boxBtn_bl{ display: inline-block; vertical-align: bottom; box-sizing: border-box; position: relative; display: inline-block; vertical-align: bottom; min-width: 350px; font-size: 20px; font-size: 2.0rem; color: #fff !important; text-decoration: none; background: transparent; transition: all 0.2s ease-in-out; border-radius: 4px; } @media only screen and (min-width:751px),print{ .boxBtn_wh, .boxBtn_bl{ padding: 28px 40px; } } @media only screen and (max-width:750px),print{ .boxBtn_wh, .boxBtn_bl{ min-width: auto; width: 100%; padding: 28px 40px; } } .boxBtn_wh{ color: #fff !important; border: 2px solid #fff; } .boxBtn_wh:hover{ background: #fff; color: #23b8f4 !important; border: 2px solid #fff; } .boxBtn_bl{ background: #00a78e; border: 2px solid #00a78e; } .boxBtn_bl:hover{ background: #fff; color: #00a78e !important; border: 2px solid #00a78e; } .boxBtn_wh.addArrow:before, .boxBtn_bl.addArrow:before{content:" ";display:inline-block;vertical-align:middle;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;margin-bottom:1px;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all 0.1s ease-in-out;margin-right:8px} .buttonA01, .buttonA02{ border-radius: 4px; display: inline-block; padding: 15px; text-align: center; text-decoration: none; transition: all 0.2s ease; font-size: 22px; font-size: 2.2rem; box-shadow: 2px 2px 4px #555; } @media only screen and (max-width:750px),print{ .buttonA01, .buttonA02{ width: 90%; height: 60px; line-height: 28px; font-size: 16px; font-size: 1.6rem; } } .buttonA01{background: #1dbba3;color: #fff !important;border: 2px solid #1dbba3;} .buttonA01:hover{ background: #6ecfc0; color: #fff !important; border: 2px solid #1dbba3; text-decoration: none; box-shadow: none; } .buttonA02{background: #e14b4b;color: #fff !important;border: 2px solid #e14b4b;} .buttonA02:hover{ background: #f87979; color: #fff !important; border: 2px solid #e14b4b; text-decoration: none; box-shadow: none; } .buttonB01, .buttonB02{ border-radius: 4px; display: inline-block; text-align: center; text-decoration: none; transition: all 0.2s ease; font-size: 17px; height: 60px; line-height: 60px; border: 2px solid #fff; } .buttonB01{border: 2px solid #ffaa10;width:100%;background: #ffaa10;color: #fff !important;} .buttonB02{border: 2px solid #0088cc;width:320px;background: #0088cc;color: #fff !important;padding-left: 20px;} @media only screen and (max-width:750px),print{ .buttonB02{width: 100%;} } .buttonB01:hover, .buttonB02:hover{ background: #0b76ab; color: #fff !important; border: 2px solid #0b76ab; text-decoration: none; } .button_ico{ box-sizing: border-box; padding: 6px 16px; font-size: 14px; font-size: 1.4rem; transition: all 0.2s ease-out; } .button_ico.dl{ display: inline-block; color: #0088cc; border: 1px solid #0088cc; background: #fff; position: relative; padding-left: 1.6em; } .button_ico.dl:before{ content: " "; display: block; width: 4px; height: 4px; border-top: 1px solid #0088cc; border-right: 1px solid #0088cc; position: absolute; left: 6px; top: 50%; margin-top: -2px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.2s ease-out; } a:hover .button_ico.dl{background: #0088cc;color: #fff} a:hover .button_ico.dl:before{ border-top: 1px solid #fff; border-right: 1px solid #fff; } .button_ico.dllist{ display: inline-block; color: #fff; border: 1px solid #ffaa10; background: #ffaa10; } @media only screen and (max-width:750px),print{ .button_ico.dllist{ position: inherit; } } .button_ico.dllist:hover{ background: #ff8910; border: 1px solid #ff8910; } .button_ico.dllist span{margin-right:10px;} .button_ico.dllist span img{vertical-align: middle;} .btnListA01 a{ margin: 0 auto; color: #333; } .btnListA01 a:hover{ color: #FFF; } .btnListA01 li{ display: inline-block; } .btnListA01 li:nth-child(2){ margin-left: 20px; } .btnListA01 .dl_btn{ margin: 0 auto; width: 250px; border-radius: 4px; display: block; padding: 10px; text-align: center; text-decoration: none; transition: all 0.2s ease; background: #333; border: 1px solid #333333; color: #fff; } .btnListA01 .dl_btn:hover{ opacity: 0.9; } .conf_btn{ width: 250px; border-radius: 4px; display: block; padding: 10px; text-align: center; text-decoration: none; transition: all 0.2s ease; border: 1px solid #333333; } .conf_btn:hover{ color: #333 !important; text-decoration: underline; } a.linkArrowLarge.hover{text-decoration:underline} .linkArrowLarge,a.linkArrowLarge{display:inline-block;position:relative; color: #000;} @media only screen and (min-width:751px),print{.linkArrowLarge,a.linkArrowLarge{font-size:18px;font-size:1.8rem;line-height:1.4} } @media only screen and (max-width:750px),print{.linkArrowLarge,a.linkArrowLarge{font-size:14px;font-size:1.4rem;line-height:1.4;font-weight:bold} } .linkArrowLarge:before,a.linkArrowLarge:before{content:" ";font-size:0;line-height:0;display:inline-block;overflow:hidden;box-sizing:border-box;border-top:2px solid #00a78e;border-right:2px solid #00a78e;margin-bottom:2px;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all 0.1s ease-in-out} @media only screen and (min-width:751px),print{.linkArrowLarge:before,a.linkArrowLarge:before{width:10px;height:10px;margin-right:8px} } @media only screen and (max-width:750px),print{.linkArrowLarge:before,a.linkArrowLarge:before{width:8px;height:8px;margin-right:8px} } .icoWp, .icoPickup{ position: relative; padding: 34px 16px 12px 50px; } .icoWp:before{ position: absolute; bottom: 16px; left: 70px; display: block; width: 22px; height: 22px; content: ''; background: url(../img/parts/ico-wp.png) left top no-repeat; } @media only screen and (max-width:750px),print{ .icoWp:before{ background-size: 60%; } } .icoPickup:before{ position: absolute; bottom: 16px; left: 16px; display: block; width: 22px; height: 22px; content: ''; background: url(../img/parts/ico-pickup.png) left top no-repeat; } @media only screen and (max-width:750px),print{ .icoPickup:before{ background-size: 60%; } } .A_button { /* border-radius: 4px; */ display: inline-block; padding: 10px 20px; text-align: center; text-decoration: none; transition: all 0.2s ease; color: #fff !important; background: #0088cc; border: 2px solid #0088cc; margin: 0 auto; } .A_button.button_ico{font-size: 16px; font-size:1.6rem;} .A_button span{ margin-right: 10px; } .A_button span img{ vertical-align: middle; } .A_button:hover{ text-decoration: none; color: #fff; background: #0b76ab; border: 2px solid #0b76ab; } .A_button:hover span{ color: #fff; } /* main ----------------------------------------------------------------------------------------------*/ .topMv{ background: url(../img/index/mv.png) no-repeat center bottom; /*background-size: contain;*/ background-size: cover; position: relative; } @media only screen and (min-width:751px),print{ .topMv{height: 530px;} } @media only screen and (max-width:750px),print{ .topMv{ min-height: 380px; height: auto; } } @media only screen and (max-width:750px),print{ .topMv .ctsContainer{padding: 20px 0px;} } @media only screen and (min-width:751px),print{ .topMv .TtlContainer{padding: 75px 20px;} .main_lbox{ display: inline-block; } .main_rbox{ display: inline-block; } } .topMv .pageMvTtl{font-size: 34px;font-size: 3.4rem;margin-bottom: 20px;font-weight: 500;} @media only screen and (max-width:750px),print{ .topMv .pageMvTtl{font-size: 24px;font-size: 2.4rem;margin-bottom: 20px;} } .topMv .pageMvLead{font-size: 24px;font-size: 2.4rem;} @media only screen and (max-width:750px),print{ .topMv .pageMvLead{font-size: 14px;font-size: 1.4rem;} } .mainbtnbox{} .mainbtnbox ul{} .mainbtnbox ul li{position: relative;} @media only screen and (min-width:751px),print{ .mainbtnbox ul li{display: inline-block;} } @media only screen and (min-width:751px),print{ .mainbtnbox ul li:first-child{margin-right: 40px;} } @media only screen and (max-width:750px),print{ .mainbtnbox ul li:first-child{margin-bottom: 20px;} } .tagcont{ position: absolute; top: -4px; left: -12px; } .tag_ribon{ position: relative; font-size: 14px; font-size: 1.4rem; padding: 0.2em 1.4em 0.2em 1em; background-color: #f2df42; color: #333; font-weight: 600; } .tag_ribon::before, .tag_ribon::after { content: ''; position: absolute; } .tag_ribon::before { top: 100%; left: 0; border-width: 0 10px 10px 0; border-style: solid; border-color: transparent; border-right-color: #a59a3a; } .tag_ribon::after { top: 0; right: 0; z-index: 2; border-width: 13px 8px; border-style: solid; border-color: transparent; } .buttonA01 .tag_ribon::after {border-right-color: #1dbba3;} .buttonA01.hover .tag_ribon::after {border-right-color: #6ecfc0;} .buttonA02 .tag_ribon::after {border-right-color: #e14b4b;} .buttonA02.hover .tag_ribon::after {border-right-color: #f87979;} /*メイン左ナビ*/ .L_navi{ background: rgba(50, 66, 63, 0.84); padding: 30px 20px; min-height: 530px; max-width: 260px; } .L_navi .title{font-size: 18px;font-size: 1.8rem;color: #fff;} .L_navi ul{} .L_navi ul li{ font-size: 18px; font-size: 1.8rem; margin-bottom: 10px; position: relative; } .L_navi ul li:before { content: " "; display: block; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; left: 6px; top: 50%; margin-top: -2px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.2s ease-out; } .L_navi ul li a{color: #fff;padding-left: 22px;} .L_navi ul li a.hover{color: #f2df42;} /* sub ----------------------------------------------------------------------------------------------*/ .subMv{ background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 340px; position: relative; } .serviceMv01{ background-image: url(../img/service/mv01.png); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 360px; } .serviceMv02{ background-image: url(../img/service/mv02.png); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 360px; } .serviceMv03{ background-image: url(../img/service/mv03.png); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 360px; } .blogMv{ background-image: url(../img/blog/mv.png); background-repeat: no-repeat; background-position: right center; background-size: cover; } .blogcateMv{ background: #00a78e; } .catalogMv{ background: #00a78e; min-height: 240px; } .subMv.serviceMv .ctsContainer{padding:0;} .subMv.serviceMv .TtlContainer_serviceMv01{ width: 50%; padding: 40px 20px 40px 10px; } .subMv.serviceMv .TtlContainer_serviceMv02{ width: 50%; padding: 40px 20px 40px 10px; } .subMv.serviceMv .TtlContainer_serviceMv03{ width: 50%; padding: 40px 20px 40px 10px; } .subMv .ImgContainer figure{} .subMv .ImgContainer figure img{} @media only screen and (max-width:750px),print{ .subMv{ min-height: auto; padding: 20px 0; } } .subMv .ctsContainer{padding: 60px 20px 0;} /*@media only screen and (max-width:750px),print{ .subMv .ctsContainer{padding: 20px 20px;background: rgba(51, 51, 51, 0.7294117647058823);} }*/ @media only screen and (max-width:750px),print{ .subMv .ctsContainer.detaimain{padding: 20px 20px;background: rgba(255, 255, 255, 0.7294117647058823);} } .subMv .pageMvTtl{color: #fff;font-size: 36px;font-size: 3.6rem;margin-bottom: 20px;} @media only screen and (max-width:750px),print{ .subMv .pageMvTtl{font-size: 24px;font-size: 2.4rem;margin-bottom: 20px;} } .subMv .pageMvTtl span{font-size: 27px;font-size: 2.7rem;} @media only screen and (max-width:750px),print{ .subMv .pageMvTtl span{font-size: 20px;font-size: 2.0rem;} } .subMv .pageMvTtlsub{color: #fff;font-size: 24px;font-size: 2.4rem;} @media only screen and (max-width:750px),print{ .subMv .pageMvTtlsub{font-size: 16px;font-size: 1.6rem;} } .subMv.catalogdetailMv .main_L .pageMvTtlsub{color: #000;} .subMv .pageMvLead{color: #fff;font-size: 24px;font-size: 2.4rem;} @media only screen and (max-width:750px),print{ .subMv .pageMvLead{font-size: 14px;font-size: 1.4rem;} } .subMv.serviceMv .lead_cont{/*background: rgba(0, 0, 0, 0.5019607843137255);padding: 14px 10px;*/} .subMv.serviceMv .pageMvLead{color: #fff;font-size: 18px;font-size: 1.8rem;} .subMv.catalogdetailMv .main_L .pageMvLead{color: #000;} .subMv .main_L .pageMvLead{color: #fff;font-size: 18px;font-size: 1.8rem;} @media only screen and (max-width:750px),print{ .subMv .main_L .pageMvLead{font-size: 14px;font-size: 1.4rem;margin-bottom: 20px;} } .subMv.serviceMv .mainbtnbox a{display: inline-block;width:auto;} .mainbtnbox a{display: inline-block;width:100%;} @media only screen and (min-width:751px),print{ .mainbtnbox a{width: 356px;} } .subMv.serviceMv .mainbtnbox a:first-child{margin-right: 20px;} .main_L, .main_R{ display: inline-block; vertical-align: top; } @media only screen and (max-width:750px),print{ .main_L, .main_R{ display: block; width: 100% !important; } } .main_L{ width: 42%; margin-right: 40px; } .detaimain .main_L{ width: 62%; margin-right: 0px; } .main_R{width: 54%;} .detaimain .main_R{width: 36%;} .main_R .blogItemBox{padding: 20px;} .main_R .blogItemBoxThumb{ width: 100%; height: 140px; overflow: hidden; padding: 0; margin: 0 auto; display: block; } .main_R .blogItemBoxThumb img{ width: 100%; height: auto } @media only screen and (max-width:750px),print{ .main_R .blogItemBoxThumb{width: 100%; margin-bottom: 20px;} } @media only screen and (min-width:751px),print{ .main_R .blogItemBoxTxts{ padding: 0 0 0 30px; width: 62%; } } .ossusume{ margin-bottom: 10px; padding: 4px 0; } .ossusume span{ color: #000; font-size: 14px; font-size: 1.4rem; background: #ffaa10; border-radius: 100px; padding: 0 16px; } .ctg{ margin: 0 0 10px 4px; display: inline-block; } .ctg span{ color: #fff; font-size: 16px; border-radius: 100px; border: 1px solid #fff; padding: 2px 20px 0; } @media only screen and (max-width:750px),print{ .ctg.osusume{display: block;} } @media only screen and (max-width:750px),print{ .ctg span{font-size: 10px;font-size: 1.0rem;} } .ctg.osusume span{ color: #000; background: #ffaa10; border: 1px solid #ffaa10; } @media only screen and (min-width:751px),print{ .sp_leadimg{width: 30%} } .sp_leadimg img{max-width: 100%;} @media only screen and (min-width:751px),print{ .sp_leadbox{width: 66%} } .sp_leadbox .title{ font-size: 20px; font-size: 2.0rem; font-weight: bold; margin-bottom: 10px; } .sp_leadbox .txt{ font-size: 18px; font-size: 1.8rem; line-height: 1.8; margin-bottom: 2em; } a.txtlink{ display: block; font-size: 16px; font-size: 1.6rem; line-height: 1.8; text-decoration: underline; } a.txtlink:hover{opacity: 0.9;} .box03 .servicebox{background: #fff;padding: 20px;} .box03 .servicebox.service01{;border-top: 6px solid #4cb866;} .box03 .servicebox.service02{border-top: 6px solid #f4b316;} .box03 .servicebox.service03{border-top: 6px solid #45b4d8;} .box03 .servicebox figure{margin-bottom: 10px;} .box03 .servicebox figure img{ width: auto; height: auto; } .box03 .servicebox .titile{font-size: 24px;font-size: 2.4rem;margin-bottom: 20px;color: #333;} .box03 a:hover .servicebox.service01 .titile{color: #4cb866;} .box03 a:hover .servicebox.service02 .titile{color: #f4b316;} .box03 a:hover .servicebox.service03 .titile{color: #45b4d8;} .box03 .servicebox .txt{background: #efefef;padding: 10px;} .box03 .servicebox .txt p{font-size: 16px;font-size: 1.6rem;color: #333;} .box03.work li{margin-bottom: 1em;position: relative;} .box03.work li span{position: relative;padding-left: 1.6em;font-size: 18px;font-size: 1.8rem;} .box03.work li span:before{ position: absolute; display: block; width: 25px; height: 25px; color: #00a78e; content: '●'; top: -2px; } /* サービスページ ----------------------------------------------------------------------------------------------*/ .sv_point{padding: 20px;width: 70%;margin: 0 auto;} @media only screen and (min-width:751px),print{ .sv_point{display: table;padding: 40px;} } @media only screen and (max-width:750px),print{ .sv_point{width: 100%;} } @media only screen and (min-width:751px),print{ .sv_point li{ display: table-cell !important; vertical-align: middle !important; padding: 0 20px; } } .sv_point li img{} .sv_point li .txt{ margin-left: 30px; font-size: 20px; font-size: 2.0rem; line-height: 1.4; font-weight: 500; } .summary_txt{font-size: 26px;font-size: 2.6rem;} .summary_txtbox{width: 72%} .summary_txtbox p{font-size: 26px;font-size: 2.6rem;font-weight: 600;text-align: left;} .summary_txt em{font-weight: 600;} .box03.sv_merit{} .box03.sv_merit li{padding: 0 !important;} .box03.sv_merit li .tit{ padding: 10px; display: table; margin: 0 auto; } .box03.sv_merit li .tit p{ display: table-cell; vertical-align: middle; margin: 0 auto; color: #fff; font-size: 24px; font-size: 2.4rem; line-height: 1.2; font-weight: 500; text-align: center; } .box03.sv_merit li .txt{padding:20px;background: #fff;} .box03.sv_merit li .txt p{ font-size: 20px; font-size: 2.0rem; line-height: 1.4; } .sv_merit .border_2{border-color: #fff;} .sv_infoContent{width: 30%;} @media only screen and (max-width:750px),print{ .sv_infoContent{width: 100%;} } .sv_infoContent .box{ background: #fff; border: 4px solid #00a78e; border-radius: 4px; padding: 20px; } .sv_infoContent .box .title{ font-size: 24px; font-size: 2.4rem; } .sv_infoContent .box .title span{ font-size: 18px; font-size: 1.8rem; } .sv_infoContent .box .txt{ font-size: 22px; font-size: 2.2rem; } .sv_infoContent .box .txt span{ font-size: 16px; font-size: 1.6rem; } .sv_infoContent .box .txt em{ font-size: 50px; font-size: 5.0rem; font-weight: 800; color: #00a78e; } .sv_infoContent .box .txt em span{ font-size: 44px; font-size: 4.4rem; font-weight: 500; } .kome{ font-size: 14px; font-size: 1.4rem; } .kome span{color: #00a78e;font-size: 16px;font-size: 1.6rem;vertical-align: top;} @media only screen and (min-width:751px),print{ .sv_TB{width: 90%;margin-left: auto;} } .sv_flow .arrow_tag{ position: relative; display: inline-block; list-style: none; font-weight: bold; margin-right: 12px; width: 100%; background: #fce98e; padding: 6px 0; font-size: 20px; font-size: 2.0rem; } .sv_flow .arrow_tag::after { content: ""; position: absolute; top: 0; left: 100%; border-style: solid; border-color: transparent; border-left-color: #aedfc6; border-width: 22px 12px; width: 0; height: 0; z-index: 1; } .sv_flow .arrow_tag::before { content: ""; position: absolute; top: -4px; left: 0px; border-width: 26px 14px; border-style: solid; border-color: transparent; border-left-color: #fff; } .sv_flow li:first-child .arrow_tag{background: #fce98e;} .sv_flow li:first-child .arrow_tag::after{border-left-color: #fce98e;} .sv_flow li:first-child .arrow_tag::before{display: none;} .sv_flow li:nth-child(2) .arrow_tag{background: #fdd14c;} .sv_flow li:nth-child(2) .arrow_tag::after{border-left-color: #fdd14c;} .sv_flow li:last-child .arrow_tag{background: #fbb224;} .sv_flow li:last-child .arrow_tag::after{border-left-color: #fbb224;} .sv_flow{border: 6px solid #ccc;border-radius: 10px;padding: 40px;} @media only screen and (min-width:751px),print{ .sv_flow{width: 90%;margin: 0 auto} } .sv_flow .txt{ font-size: 16px; font-size: 1.6rem; margin: 20px auto; } @media only screen and (min-width:751px),print{ .sv_relation {width: 80%;margin: 0 auto;} } .sv_trouble{padding: 20px;width: 70%;margin: 0 auto;} @media only screen and (min-width:751px),print{ .sv_trouble{display: table;padding: 40px;} } @media only screen and (max-width:750px),print{ .sv_trouble{width: 100%;} } .sv_trouble li{ padding: 0 20px; margin-bottom: 20px !important; } .sv_trouble .title{ position: relative; padding: 0 0 .2em; border-bottom: 1px solid #ccc; font-size: 28px; font-size: 2.8rem;padding-left:1.4em; padding-left: 1.6em; } .sv_trouble .title:before{ /* 以下数字をつける */ position: absolute; counter-increment: number; /*以下数字のデザイン変える*/ display:inline-block; background: #00a78e; color: white; font-family: 'Avenir','Arial Black','Arial',sans-serif; font-weight:bold; font-size: 20px; border-radius: 48%; left: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; /*以下 上下中央寄せのため*/ top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sv_trouble li:first-child .title:before{content: "1";} .sv_trouble li:nth-child(2) .title:before{content: "2";} .sv_trouble li:nth-child(3) .title:before{content: "3";} .sv_trouble li:nth-child(4) .title:before{content: "4";} .sv_trouble .txt{ font-size: 18px; font-size: 1.8rem; padding: 20px; } .sv_arrowBox{} .sv_arrowBox .cont01{position: relative;width: 34%;} .sv_arrowBox .cont01::after { content: ""; position: absolute; top: 6%; top: 6%; left: 84%; border-style: solid; border-color: transparent; border-width: 26px 22px; width: 0; height: 0; z-index: 1; } .sv_arrowBox .cont01.sv_arrow01::after{border-left-color: #a9d9d2;} .sv_arrowBox .cont01.sv_arrow02::after{border-left-color: #49cbb8;} .sv_arrowBox .cont01.sv_arrow03::after{border-left-color: #00a78e;} .sv_arrowBox .cont01, .sv_arrowBox .cont02{display: inline-block;vertical-align: middle;} .sv_arrowBox .cont02{width: 24%;text-align: left} .sv_arrowBox .cont01 p{ font-size: 18px; font-size: 1.8rem; text-align: left; } .sv_solution2{} .sv_solution2 li{} .sv_solution2 li{} @media only screen and (max-width:750px),print{ .box02.sv_solution2 li{display: block;width: 100%;margin-bottom: 20px;} } .sv_solution2 .cont{ width: 76%; padding: 90px 40px; border-radius: 50%; margin: 0 auto; } @media only screen and (max-width:750px),print{ .sv_solution2 .cont{ width: 90%; padding: 40px 20px; border-radius: 50%; margin: 0 auto; } } .sv_solution2 .txt p{ font-size: 18px; font-size: 1.8rem; line-height: 1.4; } @media only screen and (min-width:751px),print{ .sv_suport{ width: 82%; margin: 0 auto; } } .sv_suport .border_2{border-color: #00a78e;} .sv_suport .cont.lcont{width: 30%;} .sv_suport .cont.rcont{width: 65%;margin-left: 50px;} .sv_suport .cont .tit{ width: 100%; padding: 10px 20px; display: table; margin: 0 auto; background: #00a78e; } .sv_suport .cont .tit p{ display: table-cell; vertical-align: middle; margin: 0 auto; color: #fff; font-size: 24px; font-size: 2.4rem; line-height: 1.2; font-weight: 500; text-align: center; } .sv_suport .cont .txt{ padding:20px 20px; } .sv_suport .cont .txt img{} .sv_suport .cont .txt p{ font-size: 18px; font-size: 1.8rem; line-height: 1.4; } .sv_suport .cont .pointBox li{ background: #abe1d7; padding: 20px; border-radius: 10px; } .sv_suport .cont .pointBox .txt{ font-size: 18px; font-size: 1.8rem; line-height: 1.6; } /* list リスト ----------------------------------------------------------------------------------------------*/ .list_check li{ position: relative; padding-left: 1.5em; font-size: 18px; font-size: 1.8rem; } .list_check li:before{ position: absolute; top: 2px; left: 0; content: " "; font-size: 0; line-height: 0; display: block; width: 22px; height: 22px; background: url(../img/parts/ico-check.png) no-repeat center center; } /* blog ----------------------------------------------------------------------------------------------*/ .box03 .blogBox .blogItemTtl { color: #0088cc; font-size: 19px; font-size: 1.9rem; font-weight: bold; line-height: 1.6; padding: 20px 20px 10px; } .box03 .blogBox .blogItemDesc { color: #080404; font-size: 16px; font-size: 1.6rem; line-height: 1.6; padding: 0px 20px 20px; } .box03 .blogBox .moreread{padding: 0 20px} .blogBox a:hover figure img{opacity: 0.8;} /*colum blog コラム ブログ*/ @media only screen and (max-width:750px),print{ .colmWrap .aside,.colmWrap .main{width:100%;padding: 0;} .colmWrap .main{margin-bottom:60px;float: none;} } position:relative; border-bottom:1px solid #ddd; background: #fff; } .blogItem a.hitarea{z-index:1;position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:rgba(255, 255, 255, 0.0001);transition:all 0.2s ease-in-out} .blogItem a.hitarea.hover+.blogItemBox{background:#fafafa} .blogItem a:hover .blogItemTtl{opacity: 0.8;} .blogItem_herf a.hitarea{z-index:1;position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:rgba(255, 255, 255, 0.0001);transition:all 0.2s ease-in-out} .blogItem_herf a.hitarea.hover+.blogItemBox{background:#fafafa} @media only screen and (min-width:751px),print{.blogItemBox{display:table;width:100%;margin-bottom: 20px;padding: 0 20px;} }@media only screen and (min-width:751px),print{.blog .blogItemBox{display:table;width:100%;padding: 0 20px;border-bottom: 2px #e0e0e0 solid;} } @media only screen and (max-width:750px),print{.blogItemBox{padding:25px 0} } @media only screen and (min-width:751px),print{.blogItemBoxThumb,.blogItemBoxTxts{display:table-cell;vertical-align:top;padding-top:20px;padding-bottom:20px;position: relative;} } @media only screen and (min-width:751px),print{ .blogItemBoxThumb{ width: 100%; height: 140px; overflow: hidden; display: block; padding: 0; margin: 20px auto; position: relative; } } @media only screen and (max-width:750px),print{.blogItemBoxThumb{margin-bottom:10px;position: relative;} } @media only screen and (max-width:750px),print{.blogItemBoxThumb img{width:100%;position: absolute;top: 0;left: 0;} } @media only screen and (min-width:751px),print{.blogItemBoxThumb img{width:100%;position: absolute;top: 0;left: 0;} } @media only screen and (min-width:751px),print{.blogItemBoxTxts{width:72%;padding-left:30px} } .blogItemBoxTxts a:hover .blogItemDesc{text-decoration: underline;} .blogItemInfo{font-size:14px;font-size:1.4rem;line-height:1.4;color:#000;margin-top:10px;} /*@media only screen and (min-width:751px),print{ .blogItemInfo{position: absolute;bottom: 30px;} }*/ .blogItemInfo>:not(:last-child){margin-right:1em} .blogItemTtl{ font-size: 24px; font-size: 2.4rem; font-weight: normal; line-height: 1.3; margin-bottom: 10px; color: #0088cc; } .blogItemDesc{font-size:15px;font-size:1.5rem;line-height:1.5;color: #000;padding-bottom: 20px;} a:hover .blogItemDesc{text-decoration: underline;} .blogItemCtgA, .blogItemCtgB{ font-size: 14px; margin: 0 6px 14px 0; display: inline-block; padding: 2px 6px 1px; border-radius: 3px; vertical-align: middle; } .blogItemCtgA:hover, .blogItemCtgB:hover{opacity: 0.8;} .blogItemCtgA{ color: #fff; } .blogItemCtgB{ padding: 2px 2px 1px 6px; color: #fff; } .blogItemCtgB span{ background: #fff; color: #000; border-radius: 3px; margin: 0 0 0 10px; padding: 0px 16px; } .CtgA01{ background: #4bb7f6; border: 1px solid #4bb7f6; } .CtgA02{ background: #0da451; border: 1px solid #0da451; } .CtgA03{ background: #ff7939; border: 1px solid #ff7939; } .CtgA04{ background: #004da0; border: 1px solid #004da0; } .CtgB01{ background: #ff4783; border: 1px solid #ff4783; } .CtgB02{ background: #000; border: 1px solid #000; } @media only screen and (min-width:751px),print{ .blogItemTop{padding: 0 20px} } @media only screen and (min-width:751px),print{ .blogItemTop.blogItemTtl {padding: 0 20px} } /* blog_detail ----------------------------------------------------------------------------------------------*/ @media only screen and (min-width:751px),print{ .detail{ border: 1px solid #e7e7e7; padding: 20px 40px !important; } } .blog_detail_tit{ font-size: 32px; font-size: 3.2rem; font-weight: bold; } @media only screen and (max-width:750px),print{ .blog_detail_tit{ font-size: 20px; font-size: 2.0rem; } } .blog_detail_date{ margin: 10px 0 20px; color: #5e5f5f; font-size: 15px; } .blog_detail_mainIMG{ width: 100%; margin: 0 auto 30px; display: table; border: 1px solid #d0cccc; } .blog_index{ margin: 40px auto; border: 1px solid #4983c0; } .blog_index .blog_index_tit{ font-size: 20px; padding: 5px 0px 5px 25px; color: #fff; margin: 0 auto; background: #4983c0; } .blog_index .blog_index_List{ padding: 20px 30px; } @media only screen and (max-width:750px),print{ .blog_index .blog_index_List{ padding: 10px 0; } } .blog_index .blog_index_List .bs_tit{ font-size: 18px; color: #099ee3; line-height: 2em; text-indent: -1em; padding-left: 1em; } .blog_index .blog_index_List .bs_tit h2, .blog_index .blog_index_List .bs_tit h3{ font-size: 18px; color: #099ee3; line-height: 1.8em; text-indent: -1em; font-weight: normal; } .blog_index .blog_index_List .bs_tit a{ color: #099ee3; } .blog_index .blog_index_List .bs_tit a:hover{ text-decoration: underline; } .blog_index .blog_index_List ul{ margin-left: 1em; } .blog_index .blog_index_List .bs_subtit{ line-height: 1.6em; text-indent: 1em; } .B_leadtxt, .blog_detail_Content p{ font-size: 18px; font-size: 1.8rem; line-height: 1.6; word-break:break-all; } .blog_detail_Content a{ color: #099ee3 !important; } .blog_detail_Content a:hover{ color: #099ee3 !important; text-decoration: underline !important; } .blog_detail_Content .bdair { padding-top: 120px; margin-top: -120px; } .blog_detail_Content .bd_tit{ font-size: 23px; font-weight: bold; margin: 35px 0 20px; border-bottom: 1px solid #cccccc; } .blog_detail_Content .entryMV{ margin: 15px auto 20px; text-align: center; } .blog_detail_Content .entryMV img{ max-width: 100%; } .blog_detail_Content .bd_txt{ margin: 20px auto; } .blog_detail_Content .bd_subtit{ margin: 20px auto; font-size: 18px; color: #4983c0; font-weight: bold; } .blog_reration{ border: 1px solid; border-radius: 10px; padding: 10px 20px 20px 20px; margin: 90px auto 45px; } .blog_reration .blog_reration_tit{ border-bottom: 1px solid; text-align: center; padding-bottom: 5px; font-weight: bold; } .blog_reration .Relation_List{ padding: 20px 10px 0 10px; } .blog_reration .Relation_List li{ list-style: disc; margin: 0 15px 10px; } .blog_reration .Relation_List li a{ text-decoration: underline; } .blog_reration02{ margin: 90px auto 45px; border: 1px solid #ccc; } .blog_reration02 .blog_reration_tit{ font-size: 20px; text-align: center; background: #0d62a8; padding: 10px 0 7px; color: #fff; border-bottom: 3px solid #183e6c; } .blog_reration02 .blog_reration_tit span{ position: relative; padding-left: 50px; padding-top: 3px; } .blog_reration02 .blog_reration_tit span:before{ position: absolute; top: 0px; left: 0; display: block; width: 39px; height: 35px; content: ''; background: url(../images/icon/cate02_icon.png) left top no-repeat; } .blog_reration02 .Relation_List{ padding: 20px 10px 10px; background: #f8f8f7; } .blog_reration02 .Relation_List li{ border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; margin: 0 15px 10px; } .blog_reration02 .Relation_List li a{ width: 100%; display: table; } .blog_reration02 .Relation_List li a:hover .reration_img{ opacity: 0.8; } .reration_img{ width: 100px; display: inline-block; vertical-align: middle; padding: 1px; border: 1px solid #ccc; background: #fff; } .reration_tit{ display: inline-block; width: 81%; margin-left: 20px; vertical-align: middle; text-decoration: underline; } @media only screen and (max-width:750px),print{ .reration_tit{ width: 100%; margin-left: 0; } } .bnr_cont{ margin-top: 40px; } .bnr_cont a:hover{ opacity: 0.8; } .bnr_cont a img{} /* ブログ記事下 ----------------------------------------------------------------------------------------------*/ .pr_box{ margin: 20px auto 0px; background: #fdfbe7; border: 2px solid #ffab10; } .pr_box .pr_box_tit{ font-size: 19px; background: #ffab10; padding: 10px 20px; color: #fff; text-align: center; margin-bottom: 30px; } .pr_box .C_button{ width: 250px !important; padding: 15px 5px !important; margin: 0 25%; } .pr_box .pr_img{ display: inline-block; width: 30%; margin-left: 30px; margin-bottom: 30px;; background: #fdfbe7; border: 1px solid #d0cccc; vertical-align: top; } @media only screen and (max-width:750px),print{ .pr_box .pr_img{ display: block; width: 90%; margin: 0 auto 20px; } } .pr_box .pr_txt{ display: inline-block; margin: 0 30px 35px; width: 58%; vertical-align: middle; } @media only screen and (max-width:750px),print{ .pr_box .pr_txt{ display: block; width: 90%; margin: 0 auto 20px; } } .pr_box .pr_txt .mustread{ border: 1px solid #5c5a5a; width: 100px; margin: 0 auto 15px; } .pr_box .pr_txt .pr_title{ color: #0088cc; font-size: 20px; font-weight: bold; margin-bottom: 15px; text-align: left; } .pr_box .pr_txt .pr_title span{ font-size: 17px; } .pr_lead{ text-align: left; margin-bottom: 20px; } /*white paper ホワイトペーパー*/ .wp .blogItemBoxThumb{height: auto;overflow: visible; } .wp .blogItemBoxThumb img{position: static;} .wp .blogItemDesc{font-size: 18px;font-size: 1.8rem;} .wpdetailIMG{ width: 100%; height: auto; } @media only screen and (max-width:750px),print{ .wpdetailIMG{width: 100%;} } .wpdetailIMG img{ width: 90%; } .wpdetailIMG2 img{ width: 100%; } .wpdetailBox{} .wpdetailBox .cont{width: 49%;display: block;vertical-align: top; margin: 0 auto;} .wpdetailBox .cont .lead{ font-size: 18px; font-size: 1.8rem; line-height: 1.8; margin-bottom: 1em; } /* 関連記事 ----------------------------------------------------------------------------------------------*/ .Relation_List{ padding: 20px 10px 10px; background: #f8f8f7; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } .Relation_List li{ border-bottom: 1px solid #e7e7e7; padding-bottom: 10px; margin: 0 15px 10px; } .Relation_List li a{ width: 100%; display: table; } .Relation_List li a:hover .reration_img{ opacity: 0.8; } /* ニュース ----------------------------------------------------------------------------------------------*/ .news_list{} .news_list li{ margin-bottom: 20px; } .news_list li a:hover{ text-decoration: underline; } .news_data { font-size: 16px; font-size: 1.6rem; width: 10%; display: inline-block; } @media only screen and (max-width:750px),print{ .news_data, .cate_tag, .news_title { display: block !important; width: 100% !important; } } .cate_tag { display: inline-block; width: 8%; } .cate_tag span{ font-size: 14px; color: #fff; padding: 0px 14px; border-radius: 3px; } .cate_tagbg01{ background: #f8ca12; } .cate_tagbg02{ background: #002180; } .news_title { display: inline-block; width: 80%; vertical-align: top; font-size: 18px; font-size: 1.8rem; } .news_title a{text-decoration: underline;} .news_title a:hover{opacity: 0.8;} .news_list li:not(:last-child) { border-bottom: 1px dotted #ccc; padding-bottom: 1em; } /* ニュース詳細 ----------------------------------------------------------------------------------------------*/ .newsArchive{text-align:center} @media only screen and (min-width:751px),print{.newsArchive{margin-bottom:60px} } @media only screen and (max-width:750px),print{.newsArchive{margin-bottom:30px} } .newsArchiveItem{display:inline-block} .newsArchiveItem:not(:last-child):after{content:' ';display:inline-block;vertical-align:middle;width:1px;height:12px;background:#080404;margin-left:1.4em;margin-right:1.4em} .newsArchiveItem a{color:#000;} .newsArchiveItem a.hover{text-decoration:underline} .newsArchiveItem.current a{font-weight:bold;color:#cc0000} .newsItem{font-size:14px;font-size:1.4rem;line-height:1.4} .newsItem:not(:last-child){border-bottom:1px dotted #ccc} @media only screen and (min-width:751px),print{.newsItem{padding-bottom:1.5em;margin-bottom:1.5em} } .newsItem a{display:inline-block;text-indent:-7em;padding-left:7em;text-decoration:none;color: #000;} .newsItem a.hover{text-decoration:underline} @media only screen and (min-width:751px),print{.newsItem:not(:last-child){margin-bottom:1em} } @media only screen and (max-width:750px),print{.newsItem a{display:block;padding-top:1em;padding-bottom:1em} .newsItem a.hover{background:#fcfcfc} } .newsDetailHead{border-bottom:1px solid #ddd} @media only screen and (min-width:751px),print{.newsDetailHead{padding-bottom:20px;margin-bottom:40px;padding-left:20px;padding-left:20px} } @media only screen and (max-width:750px),print{.newsDetailHead{padding-bottom:10px;margin-bottom:20px;padding-left:10px;padding-left:10px} } .newsDetailDate{line-height:1.6} @media only screen and (min-width:751px),print{.newsDetailDate{font-size:16px;font-size:1.6rem} } @media only screen and (max-width:750px),print{.newsDetailDate{font-size:12px;font-size:1.2rem} } .newsDetailTtl{font-weight:bold;line-height:1.6;margin-bottom: 20px;} @media only screen and (min-width:751px),print{.newsDetailTtl{font-size:28px;font-size:2.8rem} } @media only screen and (max-width:750px),print{.newsDetailTtl{font-size:20px;font-size:2rem} } @media only screen and (min-width:751px),print{.newsDetailContent{padding-left:20px;padding-left:20px} } @media only screen and (max-width:750px),print{.newsDetailContent{padding-left:10px;padding-left:10px} } .newsDetailContent p{margin-bottom: 10px;} .newsDetailContent dd,.newsDetailContent dt,.newsDetailContent li,.newsDetailContent p{line-height:2} @media only screen and (min-width:751px),print{.newsDetailContent dd,.newsDetailContent dt,.newsDetailContent li,.newsDetailContent p{font-size:16px;font-size:1.6rem} } @media only screen and (max-width:750px),print{.newsDetailContent dd,.newsDetailContent dt,.newsDetailContent li,.newsDetailContent p{font-size:14px;font-size:1.4rem} } .newsDetailBtnarea{text-align:center;/*border-top:1px solid #ddd;*/} @media only screen and (min-width:751px),print{.newsDetailBtnarea{margin-top:60px;} } @media only screen and (max-width:750px),print{.newsDetailBtnarea{margin-top:30px;} } /* sidebar ----------------------------------------------------------------------------------------------*/ .sidebar{ float: right; width: 27.5%; padding: 0 0 0 20px; } @media only screen and (max-width:750px),print{ .sidebar{ float: none; width: 100%; padding: 0; margin-bottom: 60px; } } .sidebar .title{ font-weight: bold; margin-bottom: 10px; font-size: 18px; color: #00a78e; } .sidebar .side_dl_btn .button{ color: #fff; } .sidebar .category{ padding: 20px 0; } .sidebar .category .category_tit{ font-size: 22px; margin-bottom: 5px; } .sidebar .category .cate_subtit{ font-weight: bold; font-size: 20px; border-bottom: 3px solid #00a78e; margin-bottom: 16px; } .sidebar .category ul{margin-bottom: 30px; padding: 0; } .sidebar .category .category_List{ font-size: 16px; line-height: 1.8em; padding-left: 1em; text-indent: -1em; border-bottom: 1px dotted #ccc; margin-bottom: 10px; padding-bottom: 10px; } .sidebar .category .category_List a{ color: #000; position: relative; padding-left: 0.5em; } .sidebar .category .category_List a:hover{ text-decoration: underline; color: #00a78e; } .sidebar .category .category_List a span{} .sidebar .category .category_List a span:before{ content: " "; display: inline-block; vertical-align: middle; width: 5px; height: 5px; border-top: 1px solid #00a78e; border-right: 1px solid #00a78e; margin-bottom: 1px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.1s ease-in-out; margin-right: 8px; } @media only screen and (max-width:750px),print{ .sidebar_bnr{ text-align: center; } } .sidebar_bnr a{} .sidebar_bnr a:hover{} .sidebar_bnr img{ } .sidebar .pagetit, .sidebar .pagelead{ padding: 0 20px; } .sidebar .pagetit{ padding-top: 20px; margin-bottom: 4px; color: #b31921; font-weight: normal; font-size: 2.0rem; } .sidebar .pagelead{ padding: 0 20px 20px; font-size: 12px; color: #000; line-height: 1.4; } .sidebar .sidedl_group{ margin-bottom: 30px; } .sidebar .sidedl_group .sidedl_group_tit{ color: #FFF; padding: 10px 0; text-align: center; font-size: 16px; background: #333; } .sidebar .sidebar_dl{ border-left: 1px solid #cecdcd; border-right: 1px solid #cecdcd; border-bottom: 1px solid #cecdcd; margin: 0 auto; padding: 15px 0 0; } .sidebar .sidebar_dl .sidedl_List{ padding: 0 10px 10px; text-align: left; color: #099ee3; border-bottom: 1px dotted #ccc; margin: 0 5px 10px; } .sidebar .sidebar_dl .sidedl_List a{ color: #099ee3; font-size: 14px; } .sidebar .sidebar_dl .sidedl_List_txt{ position: relative; padding-left: 28px; } .sidebar .sidebar_dl .sidedl_List_txt:before{ position: absolute; top: 4px; left: 0; display: block; width: 25px; height: 25px; content: ''; background: url(/images/icon/cate03_icon.png) left top no-repeat; } .sidebar .rank{margin-bottom: 40px;} .sidebar .category_side{margin-bottom: 40px;} .sidebar .category_side .cate_subtit{ font-weight: 500; font-size: 18px; border-top: 2px solid #b31921; background: #efefef; padding: 4px 10px; text-align: center; } .sidebar .category_side .List02{ background: #efefef; margin-top: 1px; border: 1px solid #ededed; padding: 10px 0; text-align: center; } .sidebar .category_side .List02 li{ width: 46%; background: #b31921; text-align: center; margin: 4px 4px; font-size: 15px; padding: 2px; } .sidebar .category_side .List02 a{ color: #fff; } .sidebar .category_side .List02 a:hover{ opacity: 0.8; } /* サイドバー内ボックス固定用 */ @media screen and (min-width: 481px) { .layout2colA01, .layout2colA02, .layout2colA01 .leftCol, .layout2colA02 .leftCol, .layout2colA01 .rightCol, .layout2colA02 .rightCol, .sidebar { min-height: 100%; position: relative; } #comparisonBlock { box-sizing: border-box; width: 332px; } .is-fixed { position: fixed; top: 150px; bottom: auto; transform: translateX(0); } .is-absolute { position: absolute; top: auto; bottom: 20px; transform: translateX(0); z-index: 1 } } /* box ----------------------------------------------------------------------------------------------*/ /*2*/ .box02{} .box02 li{ display: inline-block; margin: 0px 0px 3px; vertical-align: top; width: calc(100% / 2 - 3px); /*width:50%;*/ } .box02.type_20 li{ width: calc(100% / 2 - 43px); padding: 20px; } @media only screen and (min-width:751px),print{ .box02.type_20 li:last-child{ margin-left: 40px; } } @media only screen and (max-width:750px),print{ .box02.type_20 li{ width: 100%; margin: 0 auto 20px; } } @media only screen and (min-width:751px),print{ .box02.wpbox li figure{ width: 100%; height: 300px; overflow: hidden; } .box02.wpbox li figure img{ width: auto; height: 100%; } } @media only screen and (max-width:750px),print{ .box02.wpbox li figure{max-width: 100%;margin-bottom: 20px;} } .ctaA01 a:hover li{ border: 4px solid #f2df42; } .ctaA01 li{ padding: 40px 20px; background: #fff; border-radius: 4px; border: 4px solid #fff; } .ctaA01 li .tit{ text-align: center; font-size: 24px; font-size: 2.4rem; color: #333; } @media only screen and (max-width:750px),print{ .ctaA01 li .tit{ font-size: 22px; font-size: 2.2rem; } } .box02.ctaA01 li .tit span{margin-right: 10px;} @media only screen and (max-width:750px),print{ .box02.ctaA01 li .tit span img{width: 14%;} } .box02.ctaA01 li .leadbox{vertical-align: middle;text-align: center;} .box02.ctaA01 li .leadbox p{ display: inline-block; vertical-align: middle; text-align: left; color: #333; font-size: 18px; font-size: 1.8rem; } .box02.ctaA01 li .leadbox p span{ font-size: 20px; font-size: 2.0rem; } .box02.ctaA01 li .leadbox:before{ content: " "; font-size: 0; line-height: 0; display: inline-block; width: 30px; height: 64px; background: url(../img/parts/slanting_l.png) no-repeat center center; } .box02.ctaA01 li .leadbox:after{ content: " "; font-size: 0; line-height: 0; display: inline-block; width: 30px; height: 64px; background: url(../img/parts/slanting_r.png) no-repeat center center; } /*3*/ .box03{} .box03 a:hover .button_ico{background: #0f5db1;} .box03 li{ display: inline-block; margin: 0px 0px 3px; vertical-align: top; width: calc(100% / 3 - 3px); } .box03.type_20 li{ width: calc(100% / 3 - 20px); padding: 20px; } @media only screen and (min-width:751px),print{ .box03.type_20 li:nth-child(2){ margin: 0 20px; } } @media only screen and (max-width:750px),print{ .box03.type_20 li{ width: 100%; padding: 20px; margin: 0 auto 20px; } } .box03 li.catalog{margin-bottom: 40px;} .box03 li.catalog figure{ width: 100%; height: 230px; overflow: hidden; /*position: relative;*/ } .box03 li.blogBox figure{ width: 100%; height: 220px; overflow: hidden; /*position: relative;*/ } .box03 li.blogBox figure img{ width: 100%; height: auto; /*position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/ } .box03.type_20 li.blogBox{padding: 0;} .box03.type_20 li .leadbox{ margin: 20px 0 0; text-align: center; } .box03 li .leadbox{ margin: 20px 0 0; text-align: center; } .box03 li .leadbox p.tit{ color: #004da0; font-size:24px; font-weight: normal; } .box03 li .leadbox p.txt{ font-size:16px; font-weight: normal; color: #000; } .box03 li .cont{border: 2px solid #00a78e;background: #fff;margin: 0 10px;} .box03 li .cont figure{ width: 100%; margin: 0 auto; overflow: hidden; } .box03 li .cont figure img{width: 100%;height: auto;} .box03 li .cont .tit{display: table;margin: 10px auto;} .box03 li .cont h3{display:table-cell;vertical-align: middle;color: #333;font-weight: normal;height: 58px;font-size: 20px;font-size: 2.0rem;line-height: 1.35;} .box03 a:hover .cont h3{color: #00a78e;} .box03.needs li{border: 2px solid #000;background: #fff;} .box03.needs li .cont h3{color: #000;} @media only screen and (max-width:750px),print{ .box03{ width: 100%; text-align: center; } .box03 li{ width: 100%; height: auto; margin: 5px 0px; padding: 5px; } .box03 li .leadbox{ margin: 20px 0; text-align: center; } .box03 li p{ font-size:16px; height: auto; } } @media only screen and (max-width:750px),print{ .box03 .blogBox{text-align: left;} } /*4*/ .box04{} .box04 li{ display: inline-block; margin: 0px 0px 3px; vertical-align: top; width: calc(100% / 4 - 4px); } .box04.type_20 li{ width: calc(100% / 4 - 20px); padding: 20px; } @media only screen and (max-width:750px),print{ .box04 li, .box04.type_20 li{ display: block; width: 100% !important; } } .box04.type_20 li{ width: calc(100% / 4 - 20px); padding: 20px; } @media only screen and (min-width:751px),print{ .box04.type_20 li:nth-child(2){ margin: 0 20px; } .box04.type_20 li:nth-child(3){ margin-right: 20px; } } /* table　テーブル ----------------------------------------------------------------------------------------------*/ .tblDef{width:100%} .tblDef thead{background:#f2f2f2;border-bottom:2px solid #ddd} .tblDef thead th:not(:last-child){border-right:1px solid #000} .tblDef tbody tr{border-bottom:1px solid #ddd} .tblDef td,.tblDef th{box-sizing:border-box;vertical-align:middle;padding:20px 10px;border:solid 1px;} .tblType01{width:100%;border:1px solid #ddd} .tblType01 thead{background:#f2f2f2;border-bottom:2px solid #ddd} .tblType01 thead th{text-align:center;font-weight:bold} .tblType01 td,.tblType01 th{box-sizing:border-box;vertical-align:middle;padding:16px 10px;border:1px solid #ddd} .actionDelete{display:inline-block;width:48px;height:48px;background:url(../../assets/img/parts/ico_trash.png) no-repeat center center;background-size:100% 100%;transition:all 0.1s ease-in-out} .actionDelete .lbl{display:none} .actionDelete.hover{opacity:.8} @media only screen and (min-width:751px),print{ .TB_01{width: 90%;margin-left: auto;} } .TB_01{border: 2px solid #333;} .TB_01 thead{background: #fef9e6; border-bottom: 1px solid #333;} .TB_01 thead tr th{font-size: 22px;font-size: 2.2rem;font-weight: 500;} .TB_01 thead th:not(:last-child){border-right: 1px solid #333;} .TB_01 tbody tr:not(:last-child){border-bottom: 1px solid #333;} .TB_01 tr th:not(:last-child), .TB_01 tr td:not(:last-child){border-right: 1px solid #333;} .TB_01 tr th{background: #fef9e6;font-weight: 400;font-size: 20px;font-size: 2.0rem;} .TB_01 tr td{background:#fff;font-size: 18px;font-size: 1.8rem;} .TB_01 tr td span{font-size: 14px;font-size: 1.4rem;} /* img_hover ----------------------------------------------------------------------------------------------*/ .hoverIMG:hover figure img{ -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } .hoverIMG figure img{ width:100%; -moz-transition: -moz-transform 0.5s linear; -webkit-transition: -webkit-transform 0.5s linear; -o-transition: -o-transform 0.5s linear; -ms-transition: -ms-transform 0.5s linear; transition: transform 0.5s linear; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); } .hoverIMG:hover { opacity: 0.9; } /* form フォーム ----------------------------------------------------------------------------------------------*/ .formTbl{margin-bottom:20px;border:1px solid #ccc;background:#fff;border-radius:4px} .formTbl .formTblTr:not(:last-child){border-bottom:1px solid #ccc} .formTbl .formTblRow{display:block;position:relative;*zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-left:-10px;margin-right:-10px} .formTbl .formTblRow:after{content:".";display:block;clear:both;height:0;visibility:hidden} .formTbl .formTblRow .formTblTd,.formTbl .formTblRow .formTblTh{display:block;position:relative;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;padding-left:30px;padding-right:30px} .formTbl .formTblTd,.formTbl .formTblTh{word-wrap:break-word;overflow-wrap:break-word} @media only screen and (min-width:751px),print{.formTbl .formTblTd,.formTbl .formTblTh{line-height:1.93;padding-top:16px;padding-bottom:16px} } .formTbl .formTblTh{font-size:16px;font-size:1.6rem;font-weight:bold} @media only screen and (min-width:751px),print{.formTbl .formTblTh{width:33.33333%} } @media only screen and (max-width:750px),print{.formTbl .formTblTh{width:100%;padding-top:1em;padding-bottom:.5em} } .formTbl .formTblTh .requiredIco{position:absolute;right:0;top:3px} .formTbl .formTblTd{font-size:14px;font-size:1.4rem} @media only screen and (min-width:751px),print{.formTbl .formTblTd{width:66.66667%} } @media only screen and (max-width:750px),print{.formTbl .formTblTd{width:100%;padding-bottom:1em} } .formTbl .formTblTd input.def{width:100%} .formTbl .formTblTd dt{font-weight:bold} .formTbl .formTblLbl{position:relative;display:block;padding-right:38px} .iptTel{display:block;position:relative;*zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-left:-20px;margin-right:-20px} .iptTel:after{content:".";display:block;clear:both;height:0;visibility:hidden} .iptTel>*{display:block;position:relative;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;width:33.33333%;padding-left:20px;padding-right:20px} .iptTel>:not(:last-child):after{content:' ';display:block;width:10px;height:2px;background:#080404;position:absolute;font-size:14px;font-size:1.4rem;line-height:0;top:50%;right:-5px} .iptBirth{display:block;position:relative;*zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-left:-20px;margin-right:-20px} .iptBirth:after{content:".";display:block;clear:both;height:0;visibility:hidden} .iptBirth>*{display:block;position:relative;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;width:31.33333%;padding-left:20px;padding-right:20px} .iptBirth>:after{content:' ';display:block;background:#080404;position:absolute;font-size:14px;font-size:1.4rem;line-height:0;top:50%;right:-5px} .iptBirth>:first-child:after{content:'年'} .iptBirth>:nth-child(2):after{content:'月'} .iptBirth>:nth-child(3):after{content:'日'} .iptDateSpan{display:block;position:relative;*zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-left:-30px;margin-right:-30px} .iptDateSpan:after{content:".";display:block;clear:both;height:0;visibility:hidden} .iptDateSpan>*{display:block;position:relative;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;width:48%;padding-left:30px;padding-right:30px} .iptDateSpan>:not(:last-child):after{content:'〜';display:block;background:#080404;position:absolute;font-size:14px;font-size:1.4rem;line-height:0;top:50%;right:-5px} @media only screen and (max-width:750px),print{.iptDateSpan>*{width:90%} } .iptDateSpan>*>*{display:block;position:relative;*zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-left:-20px;margin-right:-20px} .iptDateSpan>*>:after{content:".";display:block;clear:both;height:0;visibility:hidden} .iptDateSpan>*>*>*{display:block;position:relative;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;width:48%;padding-left:20px;padding-right:20px} .iptDateSpan>*>*>:after{content:'〜';display:block;background:#080404;position:absolute;font-size:14px;font-size:1.4rem;line-height:0;top:50%;right:-5px} .iptDateSpan>*>*>:first-child:after{content:'年'} .iptDateSpan>*>*>:nth-child(2):after{content:'月'} .requiredIco{display:inline-block;line-height:1;background:#b40000;color:#fff} @media only screen and (min-width:751px),print{.requiredIco{font-size:12px;font-size:1.2rem;padding:6px} } @media only screen and (max-width:750px),print{.requiredIco{font-size:12px;font-size:1.2rem;padding:6px} } @media only screen and (min-width:751px),print{.agreeArea{margin-top:40px} } @media only screen and (max-width:750px),print{.agreeArea{margin-top:20px} } .agreeArea a{text-decoration:underline} .agreeArea a.hover{text-decoration:none} .formButtons{text-align:center} @media only screen and (min-width:751px),print{.formButtons{margin-top:60px} } @media only screen and (max-width:750px),print{.formButtons{margin-top:40px} } @media only screen and (min-width:751px),print{.formButtons>*{display:inline;} .formButtons>:not(:last-child){margin-right:20px} } @media only screen and (max-width:750px),print{.formButtons>*{display:block;margin-bottom:20px} .formButtons>* a,.formButtons>* button,.formButtons>* input[type=button],.formButtons>* input[type=reset],.formButtons>* input[type=submit]{display:block;width:100%} } @media only screen and (min-width:751px),print{ .formButtons li{width: 30%;display: inline-block;} } .formThanks{border:1px solid #ccc;background:#fff;border-radius:4px;padding:60px 20px;text-align:center} .formThanks p{line-height:2} .formThanks p span{ font-weight: bold; color: #cc0000; font-size: 24px; } .formThanksBtnarea{text-align:center} .formThanksBtnarea a{color: #000;} @media only screen and (min-width:751px),print{.formThanksBtnarea{margin-top:40px} } @media only screen and (max-width:750px),print{.formThanksBtnarea{margin-top:20px} } .formErrorBox{background:#ffb6c1;color:#005aab;border:1px solid #e5e6e7;border-radius:4px;margin-top:20px;margin-bottom:20px;padding:20px} .textBlock{} .textBlock h2{ font-size: 18px; margin-bottom: 20px; padding: 10px 10px 10px 15px; font-weight: 700; background: #efefef; border-radius: 5px; } @media only screen and (min-width:751px),print{.textBlock dd,.textBlock dt,.textBlock li,.textBlock p{font-size:16px;font-size:1.6rem;line-height:1.6;margin-bottom:0.6em;margin-left: 1em;margin-right: 1em;} } @media only screen and (max-width:750px),print{.textBlock dd,.textBlock dt,.textBlock li,.textBlock p{font-size:16px;font-size:1.6rem;line-height:1.6;margin-bottom:1.5em;margin-left: 1em;margin-right: 1em;} } @media only screen and (min-width:751px),print{.textBlock dl,.textBlock ol,.textBlock ul{margin-bottom:2em} } @media only screen and (max-width:750px),print{.textBlock dl,.textBlock ol,.textBlock ul{margin-bottom:1.5em} } .textBlock table{margin-bottom:2em} dl.dlDef dt{font-weight:bold;margin-bottom:1em} dl.dlDef dd{padding-left:2em} dl.ttlSetType01 dt{font-weight:bold} @media only screen and (min-width:751px),print{dl.ttlSetType01 dt{font-size:18px;font-size:1.8rem;line-height:1.6;margin-bottom:38px} } @media only screen and (max-width:750px),print{dl.ttlSetType01 dt{font-size:18px;font-size:1.8rem;line-height:1.6;margin-bottom:30px} } @media only screen and (min-width:751px),print{.ctsArticle .btnarea{margin-top:60px} } @media only screen and (max-width:750px),print{.ctsArticle .btnarea{margin-top:30px} } .tileItems{display:block;position:relative;*zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin-left:-1px} .tileItems:after{content:".";display:block;clear:both;height:0;visibility:hidden} .tileItem{display:block;position:relative;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;padding-left:1px;margin-bottom:1px} @media only screen and (min-width:751px),print{.tileItem{width:50%} .tileItem:nth-child(odd){clear:both;float:left} } @media only screen and (max-width:750px),print{.tileItem{width:100%;height:auto!important} } .tileItem .paperBlock{height:100%} .paperBlock{background:#fff} .paperBlockTtl{box-sizing:border-box;border-left:8px solid #cc0000;color:#cc0000} @media only screen and (min-width:751px),print{.paperBlockTtl{min-height:78px;line-height:78px;font-size:20px;font-size:2rem;padding:0 20px} } @media only screen and (max-width:750px),print{.paperBlockTtl{font-size:16px;font-size:1.6rem;padding:0 16px} } .paperBlockTtl .paperBlockTtlTxt{display:inline-block;vertical-align:middle;line-height:1.4} @media only screen and (min-width:751px),print{.paperBlockTtl .paperBlockTtlTxt{padding:10px 0} } @media only screen and (max-width:750px),print{.paperBlockTtl .paperBlockTtlTxt{padding:1em 0} } @media only screen and (min-width:751px),print{.paperBlockCts{padding:0 30px 20px} } @media only screen and (max-width:750px),print{.paperBlockCts{padding:0 20px 20px} } .formInfo{padding: 20px;} @media only screen and (min-width:751px),print{ .formInfo{margin: 0 auto;} } .formInfo .cont02{width: 100%;} .formInfo .txtlist{padding:20px;} /* サイトマップ ----------------------------------------------------------------------------------------------*/ @media only screen and (min-width:751px),print{ .sitemapWrap{margin-bottom:60px; width: calc(100% / 3 - 3px);display: inline-block;vertical-align: top;} } @media only screen and (max-width:750px),print{ .sitemapWrap{margin-bottom:40px;} } ul.sitemap{display:block;position:relative;*zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} ul.sitemap:after{content:".";display:block;clear:both;height:0;visibility:hidden} .sitemapWrap h2 a{color: #000;} .sitemap_logo{border-bottom: 4px solid #ccc;} .sitemap_logo{border-bottom: 4px solid #ccc; padding-bottom: 20px;} ul.sitemap>li{display:block;position:relative;min-height:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left} @media only screen and (min-width:751px),print{ul.sitemap>li{width:100%} } @media only screen and (max-width:750px),print{ul.sitemap>li{width:100%} } ul.sitemap>li>ul>li{position: relative;margin-bottom: 0.5em;margin-right: 3em;text-indent: -1em;padding-left: 1em;font-size: 14px;} ul.sitemap>li>a:before{content:' ';display:inline-block;vertical-align:middle;width:8px;height:8px;border-top:2px solid #00a78e;border-right:2px solid #00a78e;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-right:8px;margin-top:-2px} ul.sitemap>li>ul>li>a{padding-left: 1em;} ul.sitemap>li>ul>li>a:before{position: absolute;display: block;color: #00a78e;content: '・';top: 0px;border: none;} ul.sitemap>li>ul>li>ul>li>a:before{content:' ';display:inline-block;vertical-align:middle;width:0;height:0;border-left:4px solid #00a78e;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:none;width:0;height:0;margin-right:.5em;margin-top:-2px} @media only screen and (min-width:751px),print{ul.sitemap li{margin-bottom:1em} } ul.sitemap li a{color: #000;} ul.sitemap>li>ul{margin-top: 0.3em;} ul.sitemap ul{padding-left:1em;margin-bottom:1em} @media only screen and (min-width:751px),print{ul.sitemap a.hover{text-decoration:underline} } @media only screen and (max-width:750px),print{ul.sitemap a{display:block;padding:10px 0} ul.sitemap ul{border-top:1px dotted #ccc} /*ul.sitemap li:not(:last-child){border-bottom:1px dotted #ccc}*/ } /* footer ----------------------------------------------------------------------------------------------*/ .footer{position:relative;background: #32423f;} .fSiteNav{position:relative;overflow:hidden;} .ft_menu_link a{color: #fff;} .ft_menu_link a:hover{text-decoration: underline;} @media only screen and (min-width:751px),print{.fSiteNav{padding:58px 0}} @media only screen and (max-width:750px),print{.fSiteNav .container{padding-left:0;padding-right:0} } .fSiteNavWrap p{ display: block; color: #fff; line-height: 1.4; text-align: left; margin-bottom: 1em; font-size: 16px; font-size: 1.6rem; font-weight: bold; } @media only screen and (max-width:750px),print{ .fSiteNavWrap p{ margin-left: 1em; margin-bottom: 0; margin-top: 20px; } } .fSiteNav .fSiteNavItems .fSiteNavItem{position:relative;color:#000} @media only screen and (min-width:751px),print{ .fSiteNav .fSiteNavItems{ width: calc(100% / 4 - 24px); margin-right: 20px; display: inline-block; vertical-align: top; } .fSiteNav .fSiteNavItems .fSiteNavItem{ font-size: 12.5px; font-size: 1.25rem; line-height: 1.3; margin-bottom: 1em; list-style: disc; color: #fff; margin-left: 2em; } } @media only screen and (max-width:750px),print{.fSiteNav .fSiteNavItems .fSiteNavItem{font-size:12px;font-size:1.2rem;line-height:1.4;border-bottom:1px solid #3d3d3d} } .fSiteNav .fSiteNavItems .fSiteNavItem a{position:relative;color:#fff;text-decoration:none;transition:all 0.1s ease-in-out} @media only screen and (min-width:751px),print{.fSiteNav .fSiteNavItems .fSiteNavItem a{display:inline-block} .fSiteNav .fSiteNavItems .fSiteNavItem a.hover{text-decoration:underline} } @media only screen and (max-width:750px),print{.fSiteNav .fSiteNavItems .fSiteNavItem a{display:block;padding-left:20px;padding:1.5em 1em 1.5em 30px} .fSiteNav .fSiteNavItems .fSiteNavItem a.hover{background:rgba(255, 255, 255, 0.1)} } /*.fSiteNav .fSiteNavItems .fSiteNavItem a:before{content:" ";font-size:0;line-height:0;overflow:hidden;box-sizing:border-box;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)} */ @media only screen and (min-width:751px),print{.fSiteNav .fSiteNavItems .fSiteNavItem a:before{display:inline-block;margin-right:8px;margin-bottom:2px} } @media only screen and (max-width:750px),print{.fSiteNav .fSiteNavItems .fSiteNavItem a:before{position:absolute;left:10px;top:50%;margin-top:-2px} } .fSiteNav .pmarkSet{box-sizing:border-box;display:table;width:100%;color:#fff} .fSiteNav .pmarkSet>*{display:table-cell;vertical-align:middle} .fSiteNav .pmarkSet dt{width:27.30375%} .fSiteNav .pmarkSet dd{font-size:12px;font-size:1.2rem;line-height:1.5} @media only screen and (min-width:751px),print{.fSiteNav .pmarkSet dd{padding-left:16px} } @media only screen and (max-width:750px),print{.fSiteNav .pmarkSet{padding:16px} } .topCorpNav{position:relative;overflow:hidden;} .bottomCorpNav{position:relative;overflow:hidden;margin: 0 auto;max-width: 1200px;} @media only screen and (min-width:751px),print{.topCorpNav{text-align:center;} } .fCorpNav{position:relative;overflow:hidden;background:#00a78e} @media only screen and (min-width:751px),print{.fCorpNav{text-align:center;padding:15px 0 5px} } @media only screen and (max-width:750px),print{.fCorpNav .container{padding-left:0;padding-right:0} } @media only screen and (min-width:751px),print{.fCorpNavWrap{float: left;} @media only screen and (min-width:751px),print{.fCorpNav .fCorpNavItems{text-align:left} } .fCorpNav .fCorpNavItems .fCorpNavItem{position:relative; color: #fff;} @media only screen and (min-width:751px),print{.fCorpNav .fCorpNavItems .fCorpNavItem{display:inline-block;font-size:12px;font-size:1.2rem;line-height:1.4;margin-left:1em;margin-right:1em;margin-bottom:1em} .fCorpNav .fCorpNavItems .fCorpNavItem:first-child{margin-left:0} .fCorpNav .fCorpNavItems .fCorpNavItem:last-child{margin-right:0} } @media only screen and (max-width:750px),print{.fCorpNav .fCorpNavItems .fCorpNavItem{font-size:12px;font-size:1.2rem;line-height:1.4;border-bottom:1px solid #3d3d3d} } .fCorpNav .fCorpNavItems .fCorpNavItem a{color:#fff;text-decoration:none;transition:all 0.1s ease-in-out} @media only screen and (min-width:751px),print{.fCorpNav .fCorpNavItems .fCorpNavItem a{display:inline-block} .fCorpNav .fCorpNavItems .fCorpNavItem a.hover{text-decoration:underline} } @media only screen and (max-width:750px),print{.fCorpNav .fCorpNavItems .fCorpNavItem a{display:block;padding-left:20px;padding:1.5em 1em 1.5em 30px} .fCorpNav .fCorpNavItems .fCorpNavItem a.hover{background:rgba(255, 255, 255, 0.05)} .fCorpNav .fCorpNavItems .fCorpNavItem a:before{content:" ";font-size:0;line-height:0;overflow:hidden;box-sizing:border-box;width:5px;height:5px;border-top:1px solid #fff;border-right:1px solid #fff;-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:10px;top:50%;margin-top:-2px} } @media only screen and (max-width:750px),print{ .fCorpNav .fCorpNavItems .fCorpNavItem:last-child{ text-align: center; padding: 10px 0; } } .fCorpNav .copyright{font-size:11px;font-size:1.1rem;line-height:1.4;color:#fff;text-align:center} @media only screen and (min-width:751px),print{.fCorpNav .copyright{float: right;} } @media only screen and (max-width:750px),print{.fCorpNav .copyright{padding:24px 10px; color#fff;} } .fCorpNav:before{content:" ";display:block;width:36.57143%;height:0;padding-bottom:11.21429%;background:url(../img/parts/bg_parts_white_bottom.svg) no-repeat left top;background-size:100% 100%;position:absolute;left:6.42857%;top:0;opacity:.05} .topCorpNav:before{content:" ";display:block;width:36.57143%;height:0;padding-bottom:11.21429%;background:url(/images/bg_parts_gray_top.png) no-repeat left top;background-size:75% 90%;opacity:0.5} .bottomCorpNav:before{content:" ";display:block;width:20%;height:0;padding-bottom:11.21429%;background:url(/images/bg_parts_red_bottom.png) no-repeat left top;background-size:50% 80%;opacity:1;position:absolute;left:0;top:-20px;} @media only screen and (max-width:750px),print{ .bottomCorpNav:before{background-image: none;} } } /*--CASA-20 CTA追加 20191113--*/ .entryBtn022{ text-align: center; margin-top: 15px; padding: 16px 20px; display: inline-block; vertical-align: bottom; box-sizing: border-box; position: relative; background: #ffffff; color: #00a78e !important; border-radius: 4px; text-decoration: none; transition: all 0.2s ease-in-out; font-size: 16px; font-size: 1.6rem; } .entryBtn022.addArrow{padding-left: 3em;} .entryBtn022{background: #fff;border: 1px solid #00a78e;color: #00a78e !important} .entryBtn022:hover{background: #00a78e;border: 1px solid #00a78e;color: #fff !important;} .entryBtn022:hover:before{border-top: 2px solid #fff;border-right: 2px solid #fff;} .entryBtn022:before{ content: " "; display: block; width: 14px; height: 14px; box-sizing: border-box; border-top: 2px solid #00a78e; border-right: 2px solid #00a78e; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.1s ease-in-out; position: absolute; left: 16px; top: 50%; margin-top: -7px; } .blog_servicebox{ /* position: relative;*/ /*display:inline-block;*/ border: solid 2px #696969; margin-top: 40px; } .blog_servicebox_inner{ /* position: absolute; top: 0; left: 0;*/ /* max-width: 100%; max-height: 100%;*/ /* padding: 30px;*/ text-align: left; display:inline-block; width: 49%; } .blog_servicebox_inner_text_service01{ padding-left:30px; } .blog_servicebox_inner_text_service02{ padding-left:30px; } .blog_servicebox_inner_text_service03{ padding-left:30px; } .blog_servicebox_btn{ margin: 0 auto; text-align: center; } .blog_servicebox_btn a{ margin-bottom: 15px; } .blog_servicebox_inner img{ width: 100%; display:inline-block; } .bsbfntb{ font-size: 25px; font-size: 2.5rem; font-weight: bold; } .textBlock_tel{ padding: 30px 0 15px; } .textBlock_tel p{ font-size:16px; font-size:1.6rem; line-height:1.6; margin-bottom: 0em; } .fcr{ color: #f00; } @media only screen and (max-width:750px),print{ .blog_servicebox_inner{ padding: 0px; display: block; width: 100%; } .blog_servicebox_inner_text_service01{ padding: 10px 30px 0; } .blog_servicebox_inner_text_service02{ padding: 10px 30px 0; } .blog_servicebox_inner_text_service03{ padding: 10px 30px 0; } .blog_servicebox_btn a{ margin-bottom:10px; } .bsbfntb{ font-size: 18px; font-size: 1.8rem; font-weight: bold; } } /*--CASA-25 スマホ表示崩れ 20191115--*/ @media (min-width: 751px){ .sp-only{ display:none !important; } } @media (max-width: 750px){ .pc-only{ display:none !important; } } @media only screen and (max-width:750px),print{ .serviceMv01{ background-image: url(../img/service/blog_servicebox01.png); /* background-repeat: no-repeat; background-position: center center; background-size: cover;*/ height: 200px; } .serviceMv02{ background-image: url(../img/service/blog_servicebox02.png); /* background-repeat: no-repeat; background-position: center center; background-size: cover;*/ height: 200px; } .serviceMv03{ background-image: url(../img/service/blog_servicebox03.png); /* background-repeat: no-repeat; background-position: center center; background-size: cover;*/ height: 200px; } .subMv.serviceMv .TtlContainer_serviceMv01{ width: 100%; padding: 180px 0px 40px 0px; } .subMv.serviceMv .TtlContainer_serviceMv02{ width: 100%; padding: 180px 0px 40px 0px; } .subMv.serviceMv .TtlContainer_serviceMv03{ width: 100%; padding: 180px 0px 40px 0px; } .subMv.serviceMv .mainbtnbox a{ display: inline-block; width: 100%; } .MvUnderBox_serviceMv01{ background-color: #fdfcaf; padding: 20px; } .MvUnderBox_serviceMv02{ background-color: #cefffd; padding: 20px; } .MvUnderBox_serviceMv03{ background-color: #e5ffad; padding: 20px; } .subMv .pageMvTtl_serviceMv02{ font-size: 24px; font-size: 2.4rem; } .subMv .pageMvTtl_serviceMv03{ font-size: 24px; font-size: 2.4rem; } .fwn_pc-only{ font-size: 20px; font-size: 2.0rem; font-weight: normal; } .sv_point li .txt_service03{ margin-left: 10px; font-size: 18px; font-size: 1.8rem; line-height: 1.4; font-weight: 500; width: 180px; } .fCorpNav a,.fCorpNav a:link{ cursor:pointer; text-decoration:none; color:#ffffff; -webkit-transition:opacity 0.1s ease-out 0s 0.2s ease-in-out; -moz-transition:opacity 0.1s ease-out 0s 0.2s ease-in-out; -ms-transition:opacity 0.1s ease-out 0s 0.2s ease-in-out; -o-transition:opacity 0.1s ease-out 0s 0.2s ease-in-out; transition:opacity 0.1s ease-out 0s 0.2s ease-in-out; outline:none } .box02{} .box02 li{ display: inline-block; margin: 0px 0px 3px; vertical-align: top; width: calc(100% / 2 - 3px); width:100%; } .sv_arrowBox_service02{} .sv_arrowBox_service02 .cont01{width: 100%;} .sv_arrowBox_service02 .cont01::after { content: ""; top: 120%; left: 50%; border-style: solid; border-color: transparent; border-width: 22px 22px; width: 0; height: 0; z-index: 1; } .sv_arrowBox_service02 .cont01.sv_arrow01::after{border-top-color: #a9d9d2;} .sv_arrowBox_service02 .cont01.sv_arrow02::after{border-top-color: #49cbb8;} .sv_arrowBox_service02 .cont01.sv_arrow03::after{border-top-color: #00a78e;} .sv_arrowBox_service02 .cont01, .sv_arrowBox_service02 .cont02{display: block;vertical-align: middle;} .sv_arrowBox_service02 .cont02{width: 100%;text-align: center;} .sv_arrowBox_service02 .cont01 p{ font-size: 18px; font-size: 1.8rem; text-align: center; margin-bottom: 40px; } .sv_trouble_service01 li{ padding: 10px 15px; /* margin: 20px !important;*/ } .sv_trouble_service01 .title{ position: relative; padding: 0 0 .2em; border-bottom: 1px solid #ccc; font-size: 28px; font-size: 2.8rem;padding-left:1.4em; padding-left: 1.6em; } .sv_trouble_service01 .title:before{ /* 以下数字をつける */ position: absolute; counter-increment: number; /*以下数字のデザイン変える*/ display:inline-block; background: #00a78e; color: white; font-family: 'Avenir','Arial Black','Arial',sans-serif; font-weight:bold; font-size: 20px; border-radius: 48%; left: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; /*以下 上下中央寄せのため*/ top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sv_trouble_service01 li:first-child .title:before{content: "1";} .sv_trouble_service01 li:nth-child(2) .title:before{content: "2";} .sv_trouble_service01 li:nth-child(3) .title:before{content: "3";} .sv_trouble_service01 li:nth-child(4) .title:before{content: "4";} .sv_trouble_service01 .txt{ font-size: 18px; font-size: 1.8rem; padding: 20px 0; } .summary_txtbox_service01 p{ font-size: 18px; font-size: 1.8rem; font-weight: 600; text-align: left; width: 100%; padding: 5px; } .sv_solution2 .txt p{ font-size: 14px; font-size: 1.4rem; line-height: 1.4; } .sv_suport_service01{ width: 82%; margin: 0 auto; } .sv_suport_service01 .border_2{border-color: #00a78e;} .sv_suport_service01 .cont.lcont{width: 100%;} .sv_suport_service01 .cont.rcont{width: 100%;} .sv_suport_service01 .cont .tit{ width: 100%; padding: 10px 20px; display: table; margin: 0 auto; background: #00a78e; } .sv_suport_service01 .cont .tit p{ display: table-cell; vertical-align: middle; margin: 0 auto; color: #fff; font-size: 18px; font-size: 1.8rem; line-height: 1.2; font-weight: 500; text-align: center; } .sv_suport_service01 .cont .txt{ padding:20px 0; } .sv_suport_service01 .cont .txt img{} .sv_suport_service01 .cont .txt p{ font-size: 14px; font-size: 1.4rem; line-height: 1.4; } .sv_suport_service01 .cont .pointBox li{ background: #abe1d7; padding: 20px 20px; border-radius: 10px; } .sv_suport_service01 .cont .pointBox .txt{ font-size: 18px; font-size: 1.8rem; line-height: 1.6; } .box03_service01{ width: 100%; text-align: center; } .box03_service01 li{ width: 32%; height: auto; margin: 5px 0px; padding: 5px; display: inline-block; } .box03_service01 li .leadbox{ margin: 20px 0; text-align: center; } .box03_service01 li p{ font-size:16px; height: auto; } .blogItemBoxThumb{ /* width: 90%;*/ height: 140px; overflow: hidden; display: block; padding: 0; /* margin: 20px auto;*/ position: relative; } .blogItemBox_wp{ padding:25px; } .blogItemBoxThumb,.blogItemBoxTxts{ /* display:table-cell;*/ vertical-align:top; /* padding:20px;*/ position: relative; } .subMv .ctsContainer_wp{ padding: 60px 20px 60px; } .A_button_wpbtn { text-align: center; } .A_button_wp { /* border-radius: 4px; */ display: inline-block; padding: 10px 20px; text-align: center; text-decoration: none; transition: all 0.2s ease; color: #fff !important; background: #0088cc; border: 2px solid #0088cc; margin: 0 auto; font-size: 18px; } .A_button.button_ico_wp{font-size: 16px; font-size:1.6rem;} .A_button span{ margin-right: 10px; } .A_button_wp span img{ vertical-align: middle; } .A_button_wp:hover{ text-decoration: none; color: #fff; background: #0b76ab; border: 2px solid #0b76ab; } .A_button_wp:hover span{ color: #fff; } .topMv_sp{ background: url(../img/index/mv_sp.png) no-repeat center bottom; /*background-size: contain;*/ background-size: cover; position: relative; } .main_rbox_top_sp{ width: 120px; height: 120px; } .topMv_sp .pageMvTtl_sp{ font-size: 24px; font-size: 2.4rem; } .topMv_sp .ctsContainer{ padding: 40px 0px; } .icoWp, .icoPickup{ position: relative; padding: 22px 0px 12px 0px; } .icoWp:before{ background-size: 80%; } .icoWp:before{ position: absolute; bottom: 6px; left: 70px; display: block; width: 22px; height: 22px; content: ''; background: url(../img/parts/ico-wp.png) left top no-repeat; } .icoPickup:before{ background-size: 80%; } .icoPickup:before{ position: absolute; bottom: 6px; left: 45px; display: block; width: 22px; height: 22px; content: ''; background: url(../img/parts/ico-pickup.png) left top no-repeat; } .box03 .servicebox .titile{ font-size: 18px; font-size: 1.8rem; margin-bottom: 10px; color: #333; } .box03 .servicebox .txt p{ font-size: 14px; font-size: 1.4rem; color: #333; } .box03.work li span{ position: relative; padding-left: 1.6em; font-size: 12px; font-size: 1.2rem; } .box03.work li{ margin-bottom: 0em; position: relative; } .box03{ width: 100%; text-align: left; } .box03 li{ width: 100%; height: auto; margin: 0px 0px; padding: 0px; } .box03 li .cont .tit{ display: table; margin: -5px auto; } .box03 .blogBox .blogItemDesc { color: #080404; font-size: 14px; font-size: 1.4rem; line-height: 1.6; padding: 0px 20px 20px; } .box03 .blogBox .blogItemTtl { color: #0088cc; font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 1.6; padding: 20px 20px 10px; } .box03 li .cont h3{ display:table-cell; vertical-align: middle; color: #333; font-weight: normal; height: 58px; font-size: 14px; font-size: 1.4rem; line-height: 1.35; } .box03.type_20 li{ width: 100%; padding: 20px; margin: 0 auto 20px; } .hNavs.open{ display:block; max-height:999px; /* height: 545px;*/ padding-bottom: 0; } .hSiteNavItems .hSiteNavItem{ font-size:14px; font-size:1.4rem; font-weight:bold; line-height: 1.4; width: 100%; height: 40px; display: table; float: left;} .hSiteNavWrap > ul.hSiteNavItems > li .secondary .inner { border-top: 3px solid #00a78e; width: 264px !important; display: -webkit-flex; display: flex; position: absolute; top: 40px; left: 0; z-index: 100; box-sizing: border-box; padding: 10px; border-radius: 0 0 5px 5px / 0 0 5px 5px; background: #f8f8f8; box-shadow: 3px 3px 5px rgba(0,0,0,0.1), -3px 3px 5px rgba(0,0,0,0.1); } .hSiteNavWrap > ul.hSiteNavItems > li .secondary ul li a { display: block; box-sizing: border-box; width: 100%; padding: 5px 15px; margin: 0 auto; color: #000; font-size: 14px; font-size: 1.4rem; line-height: 1.25; text-align: left; vertical-align: middle; } .breadcrumbs{ background:#ccc; margin-top: 30px; } .wpdetailBox .cont{ width: 46%; display: inline-block; vertical-align: top; margin-left: 10px; } .wpdetailBox .cont_sp{ width: 100%; display: block; vertical-align: top; } .wpdetailBox .cont .lead{ font-size: 14px; font-size: 1.4rem; line-height: 1.4; margin-bottom: 1em; } .secLead p{ font-size: 14px; font-size: 1.4rem; line-height: 1.4; } .subMv .ctsContainer{ padding: 0 20px 0; } .ctsArticle{ padding:20px 0; } .ctsArticle_top{ padding:20px 0 10px; } .ctsArticle_top2{ padding:20px 0 0; } .blogItemTtl{ font-size: 18px; font-size: 1.8rem; font-weight: normal; line-height: 1.3; margin-bottom: 10px; color: #0088cc; } .moreread span{ font-size: 14px; font-size: 1.4rem; padding-left: 2em; position: relative; } .fSiteNav .fSiteNavItems .fSiteNavItem{ font-size:12px; font-size:1.2rem; line-height:0; border-bottom:1px solid #3d3d3d; height: 30px } .btnarea_sp{ margin: 0 auto; text-align: center; } .boxBtn_wh_sp, .boxBtn_bl_sp{ display: inline-block; vertical-align: bottom; box-sizing: border-box; position: relative; display: inline-block; vertical-align: bottom; min-width: 350px; font-size: 18px; font-size: 1.8rem; color: #fff !important; text-decoration: none; background: transparent; transition: all 0.2s ease-in-out; border-radius: 4px; background: #00a78e; border: 2px solid #00a78e; } .boxBtn_wh_sp, .boxBtn_bl_sp{ min-width: auto; width: 100%; padding: 28px 5px; } .secTtlType05{ font-size:18px !important; font-size:1.8rem !important; margin-bottom:20px; } .sp_leadbox .title{ font-size: 18px; font-size: 1.8rem; font-weight: bold; margin-bottom: 10px; } .sp_leadbox .txt{ font-size: 14px; font-size: 1.4rem; line-height: 1.8; margin-bottom: 20px; } .sv_suport .cont .tit p{ display: table-cell; vertical-align: middle; margin: 0 auto; color: #fff; font-size: 18px; font-size: 1.8rem; line-height: 1.2; font-weight: 500; text-align: center; } .sv_suport .cont .txt{ padding:10px 10px; } .sv_suport .cont .pointBox .txt{ font-size: 14px; font-size: 1.4rem; line-height: 1.6; } .secTtlType03{ font-size:12px; font-size:1.2rem; margin-bottom:1em; } .secTtlType032{ font-size:16px; font-size:1.6rem; margin-bottom:1em; font-weight: bold; } .sv_trouble .title{ position: relative; padding: 0 0 .2em; border-bottom: 1px solid #ccc; font-size: 18px; font-size: 1.8rem; padding-left:1.4em; padding-left: 2.6em; } .sv_trouble .txt{ font-size: 14px; font-size: 1.4rem; padding: 10px; } .box03.sv_merit li .tit p{ display: table-cell; vertical-align: middle; margin: 0 auto; color: #fff; font-size: 18px; font-size: 1.8rem; line-height: 1.2; font-weight: 500; text-align: center; } .box03.sv_merit li .txt{ padding:20px 30px; background: #fff; } .box03.sv_merit li .txt p{ font-size: 14px; font-size: 1.4rem; line-height: 1.4; } .sv_point{ padding: 20px 10px; margin: 0 auto; } .summary_txt{ font-size: 18px; font-size: 1.8rem; } .sv_infoContent .box .title{ font-size: 18px; font-size: 1.8rem; } .sv_infoContent .box .title span{ font-size: 18px; font-size: 1.8rem; } .sv_infoContent .box .txt{ font-size: 1px; font-size: 1.4rem; } .sv_infoContent .box .txt span{ font-size: 14px; font-size: 1.4rem; } .sv_infoContent .box .txt em{ font-size: 18px; font-size: 1.8rem; font-weight: 800; color: #00a78e; } .sv_infoContent .box .txt em span{ font-size: 18px; font-size: 1.8rem; font-weight: 500; } .TB_01 thead tr th{ font-size: 14px; font-size: 1.4rem; font-weight: 700; } .TB_01 tr th{ background: #fef9e6; font-weight: 400; font-size: 14px; font-size: 1.4rem; } .TB_01 tr td{ background:#fff; font-size: 14px; font-size: 1.4rem; } .wp .blogItemDesc{ font-size: 14px; font-size: 1.4rem; } .buttonB02{ border-radius: 4px; display: inline-block; text-align: center; text-decoration: none; transition: all 0.2s ease; font-size: 18px; height: 60px; line-height: 60px; border: 2px solid #fff; } .pageHead .pageTtlTxt span.jp{ font-size: 24px; font-size: 2.4rem; } .blog .blogItemBox{ display:table; width:100%; padding: 0 20px 20px 20px; border-bottom: 2px #e0e0e0 solid; margin: 20px 0; } .blog_index .blog_index_tit{ font-size: 18px; padding: 5px 0px 5px 25px; color: #fff; margin: 0 auto; background: #4983c0; } .blog_index .blog_index_List{ padding: 10px 10px; } .blog_detail_tit{ font-size: 18px; font-size: 1.8rem; } .B_leadtxt, .blog_detail_Content p{ font-size: 14px; font-size: 1.4rem; line-height: 1.6; word-break:break-all; } .blog_index .blog_index_List .bs_tit h2, .blog_index .blog_index_List .bs_tit h3{ font-size: 14px; font-size: 1.4rem; color: #099ee3; line-height: 1.8em; text-indent: -1em; font-weight: normal; } .blog_detail_Content .bd_tit{ font-size: 18px; font-weight: bold; margin: 35px 0 20px; border-bottom: 1px solid #cccccc; } .pr_box .pr_box_tit{ font-size: 18px; background: #ffab10; padding: 10px 20px; color: #fff; text-align: center; margin-bottom: 30px; } .pr_box .pr_txt .pr_title{ color: #0088cc; font-size: 18px; font-weight: bold; margin-bottom: 15px; text-align: left; } .textBlock_tel{ padding: 20px 0 10px; } .textBlock_tel p{ font-size:14px; font-size:1.4rem; line-height:1.6; margin-bottom: 0em; } .textBlock_permission p{ font-size:14px; font-size:1.4rem; line-height:1.6; margin-bottom:1.5em; margin-left: 1em; margin-right: 1em; } .list_check li{ position: relative; padding-left: 1.5em; font-size: 16px; font-size: 1.6rem; } .colmWrap .main{ margin-bottom:0px; float: none; } .btnListA01 li:nth-child(2){ margin-left: 0px; } .inlineWrap{width:100%} } .iptList>*{ margin-top:8px; margin-bottom:8px } input[type=checkbox].def+label{ cursor:pointer; position:relative; display:inline-block; padding-left:32px; font-size:16px; font-size:1.6rem; line-height:1.6; color:#080404; padding-bottom: 10px; } /*input[type=checkbox].def+label:before{ display:block; vertical-align:middle; content:''; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border:1px solid #ddd; border-radius:2px; background:#fff; position:absolute; top:2px; left:0; width:22px; height:22px } input[type=checkbox].def:checked+label:after{ display:block; content:''; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; width:8px; height:15px; border-bottom:2px solid #fff; border-right:2px solid #fff; -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:3px;left:7px }*/ } /*--セミナーページ作成 20200120--*/ { } .seminar ul li { list-style-type: square; font-size: 24px; font-size: 2.4rem; list-style-position: inside; padding-left: 30%; } .seminar_kouennsya{ width: 40%; display: inline-block; text-align: center; } .seminar_kouennsya img{ height: 370px; } .seminar_profile{ width: 59%; display: inline-block; } .seminar_profile span{ font-weight: bold; font-size: 24px; font-size: 2.4rem; } .seminar .seminar_profile p{ font-size: 18px } .pb40 { padding-bottom: 40px; } .pb10 { padding-bottom: 10px; } table.tbl01 { border-collapse: collapse; border-top: 1px dotted #1e1e1e; empty-cells: show; margin: 0 0 30px; table-layout: fixed; width: 100%; font-size: 14px; line-height: 1.5em; } .seminar h2 { font-weight: bold; } .seminar p { font-size: 24px; font-size: 2.4rem; } table.tbl01 th { background: none repeat scroll 0 0 #1e1e1e; border-right: 1px solid #1e1e1e; font-weight: normal; width: 12em; text-align: center; color: #fff; border-bottom: 1px dotted #fff !important; } table.tbl01 th, table.tbl01 td { border-bottom: 1px dotted #1e1e1e; padding: 1em 1.5em; font-size: 24px; font-size: 2.4rem; line-height: 1.8em; vertical-align: middle; } .seminar .gentei{ color: red; text-decoration: underline; font-size: 40px; } .seminarMv { background-image: url(../img/seminar/seminar_mv03.png); background-repeat: no-repeat; background-position: center center; background-size: cover; height: auto; } .seminar .honbun { text-align: left; width: 80%; } .thanks_otoiawase{ width: 50%; text-align: center; background-color: #ececec; margin:30px auto 0; padding:10px; } .w30{ width: 30%; } .w70{ width: 70%; } .fntsz30{ font-size: 30px; } .fntsz18{ font-size: 18px; } .offer_design { padding: 10%; background: #ffa500; border-radius: 40px; color: #ffffff; width: 100%; text-align: center; font-size: 20px !important; font-weight: bold; float: right; } .mb10 { margin-bottom: 10px; } .mb20 { margin-bottom: 20px; } .seminarMv h1 { font-size: 50px; font-size: 5rem; font-weight: bold; color: #fff; } .seminarMv p { font-size: 30px; font-size: 3rem; font-weight: bold; color: #fff; } .seminarMv .catch span { font-size: 25px; font-size: 2.5rem; } .seminarMv_ttl { width: 1024px; margin:0 auto; padding:60px 0; } .seminarMv_ttl_l { display: inline-block; vertical-align: middle; } /*.seminarMv_ttl_r { width: 25%; display: inline-block; }*/ .seminarMv_ttl_day { color: #000 !important; font-size: 40px !important; } .fuchidori { -webkit-text-stroke: 1px #000; text-stroke: 1px #000; font-size: 40px !important; } .pb20 { padding-bottom: 20px; } .pb30 { padding-bottom: 30px; } .pb60 { padding-bottom: 60px; } .pa_offer{ width: 10%; height: 23%; position:absolute; top: 8%; right: 8%; } .border_tate { border-right:1px dotted #1e1e1e; } .seminar_btn{ padding: 30px; width: 500px !important; font-size: 30px } .guidebook ul li { position: relative; font-size: 24px; font-size: 2.4rem; list-style-position: inside; padding-left: 34%; } .guidebook ul li:before { content: ""; position: absolute; top: .1em; left: 31%; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); width: 15px; height: 25px; border-right: 5px solid #000; border-bottom: 5px solid #000; } .guidebook_kouennsya{ width: 40%; display: inline-block; text-align: center; } .guidebook_kouennsya img{ height: 370px; } .guidebook_profile{ width: 59%; display: inline-block; } .guidebook_profile span{ font-weight: bold; font-size: 24px; font-size: 2.4rem; } .guidebook .guidebook_profile p{ font-size: 18px } .guidebook h2 { font-weight: bold; font-size: 30px; } .guidebook p { font-size: 24px; font-size: 2.4rem; } .guidebook .gentei{ color: red; text-decoration: underline; font-size: 40px; } .guidebookMv { background-image: url(../img/civil_low_revision_guidebook/civil_low_revision_guidebook_mv04.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; /*height: auto;*/ padding-top: 20%; } .guidebook .honbun { text-align: left; width: 80%; } .guidebookMv h1 { font-size: 60px; font-size: 6rem; font-weight: bold; color: #fff; } .guidebookMv p { font-size: 30px; font-size: 3rem; font-weight: bold; color: #fff; } .guidebookMv .catch span { font-size: 25px; font-size: 2.5rem; } .guidebookMv_ttl { width: 1024px; margin:0 auto; padding: 70px 0 40px; } .guidebookMv_ttl_l { display: inline-block; vertical-align: middle; } .guidebookMv_ttl_day { color: #000 !important; font-size: 40px !important; } .guidebook_btn{ padding: 30px; width: 500px !important; font-size: 30px } .pa_shiryo{ width: 15%; height: auto; position:absolute; top: 13%; left: 6%; } .buttonA03{ border-radius: 4px; display: inline-block; padding: 30px; text-align: center; text-decoration: none; transition: all 0.2s ease; font-size: 30px; font-size: 3rem; box-shadow: 2px 2px 4px #555; width: 500px !important; } .buttonA03{background: #ffc410;color: #fff !important;border: 2px solid #ffc410;} .buttonA03:hover{ background: #ffec10; color: #fff !important; border: 2px solid #ffec10; text-decoration: none; box-shadow: none; } .guidebook span{ color: red; font-weight:bold; } .guidebook .guidebook_box_l{ width: 47%; display: inline-block; margin-right: 5%; vertical-align: top; } .guidebook .guidebook_box_r{ width: 47%; display: inline-block; vertical-align: top; } .guidebook .guidebook_box_l2{ width: 47%; display: inline-block; margin-right: 5%; vertical-align: top; } .guidebook .guidebook_box_r2{ width: 47%; display: inline-block; vertical-align: top; } .fcwhite{ color: #fff; } .guidebook_qa{ background: #000; padding:10px; margin:0 100px 20px; border-radius: 20px; } .guidebook_qa_24{ background: #ffc410; padding:10px; text-align: center; border-radius: 20px; margin-bottom: 10px; } } @media only screen and (min-width:751px),print{ } @media only screen and (max-width:750px),print{ .seminarMv { background-image: url(../img/seminar/seminar_mv01_sp.png); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 200px; } .thanks_otoiawase{ width: 100%; text-align: center; background-color: #ececec; margin:30px auto 0; padding:10px; } .formThanks p span { font-weight: bold; color: #cc0000; font-size: 14px; } .seminar ul li { list-style-type: square; font-size: 24px; font-size: 2.4rem; list-style-position: inside; padding-left: 0px; } .seminar .honbun { text-align: left; width: 100%; } .seminar_kouennsya { width: 100%; display: block; } .seminar_kouennsya img { height: auto; } .seminar_profile { width: 100%; display: block; } table.tbl01 th { background: none repeat scroll 0 0 #1e1e1e; border-right: none; font-weight: normal; width: 100%; text-align: center; color: #fff; border-bottom: none !important; display: block; } table.tbl01 th, table.tbl01 td { border-bottom: none; padding: 0px; font-size: 14px; font-size: 1.4rem; line-height: 1.8em; display: block; padding-left: 10px; } .seminar p { font-size: 14px; font-size: 1.4rem; } .seminar ul li { list-style-type: square; font-size: 14px; font-size: 1.4rem; list-style-position: inside; padding-left: 10%; } .bgcbrown { background-color: rgba(150,80,51,.5); } .seminar_profile span { font-weight: bold; font-size: 18px; font-size: 1.8rem; } .seminar .seminar_profile p { font-size: 14px; } .seminar .gentei { color: red; text-decoration: underline; font-size: 18px; } .offer_design { padding: .5em; background: #ffa500; border-radius: 6px; color: #ffffff; width: 50%; margin-bottom: 15px; margin-top: 0px; float: none; font-size: 14px !important; } .border_tate { border-right:1px dotted #1e1e1e; border-left:1px dotted #1e1e1e; } .guidebookMv { background-image: url(../img/civil_low_revision_guidebook/civil_low_revision_guidebook_mv01_sp.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 200px; } .guidebook ul li { list-style-type: square; font-size: 24px; font-size: 2.4rem; list-style-position: inside; padding-left: 0px; } .guidebook ul li:before { content: ""; position: absolute; top: .1em; left: 5%; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); width: 8px; height: 13px; border-right: 3px solid #000; border-bottom: 3px solid #000; } .guidebook .honbun { text-align: left; width: 100%; } .guidebook_kouennsya img { height: auto; } .guidebook p { font-size: 14px; font-size: 1.4rem; } .guidebook ul li { list-style-type: none; font-size: 14px; font-size: 1.4rem; list-style-position: inside; padding-left: 10%; } .bgcblue { background-color: rgba(55,144,166); } .buttonA03{ border-radius: 4px; display: inline-block; padding: 16px 20px 16px; text-align: center; text-decoration: none; transition: all 0.2s ease; font-size: 30px; font-size: 3rem; box-shadow: 2px 2px 4px #555; width: 500px !important; } .buttonA03{background: #ffc410;color: #fff !important;border: 2px solid #ffc410;} .buttonA03:hover{ background: #ffec10; color: #fff !important; border: 2px solid #ffec10; text-decoration: none; box-shadow: none; } .entryBtn03{ text-align: center; margin-top: 20px; padding: 16px 20px; display: inline-block; vertical-align: bottom; box-sizing: border-box; position: relative; color: #fff !important; border-radius: 4px; text-decoration: none; transition: all 0.2s ease-in-out; font-size: 18px; font-size: 1.8rem; } .entryBtn03.addArrow{ padding-left: 3em;box-shadow: 2px 2px 4px #555; } .mainbtnbox .entryBtn03:nth-child(1){ background: #ffc410;border: 1px solid #ffc410;color: #fff !important } .mainbtnbox .entryBtn03:nth-child(1):hover{ background: #ffec10;border: 1px solid #ffec10;color: #fff !important; } .guidebook h1{ color: #fff; } .guidebook_design { padding: .5em; background: #000; border-radius: 6px; color: #ffffff; width: 92%; margin-bottom: 15px; margin-top: 0px; float: none; font-size: 14px !important; } .guidebook h2 { font-size: 18px; font-size: 1.8rem; font-weight: bold; } .guidebook_qa{ background: #000; padding:10px; margin:0 auto 20px; border-radius: 20px; } .guidebook .guidebook_box_l{ width: 100%; display: block; margin-bottom:30px; } .guidebook .guidebook_box_r{ width: 100%; display: block; margin-bottom:30px; } .guidebook .guidebook_box_l2{ width: 100%; display: block; margin-bottom:30px; } .guidebook .guidebook_box_r2{ width: 100%; display: block; margin-bottom:30px; } }