<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@CHARSET "utf-8";

/* =============================================
                    RESET
============================================= */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,a,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:none;outline:none;background:transparent;vertical-align:top;font-size:100%}body{line-height:1}img{line-height: 0; vertical-align: top;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}li{list-style-type: none}table{border-collapse:collapse;border-spacing:0}input, select{vertical-align:middle}hr{display:block;height:1px;margin:1em 0;padding:0;border:none;border-top:1px solid #ccc}a{outline:none;}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}

/* =============================================
                    COMMON
============================================= */
body{
background: url(../img/bg.png) left top repeat;
color: #000;
font-family: Verdana, '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', 'Hiragino Kaku Gothic ProN', '繝｡繧､繝ｪ繧ｪ', Meiryo, sans-serif;
}

/*  Anchor  */
a{ text-decoration: none;}
a:link { color: #fff;}
a:visited{ color: #fff;}
a:hover{ text-decoration: underline;}
a:active{ color: #fff;}
.switch { visibility: hidden;}

header{ background: #fff;}
article{ background: #fff; box-sizing: border-box;}
article h2{ border-left: 4px solid #ec008c;}
article p .name{ display: block; text-align: right;}
article .tit-txt{ text-align: center; font-weight: bold;}
article .tit-txt span{ background: url(../img/ico-L.png),url(../img/ico-R.png); background-position: left center, right center; background-repeat: no-repeat,no-repeat; display: inline-block;}


#sec1 .profile-box{ background: #e0e0e0; box-sizing: border-box;}
#sec2 .img-box{ background: #e0e0e0; box-sizing: border-box;}

#sec3 .comment-box .tit{ background: #5e6c6f; color: #fff; text-align: center;}
#sec3 .comment-box .detail{ background: #337ec1 url(../img/sec3-bg.png) center bottom no-repeat;}
#sec3 .left-box .ico{ float: left;}
#sec3 .left-box .comment-wrap{ float: right; background: url(../img/sec3-partL.png) left 42px no-repeat; padding-left: 15px;}
#sec3 .right-box .ico{ float: right;}
#sec3 .right-box .comment-wrap{ float: left; background: url(../img/sec3-partR.png) right 42px no-repeat; padding-right: 15px;}
#sec3 .comment{ background: #fff; box-sizing: border-box; border-radius: 6px;}
#sec3 .comment dl{ background: #d1dfdf; box-sizing: border-box; border-radius: 6px;}
#sec3 .comment dl dt{ font-weight: bold;}

#sec4 .box-wrap{ background: #e0e0e0; box-sizing: border-box;}
#sec4 .box-wrap .tit{ background: #5e6c6f; color: #fff;}
#sec4 .box-wrap .tit h3{ float: left;}
#sec4 .box-wrap .tit h3 span{ display: block;}
#sec4 .box-wrap .tit .ico{ float: right;}


#sec5 .box{ background: url(../img/sec5-box-bg.png) left top repeat;}
#sec5 .box h3{ background: #5e6c6f; color: #fff; text-align: center;}
#sec5 .box .cf{ box-sizing: border-box;}
#sec5 .box .cf dl dt{ background: #22658b; color: #fff; border-radius: 20px;}

#sec5 .movie-box{position:relative; width:100%; padding-top:56.25%;}
#sec5 .movie-box iframe{ position:absolute; top:0; right:0; width:100%; height:100%;}

#sec6 .step-box .cf .app{ border: 1px solid #e3e3e3; text-align: center; box-sizing: border-box;}
#sec6 .step-box .cf .app h3{ color: #5e6c6f;}
#sec6 .step-box .cf .app ul li{ display: inline-block;}
#sec6 .step-box .cf .app .txt01{ font-weight: bold;}
#sec6 .step-box .cf .app .txt02{ border-bottom: 1px solid #e3e3e3;}
#sec6 .step-box .cf .app .txt03{ text-align: left;}
#sec6 .step-box .cf .app .txt03 a{ color: #000;}
#sec6 .step-box .cf .app .txt03 a:hover{ text-decoration: underline;}

#sec6 .bnr-list li{ float: left;}
#sec6 .bnr-list li:last-child{ float: right;}

#spec{ background: #e3e3e3;}
#spec h3{ background: #5e6c6f; color: #fff; text-align: center;}
#spec dl dt{ border-left: 2px solid #ec008c; font-weight: bold;}
#spec dl dd table{ width: 100%; border-collapse: separate; border-spacing: 1px;}
#spec dl dd span{ font-size: 10px; font-weight: bold; display: block;}
#spec dl dd table th{ background: #5e6c6f; border: 1px solid #5e6c6f; color: #fff; text-align: left;}
#spec dl dd table td{ background: #fff; border: 1px solid #5e6c6f; color: #000; text-align: left;}

footer{ background: #000; text-align: center; color: #fff;}
footer small{ display: block;}

.scrollFixIt{ display: none;}



/* =============================================
                    PC
============================================= */
@media screen and (min-width: 768px){
a:hover img{ opacity: 0.9;}

.inner{ width: 960px; margin: 0 auto; position: relative;}
header{ height: 60px;}
header .logo{ position: absolute; left: 0; top: 20px;}
header ul{ position: absolute; right: 0; top: 10px;}
header ul li{ float: left; margin-left: 10px;}

article{ width: 680px; float: left; padding: 30px; margin-top: 30px;}
article section{ padding-bottom: 60px;}
article h2{ font-size: 20px; line-height: 1.4; padding-left: 10px; margin-bottom: 30px;}
article p{ font-size: 14px; line-height: 2.0;}
article .tit-txt{ font-size: 20px; margin-bottom: 30px;}
article .tit-txt span{ padding: 0 30px;}

#bnr-box{ float: right; margin-top: 30px; display: block;}
#bnr-box li:first-child{ margin-bottom: 20px;}
#fixed-box{ display: none;}


#main-wrap .main div{ height: 627px;}
#main-wrap .main div img{ display: none;}
#main-wrap .main .no1{ background: #000 url(../img/main-img01_pc.jpg) center top no-repeat;}
#main-wrap .main .no2{ background: #000 url(../img/main-img02_pc.jpg) center top no-repeat;}
#main-wrap .main .no3{ background: #000 url(../img/main-img03_pc.jpg) center top no-repeat;}

#sec1 .profile-box{ padding: 30px;}
#sec1 .profile-box .img{ float: left;}
#sec1 .profile-box dl{ float: right; width: 455px;}
#sec1 .profile-box dl dt{ font-size: 14px; font-weight: bold; margin-bottom: 15px;}
#sec1 .profile-box dl dd{ font-size: 12px; line-height: 1.6;}

#sec2 .img-box{ padding: 10px; margin-bottom: 30px;}

#sec3 .comment-box .tit{ padding: 20px;}
#sec3 .comment-box .tit h3{ font-size: 24px; line-height: 1.4;}
#sec3 .comment-box .tit p{ font-size: 18px; line-height: 1.4;}
#sec3 .comment-box .detail{ padding: 30px;}
#sec3 .left-box{ margin-bottom: 30px;}
#sec3 .comment-wrap{ width: 456px;}
#sec3 .comment{ font-size: 14px; line-height: 2.0; padding: 20px;}
#sec3 .comment dl{ padding: 20px; margin-top: 20px;}

#sec4 .box-wrap{ padding: 30px;}
#sec4 .box-wrap .tit{ padding: 15px 20px; margin-bottom: 20px;}
#sec4 .box-wrap .tit h3{ font-size: 24px; padding: 5px 0;}
#sec4 .box-wrap .tit h3 span{ font-size: 18px; margin-top: 10px;}

#sec5 .box h3{ font-size: 18px; padding: 15px;}
#sec5 .box .cf{ padding: 30px;}
#sec5 .box .cf .img{ width: 262px; float: left;}
#sec5 .box .cf .img.slider{ width: 182px; float: left; margin-left: 40px;}
#sec5 .box .cf dl{ width: 280px; float: right; padding-top: 20px;}
#sec5 .box .cf dl dt{ font-size: 14px; text-align: center; padding: 5px; margin-bottom: 15px;}
#sec5 .box .cf dl dd{ font-size: 14px; line-height: 2.0; padding: 0 10px;}

#sec6 .step-box .cf .img{ float: left;}
#sec6 .step-box .cf .app{ width: 195px; padding: 20px 10px; float: right;}
#sec6 .step-box .cf .app h3{ font-size: 14px; margin-bottom: 20px;}
#sec6 .step-box .cf .app ul{ margin-bottom: 20px;}
#sec6 .step-box .cf .app ul li{ display: inline-block; margin: 0 5px;}
#sec6 .step-box .cf .app .txt01{ font-size: 12px; line-height: 1.6; margin-bottom: 10px;}
#sec6 .step-box .cf .app .txt02{ font-size: 10px; line-height: 1.4; padding-bottom: 10px; margin-bottom: 10px;}
#sec6 .step-box .cf .app .txt03{ font-size: 12px; line-height: 1.4;}
#sec6 .step-box .cf .app .txt03 a{ color: #000;}

#spec{ padding-bottom: 0;}
#spec h3{ font-size: 18px; padding: 15px;}
#spec div{ padding: 30px;}
#spec dl dt{ font-size: 16px; padding-left: 5px; margin-bottom: 15px;}
#spec dl dd{ font-size: 14px; line-height: 2.0; margin-bottom: 30px;}
#spec dl dd:last-child{ margin-bottom: 0;}
#spec dl dd.img{ background: url(../img/spec-img01.png) right top no-repeat;}
#spec dl dd span{ margin-bottom: 20px;}
#spec dl dd table{ font-size: 12px; border-collapse: separate; border-spacing: 1px;}
#spec dl dd table th{ padding: 10px 15px;}
#spec dl dd table td{ padding: 10px 15px;}
#spec dl dd li{ text-indent: -14px; margin-left: 14px;}

footer{ padding: 40px 0; margin-top: 60px;}
footer ul{ margin-bottom: 20px;}
footer ul li{ font-size: 12px; display: inline-block; border-right: 1px solid #fff; padding-right: 5px; margin-right: 5px;}
footer ul li:last-child{ border-right: none; padding-right: 0; margin-right: 0;}
footer small{ font-size: 12px;}

.mb30{ margin-bottom: 30px;}

}
/* =============================================
                    SP
============================================= */
@media screen and (max-width: 768px){
img{ width: 100%;}
.inner{ position: relative;}
header{ padding: 10px; height: 25px;}
header .logo{ width: 98px; position: absolute; left: 0; top: 2px;}
header ul{ position: absolute; right: 0;}
header ul li{ width: 20px; float: left; margin-left: 10px;}

#contents{ padding: 10px;}
article{ padding: 10px;}
article section{ padding-bottom: 30px;}
article h2{ font-size: 16px; line-height: 1.4; padding-left: 10px; margin-bottom: 15px;}
article p{ font-size: 12px; line-height: 1.8;}
article .tit-txt{ font-size: 14px; line-height: 1.4; margin-bottom: 15px;}
article .tit-txt span{ padding: 0 20px;}

#bnr-box{ display: none;}
#fixed-box{ display: block; position: fixed; left: 0; bottom: 0;}
#fixed-box ul{ width: 100%;}
#fixed-box ul li{ width: 50%; float: left;}

#sec1 .profile-box{ padding: 10px;}
#sec1 .profile-box .img{ float: left; padding: 0 10px 0 0;}
#sec1 .profile-box dl dt{ font-size: 12px; font-weight: bold; margin-bottom: 5px;}
#sec1 .profile-box dl dd{ font-size: 10px; line-height: 1.4;}

#sec2 .img-box{ padding: 10px; margin-bottom: 15px;}

#sec3 .comment-box .tit{ padding: 10px;}
#sec3 .comment-box .tit h3{ font-size: 16px; line-height: 1.4;}
#sec3 .comment-box .tit p{ font-size: 12px; line-height: 1.4;}
#sec3 .comment-box .detail{ background-size: 100%; padding: 10px;}
#sec3 .left-box{ margin-bottom: 15px;}
#sec3 .ico{ width: 15%;}
#sec3 .comment-wrap{ width: 78%;}
#sec3 .comment{ font-size: 12px; line-height: 1.8; padding: 10px;}
#sec3 .comment dl{ padding: 10px; margin-top: 10px;}

#sec4 .box-wrap{ padding: 10px;}
#sec4 .box-wrap .tit{ padding: 10px 15px; margin-bottom: 10px;}
#sec4 .box-wrap .tit h3{ font-size: 16px; line-height: 1.4; padding: 5px 0;}
#sec4 .box-wrap .tit h3 span{ font-size: 12px; line-height: 1.4; margin-top: 5px;}
#sec4 .box-wrap .tit .ico{ width: 30%; margin-top: 5px;}

#sec5 .box h3{ font-size: 14px; padding: 10px;}
#sec5 .box .cf{ padding: 10px 10px 20px;}
#sec5 .box .cf .img{ margin-bottom: 10px;}
#sec5 .box .cf .img.slider{ width: 60%; margin: 0 auto 15px;}
#sec5 .box .cf dl dt{ font-size: 12px; text-align: center; padding: 5px; margin-bottom: 10px;}
#sec5 .box .cf dl dd{ font-size: 12px; line-height: 1.4; padding: 0 10px;}
#sec5 .box .cf dl dd br{ display: none;}

#sec6 .step-box .cf .img{ width: 66%; margin: 0 auto 15px;}
#sec6 .step-box .cf .app{ padding: 10px; float: right;}
#sec6 .step-box .cf .app h3{ font-size: 14px; margin-bottom: 10px;}
#sec6 .step-box .cf .app ul{ margin-bottom: 10px;}
#sec6 .step-box .cf .app ul li{ display: inline-block; margin: 0 5px;}
#sec6 .step-box .cf .app .txt01{ font-size: 12px; line-height: 1.6; margin-bottom: 10px;}
#sec6 .step-box .cf .app .txt02{ font-size: 10px; line-height: 1.4; padding-bottom: 10px; margin-bottom: 10px;}
#sec6 .step-box .cf .app .txt03{ font-size: 12px; line-height: 1.4;}
#sec6 .step-box .cf .app .txt03 a{ color: #000;}
#sec6 .bnr-list li{ width: 49%;}

#spec{ padding-bottom: 0;}
#spec h3{ font-size: 14px; padding: 10px;}
#spec div{ padding: 10px;}
#spec dl dt{ font-size: 12px; padding-left: 5px; margin-bottom: 5px;}
#spec dl dd{ font-size: 12px; line-height: 2.0; margin-bottom: 10px;}
#spec dl dd:last-child{ margin-bottom: 0;}
#spec dl dd br{ display: none;}
#spec dl dd.img{ background: url(../img/spec-img01.png) center bottom no-repeat; padding-bottom: 150px;}
#spec dl dd span{ margin-bottom: 10px;}
#spec dl dd table{ font-size: 12px; border-collapse: separate; border-spacing: 1px;}
#spec dl dd table th{ padding: 5px 10px; width: 60px;}
#spec dl dd table td{ padding: 5px 10px;}
#spec dl dd li{ text-indent: -12px; margin-left: 12px;}

footer{ padding: 20px 10px 20%;}
footer ul{ margin-bottom: 5px;}
footer ul li{ font-size: 10px; display: inline-block; border-right: 1px solid #fff; padding-right: 5px; margin-right: 5px;}
footer ul li:last-child{ border-right: none; padding-right: 0; margin-right: 0;}
footer small{ font-size: 10px; line-height: 1.4;}

.mb30{ margin-bottom: 15px;}
}</pre></body></html>