@charset "UTF-8";
/* Main Color */
/* Reset Style */
html { overflow-y: scroll; }

body { line-height: 1; color: #000; }

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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, main { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; }

font { margin: 0; padding: 0; outline: 0; }

body { line-height: 1; }

ul, menu { list-style: none; }

blockquote, q { quotes: none; }

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

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

hr { margin: 0px; padding: 0px; }

img, input { vertical-align: bottom; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body { font: 13px/1.231 arial,helvetica,clean,sans-serif; *font-size: small; *font: x-small; }

select, input, button, textarea { font: 99% arial,helvetica,clean,sans-serif; }

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

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

.imgHover img:hover { opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; }

#page-head, #nav-main ul, .image-in-list, .contents-layout .in-image-box { *zoom: 1; }
#page-head:after, #nav-main ul:after, .image-in-list:after, .contents-layout .in-image-box:after { content: "."; visibility: hidden; clear: both; display: block; height: 0; line-height: 0; font-size: 0; }

a.btn01, a.btn02, a.btn03 { display: inline-block; *display: inline; *zoom: 1; }

input[type="submit"], button, .btn01:hover, .btn02:hover, .btn03:hover { cursor: pointer; }

@font-face { font-family: 'base'; src: url("fonts/base.eot?rshu5f"); src: url("fonts/base.eot?#iefixrshu5f") format("embedded-opentype"), url("fonts/base.woff?rshu5f") format("woff"), url("fonts/base.ttf?rshu5f") format("truetype"), url("fonts/base.svg?rshu5f#base") format("svg"); font-weight: normal; font-style: normal; }
.icon:before, #breadcrumbs li:before, .article-list .more-link a:before, .image-in-list article h3:before, .text-list a:before, #foot-nav a:before, .icon:after, #breadcrumbs li:after, .article-list .more-link a:after, .image-in-list article h3:after, .text-list a:after, #foot-nav a:after, [class^="icon-"], [class*=" icon-"] { font-family: 'base'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-pdf:before { content: "\e603"; }

.icon-close:before { content: "\e601"; }

.icon-menu:before { content: "\e602"; }

.icon-search:before { content: "\f002"; }

.icon-email:before { content: "\f003"; }

.icon-check:before { content: "\f00c"; }

.icon-home:before { content: "\f015"; }

.icon-clock-o:before { content: "\f017"; }

.icon-video-camera:before { content: "\f03d"; }

.icon-photo:before { content: "\f03e"; }

.icon-check-square-o:before { content: "\f046"; }

.icon-chevron-left:before { content: "\f053"; }

.icon-chevron-right:before { content: "\f054"; }

.icon-chevron-up:before { content: "\f077"; }

.icon-chevron-down:before { content: "\f078"; }

.icon-external-link:before { content: "\f08e"; }

.icon-square-o:before { content: "\f096"; }

.icon-angle-left:before { content: "\f104"; }

.icon-angle-right:before { content: "\f105"; }

.icon-angle-up:before { content: "\f106"; }

.icon-angle-down:before { content: "\f107"; }

.icon-ellipsis-v:before { content: "\f142"; }

.icon-mail:before { content: "\f0e0"; }

.icon-play:before { content: "\f04b"; }

.icon-list-ul:before { content: "\f0ca"; }

.icon-phone:before { content: "\e606"; }

.icon-mobile:before { content: "\e600"; }

/*----------------------------------------------------
	element style
----------------------------------------------------*/
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { color: #333; font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; letter-spacing: 1px; line-height: 1.4; }

input, select, option, textarea { font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

* html body, * html input, * html select, * html option, * html textarea { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

a, a * { -webkit-transition-property: color, border-color, background-color, opacity; -webkit-transition-duration: .3s; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: color, border-color, background-color, opacity; -moz-transition-duration: .3s; -moz-transition-timing-function: ease-in-out; -ms-transition-property: color, border-color, background-color, opacity; -ms-transition-duration: .3s; -ms-transition-timing-function: ease-in-out; -o-transition-property: color, border-color, background-color, opacity; -o-transition-duration: .3s; -o-transition-timing-function: ease-in-out; transition-property: color, border-color, background-color, opacity; transition-duration: .3s; transition-timing-function: ease-in-out; }

a { color: #4b1a83; }
a:link { color: #4b1a83; text-decoration: none; }
a:visited { color: #6322ae; }
a:hover { color: #571e98; text-decoration: underline; }
a:active { color: #d00; }

::-moz-selection { background-color: #4b1a83; color: #fff; }

::selection { background-color: #4b1a83; color: #fff; }

.zoomIn, a[href$=".gif"] img, a[href$=".png"] img, a[href$=".jpg"] img, a[href$=".jpeg"] img, a[href$=".bmp"] img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -ms-zoom-in; cursor: -o-zoom-in; cursor: zoom-in; }

.hide { display: none; }

.mt0 { margin-top: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.p0 { padding: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.p5 { padding: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.p10 { padding: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.p15 { padding: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.p20 { padding: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.p25 { padding: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.p30 { padding: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.pt35 { padding-top: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.p35 { padding: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.p40 { padding: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.pt45 { padding-top: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

.p45 { padding: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.p50 { padding: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.pt55 { padding-top: 55px !important; }

.pb55 { padding-bottom: 55px !important; }

.p55 { padding: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.pt60 { padding-top: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.p60 { padding: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.pt65 { padding-top: 65px !important; }

.pb65 { padding-bottom: 65px !important; }

.p65 { padding: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.pt70 { padding-top: 70px !important; }

.pb70 { padding-bottom: 70px !important; }

.p70 { padding: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.pt75 { padding-top: 75px !important; }

.pb75 { padding-bottom: 75px !important; }

.p75 { padding: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.pt80 { padding-top: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.p80 { padding: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mb85 { margin-bottom: 85px !important; }

.pt85 { padding-top: 85px !important; }

.pb85 { padding-bottom: 85px !important; }

.p85 { padding: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mb90 { margin-bottom: 90px !important; }

.pt90 { padding-top: 90px !important; }

.pb90 { padding-bottom: 90px !important; }

.p90 { padding: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mb95 { margin-bottom: 95px !important; }

.pt95 { padding-top: 95px !important; }

.pb95 { padding-bottom: 95px !important; }

.p95 { padding: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.pt100 { padding-top: 100px !important; }

.pb100 { padding-bottom: 100px !important; }

.p100 { padding: 100px !important; }

.fr { float: right; }

.img-r { float: right; margin-left: 15px; margin-bottom: 10px; }

.fl { float: left; }

.img-l { float: left; margin-right: 15px; margin-bottom: 10px; }

.imgC, .tC { text-align: center; }

.imgC { display: block; margin-left: auto; margin-right: auto; }

.tL { text-align: left !important; }

.tR { text-align: right !important; }

.clr { clear: both; }

.description { font-size: 93%; color: #666; letter-spacing: 0; }

.box40 { width: 40px; }

.box50 { width: 50px; }

.box60 { width: 60px; }

.box70 { width: 70px; }

.box80 { width: 80px; }

.box90 { width: 90px; }

.box100 { width: 100px; }

.box110 { width: 110px; }

.box120 { width: 120px; }

.box130 { width: 130px; }

.box140 { width: 140px; }

.box150 { width: 150px; }

.box160 { width: 160px; }

.box170 { width: 170px; }

.box180 { width: 180px; }

.box190 { width: 190px; }

.box200 { width: 200px; }

.box210 { width: 210px; }

.box220 { width: 220px; }

.box230 { width: 230px; }

.box240 { width: 240px; }

.box250 { width: 250px; }

.box260 { width: 260px; }

.box270 { width: 270px; }

.box280 { width: 280px; }

.box290 { width: 290px; }

.box300 { width: 300px; }

.box310 { width: 310px; }

.box320 { width: 320px; }

.box330 { width: 330px; }

.box340 { width: 340px; }

.box350 { width: 350px; }

.box360 { width: 360px; }

.box370 { width: 370px; }

.box380 { width: 380px; }

.box390 { width: 390px; }

.box400 { width: 400px; }

.box410 { width: 410px; }

.box420 { width: 420px; }

.box430 { width: 430px; }

.box440 { width: 440px; }

.box450 { width: 450px; }

.box460 { width: 460px; }

.box470 { width: 470px; }

.box480 { width: 480px; }

.box490 { width: 490px; }

.box500 { width: 500px; }

textarea, input, select { margin: 1px; padding: 3px; }

input[type="text"], input[type="password"], select, textarea { border: 1px solid #ddd; border-radius: 3px; background-color: #fbfbfb; box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset; }

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border-color: #aaa; background-color: #fefefe; }

::-webkit-input-placeholder { color: #999; }

:-moz-placeholder { color: #999; }

:-ms-input-placeholder { color: #999; }

.placeholder { color: #999; }

.fz110per{ font-size: 110% !important; }

.ml8px{ margin-left: 8px !important; }

.ml4px{ margin-left: 4px !important; }

.min-w164{ min-width: 164px !important; }

/* button */
.btn01, .btn02, .btn03 { border-radius: 4px; }

a.btn01, a.btn02, a.btn03 { padding: .5em 1em .4em; text-decoration: none !important; }

input.btn01, input.btn02, input.btn03 { padding: .3em .8em .2em; }

.btnL { padding: .6em 3em .5em !important; font-size: 108%; }

.btnS { padding: .1em .3em 0 !important; font-size: 85%; }

.btn01 { border: solid 1px #bbb; background-color: #fff; color: #333 !important; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNlZGVkZWQiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e6e6e6), color-stop(2%, #ededed), color-stop(40%, #f6f6f6), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(bottom, #e6e6e6, #ededed 2%, #f6f6f6 40%, #ffffff); background-image: -webkit-linear-gradient(bottom, #e6e6e6, #ededed 2%, #f6f6f6 40%, #ffffff); background-image: linear-gradient(to top, #e6e6e6, #ededed 2%, #f6f6f6 40%, #ffffff); }
.btn01:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(bottom, #dddddd, #ffffff); background-image: -webkit-linear-gradient(bottom, #dddddd, #ffffff); background-image: linear-gradient(to top, #dddddd, #ffffff); }

.btn02 { border: solid 1px #4b1a83; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background-color: #331258; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMTI1OCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjNGIxYTgzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTcxZTk4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #331258), color-stop(40%, #4b1a83), color-stop(100%, #571e98)); background-image: -moz-linear-gradient(bottom, #331258, #4b1a83 40%, #571e98); background-image: -webkit-linear-gradient(bottom, #331258, #4b1a83 40%, #571e98); background-image: linear-gradient(to top, #331258, #4b1a83 40%, #571e98); box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.4); }
.btn02:hover { box-shadow: inset 0 0 5px 3px rgba(255, 255, 255, 0.4); }

.btn03 { border: solid 1px #890780; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background-color: #580553; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4MDU1MyIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjODkwNzgwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmEwOWFkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #580553), color-stop(40%, #890780), color-stop(100%, #ba09ad)); background-image: -moz-linear-gradient(bottom, #580553, #890780 40%, #ba09ad); background-image: -webkit-linear-gradient(bottom, #580553, #890780 40%, #ba09ad); background-image: linear-gradient(to top, #580553, #890780 40%, #ba09ad); box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.4); }
.btn03:hover { box-shadow: inset 0 0 5px 3px rgba(255, 255, 255, 0.4); }

body { overflow: hidden; }

#page { position: relative; }
#page img { max-width: 100%; }

#is-sp-checkbox { display: none; }

#btn-sp-menu { display: none; }

/*----------------------------------------------------
	inner
----------------------------------------------------*/
.inner, #page-head header, #nav-main, #content-main, #foot-content { margin: 0 auto; width: 960px; }

/*----------------------------------------------------
	header
----------------------------------------------------*/
#page-head { padding: 0 0 44px; background: url(../images/common/bg_header_bottom.png) repeat-x 0 100%; }

#logo-main { padding: 10px 0 0; float: left; font-size: 216%; font-weight: bold; }
#logo-main a { color: #333; text-decoration: none; }
#logo-main img { max-width: 100%; }

#link-official { float: right; padding: 10px 0 0; }
#link-official a { display: block; padding: 4px 8px; background-color: #4b1a83; font-weight: bold; color: #fff; }
#link-official a:hover { background-color: #653799; }

/*----------------------------------------------------
	global navigation
----------------------------------------------------*/
#nav-main ul { margin: 8px 0; border-left: 2px solid #ccc; }
#nav-main ul li { float: left; }
/*#nav-main ul li { float: left; border-right: 2px solid #ccc; }*/
#nav-main ul li a { display: block; padding: 4px 0; line-height: 28px; font-size: 139%; color: #333; text-align: center; }
#nav-main ul li.m-nav01 a { width: 70px; border-right: 2px solid #ccc; }
#nav-main ul li.m-nav03 a { width: 180px; border-right: 2px solid #ccc; }
#nav-main ul li.m-nav04 a { width: 180px; }
#nav-main ul li.m-nav02 a { padding: .3rem 1rem .2rem; background-color: #8863A5; border-radius: 10px; color: #fff;  }
#nav-main ul li.m-nav05 a { margin-left: 4px; padding: .3rem 1rem .2rem; background-color: #8863A5; border-radius: 10px; color: #fff; }
#nav-main ul li.m-nav06 a { margin-left: 4px; padding: .3rem 1rem .2rem; background-color: #8863A5; border-radius: 10px; color: #fff; }

/*----------------------------------------------------
	contents
----------------------------------------------------*/
#breadcrumbs { padding: 5px 0; border-bottom: 1px dashed #ccc; font-size: 93%; }
#breadcrumbs li { display: inline-block; vertical-align: middle; }
#breadcrumbs li:after { content: '\f054'; padding: 0 0 0 .5em; color: #4b1a83; vertical-align: middle; }
#breadcrumbs li:last-child:after { content: none; }

#content-head { padding: 15px 0; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; background: url(../images/common/bg01.png); text-align: center; }
#content-head h1 { padding: 20px 0; color: #4b1a83; font-weight: bold; font-size: 262%; }

.tit01, .contents-layout h2 { position: relative; padding: 10px 0; border-top: 8px solid #ccc; font-size: 185%; }
.tit01:before, .contents-layout h2:before { content: ''; position: absolute; left: 0; top: -8px; width: 30%; border-top: 8px solid #4b1a83; }

.tit02, .contents-layout h3 { padding: 12px 0 8px; border-top: 4px solid #4b1a83; background-color: #f3f3f3; font-size: 20px; box-shadow: inset 0 1px 0 1px #fff; }

.tit03, .contents-layout h4 { padding: 8px 0 4px; border-bottom: 4px solid #ccc; color: #4b1a83; font-size: 16px; font-weight: bold; }

.article-list { position: relative; }
.article-list .more-link { position: absolute; right: 0; top: 30px; }
.article-list .more-link a { font-size: 93%; }

.image-in-list { margin: 10px -30px 0 0; }
.image-in-list article { margin: 10px 30px 0 0; float: left; width: 300px; }
.image-in-list article a { display: block; padding: 10px; background-color: #f3f3f3; }
.image-in-list article a:hover { text-decoration: none; background-color: #e0e0e0; }
.image-in-list article h3 { position: relative; margin: 10px 0 0; padding: 0 30px 0 0; min-height: 3em; font-size: 116%; }
.image-in-list article h3:after { content: '\f054'; font-size: 18px; position: absolute; right: 0; top: 50%; margin-top: -.5em; }
.image-in-list article .meta { margin: 10px 0 0; padding: 5px 0 0; border-top: 1px dashed #ccc; font-size: 85%; }
.image-in-list .image { height: 210px; overflow: hidden; }

.text-list { padding: 0 0 20px; background-color: #f3f3f3; }
.text-list a { position: relative; display: block; padding: 15px 30px 15px 15px; background-color: #f3f3f3; }
.text-list a:hover { background-color: #e0e0e0; text-decoration: none; }
.text-list a:after { content: '\f054'; font-size: 18px; position: absolute; right: 10px; top: 50%; margin-top: -.5em; }
.text-list article { margin: 10px 0 0 0; border-bottom: 1px dashed #ccc; }
.text-list article h3 { margin: 5px 0 0; font-size: 116%; }
.text-list article time { color: #999; font-size: 93%; }

.contents-layout { font-size: 16px; }
.contents-layout h2 { margin: 2em 0 1em; padding-left: .5em; }
.contents-layout h3 { margin: 2em 0 1em; padding-left: .5em; }
.contents-layout h4 { margin: 2em 0 1em; }
.contents-layout p, .contents-layout ul, .contents-layout ol, .contents-layout table { margin: 1em 0 1.5em; }
.contents-layout p a, .contents-layout ul a, .contents-layout ol a, .contents-layout table a { text-decoration: underline; color: #890780; }
.contents-layout p a:hover, .contents-layout ul a:hover, .contents-layout ol a:hover, .contents-layout table a:hover { color: #E1C1DF; }
.contents-layout ul li + li, .contents-layout ol li + li { margin-top: .5em; }
.contents-layout ul li { padding-left: 1em; position: relative; }
.contents-layout ul li:before { content: ''; position: absolute; top: .4em; left: 0; background-color: #4b1a83; width: 8px; height: 8px; }
.contents-layout ol { padding-left: 1.5em; }
.contents-layout table { width: 100%; }
.contents-layout table th, .contents-layout table td { padding: 8px; border: 1px solid #ccc; text-align: left; }
.contents-layout table th { background-color: #f7f7f7; box-shadow: inset 0 0 0 1px #fff; color: #4b1a83; white-space: nowrap; }
.contents-layout table thead th { border-bottom-width: 3px; }
.contents-layout table tbody th:first-child { border-right-width: 3px; }
.contents-layout .in-image-box { margin: 2em 0 1.5em; }
.contents-layout .in-image-box img { background-color: #fff; padding: 2px; border: 3px solid #ccc; margin: 0 10px 10px 0; }

.pager { margin: 40px 0 0; text-align: center; line-height: 1.2; }
.pager li { display: inline-block; }
.pager a { display: block; padding: 5px 10px 4px; border: 1px solid #ccc; background-color: #f9f9f9; color: #333; text-decoration: none; }
.pager span { display: block; padding: 5px 10px 4px; border: 1px solid #ccc; background-color: #f9f9f9; color: #333; }
.pager span.current { border-color: black; background-color: #4B1A83; color: #fff; }

#pagetop { margin: 40px 0 0; text-align: center; }

/*----------------------------------------------------
	contents Click Creator
----------------------------------------------------*/
#cc-contents.contents-layout h1 { position: relative; padding: 10px 0; border-top: 8px solid #ccc; font-size: 185%; }
#cc-contents.contents-layout h1::before { content: ''; position: absolute; left: 0; top: -8px; width: 30%; border-top: 8px solid #4b1a83; }
#cc-contents.contents-layout h2 { padding: 12px 0 8px; border-top: 4px solid #4b1a83; background-color: #f3f3f3; font-size: 20px; box-shadow: inset 0 1px 0 1px #fff; }
#cc-contents.contents-layout h2::before { content: ''; position: absolute; left: 0; top: -8px; width: 30%; border-top: none; }
#cc-contents.contents-layout h3 { padding: 8px 0 4px; border-bottom: 4px solid #ccc; color: #4b1a83; font-size: 16px; font-weight: bold; border-top: none; background: none; }
#cc-contents .tit01, #cc-contents .contents-layout h2, .contents-layout #cc-contents h2 { position: relative; padding: 10px 0; border-top: 8px solid #ccc; font-size: 185%; }
#cc-contents .tit01::before, #cc-contents .contents-layout h2::before, .contents-layout #cc-contents h2::before { content: ''; position: absolute; left: 0; top: -8px; width: 30%; border-top: 8px solid #4b1a83; }
#cc-contents .tit02, #cc-contents .contents-layout h3, .contents-layout #cc-contents h3 { padding: 12px 0 8px; border-top: 4px solid #4b1a83; background-color: #f3f3f3; font-size: 20px; box-shadow: inset 0 1px 0 1px #fff; }
#cc-contents .tit03, #cc-contents .contents-layout h4, .contents-layout #cc-contents h4 { padding: 8px 0 4px; border-bottom: 4px solid #ccc; color: #4b1a83; font-size: 16px; font-weight: bold; border-top: none; background: none; }

/*----------------------------------------------------
	footer
----------------------------------------------------*/
#page-foot { margin: 20px 0 0; background-color: #f3f3f3; }

#foot-content { text-align: center; }

#address { margin: 15px 0 0; display: inline-block; }
#address dt, #address dd { display: inline-block; vertical-align: middle; }
#address dt { font-size: 185%; margin: 0 20px 0 0; }
#address dt img { vertical-align: middle; padding: 0 5px 10px 0; }
#address dd { display: inline-block; }

#foot-nav { margin: 10px 0 0; padding: 20px 0; border-top: 1px solid #ccc; }
#foot-nav ul { display: inline-block; }
#foot-nav ul li { display: inline-block; margin: 0 1.5em 0 0; }
#foot-nav ul:after { content: '|'; display: inline-block; }
#foot-nav div { margin: 0 0 0 1.5em; display: inline-block; }
#foot-nav a { display: block; color: #333; }

#copyright { padding: 8px 0; font-size: 85%; border-top: 4px solid #ccc; border-bottom: 4px solid #890780; background-color: #4b1a83; text-align: center; color: #fff; }
#copyright small { font-weight: bold; }

/*----------------------------------------------------
	media query
----------------------------------------------------*/
/* smart phone
-------------------------------------------------- */
@media only screen and (max-width: 589px) { #page { -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; }
  #is-sp-checkbox:checked + #page { transform: translate(-280px, 0); -webkit-transform: translate(-280px, 0); }
  #is-sp-checkbox:checked + #page #btn-sp-menu:after { content: ''; position: absolute; background: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
  #is-sp-checkbox:checked + #page #btn-sp-menu i:before { content: '\e601'; }
  #btn-sp-menu { display: block; margin: 10px 5px 0 0; float: right; width: 50px; height: 50px; border-radius: 4px; cursor: pointer; text-align: center; background-color: #4b1a83; }
  #btn-sp-menu i { margin: 7px 0 0; font-size: 28px; line-height: 50px; color: #fff; }
  /*---------------------------------------------------- 	inner ----------------------------------------------------*/
  .inner, #page-head header, #nav-main, #content-main, #foot-content { width: auto; padding: 0 10px; min-width: 300px; }
  /*---------------------------------------------------- 	header ----------------------------------------------------*/
  #logo-main { max-width: 80%; font-size: 18px; }
  #logo-main span { display: block; }
  #logo-main img:first-child { width: 60%; }
  #link-official { display: none; }
  /*---------------------------------------------------- 	global navigation ----------------------------------------------------*/
  #nav-main { display: none; }
  /*---------------------------------------------------- 	contents ----------------------------------------------------*/
  .tit01, .contents-layout h2 { font-size: 18px; }
  .article-list .more-link { position: static; margin: 20px 0 0; }
  .article-list .more-link a { display: block; padding: 10px 0; border: 1px solid #ccc; background-color: #f0f0f0; text-align: center; font-size: 14px; }
  .article-list .more-link a:hover { background-color: #e0e0e0; }
  .article-list .more-link a:before { content: '\f0ca'; padding: 0 .5em 0 0; }
  .image-in-list { margin: 10px 0 0; }
  .image-in-list article { float: none; margin: 20px 0 0; width: auto; }
  .image-in-list article .image { float: left; margin: 0 10px 0 0; }
  .image-in-list article h3 { margin: 0; }
  .image-in-list article .meta { overflow: hidden; }
  .image-in-list a { overflow: hidden; }
  .image-in-list article .image { width: 40%; }
  .image-in-list article h3 { font-size: 14px; }
  .contents-layout .in-image-box .image { width: auto; }
  .contents-layout .over-x-table { overflow-x: auto; }
  .contents-layout .over-x-table table { white-space: nowrap; }
  .contents-layout .over-x-table span { display: block; }
  .pager { margin: 40px 0 0; text-align: center; line-height: 1.2; }
  .pager li { display: inline-block; }
  .pager a { display: block; padding: 5px 10px 4px; border: 1px solid #ccc; background-color: #f9f9f9; color: #333; text-decoration: none; }
  .pager span { display: block; padding: 5px 10px 4px; border: 1px solid #ccc; background-color: #f9f9f9; color: #333; }
  .pager span.current { border-color: black; background-color: #4B1A83; color: #fff; }
  /*---------------------------------------------------- 	contents Click Creator ----------------------------------------------------*/
  #cc-contents.contents-layout h1 { position: relative; padding: 10px 0; border-top: 8px solid #ccc; font-size: 185%; }
  #cc-contents.contents-layout h1::before { content: ''; position: absolute; left: 0; top: -8px; width: 30%; border-top: 8px solid #4b1a83; }
  #cc-contents.contents-layout h2 { padding: 12px 0 8px; border-top: 4px solid #4b1a83; background-color: #f3f3f3; font-size: 20px; box-shadow: inset 0 1px 0 1px #fff; }
  #cc-contents.contents-layout h2::before { content: ''; position: absolute; left: 0; top: -8px; width: 30%; border-top: none; }
  #cc-contents.contents-layout h3 { padding: 8px 0 4px; border-bottom: 4px solid #ccc; color: #4b1a83; font-size: 16px; font-weight: bold; border-top: none; background: none; }
  #cc-contents .tit01, #cc-contents .contents-layout h2, .contents-layout #cc-contents h2 { position: relative; padding: 10px 0; border-top: 8px solid #ccc; font-size: 185%; }
  #cc-contents .tit01::before, #cc-contents .contents-layout h2::before, .contents-layout #cc-contents h2::before { content: ''; position: absolute; left: 0; top: -8px; width: 30%; border-top: 8px solid #4b1a83; }
  #cc-contents .tit02, #cc-contents .contents-layout h3, .contents-layout #cc-contents h3 { padding: 12px 0 8px; border-top: 4px solid #4b1a83; background-color: #f3f3f3; font-size: 20px; box-shadow: inset 0 1px 0 1px #fff; }
  #cc-contents .tit03, #cc-contents .contents-layout h4, .contents-layout #cc-contents h4 { padding: 8px 0 4px; border-bottom: 4px solid #ccc; color: #4b1a83; font-size: 16px; font-weight: bold; border-top: none; background: none; }
  .image { height: auto !important; }
  /*---------------------------------------------------- 	footer ----------------------------------------------------*/
  #address { margin: 15px 0 10px; }
  #address dt { font-size: 18px; }
  #address dt img { width: 41px; }
  #address dd { font-size: 12px; }
  #foot-nav { margin: 0; border: none; position: absolute; left: 100%; top: 0; bottom: 0; width: 280px; border-left: 4px solid #890780; background-color: #4b1a83; text-align: left; }
  #foot-nav ul { display: block; border-top: 1px solid #7144a6; }
  #foot-nav ul li { display: block; margin: 0; border-bottom: 1px solid #7144a6; }
  #foot-nav ul li a:after { content: '\f054'; position: absolute; right: 10px; top: 50%; margin-top: -.5em; }
  #foot-nav ul li a:hover, #foot-nav ul li a.current { background-color: #653799; }
  #foot-nav ul:after { content: none; }
  #foot-nav div { display: block; margin: 0; }
  #foot-nav div a { margin: 20px 10px 0; border-radius: 4px; background-color: #fff; text-align: center; color: #890780; color: #333; font-weight: bold; }
  #foot-nav div a:before { content: ''; position: absolute; bottom: 5px; left: 5%; width: 90%; border-top: 1px solid #4b1a83; border-bottom: 2px solid #890780; }
  #foot-nav div a:after { content: "\f08e"; position: absolute; right: 5px; top: 50%; margin-top: -.5em; }
  #foot-nav a { position: relative; padding: 16px; color: #fff; font-size: 15px; } 
  
/*  #foot-nav ul li:nth-child(n + 4){
      background-color: #8863A5;
      border-radius: 5px;
      margin: 5px;
  }
*/  
  .b-colorT{ background-color: transparent !important;}

  .em-color{ background-color: #8863A5 !important;}

  .sp_emBtn{ margin: 10px !important; border-radius: 5px !important;}
  #foot-nav ul li a.current{
      background-color: #653799;
      border-radius: 5px;
  }
}
/* tablet
-------------------------------------------------- */
@media only screen and (min-width: 590px) and (max-width: 979px) { #page { -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; }
  #is-sp-checkbox:checked + #page { transform: translate(-280px, 0); -webkit-transform: translate(-280px, 0); }
  #is-sp-checkbox:checked + #page #btn-sp-menu:after { content: ''; position: absolute; background: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
  #is-sp-checkbox:checked + #page #btn-sp-menu i:before { content: '\e601'; }
  #btn-sp-menu { display: block; margin: 10px 5px 0 0; float: right; width: 50px; height: 50px; border-radius: 4px; cursor: pointer; text-align: center; background-color: #4b1a83; }
  #btn-sp-menu i { margin: 7px 0 0; font-size: 28px; line-height: 50px; color: #fff; }
  /*---------------------------------------------------- 	inner ----------------------------------------------------*/
  .inner, #page-head header, #nav-main, #content-main, #foot-content { width: auto; padding: 0 10px; min-width: 300px; }
  /*---------------------------------------------------- 	header ----------------------------------------------------*/
  #logo-main { max-width: 90%; font-size: 20px; }
  #link-official { display: none; }
  /*---------------------------------------------------- 	global navigation ----------------------------------------------------*/
  #nav-main { display: none; }
  /*---------------------------------------------------- 	contents ----------------------------------------------------*/
  .tit01, .contents-layout h2 { font-size: 20px; }
  .article-list .more-link { position: static; margin: 20px 0 0; }
  .article-list .more-link a { display: block; padding: 10px 0; border: 1px solid #ccc; background-color: #f0f0f0; text-align: center; font-size: 14px; }
  .article-list .more-link a:hover { background-color: #e0e0e0; }
  .article-list .more-link a:before { content: '\f0ca'; padding: 0 .5em 0 0; }
  .image-in-list { margin: 10px 0 0; }
  .image-in-list article { float: none; margin: 20px 0 0; width: auto; }
  .image-in-list article .image { float: left; margin: 0 10px 0 0; }
  .image-in-list article h3 { margin: 0; }
  .image-in-list article .meta { overflow: hidden; }
  .image-in-list a { overflow: hidden; }
  .image-in-list article .image { width: 30%; }
  .contents-layout .in-image-box .image { width: auto; }
  .contents-layout .over-x-table { overflow-x: auto; }
  .contents-layout .over-x-table table { white-space: nowrap; }
  .contents-layout .over-x-table span { display: block; }
  .pager { margin: 40px 0 0; text-align: center; line-height: 1.2; }
  .pager li { display: inline-block; }
  .pager a { display: block; padding: 5px 10px 4px; border: 1px solid #ccc; background-color: #f9f9f9; color: #333; text-decoration: none; }
  .pager span { display: block; padding: 5px 10px 4px; border: 1px solid #ccc; background-color: #f9f9f9; color: #333; }
  .pager span.current { border-color: black; background-color: #4B1A83; color: #fff; }
  /*---------------------------------------------------- 	contents Click Creator ----------------------------------------------------*/
  #cc-contents.contents-layout h1 { position: relative; padding: 10px 0; border-top: 8px solid #ccc; font-size: 185%; }
  #cc-contents.contents-layout h1::before { content: ''; position: absolute; left: 0; top: -8px; width: 30%; border-top: 8px solid #4b1a83; }
  #cc-contents.contents-layout h2 { padding: 12px 0 8px; border-top: 4px solid #4b1a83; background-color: #f3f3f3; font-size: 20px; box-shadow: inset 0 1px 0 1px #fff; }
  #cc-contents.contents-layout h2::before { content: ''; position: absolute; left: 0; top: -8px; width: 30%; border-top: none; }
  #cc-contents.contents-layout h3 { padding: 8px 0 4px; border-bottom: 4px solid #ccc; color: #4b1a83; font-size: 16px; font-weight: bold; border-top: none; background: none; }
  #cc-contents .tit01, #cc-contents .contents-layout h2, .contents-layout #cc-contents h2 { position: relative; padding: 10px 0; border-top: 8px solid #ccc; font-size: 185%; }
  #cc-contents .tit01::before, #cc-contents .contents-layout h2::before, .contents-layout #cc-contents h2::before { content: ''; position: absolute; left: 0; top: -8px; width: 30%; border-top: 8px solid #4b1a83; }
  #cc-contents .tit02, #cc-contents .contents-layout h3, .contents-layout #cc-contents h3 { padding: 12px 0 8px; border-top: 4px solid #4b1a83; background-color: #f3f3f3; font-size: 20px; box-shadow: inset 0 1px 0 1px #fff; }
  #cc-contents .tit03, #cc-contents .contents-layout h4, .contents-layout #cc-contents h4 { padding: 8px 0 4px; border-bottom: 4px solid #ccc; color: #4b1a83; font-size: 16px; font-weight: bold; border-top: none; background: none; }
  /*---------------------------------------------------- 	footer ----------------------------------------------------*/
  #address { margin: 15px 0 10px; }
  #foot-nav { margin: 0; border: none; position: absolute; left: 100%; top: 0; bottom: 0; width: 280px; border-left: 4px solid #890780; background-color: #4b1a83; text-align: left; }
  #foot-nav ul { display: block; border-top: 1px solid #7144a6; }
  #foot-nav ul li { display: block; margin: 0; border-bottom: 1px solid #7144a6; }
  #foot-nav ul li a:after { content: '\f054'; position: absolute; right: 10px; top: 50%; margin-top: -.5em; }
  #foot-nav ul li a:hover, #foot-nav ul li a.current { background-color: #653799; }
  #foot-nav ul:after { content: none; }
  #foot-nav div { display: block; margin: 0; }
  #foot-nav div a { margin: 20px 10px 0; border-radius: 4px; background-color: #fff; text-align: center; color: #890780; color: #333; font-weight: bold; }
  #foot-nav div a:before { content: ''; position: absolute; bottom: 5px; left: 5%; width: 90%; border-top: 1px solid #4b1a83; border-bottom: 2px solid #890780; }
  #foot-nav div a:after { content: "\f08e"; position: absolute; right: 5px; top: 50%; margin-top: -.5em; }
  #foot-nav a { position: relative; padding: 16px; color: #fff; font-size: 15px; } 
  /*  #foot-nav ul li:nth-child(n + 4){
      background-color: #8863A5;
      border-radius: 5px;
      margin: 5px;
  }
  */
  .b-colorT{ background-color: transparent !important;}

  .em-color{ background-color: #8863A5 !important;}

  .sp_emBtn{ margin: 10px !important; border-radius: 5px !important;}
  
  #foot-nav ul li a.current{
      background-color: #653799;
      border-radius: 5px;
  }
  }
/* pc
-------------------------------------------------- */
@media only screen and (min-width: 980px) { /*---------------------------------------------------- 	inner ----------------------------------------------------*/
  /*---------------------------------------------------- 	header ----------------------------------------------------*/
  /*---------------------------------------------------- 	global navigation ----------------------------------------------------*/
  /*---------------------------------------------------- 	contents ----------------------------------------------------*/
  .pager { margin: 40px 0 0; text-align: center; line-height: 1.2; }
  .pager li { display: inline-block; }
  .pager a { display: block; padding: 5px 10px 4px; border: 1px solid #ccc; background-color: #f9f9f9; color: #333; text-decoration: none; }
  .pager span { display: block; padding: 5px 10px 4px; border: 1px solid #ccc; background-color: #f9f9f9; color: #333; }
  .pager span.current { border-color: black; background-color: #4B1A83; color: #fff; }
  /*---------------------------------------------------- 	contents Click Creator ----------------------------------------------------*/
  #cc-contents.contents-layout h1 { position: relative; padding: 10px 0; border-top: 8px solid #ccc; font-size: 185%; }
  #cc-contents.contents-layout h1::before { content: ''; position: absolute; left: 0; top: -8px; width: 30%; border-top: 8px solid #4b1a83; }
  #cc-contents.contents-layout h2 { padding: 12px 0 8px; border-top: 4px solid #4b1a83; background-color: #f3f3f3; font-size: 20px; box-shadow: inset 0 1px 0 1px #fff; }
  #cc-contents.contents-layout h2::before { content: ''; position: absolute; left: 0; top: -8px; width: 30%; border-top: none; }
  #cc-contents.contents-layout h3 { padding: 8px 0 4px; border-bottom: 4px solid #ccc; color: #4b1a83; font-size: 16px; font-weight: bold; border-top: none; background: none; }
  #cc-contents .tit01, #cc-contents .contents-layout h2, .contents-layout #cc-contents h2 { position: relative; padding: 10px 0; border-top: 8px solid #ccc; font-size: 185%; }
  #cc-contents .tit01::before, #cc-contents .contents-layout h2::before, .contents-layout #cc-contents h2::before { content: ''; position: absolute; left: 0; top: -8px; width: 30%; border-top: 8px solid #4b1a83; }
  #cc-contents .tit02, #cc-contents .contents-layout h3, .contents-layout #cc-contents h3 { padding: 12px 0 8px; border-top: 4px solid #4b1a83; background-color: #f3f3f3; font-size: 20px; box-shadow: inset 0 1px 0 1px #fff; }
  #cc-contents .tit03, #cc-contents .contents-layout h4, .contents-layout #cc-contents h4 { padding: 8px 0 4px; border-bottom: 4px solid #ccc; color: #4b1a83; font-size: 16px; font-weight: bold; border-top: none; background: none; }
  /*---------------------------------------------------- 	footer ----------------------------------------------------*/ }


/*  WWL　ロゴマーク追加　2021.09.06
-----------------------------------------------*/
#logo-main{
    width: 80%;
}
.logo-wwl {
    margin: 0 1% 5px 0;
    float: left;
    width: 15%;
}
.logo-text {
    float: left;
}

.logo-main__en{
    width: 70% !important;
    font-size: 200% !important;
}
/*----------------------------------------------------
	media query
----------------------------------------------------*/
/* smart phone
-------------------------------------------------- */
@media only screen and (max-width: 589px) {
    .logo-wwl {
/*        width: 25% !important;*/
        width: 20% !important;
    }
    .logo-text {
        font-size: 18px;
    }

}

/*  Webサイトタイトル変更　2025.11.12
-----------------------------------------------*/
#page-head {
    position: relative;
}
#page-head .page-head-catch {
    position: absolute;
    bottom: 6px;
    color: #fff;
    background-color: #4D008A;
    border-top: 3px solid #ccc;
    width: 90%;
    text-align: center;
    padding: 5px 5% 5px;
    font-size: 1rem;
    font-weight: bold;
}
#logo-main {
    display: flex;
}
.logo-text {
    font-size: 1rem;
}
.logo-text span {
    font-size: 1.5rem;
    font-weight: bold;
}
.en-logo {
    font-size: 1.6rem;
}
.sp {
    display: none;
}

/* tablet
-------------------------------------------------- */
@media only screen and (min-width: 590px) and (max-width: 979px) {
    .logo-text {
        font-size: 2.5vw;
    }
    .logo-text span {
        font-size: 3vw;
    }
}
/* sp
-------------------------------------------------- */
@media only screen and (max-width: 589px) {
    #page-head {
        padding-bottom: 8vh;
        min-height: 110px;
    }
    .logo-text {
        font-size: 3.5vw;
    }
    .logo-text span {
        font-size: 4.5vw;
    }
    .sp {
        display: block;
    }
}
/*# sourceMappingURL=common.css.map */