@charset "utf-8";

img,iframe,video{border: none;vertical-align: bottom;}

html{overflow-y: scroll;}


.thumbnail-area img{cursor:pointer;}
.lead{color:#1b8958;}

.hr-transparent{border-color: transparent;}


/* area-news */
#area-news{}
#area-news h2,#area-news h2 small{color:#2ecc71;}
#area-news h2 small:before{background: #2ecc71;}

h2 + .nav-pills{margin-top: -15px;}

.nav-pills{display: flex;justify-content:center;margin: -.5px;}
.nav-pills > .nav-item{padding: .5px;}
.nav-pills > .nav-item .nav-link{padding:10px 15px;border-radius:0;display: block;white-space: nowrap;text-align: center;background: #3498db;color:#fff;opacity:.5;}

.nav-pills > .nav-item .nav-link.active,
.nav-pills > .nav-item .nav-link:hover,
.nav-pills > .nav-item .nav-link:active,
.nav-pills > .nav-item .nav-link:focus{background: #3498db;color:#fff;opacity:1;}


.nav-pills.nav-fill{display: flex;justify-content:center;border-top: 1px solid #3498db;border-left: 1px solid #3498db;margin: 0;}
.nav-pills.nav-fill > .nav-item{border-right: 1px solid #3498db;border-bottom: 1px solid #3498db;padding: 0;}
.nav-pills.nav-fill > .nav-item .nav-link{padding:10px 15px;border-radius:0;display: block;color:#3498db;white-space: nowrap;text-align: center;background: #fff;border: none;}

.nav-pills.nav-fill > .nav-item .nav-link.active,
.nav-pills.nav-fill > .nav-item .nav-link:hover,
.nav-pills.nav-fill > .nav-item .nav-link:active,
.nav-pills.nav-fill > .nav-item .nav-link:focus{background: #3498db;color:#fff;}



#news-box{}

.nws-scroll,.nws-scroll-large{}

.news-article{}
.news-article + .news-article{border-top: 1px dotted #666;}



.news-date,.news-comment{}

.news-title{font-weight: bold;margin-bottom: 10px;}

.news-date{display: table;width: 100%;font-weight: bold;color:#000;}
.date,.news-icon{display: table-cell;vertical-align: middle;}
.date img{width: 28px;height: 14px;}
.news-icon{background: #096c97;text-align: center;color:#fff;font-size: 12px;line-height: 24px;margin-top: 8px;width: 110px;}

.news-comment{}

.news-img{}
.news-img img{width: 100%;height: auto;}


.news-detail{margin-top: 10px;}

.bkno{position: absolute;top: -30px;right: 15px;z-index: 1;}


.frm-white{border:1px solid #fff;}

#company-map{padding: 30px 0 0;}

#section-map{}
#section-map iframe{max-height: 200px;}



.news-detail-title{font-size:16px;line-height: .7;margin-bottom:15px;color:#000;position: relative;position: relative;font-weight: bold;;background-size:8px;padding: 10px;}
.news-detail-date{display: flex;align-items:center;justify-content:space-between;margin-bottom: 15px;}
.detail-date{text-align: right;line-height: 24px;}
.detail-date img{width: 28px;height: 14px;vertical-align: middle;margin-right: 14px;}
.news-detail-icon{background: #096c97;text-align: center;color:#fff;font-size: 12px;line-height: 24px;width: 130px;}



#fotorama{margin-bottom: 30px;}

.phtfrm{background: #fff;padding: 3px;}


/* company */
.signature{text-align: center;font-weight: bold;font-size: 18px;line-height: 1;}
.signature small{display: block;font-weight: bold;margin-bottom: 10px;font-size: 12px;}




/* contact,form,inquiry */

/* phone */
[class*="phone-"]{line-height: 1.25;}
[class*="phone-"] i{margin-right: .25em;font-size: .75em;vertical-align: middle;}
[class*="phone-"] small{font-size: .75em;}
.phone-footer small{font-weight: bold;}



/* form control */
.radio + .radio,.checkbox + .checkbox{margin-top:10px;}
.form-inline .radio + .radio,.form-inline .checkbox + .checkbox{margin-top:0;}

.required-img img{width:32px;height:14px;vertical-align:middle;margin-right:0.25em;}

.pp-scroll{padding:13px;margin:-13px;height:200px;overflow-y:scroll;}
.pp-scroll a{color:#333;text-decoration:underline;}
.pp-scroll a:hover,
.pp-scroll a:active,
.pp-scroll a:focus{color:#333;text-decoration:none;}


.pp-scroll *:last-child{padding-bottom: 13px;}

input[type="checkbox"], input[type="radio"] {vertical-align:baseline;margin-right:5px !important;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]{margin-right:0.5em;margin-top:6px;}
.form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"]{margin-right:0.5em;margin-top:1px;}

input{font-size:100%;vertical-align:middle;}

input[type="text"], input[type="password"]{border:1px solid #ccc;border-radius:4px;line-height:normal;}
select{border:1px solid #ccc;border-radius:4px;line-height:normal;}

textarea{font-size:100%;border:1px solid #ccc;width:100%;border-radius:4px;line-height:normal;}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus{border:1px solid #ccc;background:#f6f6f6;border-radius:4px;}


select:focus{border:1px solid #ccc;background:#f6f6f6;border-radius:4px;line-height:normal;}

.req{color:#ffbaba;}
.required input[type="text"], .required input[type="password"], .required select, .required textarea{border:1px solid #ffbaba;line-height:normal;}

.required input[type="text"]:focus, .required input[type="password"]:focus, .required textarea:focus{background:#fff6f6;line-height:normal;}

label{margin:0 1em 0 0;}

.form-ss{width:80px;}
.form-s{width:100px;}
.form-m{width:100%;}
.form-l{width:100%;}
.form-ll{width:100%;}





/* title */

.tit-level1{line-height: 1;color:#333;display: flex;justify-content:center;flex-direction:column;align-items:center;text-align: center;font-weight: bold;}
.tit-level1 small{line-height: .75;display: block;font-family: 'swis721',sans-serif;color:#3498db;font-weight: bold;}
.tit-level1 small:before{/*content: "";background: #2ecc71;display: block;*/}

.tit-level1 + .lead{font-family: 'nsans-b',sans-serif;font-weight: normal;}



.tit-level2{line-height: 1.25;position: relative;font-weight: bold;color:#3498db;border-bottom: 1px dotted #666;}
.tit-level2 small{display: block;font-weight: bold;color:#333;vertical-align: top;}
.tit-level2:after{/*content: "…";color:#2ecc71;position: absolute;left: 50%;right: 50%;bottom: 0;font-family: 'nsans',sans-serif;*/}

.tit-level3{text-align: left;line-height: 1.5;position: relative;font-weight: bold;border-left: 4px solid #3498db;}

.tit-level4{font-size:15px;margin:30px 0 15px;line-height:1.25;font-weight:bold;text-align: left;text-align: center;}
.tit-level4:first-child{margin-top: 0;}
.tit-level4:last-child{margin-bottom: 0;}

.tit-catalogue{font-family: 'swis721','nsans',sans-serif;}


/* wrapper */
#wrapper{overflow: hidden;position: relative;}

/* header */
#header{}











/* mainvisual,h2 */
#main-bg{background: url(../images/bg-main.jpg) center bottom /cover no-repeat;}
#main{}

#page-bg{display: flex;flex-direction:column;background-position:center center;background-size:cover;background-repeat:no-repeat;}
#page-bg h2{z-index: 2;position: relative;line-height:1;color:#fff;text-align: center;font-weight: bold;text-shadow:0 0 12px rgba(0,51,153,.5)}
#page-bg h2 small{display: block;font-family: 'nsans',sans-serif;font-weight: bold;font-family: 'swis721',sans-serif;}





/* main contents */
#column-outer							{display: table;width: 100%;table-layout: fixed;}
#column									{display: table;width: 100%;table-layout: fixed;}

#left-column,#right-column,#main-column	{display: table-cell;vertical-align: top;}
#left-column							{padding-right: 30px;}
#right-column							{padding-left: 30px;}

#column										{display: table;width: 100%;table-layout: fixed;padding: 60px 0;}
#column #left-column,#column #right-column	{width: 270px;}
#column #left-column						{padding-right: 30px;}
#column #right-column						{padding-left: 30px;display: none;}





/* article */
section{padding: 30px 0;}
#column-outer section{}

section#access{padding: 0;}

section + section{margin-top: 0;}
.bg-blue{background: #f0f6fa;}
.bg-ivory{background: #fffcf6;border-top:1px solid #faf2e3;border-bottom:1px solid #faf2e3;}
.bg-gray{background: #f6f6f6;}
.bg-blue .tit-level1{color:#000;}
.bg-blue .tit-level1 small:before{background: #000;}

.bg-gray .well{background: #fff;}

.bg-first{background: #fffcf6;}

.bg-sky{background: #2ecc71;}
.bg-cherry{background: #f7b7c5;}

.bg-applegreen{background: #2ecc71;color:#fff;}

.anchor-point{margin-top: -50px;padding-top: 50px;}


/* catalogue parts */
.catalogue-img{position: relative;background:#fff;border:1px solid #ddd;padding-bottom: 75%;display: block;}
.catalogue-img img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-width: 100%;max-height: 100%;width: auto;height: auto;margin: auto;}

.cat-box-img .catalogue-img{border: none;}

.catalogue-img-full{}
.catalogue-img-full img{width: 100%;height: auto;}


.paging									{text-align:center;margin-top: 30px;display: flex;justify-content:center;}
.paging .paging-text,.paging .current	{margin:0 2px;color:#fff;text-decoration:none;text-align:center;padding:0;width:36px;line-height:34px;display: block;border-radius:50%;font-size: 18px;border: 1px solid #3498db;}
.paging .paging-text					{background:#fff;color:#3498db;cursor:pointer;}
.paging .paging-text:hover				{background:#3498db;color:#fff;text-decoration:none;}
.paging .paging-text:first-child,
.paging .paging-text:last-child			{width:36px;}

.paging .current						{background:#3498db;color:#fff;display:inline;zoom:1;text-decoration:none;display:inline-block;}



/* aside */
.list-group{}
.list-group h3{text-align: center;font-size: 18px;background: #2ecc71;color:#fff;padding: 14px;display: block;}
.list-group h3 a,.list-group h3 a:hover{text-align: center;font-size: 18px;background: #2ecc71;color:#fff;padding: 14px;display: block;margin: -14px;}

h3.accordion{text-align: center;font-size: 18px;color:#fff;padding: 14px;display: block;}
h3.accordion a,h3.accordion a:hover{text-align: center;font-size: 18px;background: #3498db;color:#fff;padding: 14px;display: block;margin: -14px;}


.list-group-item{display: table;width: 100%;padding: 0;}
.list-group-item:first-child,.list-group-item:last-child{border-radius:0;}

a.list-group-item{padding: 0;display: table;width: 100%;}
a.list-group-item:hover{background: #f6f6f6;}
a.list-group-item.active{background: #f9f9f9;border-color:#ddd}

.list-group-img{background-position: center center;background-repeat: no-repeat;background-size:cover;width: 55px;}
.list-group-img,.list-group-category{display: table-cell;vertical-align: middle;color:#333;}
.active .list-group-category{color: #333;}

.list-group-category{padding: 14px;}
.list-group-category:before{content: "\f00c";font-family: 'Font Awesome\ 5 Pro';display: inline-block;width: 1.5em;color:transparent;display: none;}
.active .list-group-category:before{color: #c00;}


/* cat-box */
.cat-box{border:1px solid #ddd;background: #fff;display: block;}
a.cat-box:hover,a.cat-box:focus,a.cat-box:active{opacity:.75;}

h3.tit-cat-box,
h4.tit-cat-box,
h5.tit-cat-box{text-align: center;background: #f6f6f6;color:#333;font-weight: bold;}

.tit-cat-box span{display: table;width: 100%;}
.tit-cat-box span span{display: table-cell;vertical-align: middle;text-align: center;}

.cat-box-img{margin: -14px -14px 14px;}
.cat-box-img:last-child{margin: -14px;}



/* footer */

#footer{background: url(../images/cmn/bg-footer.jpg) center center /cover no-repeat;}
#footer h2{color:#09843d;}





#flogo{}
#flogo img{width: 120px;height: auto;margin: 0 auto;display: block;}



/* footer-ssc */
.footer-status + .footer-contents,
.footer-contents + .footer-language{margin-top: 5px;}

.footer-telno{}

.footer-telno{width: 284px;}
.footer-parking,.footer-wifi{border: 1px dotted #999;text-align: center;font-size: 12px;line-height: 22px;display: block;}
.footer-parking i{color:#41bfb1;}
.footer-wifi i{color:#945ada;}
.footer-parking i,.footer-wifi i{font-size: 14px;margin-right: 5px;}

.footer-bizhours{font-size: 13px;line-height: 16px;}
.footer-bizhours strong{font-family: 'nsans-b',sans-serif;font-weight: normal;}

.footer-info .attention{font-size: 11px;line-height: 14px;margin-top: 0;}

#footer-grand{}
.footer-ssc,.footer-info{}
.footer-info{color:#613c1e;border-left: 1px dotted #666;padding-left: 29px;}

.footer-sscbox{display: table;width: 100%;}
.footer-area-s,.footer-area-l{display: table-cell;vertical-align: top;}

.footer-area-l {width: 95px;padding-left: 10px;}


#copyright{text-align: center;color:#333;}




/* box */
.box{border:1px solid #ddd;background: #fff;display: block;}
a.box:hover,a.box:focus,a.box:active{opacity:.75;}

.box-translucent{background: rgba(255,255,255,.5);}
.box-large{padding: 29px;border-radius:6px;}
.box-narrow{line-height: 1.25;}


h3.tit-box,
h4.tit-box,
h5.tit-box{text-align: center;background: #f6f6f6;color:#333;font-weight: bold;}

.tit-box span{display: table;width: 100%;}
.tit-box span span{display: table-cell;vertical-align: middle;text-align: center;}


h5.tit-policy{border-bottom:1px dotted #666;font-weight: bold;}




.box + .box{margin-top: 10px;}
.box-large + .box-large{margin-top: 20px;}


.box-img img{width: 100%;height: auto;}

.box-img + h4{margin-top: 14px;}

.tit-box + .box-img .catalogue-img{border-top: none;}

.box > dl{border-bottom: 1px solid #ddd;padding: 9px 0;}
.box > dl dt,.box > dl dd{}

.box h6{color: #2ecc71;}

.balloon-box{background: #fef3dc;border-radius:6px;padding: 15px;position: relative;}
.balloon-box:before{content: "";position: absolute;left: 50%;right: 50%;bottom: 100%;border-width:15px 10px;border-style: solid;border-color:transparent transparent #fef3dc;margin:0 -10px;}

.balloon-box > h5{font-size: 15px;line-height: 1.25;margin-bottom: 10px;font-weight: bold;text-align: center;}

.balloon-box-right{background: #fef3dc;border-radius:6px;padding: 15px;position: relative;}
.balloon-box-right:before{content: "";position: absolute;top: 50%;bottom: 50%;left: 100%;border-width:10px 15px;border-style: solid;border-color:transparent transparent transparent #fef3dc;margin:-10px 0;}

.balloon-box-down{background: #fef3dc;border-radius:6px;padding: 15px;position: relative;}
.balloon-box-down:before{content: "";position: absolute;left: 50%;right: 50%;top: 100%;border-width:15px 10px;border-style: solid;border-color: #fef3dc transparent transparent;margin:0 -10px;}


.icobox{position: relative;border:4px solid #2ecc71;}
.icobox:before{text-align: center;font-weight: bold;border-radius:50%;background: #2ecc71;color:#fff;position: absolute;}

.icobox h4{font-weight: bold;text-align: center;background: #2ecc71;color:#fff;}
.icobox h4 i{display: block;margin: 5px 0;}

#parking3 .row [class*="col-"]:nth-of-type(1) .icobox:before{content: "1";}
#parking3 .row [class*="col-"]:nth-of-type(2) .icobox:before{content: "2";}
#parking3 .row [class*="col-"]:nth-of-type(3) .icobox:before{content: "3";}

#epo3 .row [class*="col-"]:nth-of-type(1) .icobox:before{content: "1";}
#epo3 .row [class*="col-"]:nth-of-type(2) .icobox:before{content: "2";}
#epo3 .row [class*="col-"]:nth-of-type(3) .icobox:before{content: "3";}


.well{border:1px solid #ddd;padding: 14px;border-radius:4px;background: #f6f6f6;}
.well > h4{font-size: 18px;margin-bottom: 20px;color:#393;border-bottom: 1px dotted #393;padding-bottom: 9px;}

.well + .well{margin-top: 30px;}

.well hr{margin: 9px 0;}




#flow-box{font-size: 12px;}
.flow-box{padding:15px;background: #2ecc71;color:#fff;position: relative;text-align: center;border-radius:6px;font-weight: bold;}
.flow-box:after{content: "";border-width: 10px;border-style: solid;border-color: #2ecc71 transparent transparent;position: absolute;top: 100%;left: 50%;right: 50%;bottom: auto;margin:0 -10px;}
.flow-box:last-of-type:after{display: none;}


.flow-box .flow-ico{display: block;margin:0 auto 10px;width: 36px;}
.flow-box i.fa{font-size: 36px;}

.flow-box + .flow-box{margin-top: 15px;}

.flow-box span[data-tel]{color:#fff;}




.img-overlap{display: inline-block;position: relative;}
.img-overlap img{width: 100%;height: auto;box-shadow:0 0 10px rgba(0,0,0,.25);background: #fff;padding: 7px;border-radius:2px;z-index: 3;position: relative;display: inline-block;}

.img-overlap:before,.img-overlap:after{content: "";box-shadow:0 0 10px rgba(0,0,0,.25);background: #fff;padding: 5px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding-bottom: 33.3333333333%;width: 100%;}
.img-overlap:before{transform:rotate(4deg);z-index: 2;}
.img-overlap:after{transform:rotate(2deg);z-index: 1;}


.img-overlap-long{display: inline-block;position: relative;}
.img-overlap-long img{width: 100%;height: auto;box-shadow:0 0 10px rgba(0,0,0,.25);background: #fff;padding: 7px;border-radius:2px;z-index: 3;position: relative;display: inline-block;}

.img-overlap-long:before,.img-overlap-long:after{content: "";box-shadow:0 0 10px rgba(0,0,0,.25);background: #fff;padding: 5px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding-bottom: 33.3333333333%;width: 100%;}
.img-overlap-long:before{transform:rotate(2deg);z-index: 2;}
.img-overlap-long:after{transform:rotate(1deg);z-index: 1;}

.img-overlap-wrap{margin: 30px 0;}


.cap-box{display: flex;flex-direction:column;}
.cap-box .cap,.cap-img{}
.cap-img img{}
.cap-box .cap{font-weight: bold;color:#333;line-height: 1.5;text-align: center;padding-top: 10px;}


/* table */
table{border-spacing:0;border-collapse:separate;width:100%;}
th,td{line-height:1.5;}
th{white-space:nowrap;}
td{}

.cmn-tb{border-top: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;margin-top: -1px;}
.cmn-tb th,.cmn-tb td{border-bottom: 1px solid #ddd;}
.cmn-tb th{}
.cmn-tb td{background: #fff;}

.tb-col{}
.tb-col th,.tb-col td{text-align: center;}

.tb-row th{text-align: left;}

.cmn-tb.prf th{width: 8em;background: #fff;}
.cmn-tb.hst th{width: 8em;background: #fff;}
.cmn-tb.rcr th{width: 10em;}
.cmn-tb.frm th{width: 13em;background: #fff;}
.cmn-tb.frm th.required{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDQ2IDE0LjAxIj48dGl0bGU+cmVxdWlyZTwvdGl0bGU+PHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjE0IiBzdHlsZT0iZmlsbDojYzAwIi8+PHJlY3QgeD0iMzIiIHk9IjAuMDEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgc3R5bGU9ImZpbGw6bm9uZSIvPjxwYXRoIGQ9Ik0xMTcuODgsMTUxLjA5bC0xLjEzLS44NGExMi4yNSwxMi4yNSwwLDAsMCwuNzctMy41OGwxLjI5LjM4QTEzLjkxLDEzLjkxLDAsMCwxLDExNy44OCwxNTEuMDlabTIuOS4yOFYxNTJjMCwuMTgsMCwuMTkuMzIuMTloMS43N2MuNTIsMCwuNjEtLjE0LjY3LTEuOGwxLjM4LjcyYy0uMjksMi4zMy0uNjcsMi4zOS0yLDIuMzloLTIuMTJjLS44OCwwLTEuMzYsMC0xLjM2LS45NXYtLjI3YTkuOCw5LjgsMCwwLDEtMS44LDFsLS43OS0xLjIxYTEwLjcyLDEwLjcyLDAsMCwwLDIuNTktMS40OHYtNC4yNmgxLjMydjMuMzJhMTMuOTEsMTMuOTEsMCwwLDAsMy4xMi01bDEuMzIuODFTMTIzLjM2LDE0OS40MSwxMjAuNzgsMTUxLjM3Wm0xLjQ0LTQuNzZhMTMuMzYsMTMuMzYsMCwwLDAtMi43NS0xLjI5bC43Mi0xLjE1YTEyLjQ3LDEyLjQ3LDAsMCwxLDIuNzUsMS4yMlptMyw0Ljc2YTExLjg0LDExLjg0LDAsMCwwLTEuMTUtMy4yM2wxLjE5LS42N2ExOS41OCwxOS41OCwwLDAsMSwxLjE1LDNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTEyNy41OSwxNTMuNjZsLS43MS0xLjIzYTcuMDYsNy4wNiwwLDAsMCwyLjg2LTIuNDFsLjg5LDFBNy40Niw3LjQ2LDAsMCwxLDEyNy41OSwxNTMuNjZabS4yNi02LjMyLS43My0xLjJhNi42NCw2LjY0LDAsMCwwLDIuMzgtMS45NWwuODcuOTNBNy42OCw3LjY4LDAsMCwxLDEyNy44NSwxNDcuMzRabTAsMy0uNzUtMS4yYTcuMiw3LjIsMCwwLDAsMi41My0ybC44NCwxQTcuNjEsNy42MSwwLDAsMSwxMjcuODcsMTUwLjMyWm03LjcxLDMuMzNhMTAuODgsMTAuODgsMCwwLDEtMi4yLTFsLjc0LS43M2gtMS43NmwuNzEuNzJhMTEsMTEsMCwwLDEtMi40MiwxLjA3bC0uOC0xLjE3YTkuNjUsOS42NSwwLDAsMCwxLjk0LS42MmgtMXYtNS41OUgxMzJhMi43NiwyLjc2LDAsMCwwLC4yOC0uNTRoLTEuODd2LTEuMTloNS43N3YxLjE5aC0yLjQxYTIuMjMsMi4yMywwLDAsMS0uMjYuNTRoMi4yNHY1LjU5aC0xLjE5YTExLjA3LDExLjA3LDAsMCwwLDEuNzYuNjRabS0xLTYuMjhIMTMydi40N2gyLjUzWm0wLDEuNDNIMTMydi40OGgyLjUzWm0wLDEuNDRIMTMydi41aDIuNTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+) right center /46px no-repeat #fff;}

span.required-img{display: inline-block;background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDE0Ij48dGl0bGU+cmVxdWlyZS10eHQ8L3RpdGxlPjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIxNCIgc3R5bGU9ImZpbGw6I2MwMCIvPjxwYXRoIGQ9Ik0xMTcuODgsMTUxLjA5bC0xLjEzLS44NGExMi4yNSwxMi4yNSwwLDAsMCwuNzctMy41OGwxLjI5LjM4QTEzLjkxLDEzLjkxLDAsMCwxLDExNy44OCwxNTEuMDlabTIuOS4yOFYxNTJjMCwuMTgsMCwuMTkuMzIuMTloMS43N2MuNTIsMCwuNjEtLjE0LjY3LTEuOGwxLjM4LjcyYy0uMjksMi4zMy0uNjcsMi4zOS0yLDIuMzloLTIuMTJjLS44OCwwLTEuMzYsMC0xLjM2LS45NXYtLjI3YTkuOCw5LjgsMCwwLDEtMS44LDFsLS43OS0xLjIxYTEwLjcyLDEwLjcyLDAsMCwwLDIuNTktMS40OHYtNC4yNmgxLjMydjMuMzJhMTMuOTEsMTMuOTEsMCwwLDAsMy4xMi01bDEuMzIuODFTMTIzLjM2LDE0OS40MSwxMjAuNzgsMTUxLjM3Wm0xLjQ0LTQuNzZhMTMuMzYsMTMuMzYsMCwwLDAtMi43NS0xLjI5bC43Mi0xLjE1YTEyLjQ3LDEyLjQ3LDAsMCwxLDIuNzUsMS4yMlptMyw0Ljc2YTExLjg0LDExLjg0LDAsMCwwLTEuMTUtMy4yM2wxLjE5LS42N2ExOS41OCwxOS41OCwwLDAsMSwxLjE1LDNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTEyNy41OSwxNTMuNjZsLS43MS0xLjIzYTcuMDYsNy4wNiwwLDAsMCwyLjg2LTIuNDFsLjg5LDFBNy40Niw3LjQ2LDAsMCwxLDEyNy41OSwxNTMuNjZabS4yNi02LjMyLS43My0xLjJhNi42NCw2LjY0LDAsMCwwLDIuMzgtMS45NWwuODcuOTNBNy42OCw3LjY4LDAsMCwxLDEyNy44NSwxNDcuMzRabTAsMy0uNzUtMS4yYTcuMiw3LjIsMCwwLDAsMi41My0ybC44NCwxQTcuNjEsNy42MSwwLDAsMSwxMjcuODcsMTUwLjMyWm03LjcxLDMuMzNhMTAuODgsMTAuODgsMCwwLDEtMi4yLTFsLjc0LS43M2gtMS43NmwuNzEuNzJhMTEsMTEsMCwwLDEtMi40MiwxLjA3bC0uOC0xLjE3YTkuNjUsOS42NSwwLDAsMCwxLjk0LS42MmgtMXYtNS41OUgxMzJhMi43NiwyLjc2LDAsMCwwLC4yOC0uNTRoLTEuODd2LTEuMTloNS43N3YxLjE5aC0yLjQxYTIuMjMsMi4yMywwLDAsMS0uMjYuNTRoMi4yNHY1LjU5aC0xLjE5YTExLjA3LDExLjA3LDAsMCwwLDEuNzYuNjRabS0xLTYuMjhIMTMydi40N2gyLjUzWm0wLDEuNDNIMTMydi40OGgyLjUzWm0wLDEuNDRIMTMydi41aDIuNTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+) center center /cover no-repeat;width: 28px;height: 14px;vertical-align: baseline;margin-right: 5px;}


.cmn-tb.prf td dl{display: table;width: 100%;}
.cmn-tb.prf td dt{display: table-cell;vertical-align: top;width: 11em;}

.img-schedule{border: 2px solid #ddd;padding: 18px;}


/* list */
.disc{margin:0;padding:0;}
.disc li{margin-left:1.5em;}

.circle{margin:0;padding:0;list-style:none;}
.circle li{padding-left:24px;}
.circle li:before{content:"\f111";font-family:'Font Awesome\ 5 Pro';display:inline-block;width:24px;margin-left:-24px;color:#0d81c3;}

.decimal{margin:0;padding:0;}
.decimal li{margin-left:1.5em;}

.check{margin:0;padding:0;list-style:none;}
.check li{padding-left:24px;}
.check li:before{content:"\f00c";font-family:'Font Awesome\ 5 Pro';display:inline-block;width:24px;margin-left:-24px;color:#2ecc71;font-weight: bold;}
.check li + li{margin-top:5px;}

.checklist{margin:0;padding:0;list-style:none;display: flex;flex-wrap:wrap;justify-content:center;}
.checklist li{line-height: 1;display: inline-block;padding: 8px;border:2px solid #2ecc71;font-weight: bold;background: #fff;margin: 2px;}
.checklist li:before{content:"\f00c";font-family:'Font Awesome\ 5 Pro';display:inline-block;width:1.5em;color:#0d81c3;font-weight: bold;text-align: left;}




.kome{line-height:1.5;padding-left:1.5em;}
.kome:before{content:"※";display:inline-block;width:1.5em;margin-left:-1.5em;color:#e60012;}
.kome + .kome{margin-top:0;}


/* btn- */


.btn-negative,.btn-negative:hover,.btn-negative:active,.btn-negative:focus			{background:#fff;color:#333;border:1px solid #ddd;}

.btn-header,.btn-header:hover,.btn-header:active,.btn-header:focus					{background:#2ecc71;color:#fff;}
.btn-header i.fa{font-size: 16px;}
.btn-footer,.btn-footer:hover,.btn-footer:active,.btn-footer:focus					{background:#fff;color:#333;border-radius:0;border:2px solid #333;}

.btn-backnumber,.btn-backnumber:hover,.btn-backnumber:active,.btn-backnumber:focus	{background:#2ecc71;color:#fff;}
.btn-backnumber i.fa{font-size: 14px;}

.btn-map,a.btn-map:hover,a.btn-map:active,a.btn-map:focus							{background:#2ecc71;color:#fff;border-radius:0;}

.btn-cclr,.btn-cclr:hover,.btn-cclr:active,.btn-cclr:focus,
button.btn-cclr:hover,button.btn-cclr:active,button.btn-cclr:focus,
input.btn-cclr:hover,input.btn-cclr:active,input.btn-cclr:focus						{background:#3498db;color:#fff;border-radius:10px;border-radius:30px;}
.btn-cclr-b,.btn-cclr-b:hover,.btn-cclr-b:active,.btn-cclr-b:focus,
button.btn-cclr-b:hover,button.btn-cclr-b:active,button.btn-cclr-b:focus,
input.btn-cclr-b:hover,input.btn-cclr-b:active,input.btn-cclr-b:focus						{background:#FF6E00;color:#fff;border-radius:10px;border-radius:30px;}
input[type="submit"]:hover{opacity:.75;}

.btn-more,.btn-more:hover,.btn-more:active,.btn-more:focus							{background:#2ecc71;color:#fff;border-radius:10px;}


.btn-category,.btn-category:hover,.btn-category:active,.btn-category:focus			{background:#2ecc71;color:#fff;position: relative;}
.btn-category.active																{background: #396;}
.btn-category.active:before															{content: "\f058";font-family: 'Font Awesome\ 5 Pro';margin-bottom: 10px;position: absolute;left: 50%;right: 50%;}


.btn-list,a.btn-list:hover,a.btn-list:active,a.btn-list:focus						{background:#fff;color:#333;border:1px solid #2ecc71;border-radius:30px;}

.btn-detail,a.btn-detail:hover,a.btn-detail:active,a.btn-detail:focus				{background:#2ecc71;color:#fff;}

.btn-contact,.btn-contact:hover,.btn-contact:active,.btn-contact:focus				{background:#2ecc71;color:#fff;border-radius:30px;font-weight: bold;}




/* btn- brand */
.btn-facebook,.btn-instagram,.btn-twitter											{border-radius:50%;text-align: center;padding: 8px !important;}
.btn-facebook,.btn-facebook:hover,.btn-facebook:active,.btn-facebook:focus			{background:#305097;color:#fff;}
.btn-instagram,.btn-instagram:hover,.btn-instagram:active,.btn-instagram:focus		{background:#dd2971;color:#fff;}
.btn-twitter,.btn-twitter:hover,.btn-twitter:active,.btn-twitter:focus				{background:#00aced;color:#fff;}





/* btn- contents */
.btn-gallery,.btn-media,.btn-blog													{text-align: center;font-size: 12px;border-radius:0;}
.btn-gallery,.btn-gallery:hover,.btn-gallery:active,.btn-gallery:focus				{background: #ff9502;color:#fff;}
.btn-media,.btn-media:hover,.btn-media:active,.btn-media:focus						{background: #02bb85;color:#fff;}
.btn-blog,.btn-blog:hover,.btn-blog:active,.btn-blog:focus							{background: #9c5d30;color:#fff;}

/* btn- language */
.btn-ja,.btn-en,.btn-fr																{text-align: center;font-size: 12px;border-radius:0;color:rgba(255,255,255,.25);}
.btn-ja,.btn-ja:hover,.btn-ja:active,.btn-ja:focus									{background: #f62d35;}
.btn-en,.btn-en:hover,.btn-en:active,.btn-en:focus									{background: #d2bf59;color:rgba(255,255,255,.25);}
.btn-fr,.btn-fr:hover,.btn-fr:active,.btn-fr:focus									{background: #d37ad0;color:rgba(255,255,255,.25);}

.btn-ja:hover,.btn-ja:active,.btn-ja:focus,
.btn-en:hover,.btn-en:active,.btn-en:focus,
.btn-fr:hover,.btn-fr:active,.btn-fr:focus,
.btn-ja.active,.btn-en.active,.btn-fr.active										{color:rgba(255,255,255,1);}

.btn-access,.btn-monthly															{text-align: center;border-radius:0;font-size: 14px;line-height: 14px;font-family: 'nserif',serif;}
.btn-access i,.btn-monthly i														{display: block;font-size: 20px;margin-bottom: 5px;}
.btn-access,.btn-access:hover,.btn-access:active,.btn-access:focus					{background:#41bfb1;color:#fff;}
.btn-monthly,.btn-monthly:hover,.btn-monthly:active,.btn-monthly:focus				{background:#ff9502;color:#fff;}


.navbar-sscbox .btn-gallery,
.navbar-sscbox .btn-media,
.navbar-sscbox .btn-blog,
.navbar-sscbox .btn-ja,
.navbar-sscbox .btn-en,
.navbar-sscbox .btn-fr{line-height: 26px;}

.navbar-sscbox .btn-access,
.navbar-sscbox .btn-monthly{padding: 22px 4px !important;}

.footer-sscbox .btn-gallery,
.footer-sscbox .btn-media,
.footer-sscbox .btn-blog,
.footer-sscbox .btn-ja,
.footer-sscbox .btn-en,
.footer-sscbox .btn-fr{line-height: 12px;}

.footer-sscbox .btn-access,
.footer-sscbox .btn-monthly{padding: 23px 4px 24px !important;}


/* btn- application */
.btn-pdf,a.btn-pdf:hover,a.btn-pdf:active,a.btn-pdf:focus							{background:#00479d;color:#fff;display: block;font-weight: bold;border-radius:0;border: none;}
.btn-pdf:before																		{content: "\f1c1";font-family: 'Font Awesome\ 5 Pro';margin-right: 0.5em;color:#c00;display: none;}

.btn-word,a.btn-word:hover,a.btn-word:active,a.btn-word:focus						{background:#00479d;color:#fff;display: block;font-weight: bold;border-radius:0;border: none;}
.btn-word:before																	{content: "\f1c1";font-family: 'Font Awesome\ 5 Pro';margin-right: 0.5em;color:#c00;display: none;}

.btn-excel,a.btn-excel:hover,a.btn-excel:active,a.btn-excel:focus					{background:#00479d;color:#fff;display: block;font-weight: bold;border-radius:0;border: none;}
.btn-excel:before																	{content: "\f1c1";font-family: 'Font Awesome\ 5 Pro';margin-right: 0.5em;color:#c00;display: none;}

.btn-file,a.btn-file:hover,a.btn-file:active,a.btn-file:focus						{background:#00479d;color:#fff;display: block;font-weight: bold;border-radius:0;border: none;}
.btn-file:before																	{content: "\f1c1";font-family: 'Font Awesome\ 5 Pro';margin-right: 0.5em;color:#c00;display: none;}



.mx-auto{display: block;}


.text-orange{color:#f30;}


/* iPhone SE vertical Only */
@media (max-width:575px){
	/* index */
	#area-news{}

	#news-box{}
	#news-box h2{font-size: 24px;line-height: .75;text-align: center;font-weight: bold;font-family: 'swis721',sans-serif;color: #2ecc71;}
	.nws-scroll{}

	.nws-scroll,.nws-scroll-large{}

	.news-article{padding: 15px 0;display: block;}
	.news-article + .news-article{}

	.news-txt,.news-img{display: block;}

	.news-date,.news-comment,.news-detail{}

	.news-date{width: auto;vertical-align: top;display: block;margin-bottom: 15px;}
	.date{display: block;position: relative;}
	.date img {
	    vertical-align: middle;
	    position: absolute;
	    top: 50%;
	    right: 0;
	    bottom: 50%;
	    margin: -6px 0;
	    display: block;
	}
	.news-icon{display: block;}

	.news-comment{}

	.news-img{width: 293px;padding-left: 0;margin-top: 10px;}
	.news-img img{}


	.news-detail{margin-top: 10px;width: auto;vertical-align: top;}

	.bkno{position: absolute;top: -85px;right: 0;z-index: 1;width: 150px;}


	.news-detail-title{font-size:21px;line-height: .7;margin-bottom:15px;color:#000;position: relative;position: relative;font-weight: bold;background: url(../images/cmn/stripe-yellow.png);background-size:8px;padding: 20px 15px;}
	.news-detail-date{display: flex;align-items:center;justify-content:space-between;margin-bottom: 15px;}
	.detail-date{text-align: right;line-height: 24px;}
	.detail-date img{width: 28px;height: 14px;vertical-align: middle;margin-right: 14px;}
	.news-detail-icon{background: #096c97;text-align: center;color:#fff;font-size: 12px;line-height: 24px;width: 130px;}

	.bkno{position: absolute;top: -55px;right: 15px;z-index: 1;}



	.cmn-tb.frm th,.cmn-tb.frm td{display: block;width: 100%;}
	.cmn-tb.frm th{line-height: 1;border-bottom: none;padding: 9px 9px 4px;}
	.cmn-tb.frm td{padding: 4px 9px 9px;}

	.cmn-tb.rcr th,.cmn-tb.rcr td{display: block;width: 100%;}
	.cmn-tb.rcr th{line-height: 1;}
	.cmn-tb.rcr td{}

	.cmn-tb.prf th,.cmn-tb.prf td{display: block;width: 100%;}
	.cmn-tb.prf th{line-height: 1;}
	.cmn-tb.prf td{}

	.cmn-tb.hkn th,.cmn-tb.hkn td{display: block;width: 100%;}
	.cmn-tb.hkn th{line-height: 1;padding: 24px 0 8px;}
	.cmn-tb.hkn th.required {background: url(../images/cmn/require-txt.svg) right 24px /32px no-repeat;}
	.cmn-tb.hkn td{padding: 0 0 14px;}

	.cmn-tb.hkn2 th,.cmn-tb.hkn2 td{display: block;width: 100%;}
	.cmn-tb.hkn2 th{line-height: 1;padding: 24px 0 8px;}
	.cmn-tb.hkn2 th.required {background: url(../images/cmn/require-txt.svg) right 24px /32px no-repeat;}
	.cmn-tb.hkn2 td{padding: 0 0 14px;}

	.cmn-tb.kgr th,.cmn-tb.kgr td{display: block;width: 100%;}
	.cmn-tb.kgr th{line-height: 1;padding: 24px 0 8px;}
	.cmn-tb.kgr th.required {background: url(../images/cmn/require-txt.svg) right 24px /32px no-repeat;}
	.cmn-tb.kgr td{padding: 0 0 14px;}

	.cmn-tb.kgr2 th,.cmn-tb.kgr2 td{display: block;width: 100%;}
	.cmn-tb.kgr2 th{line-height: 1;padding: 24px 0 8px;}
	.cmn-tb.kgr2 th.required {background: url(../images/cmn/require-txt.svg) right 24px /32px no-repeat;}
	.cmn-tb.kgr2 td{padding: 0 0 14px;}

	.cmn-tb.prc2 th,.cmn-tb.prc2 td{display: block;width: 100%;}
	.cmn-tb.prc3 th,.cmn-tb.prc3 td{display: block;width: 100%;}



	.checklist{margin:0;padding:0;list-style:none;display: flex;flex-wrap:wrap;justify-content:center;flex-direction:column;}
	.checklist li{line-height: 1.25;padding: .5em .5em .5em 2em;border:2px solid #2ecc71;font-weight: bold;background: #fff;margin: 2px;}
	.checklist li:before{content:"\f00c";font-family:'Font Awesome\ 5 Pro';display:inline-block;width:1.5em;margin-left: -1.5em;color:#0d81c3;font-weight: bold;text-align: left;}


	#footer{background:#e0ebe3;}

	#footer-box{}
	#footer-left,#footer-center,#footer-right{}

	#footer-left h3{margin-bottom: 10px;text-align: center;}
	#footer-left h3 img{width: 160px;height: auto;}

	#footer-left{padding: 0;}
	#footer-right{border-top: 1px solid #ddd;padding-top: 15px;}

	.foot-tb{margin: 15px 0 0;width: 100%;}
	.foot-tb th,.foot-tb td{display: block;padding: 0;width: 100%;}
	.foot-tb th{background: #2ecc71;color:#fff;text-align: center;border: 1px solid #2ecc71;padding: 10px;}

	.foot-tb td:nth-of-type(1){padding:15px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
	.foot-tb td:nth-of-type(1) .fadd{font-size: 14px;line-height: 1;}
	.foot-tb td:nth-of-type(1) .fadd + .fadd{border-top: 1px dotted #666;margin-top: 9px;padding-top: 9px;}
	.foot-tb td:nth-of-type(2){border: 1px solid #2ecc71;}


	.btn-map,a.btn-map:hover,a.btn-map:active,a.btn-map:focus							{font-size: 16px;line-height: 36px;padding:0;}

	.tit-box small{font-size: 12px;margin-top: 9px;font-weight: normal;}


	h3.tit-recruit{text-align: left;line-height: 1.25;}


	.footer-brand{margin: 0 auto;}


	section#access iframe{height: 100vw;}

}

/* iPhone 6s horizontal Only */
@media (min-width:576px) and (max-width:767px){
	/* index */
	#area-news{}
	#area-news h2{}


	#news-box{display: table;width: 100%;table-layout: fixed;}
	#news-box h2,.nws-scroll{display: table-cell;vertical-align: top;}
	#news-box h2{width: 50px;}
	#news-box h2 img{width: 35px;height: auto;}

	.nws-scroll{}

	.news-title{width: 115px;}
	.news-title h2{transform:rotate(90deg);transform-origin:0 100%;margin-top: -13px;}

	.nws-scroll,.nws-scroll-large{overflow: hidden;}

	.news-article{padding: 26px 0;display: table;width: 100%;}
	.news-article:first-child{margin-top: -27px;}
	.news-article:last-child{margin-bottom: -27px;}
	.news-article + .news-article{}

	.news-txt,.news-img{}

	.news-date,.news-comment,.news-detail{display: table-cell;vertical-align: top;line-height: 20px;}

	.news-date{width: 100px;vertical-align: top;display: block;font-size: 16px;padding-right: 15px;}
	.date{display: block;}
	.date img {
	    vertical-align: middle;
	    display: block;
	}
	.news-icon{display: block;}

	.news-comment{font-size: 14px;}

	.news-img{width: 293px;padding-left: 30px;}
	.news-img img{}


	.news-detail{margin-top: 10px;width: 165px;vertical-align: top;padding-left: 15px;}

	.bkno{position: absolute;top: -85px;right: 0;z-index: 1;width: 150px;}


	.news-detail-title{font-size:21px;line-height: .7;margin-bottom:15px;color:#000;position: relative;position: relative;font-weight: bold;background: url(../images/cmn/stripe-yellow.png);background-size:8px;padding: 20px 15px;}
	.news-detail-date{display: flex;align-items:center;justify-content:space-between;margin-bottom: 15px;}
	.detail-date{text-align: right;line-height: 24px;}
	.detail-date img{width: 28px;height: 14px;vertical-align: middle;margin-right: 14px;}
	.news-detail-icon{background: #096c97;text-align: center;color:#fff;font-size: 12px;line-height: 24px;width: 130px;}

	#main{padding:0 15px 30px;}



	.cmn-tb th,.cmn-tb td{border-bottom: 1px solid #ddd;}

	.cmn-tb.std{font-size: inherit;}
	.cmn-tb.std th,.cmn-tb.std td{padding:14px;}

	#flow-box{display: flex;}
	.flow-box{padding:10px 5px;background: #2ecc71;color:#fff;position: relative;text-align: center;border-radius:6px;}
	.flow-box:after{border-color: transparent transparent transparent #2ecc71;position: absolute;top: 50%;left: 100%;right: auto;bottom: 50%;margin:-10px 0;}
	.flow-box:last-of-type:after{display: none;}

	#flow-box.col3 .flow-box{flex:1 1 33.3333333333%;max-width:33.3333333333%;}
	#flow-box.col5 .flow-box{flex:1 1 20%;max-width:20%;}
	#flow-box.col6 .flow-box{flex:1 1 16.6666666666%;max-width:16.6666666666%;}


	.flow-box .flow-ico{display: block;margin:0 auto 10px;width: 36px;}
	.flow-box i.fa{font-size: 36px;}

	.flow-box + .flow-box{margin-top: 0;margin-left: 15px;}


	.btn-backnumber,.btn-backnumber:hover,.btn-backnumber:active,.btn-backnumber:focus	{font-size: 16px;line-height: 38px;border-radius:0;border-radius:4px;}


	#footer-box{display: table;width: 100%;max-width: 874px;margin: 0 auto;table-layout: fixed;}
	#footer-left,#footer-center,#footer-right{display: table-cell;vertical-align: top;}

	#footer-left h3{margin-bottom: 10px;padding-left: 9px;}

	#footer-left{padding-right: 14px;}
	#footer-right{border-left: 1px solid #ddd;padding-left: 14px;width: 360px;}

	.foot-tb{margin-top: 15px;table-layout: fixed;}
	.foot-tb th,.foot-tb td{vertical-align: middle;padding: 0;}
	.foot-tb th{background: #2ecc71;color:#fff;width: 80px;text-align: center;border: 1px solid #2ecc71}

	.foot-tb td:nth-of-type(1){padding:5px 10px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
	.foot-tb td:nth-of-type(1) .fadd{font-size: 14px;line-height: 1.25;}
	.foot-tb td:nth-of-type(1) .fadd + .fadd{border-top: 1px dotted #666;margin-top: 9px;padding-top: 9px;}
	.foot-tb td:nth-of-type(2){width: 68px;border: 1px solid #2ecc71;}

	.btn-map,a.btn-map:hover,a.btn-map:active,a.btn-map:focus							{font-size: 16px;line-height: 100px;padding:0;}

	section#access iframe{height: 67vw;}

}

/* iPhone all */
@media (max-width:767px){
	/* index */

	.navbar-brand			{padding: 15px 15px;margin: 0;width: 270px;}


	.nav-pills .nav-item .nav-link{font-size: 14px;padding: 5px 10px;}


	#main-image{}

	#slider-bg .container{}


	#page-bg h2{font-size: 24px;padding: 30px 0;}
	#page-bg h2 small {margin-top: 10px;font-size: 12px;}

	.phone-slash{display: block;height: 5px;color:transparent;}


	/* main contents */
	#column-outer							{display: table;width: 100%;table-layout: fixed;}
	#column									{display: block;}

	#left-column,#right-column,#main-column	{display: block;}

	#column										{display: block;padding: 0;}
	#column #left-column,#column #right-column	{width: auto;padding: 30px 0;}
	#column #left-column						{}
	#column #right-column						{}


	section{padding: 30px 0;}
	section + section{}
	#column section{padding: 0;}
	#column section + section{border-top:none;}


	/* title */
	h2{font-size: 30px;}
	h3{font-size: 24px;}
	h4{font-size: 18px;}
	h5{font-size: 16px;}


	[class*="tit-level"]:first-child{margin-top: 0;}
	[class*="tit-level"]:last-child{margin-bottom: 0;}



	.tit-level1{font-size:21px;margin-bottom: 30px;}
	.tit-level1 small{font-size: 12px;line-height: 12px;margin-bottom: 10px;}
	.tit-level1 small:before{/*height: 2px;flex-basis:78px;width:78px;margin: 12px auto 10px;*/}


	.tit-level1 + .lead{font-size: 18px;margin-bottom: 15px;}


	.tit-level2{font-size:16px;margin-bottom: 15px;padding-bottom: 14px;}
	.tit-level2 small{font-size: 16px;line-height: 16px;margin-top: 10px;}
	.tit-level2:after{font-size: 24px;margin:0 -12px;width: 24px;line-height: 24px;height: 24px;font-weight: bold;}

	.tit-level3{font-size: 15px;margin:30px 0 15px;padding-left: 12px;}
	.tit-level3 strong{font-weight: normal;color:#393;margin-right: 0.25em;}

	.tit-level4{font-size:21px;margin:0px 0 15px;line-height:1.5;border-bottom:1px dotted #333;padding-bottom:16px;font-weight:bold;text-align: left;font-family: 'nsans-b',sans-serif;text-align: center;}

	.tit-catalogue{font-size:18px;line-height: 1.25;margin-bottom: 15px;border-bottom: 3px solid #3498db;padding-bottom: 9px;font-weight: bold;}




	/* form-control */
	.pp-scroll{padding:13px;margin:-13px;}

	.pp-scroll h5{font-size: 15px;padding-bottom: 9px;margin:20px 0 10px;}

	.pp-scroll *:last-child{padding-bottom: 13px;}





	/* phone */
	.phone-large{font-size: 30px;line-height: .9;}
	.phone-medium{font-size: 24px;line-height: .9;}
	.phone-footer{font-size: 21px;line-height: .9;font-weight: bold;}


	input[type="text"], input[type="password"],textarea{padding: 9px;}
	select{padding:6px 9px;}

	/* footer */

	/* fnav */
	#fnav{padding: 0;}

	#footer{padding: 30px 0;}

	#footer h2{font-size: 18px;margin-bottom: 15px;}
	#footer p{font-size: 14px;line-height: 21px;}

	#footer .phone-large{margin: 10px 0;}


	#copyright{font-size: 12px;line-height: 30px;}





	.btn-negative,.btn-negative:hover,.btn-negative:active,.btn-negative:focus			{font-size: 14px;line-height: 34px;}

	.btn-header,.btn-header:hover,.btn-header:active,.btn-header:focus					{font-size: 18px;line-height: 38px;}
	.btn-header i.fa{font-size: 16px;}
	.btn-footer,a.btn-footer:hover,a.btn-footer:active,a.btn-footer:focus					{font-size: 16px;line-height: 36px;padding:0 12px;}

	.btn-backnumber,.btn-backnumber:hover,.btn-backnumber:active,.btn-backnumber:focus	{font-size: 16px;line-height: 38px;border-radius:0;border-radius:0 0 4px 4px;}
	.btn-backnumber i.fa{font-size: 14px;}


	.btn-cclr,.btn-cclr:hover,.btn-cclr:active,.btn-cclr:focus,
	button.btn-cclr:hover,button.btn-cclr:active,button.btn-cclr:focus,
	input.btn-cclr:hover,input.btn-cclr:active,input.btn-cclr:focus						{font-size: 14px;line-height: 20px;font-weight: bold;}
	.btn-cclr-b,.btn-cclr-b:hover,.btn-cclr-b:active,.btn-cclr-b:focus,
	button.btn-cclr-b:hover,button.btn-cclr-b:active,button.btn-cclr-b:focus,
	input.btn-cclr-b:hover,input.btn-cclr-b:active,input.btn-cclr-b:focus						{font-size: 14px;line-height: 20px;font-weight: bold;}
	input[type="submit"]:hover{opacity:.75;}

	.btn-more,.btn-more:hover,.btn-more:active,.btn-more:focus							{font-size: 14px;line-height: 20px;font-weight: bold;}

	.btn-category,a.btn-category:hover,a.btn-category:active,a.btn-category:focus		{font-size: 14px;line-height: 1;padding: 15px 10px 15px;font-weight: bold;}
	.btn-category small																	{font-size: 10px;line-height: 1;display: block;margin-bottom: 5px;font-weight: bold;}

	.btn-detail,a.btn-detail:hover,a.btn-detail:active,a.btn-detail:focus				{font-size: 10px;line-height: 16px;border-radius:0;padding: 0;width: 90px;}
	.btn-category.active:before															{width: 32px;line-height: 32px;border-radius:50%;text-align: center;margin:0 -16px;top: -16px;background: #396;}


	.btn-list,a.btn-list:hover,a.btn-list:active,a.btn-list:focus						{font-size: 12px;line-height: 18px;width: 180px;margin: 0 auto;}

	.btn-detail,a.btn-detail:hover,a.btn-detail:active,a.btn-detail:focus				{font-size: 12px;line-height: 24px;border-radius:0;padding: 0;width: 90px;}


	.btn-contact,.btn-contact:hover,.btn-contact:active,.btn-contact:focus				{font-size: 16px;line-height: 32px;width: 290px;}



	/* btn- brand */
	.btn-facebook,.btn-instagram,.btn-twitter											{border-radius:50%;text-align: center;padding: 8px !important;}
	.btn-facebook,.btn-facebook:hover,.btn-facebook:active,.btn-facebook:focus			{background:#305097;color:#fff;}
	.btn-instagram,.btn-instagram:hover,.btn-instagram:active,.btn-instagram:focus		{background:#dd2971;color:#fff;}
	.btn-twitter,.btn-twitter:hover,.btn-twitter:active,.btn-twitter:focus				{background:#00aced;color:#fff;}





	/* btn- contents */
	.btn-gallery,.btn-media,.btn-blog													{text-align: center;font-size: 12px;border-radius:0;}
	.btn-gallery,.btn-gallery:hover,.btn-gallery:active,.btn-gallery:focus				{background: #ff9502;color:#fff;}
	.btn-media,.btn-media:hover,.btn-media:active,.btn-media:focus						{background: #02bb85;color:#fff;}
	.btn-blog,.btn-blog:hover,.btn-blog:active,.btn-blog:focus							{background: #9c5d30;color:#fff;}

	/* btn- language */
	.btn-ja,.btn-en,.btn-fr																{text-align: center;font-size: 12px;border-radius:0;color:rgba(255,255,255,.25);}
	.btn-ja,.btn-ja:hover,.btn-ja:active,.btn-ja:focus									{background: #f62d35;}
	.btn-en,.btn-en:hover,.btn-en:active,.btn-en:focus									{background: #d2bf59;color:rgba(255,255,255,.25);}
	.btn-fr,.btn-fr:hover,.btn-fr:active,.btn-fr:focus									{background: #d37ad0;color:rgba(255,255,255,.25);}

	.btn-ja:hover,.btn-ja:active,.btn-ja:focus,
	.btn-en:hover,.btn-en:active,.btn-en:focus,
	.btn-fr:hover,.btn-fr:active,.btn-fr:focus,
	.btn-ja.active,.btn-en.active,.btn-fr.active										{color:rgba(255,255,255,1);}

	.btn-access,.btn-monthly															{text-align: center;border-radius:0;font-size: 14px;line-height: 14px;font-family: 'nserif',serif;}
	.btn-access i,.btn-monthly i														{display: block;font-size: 20px;margin-bottom: 5px;}
	.btn-access,.btn-access:hover,.btn-access:active,.btn-access:focus					{background:#41bfb1;color:#fff;}
	.btn-monthly,.btn-monthly:hover,.btn-monthly:active,.btn-monthly:focus				{background:#ff9502;color:#fff;}


	.navbar-sscbox .btn-gallery,
	.navbar-sscbox .btn-media,
	.navbar-sscbox .btn-blog,
	.navbar-sscbox .btn-ja,
	.navbar-sscbox .btn-en,
	.navbar-sscbox .btn-fr{line-height: 26px;}

	.navbar-sscbox .btn-access,
	.navbar-sscbox .btn-monthly{padding: 22px 4px !important;}

	.footer-sscbox .btn-gallery,
	.footer-sscbox .btn-media,
	.footer-sscbox .btn-blog,
	.footer-sscbox .btn-ja,
	.footer-sscbox .btn-en,
	.footer-sscbox .btn-fr{line-height: 12px;}

	.footer-sscbox .btn-access,
	.footer-sscbox .btn-monthly{padding: 23px 4px 24px !important;}


	/* btn- application */
	.btn-pdf,a.btn-pdf:hover,a.btn-pdf:active,a.btn-pdf:focus							{font-size:14px;line-height: 26px;}
	.btn-word,a.btn-word:hover,a.btn-word:active,a.btn-word:focus						{font-size:14px;line-height: 26px;}
	.btn-excel,a.btn-excel:hover,a.btn-excel:active,a.btn-excel:focus					{font-size:14px;line-height: 26px;}
	.btn-file,a.btn-file:hover,a.btn-file:active,a.btn-file:focus						{font-size:14px;line-height: 26px;}



	/* cat-box */
	.cat-box{padding: 14px;}

	h3.tit-cat-box,
	h4.tit-cat-box,
	h5.tit-cat-box{font-size: 16px;margin: -14px -14px 14px;padding: 14px;}

	.tit-cat-box span{display: table;width: 100%;}
	.tit-cat-box span span{display: table-cell;vertical-align: middle;text-align: center;}



	/* box */
	.box{padding: 14px;}

	h3.tit-box,
	h4.tit-box,
	h5.tit-box{font-size: 16px;margin: -14px -14px 14px;padding: 14px;}

	.tit-box span{display: table;width: 100%;height: 3em;}
	.tit-box span span{display: table-cell;vertical-align: middle;text-align: center;}

	h5.tit-policy{font-size: 15px;padding-bottom: 9px;border-bottom:1px dotted #666;margin: 20px 0 10px;}

	.tit-box small{font-size: 12px;margin-top: 9px;font-weight: normal;}


	.box + .box{margin-top: 10px;}
	.box-large + .box-large{margin-top: 20px;}

	.box-img{margin: -14px -14px 14px;}
	.box-img:first-child,.box-img:last-child{margin: -14px;}

	.box-img + h4{margin-top: 14px;}

	.tit-box + .box-img .catalogue-img{border-top: none;}

	.box > dl{border-bottom: 1px solid #ddd;padding: 9px 0;}
	.box > dl dt,.box > dl dd{}


	.box h6{font-weight: bold;line-height: 1;margin-bottom: 5px;font-size: 15px;}

	.balloon-box{background: #fef3dc;border-radius:6px;padding: 15px;position: relative;}
	.balloon-box:before{content: "";position: absolute;left: 50%;right: 50%;bottom: 100%;border-width:15px 10px;border-style: solid;border-color:transparent transparent #fef3dc;margin:0 -10px;}

	.balloon-box > h5{font-size: 15px;line-height: 1.25;margin-bottom: 10px;font-weight: bold;text-align: center;}




	.icobox{padding:11px;margin-top: 10px;}
	.icobox:before{width: 36px;line-height: 36px;text-align: center;font-size: 24px;top: -15px;left: -15px;}

	.icobox h4{margin-bottom: 20px;margin: -15px -15px 11px;padding:15px 15px;font-size: 16px;}


	.well{border:1px solid #ddd;padding: 14px;border-radius:4px;background: #f6f6f6;}
	.well > h4{font-size: 18px;margin-bottom: 20px;color:#393;border-bottom: 1px dotted #393;padding-bottom: 9px;}

	.well + .well{margin-top: 30px;}

	.well hr{margin: 9px 0;}

	.alert h4{text-align: center;}


	/* table */
	th,td{padding:9px;}


	hr{margin: 14px 0;}


	.mobile-section{margin-top: -65px;padding-top: 65px;}


	/* margin / padding */
	.mt-xxl-{margin-top:-30px !important;}
	.mt-xl-{margin-top:-25px !important;}
	.mt-lg-{margin-top:-20px !important;}
	.mt-md-{margin-top:-15px !important;}
	.mt-sm-{margin-top:-10px !important;}
	.mt-xs-{margin-top:-5px !important;}

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

	.mt-xxl{margin-top:30px !important;}
	.mt-xl{margin-top:25px !important;}
	.mt-lg{margin-top:20px !important;}
	.mt-md{margin-top:15px !important;}
	.mt-sm{margin-top:10px !important;}
	.mt-xs{margin-top:5px !important;}

	.mb0{margin-bottom:0 !important;}
	.mb-xs{margin-bottom:5px !important;}
	.mb-sm{margin-bottom:10px !important;}
	.mb-md{margin-bottom:15px !important;}
	.mb-lg{margin-bottom:20px !important;}
	.mb-xl{margin-bottom:25px !important;}
	.mb-xxl{margin-bottom:30px !important;}


}
/* tablet,PC */
@media (min-width:768px){
	.text-large{font-size: 1.125em;}
	.phone-slash{display: inline-block;width: 1.5em;text-align: center;}


	#area-news{}
	#area-news h2{}

	.nav-pills .nav-item .nav-link{font-size: 16px;}


	#news-box{display: table;width: 100%;table-layout: fixed;}
	#news-box h2,.nws-scroll{display: table-cell;vertical-align: top;}
	#news-box h2{width: 95px;}

	.nws-scroll{}

	.news-title{width: 115px;}
	.news-title h2{transform:rotate(90deg);transform-origin:0 100%;margin-top: -13px;}

	.nws-scroll,.nws-scroll-large{overflow: hidden;}

	.news-article{padding: 26px 0;display: table;width: 100%;}
	.news-article:first-child{margin-top: -27px;}
	.news-article:last-child{margin-bottom: -27px;}
	.news-article + .news-article{}

	.news-txt,.news-img{}

	.news-date,.news-comment,.news-detail{display: table-cell;vertical-align: top;line-height: 20px;}

	.news-date{width: 110px;vertical-align: top;font-size: 16px;padding-right: 30px;}
	.date{display: block;}
	.date img {
	    vertical-align: middle;
	    display: block;
	}
	.news-icon{display: block;}

	.news-comment{font-size: 14px;}

	.news-img{width: 293px;padding-left: 30px;}
	.news-img img{}


	.news-detail{margin-top: 10px;width: 195px;vertical-align: top;padding-left: 30px;}

	.bkno{position: absolute;top: -85px;right: 0;z-index: 1;width: 150px;}


	.news-detail-title{font-size:21px;line-height: .7;margin-bottom:15px;color:#000;position: relative;position: relative;font-weight: bold;background: url(../images/cmn/stripe-yellow.png);background-size:8px;padding: 20px 15px;}
	.news-detail-date{display: flex;align-items:center;justify-content:space-between;margin-bottom: 15px;}
	.detail-date{text-align: right;line-height: 24px;}
	.detail-date img{width: 28px;height: 14px;vertical-align: middle;margin-right: 14px;}
	.news-detail-icon{background: #096c97;text-align: center;color:#fff;font-size: 12px;line-height: 24px;width: 130px;}


	/* cat-box */
	.cat-box{padding: 14px;}

	h3.tit-cat-box,
	h4.tit-cat-box,
	h5.tit-cat-box{font-size: 16px;margin: -14px -14px 14px;padding: 9px 14px;}

	.cat-box-img{margin: -4px -14px 14px;}
	.cat-box-img:last-child{margin: -14px;}


	/* box */
	.box{padding: 19px;}

	h3.tit-box,
	h4.tit-box,
	h5.tit-box{font-size: 18px;margin: -19px -19px 19px;padding: 14px 19px;}


	h5.tit-policy{font-size: 16px;padding-bottom: 14px;margin: 30px 0 20px;}



	.box h6{font-weight: bold;line-height: 1;margin-bottom: 10px;}


	.box + .box{margin-top: 30px;}
	.box-large + .box-large{margin-top: 20px;}

	.box-img{margin: -19px -19px 19px;}
	.box-img:first-child,.box-img:last-child{margin: -19px;}



	.box-img + h4{margin-top: 19px !important;}

	.tit-box + .box-img .catalogue-img{border-top: none;}

	.box hr{margin: 19px 0;}


	.balloon-box{background: #fef3dc;border-radius:6px;padding: 20px;position: relative;}
	.balloon-box:before{content: "";position: absolute;left: 50%;right: 50%;bottom: 100%;border-width:15px 10px;border-style: solid;border-color:transparent transparent #fef3dc;margin:0 -10px;}

	.balloon-box > h5{font-size: 18px;line-height: 1.25;margin-bottom: 15px;font-weight: bold;text-align: center;}


	.well{padding: 19px;}
	.well > h4{font-size: 18px;margin-bottom: 20px;color:#393;border-bottom: 1px dotted #393;padding-bottom: 9px;}

	.well + .well{margin-top: 30px;}

	.well hr{margin: 9px 0;}


	.icobox{padding:21px;}
	.icobox:before{width: 48px;line-height: 48px;text-align: center;font-size: 36px;top: -26px;left: -26px;}

	.icobox h4{margin-bottom: 20px;margin: -25px -25px 21px;padding:15px 25px;}


	/* table */
	th,td{padding:14px;line-height:1.5;}


	.cmn-tb th,.cmn-tb td{}



	.mobile-section{margin-top: -15px;padding-top: 15px;}





	input[type="text"], input[type="password"],textarea{padding: 14px;}
	select{padding:9px 14px;}




	.navbar-contents + .navbar-language{margin-top: 5px;}




	#main-bg{}
	.item > div{}

	#page-bg h2{font-size: 48px;padding: 90px 0;}
	#page-bg h2 small {margin-top: 20px;font-size: 16px;}



	/* main contents */
	#column-outer							{display: table;width: 100%;table-layout: fixed;}
	#column									{display: table;width: 100%;table-layout: fixed;}

	#left-column,#right-column,#main-column	{display: table-cell;vertical-align: top;}
	#left-column							{padding-right: 30px;}
	#right-column							{padding-left: 30px;}

	#column										{display: table;width: 100%;table-layout: fixed;padding: 60px 0;}
	#column #left-column,#column #right-column	{width: 285px;}
	#column #left-column						{padding-right: 45px;}
	#column #right-column						{padding-left: 45px;}



	section{padding: 50px 0;}
	section + section{}
	#column section{padding: 0;}
	#column section + section{border-top:none;}

	.anchor-point{margin-top: 0;padding-top: 0;}



	/* title */
	h2{font-size: 30px;}
	h3{font-size: 24px;}
	h4{font-size: 18px;}
	h5{font-size: 16px;}


	[class*="tit-level"]:first-child{margin-top: 0;}
	[class*="tit-level"]:last-child{margin-bottom: 0;}


	.tit-level1{font-size:30px;margin-bottom: 45px;}
	.tit-level1 small{font-size: 14px;line-height: 18px;margin-bottom: 15px;}
	.tit-level1 small:before{/*height: 2px;flex-basis:116px;width:116px;margin: 18px auto 15px;*/}

	.tit-level1 + .lead{font-size: 24px;margin-bottom: 30px;}



	.tit-level2{font-size:18px;line-height: 1.25;margin-bottom: 30px;padding-bottom: 14px;}
	.tit-level2 small{font-size: 18px;line-height: 18px;margin-top: 20px;}
	.tit-level2:after{/*font-size: 36px;margin:0 -18px;width: 36px;line-height: 36px;height: 36px;font-weight: bold;*/}

	.tit-level3{font-size: 17px;margin:30px 0 20px;padding-left: 12px;}
	.tit-level3 strong{font-weight: normal;color:#393;margin-right: 0.25em;}

	.tit-level4{font-size:16px;margin:20px 0 10px;line-height:1.5;border-bottom:1px dotted #333;padding-bottom:9px;font-weight:bold;text-align: left;}

	.tit-catalogue{font-size:24px;margin-bottom: 20px;border-bottom: 3px solid #3498db;padding-bottom: 12px;font-weight: bold;}





	.well .row{margin:-20px -10px 0;}
	.well .row [class*="col-"]{padding:0 10px;margin-top: 20px;}

	#flow-box{display: flex;font-size: 12px;}
	.flow-box{padding:10px;background: #2ecc71;color:#fff;position: relative;text-align: center;border-radius:6px;flex:1 1 20%;max-width:20%;line-height: 1.5;}
	.flow-box:after{border-color: transparent transparent transparent #2ecc71;position: absolute;top: 50%;left: 100%;right: auto;bottom: 50%;margin:-10px 0;border-width: 10px;}
	.flow-box:last-of-type:after{display: none;}

	#flow-box.col3 .flow-box{flex:1 1 33.3333333333%;max-width:33.3333333333%;}
	#flow-box.col5 .flow-box{flex:1 1 20%;max-width:20%;}
	#flow-box.col6 .flow-box{flex:1 1 16.6666666666%;max-width:16.6666666666%;}


	.flow-box .flow-ico{display: block;margin:0 auto 10px;width: 36px;}
	.flow-box i.fa{font-size: 36px;}

	.flow-box + .flow-box{margin-top: 0;margin-left: 15px;}




	/* title */


	#flogo{border: none;}

	/* btn- */
	[class*="btn-"],a[class*="btn-"]:hover,a[class*="btn-"]:active,a[class*="btn-"]:focus								{padding:10px 10px;}
	[class*="btn-"].btn-lg,a[class*="btn-"].btn-lg:hover,a[class*="btn-"].btn-lg:active,a[class*="btn-"].btn-lg:focus	{padding: 20px 20px;}
	a[class*="btn-"]:hover,a[class*="btn-"]:active,a[class*="btn-"]:focus												{opacity:.75;outline:0;}


	.btn-negative,.btn-negative:hover,.btn-negative:active,.btn-negative:focus			{border:1px solid #ddd;font-size: 14px;}

	.btn-header,.btn-header:hover,.btn-header:active,.btn-header:focus					{font-size: 18px;line-height: 38px;border-radius:4px;}
	.btn-header i.fa{font-size: 16px;}
	.btn-footer,a.btn-footer:hover,a.btn-footer:active,a.btn-footer:focus				{font-size: 16px;line-height: 36px;padding:0 12px;}

	.btn-backnumber,.btn-backnumber:hover,.btn-backnumber:active,.btn-backnumber:focus	{font-size: 16px;line-height: 38px;border-radius:0;border-radius:4px;}

	.btn-map,a.btn-map:hover,a.btn-map:active,a.btn-map:focus							{font-size: 14px;line-height: 78px;padding:0;}

	.btn-cclr,.btn-cclr:hover,.btn-cclr:active,.btn-cclr:focus,
	button.btn-cclr:hover,button.btn-cclr:active,button.btn-cclr:focus,
	input.btn-cclr:hover,input.btn-cclr:active,input.btn-cclr:focus						{font-size: 16px;line-height: 32px;font-weight: bold;}
	.btn-cclr-b,.btn-cclr-b:hover,.btn-cclr-b:active,.btn-cclr-b:focus,
	button.btn-cclr-b:hover,button.btn-cclr-b:active,button.btn-cclr-b:focus,
	input.btn-cclr-b:hover,input.btn-cclr-b:active,input.btn-cclr-b:focus						{font-size: 16px;line-height: 32px;font-weight: bold;}
	input[type="submit"]:hover{opacity:.75;}

	.btn-more,.btn-more:hover,.btn-more:active,.btn-more:focus							{font-size: 21px;line-height: 27px;font-weight: bold;}

	.btn-category,a.btn-category:hover,a.btn-category:active,a.btn-category:focus		{font-size: 18px;line-height: 1;padding: 15px 10px 15px;font-weight: bold;}
	.btn-category small																	{font-size: 12px;line-height: 1;display: block;margin-bottom: 10px;font-weight: bold;}


	.btn-list,a.btn-list:hover,a.btn-list:active,a.btn-list:focus						{font-size: 15px;line-height: 25px;width: 210px;}

	.btn-detail,a.btn-detail:hover,a.btn-detail:active,a.btn-detail:focus				{font-size: 10px;line-height: 16px;border-radius:0;padding: 0;width: 90px;}
	.btn-category.active:before															{width: 32px;line-height: 32px;border-radius:50%;text-align: center;margin:0 -16px;top: -16px;background: #396;}


	.btn-contact,.btn-contact:hover,.btn-contact:active,.btn-contact:focus				{font-size: 16px;line-height: 32px;width: 290px;}



	/* btn- brand */
	.btn-facebook,.btn-instagram,.btn-twitter											{line-height: 30px;font-size: 22px;}



	/* btn- application */
	.btn-pdf,a.btn-pdf:hover,a.btn-pdf:active,a.btn-pdf:focus						{font-size:14px;line-height: 16px;}
	.btn-word,a.btn-word:hover,a.btn-word:active,a.btn-word:focus					{font-size:14px;line-height: 16px;}
	.btn-excel,a.btn-excel:hover,a.btn-excel:active,a.btn-excel:focus				{font-size:14px;line-height: 16px;}
	.btn-file,a.btn-file:hover,a.btn-file:active,a.btn-file:focus					{font-size:14px;line-height: 16px;}


	#company-map{padding-top: 60px;}
	#section-map iframe{max-height: 400px;}


	/* phone */
	.phone-large{font-size: 36px;line-height: .9;}
	.phone-medium{font-size: 24px;line-height: .9;}
	.phone-footer{font-size: 21px;line-height: .9;font-weight: bold;}






	/* form-control */
	.form-ss{width:80px;}
	.form-s{width:100px;}
	.form-m{width:200px;}
	.form-l{width:100%;}
	.form-ll{width:100%;}


	.pp-scroll{padding:18px;margin:-18px;height:200px;overflow-y:scroll;}
	.pp-scroll a{color:#333;text-decoration:underline;}
	.pp-scroll a:hover,
	.pp-scroll a:active,
	.pp-scroll a:focus{color:#333;text-decoration:none;}

	.pp-scroll h5{font-size: 16px;border-bottom: 1px dotted #666;padding-bottom: 9px;margin:30px 0 20px;}

	.pp-scroll *:last-child{padding-bottom: 13px;}



	/* footer */
	#footer{padding: 60px 0;}

	#footer h2{font-size: 30px;margin-bottom: 30px;}
	#footer p{font-size: 15px;line-height: 29px;}

	#footer .phone-large{margin: 20px 0;}


	.footer-brand{max-width: 267px;}
	.fadd{line-height: 1;font-size: 14px;}

	#footer-box{display: table;width: 100%;max-width: 874px;margin: 0 auto;table-layout: fixed;}
	#footer-left,#footer-center,#footer-right{display: table-cell;vertical-align: top;}





	/* fnav */



	.checklist{margin:0;padding:0;list-style:none;display: flex;flex-wrap:wrap;justify-content:center;}
	.checklist li{line-height: 1;display: inline-block;padding: 23px;border:2px solid #2ecc71;font-weight: bold;background: #fff;margin: 10px;font-size: 16px;}
	.checklist li:before{content:"\f00c";font-family:'Font Awesome\ 5 Pro';display:inline-block;width:1.5em;color:#0d81c3;font-weight: bold;text-align: left;}




	hr{margin: 29px 0;}

	/* margin / padding */
	.mt-xxl-{margin-top:-60px !important;}
	.mt-xl-{margin-top:-45px !important;}
	.mt-lg-{margin-top:-30px !important;}
	.mt-md-{margin-top:-20px !important;}
	.mt-sm-{margin-top:-10px !important;}
	.mt-xs-{margin-top:-5px !important;}

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

	.mt-xxl{margin-top:60px !important;}
	.mt-xl{margin-top:45px !important;}
	.mt-lg{margin-top:30px !important;}
	.mt-md{margin-top:20px !important;}
	.mt-sm{margin-top:10px !important;}
	.mt-xs{margin-top:5px !important;}

	.mb0{margin-bottom:0 !important;}
	.mb-xs{margin-bottom:5px !important;}
	.mb-sm{margin-bottom:10px !important;}
	.mb-md{margin-bottom:20px !important;}
	.mb-lg{margin-bottom:30px !important;}
	.mb-xl{margin-bottom:45px !important;}
	.mb-xxl{margin-bottom:60px !important;}




}
/* tablet vertical Only */
@media (min-width:768px) and (max-width:991px){

	#main{padding:0 15px 30px;}


	/* index */



	/* main contents */
	#column-outer							{display: table;width: 100%;table-layout: fixed;}
	#column									{display: block;}

	#left-column,#right-column,#main-column	{display: block;}

	#column										{display: block;padding: 0;}
	#column #left-column,#column #right-column	{width: auto;padding: 30px 0;}
	#column #left-column						{}
	#column #right-column						{}


	#wrapper{}

	/* navigation */


	#page-bg h2{padding: 75px 0;}

	#footer-left h3{margin-bottom: 10px;}

	#footer-left{padding-right: 29px;}
	#footer-right{border-left: 1px solid #ddd;padding-left: 29px;width: 375px;}


	.btn-map,a.btn-map:hover,a.btn-map:active,a.btn-map:focus							{font-size: 16px;line-height: 100px;padding:0;}

	section#access iframe{height: 67vw;}

	#footer{background: url(../images/cmn/bg-footer.jpg) 60% center /cover no-repeat;}


}
/* iPhone all, tablet vertical */
@media (max-width:991px){

	#wrapper{padding-bottom: 40px;}

	/* header */
	#header{height: 50px;position: fixed;top: 0;left: 0;right: 0;z-index: 9999;background: #3498db;}


	#page-bg{padding-top: 50px;}



	.navbar{}
	.navbar-brand{padding: 15px;width: 270px;}
	.navbar-brand a			{display: block;height: 20px;}
	.navbar-brand a img		{width: auto;height: 20px;vertical-align: top;}


	.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid{max-width: 100%;}

	.navbar-toggler			{padding:0;line-height: 1;border:none;text-align: center;width: 50px;height: 50px;color:#fff;margin: 0;position: fixed;top: 0;right: 0;overflow: hidden;z-index: 9999999;border-radius:0;background: rgba(0,0,0,.125);}
	.navbar-toggler:focus	{outline:none;}

	.navbar-toggler-icon,.navbar-toggler-icon:before,.navbar-toggler-icon:after{display: block;width: 14px;height: 2px;background: #fff;}
	.navbar-toggler-icon:before,.navbar-toggler-icon:after{content: "";position: absolute;left: 0;right: 0;}
	.navbar-toggler-icon{margin: 10px auto;position: relative;}

	button[aria-expanded="false"] .navbar-toggler-icon,
	button[aria-expanded="false"] .navbar-toggler-icon:before,
	button[aria-expanded="false"] .navbar-toggler-icon:after,
	button[aria-expanded="true"] .navbar-toggler-icon,
	button[aria-expanded="true"] .navbar-toggler-icon:before,
	button[aria-expanded="true"] .navbar-toggler-icon:after	{transition:.6s;}

	button[aria-expanded="false"] .navbar-toggler-icon:before{top: -5px;transform:rotate(0deg);}
	button[aria-expanded="false"] .navbar-toggler-icon:after{bottom: -5px;transform:rotate(0deg);}

	button[aria-expanded="true"] .navbar-toggler-icon:before{top: 0;transform:rotate(45deg);}
	button[aria-expanded="true"] .navbar-toggler-icon:after{bottom: 0;transform:rotate(-45deg);}

	button[aria-expanded="true"] .navbar-toggler-icon	{background: transparent;}

	.navbar-toggler small{display: block;font-size: 10px;line-height: 10px;color:#fff;text-align: center;position: relative;font-family: 	'swis721-mdcn',sans-serif;}

	.navbar-container		{-webkit-overflow-scrolling: touch;overflow-y: scroll;background: #fff;}

	#navbar-grand{display: none;}
	#navbar-social{display: none;}


	.navbar-expand-lg{padding: 0;}
	.navbar-expand-lg .navbar-nav{border-top: 1px solid #ddd;}
	.navbar-expand-lg .navbar-nav .nav-item{border-bottom: 1px solid #ddd;position: relative;}
	.navbar-expand-lg .navbar-nav .nav-item:after{}

	.navbar-expand-lg .navbar-nav .nav-link			{line-height:28px;position: relative;font-size: 14px;padding:10px 15px;color:#333;font-weight: bold;}
	.navbar-expand-lg .navbar-nav .nav-link small	{line-height: 28px;position: absolute;right: 45px;top: 50%;bottom: 50%;margin: -14px 0;display: none;}
	.navbar-expand-lg .navbar-nav .nav-link i		{position: absolute;right: 15px;top: 50%;bottom: 50%;margin: -14px 0;line-height:28px;color:#3498db;}

	.navbar-expand-lg .navbar-nav .nav-link:hover i,
	.navbar-expand-lg .navbar-nav .nav-link:active i,
	.navbar-expand-lg .navbar-nav .nav-link:focus i,
	.navbar-expand-lg .navbar-nav .active .nav-link i
	{color:#fff;}

	.navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .nav-link:active,.navbar-expand-lg .navbar-nav .nav-link:focus,
	.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link,
	.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:hover,
	.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:active,
	.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus	{color:#fff;border-color:#3498db;background:#3498db;}

	.dropdown-menu{border: none;border-top: 1px solid #ddd;margin: 0;padding: 0;}
	.dropdown-item{font-size: 12px;line-height: 16px;padding: 10px 15px;}
	.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus,.dropdown-item.active{background: #3498db;color:#fff;}

	.dropdown-item:before{display: inline-block;width: 1em;content: "\f105";font-family: 'Font Awesome\ 5 Pro';color:#3498db;}
	.dropdown-item:hover:before,.dropdown-item:active:before,.dropdown-item:focus:before,.dropdown-item.active:before{color:#fff;}



	#fnav{}

	.fnav-menu{display: none;}
	.fnav-btn{position: fixed;left: 0;right: 0;bottom: 0;background:rgba(255,255,255,.9);z-index:999;display:table;width:100%;table-layout:fixed;margin:0;padding: 1px;}
	.fnav-btn .fnav-item{display:table-cell;vertical-align:middle;padding:1px;text-align:center;}
	.fnav-btn .fnav-item + .fnav-item{}
	.fnav-btn .fnav-link,.fnav-btn .fnav-link:hover,.fnav-btn .fnav-link:active,.fnav-btn .fnav-link:focus{
		display:block;
		color:#fff;
		background: #3498db;
		font-size:10px;
		line-height:10px;
		padding:3px 2px;
		margin: 0;
		position:relative;
		border-radius:2px;
		text-decoration: none;
	}
	.fnav-btn .fnav-link i{font-size:16px;margin-bottom:3px;display: block;}


	footer#access{display: none;}

}

/* tablet horizontal, PC */
@media (min-width:992px){

	/* wrapper */
	#wrapper{}

	/* header */
	#header{height: auto;padding: 25px 0 0;position: absolute;top: 0;left: 0;right: 0;z-index: 9;}


	#main{padding:0 15px 30px;}

	#page-bg{padding-top: 120px;}


	/* navigation */
	.navbar-expand-lg											{border-top: none;padding: 0;}
	.navbar-expand-lg > .container								{flex-direction:column;}

	.navbar-expand-lg .navbar-header							{display: flex;justify-content:space-between;align-items:center;width: 100%;margin-bottom: 10px;}

	.navbar-expand-lg .navbar-brand								{padding:0;display: block;margin:0 0 15px;}
	.navbar-expand-lg .navbar-brand a							{display: block;vertical-align: top;}
	.navbar-expand-lg .navbar-brand a img						{vertical-align: top;}

	.navbar-expand-lg .header-tel								{color:#fff;font-size: 32px;line-height: 0.75;}

	.navbar-expand-lg .navbar-collapse							{margin-bottom: -10px;}
	.navbar-expand-lg .navbar-container							{}
	.navbar-expand-lg .navbar-nav								{align-items:center;}


	.navbar-expand-lg .navbar-nav .nav-item						{flex:1 1 20%;max-width:20%;padding:0 1px;}
	.navbar-expand-lg .navbar-nav .nav-item + .nav-item			{}
	.navbar-expand-lg .navbar-nav .nav-item.dropdown			{}



	.navbar-expand-lg .navbar-nav .nav-item:nth-of-type(3),
	.navbar-expand-lg .navbar-nav .nav-item:nth-of-type(4),
	.navbar-expand-lg .navbar-nav .nav-item:nth-of-type(5),
	.navbar-expand-lg .navbar-nav .nav-item:nth-of-type(6)		{}


	.navbar-expand-lg .navbar-nav .nav-item .nav-link			{text-align: center;line-height:1;font-size: 16px;padding: 10px 15px;display: block;height: 50px;color:#fff;text-shadow:0 0 3px rgba(0,51,153,.5)}
	.navbar-expand-lg .navbar-nav .nav-item .nav-link small		{font-size: 10px;line-height: 1;margin-top: 4px;display: block;font-family: 'swis721',sans-serif;color:#fff;}

	.navbar-expand-lg .navbar-nav .nav-item .nav-link i			{}

	.navbar-expand-lg .navbar-nav .nav-item .nav-link:hover,
	.navbar-expand-lg .navbar-nav .nav-item .nav-link:active,
	.navbar-expand-lg .navbar-nav .nav-item .nav-link:focus,
	.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link,
	.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:hover,
	.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:active,
	.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus	{color:#fff;background:rgba(0,51,153,.5);opacity:1;}

	.navbar-expand-lg .navbar-nav .nav-item .nav-link:hover i,
	.navbar-expand-lg .navbar-nav .nav-item .nav-link:active i,
	.navbar-expand-lg .navbar-nav .nav-item .nav-link:focus i,
	.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link i,
	.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:hover i,
	.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:active i,
	.navbar-expand-lg .navbar-nav .nav-item.active > .nav-link:focus i	{color:#fff;}


	.navbar-expand-lg .navbar-nav .nav-item-pills				{display: table-cell;text-align: right;}
	.nav-home													{padding:6px 0 6px 20px;width: 60px;}
	.nav-contact												{padding:6px 0 6px 10px;width: 50px;}
	.navbar-expand-lg .navbar-nav .nav-item-pills .nav-link		{line-height:28px;text-align: center;position: static;font-size: 16px;padding: 0 5px;background: #2ecc71;color:#fff;border-radius:4px;width: 40px;}


	.dropdown-menu{margin: 5px 0 0;border: 1px solid #ddd;border-radius:0;}
	.dropdown-menu a:hover,.dropdown-menu a:active,.dropdown-menu a:focus{background: #3498db;color:#fff;}


	.dropdown-menu{min-width: 1px;right: 0;}
	.dropdown-item{padding: 5px 15px;font-size: 14px;line-height: 20px;}
	.dropdown-item:before{content: "\f105";font-family: 'Font Awesome\ 5 Pro';color: #3498db;width: .75em;display: inline-block;}
	.dropdown-item.active, .dropdown-item:active {background-color: #3498db;}
	.dropdown-item:hover:before,.dropdown-item:active:before,.dropdown-item:focus:before,
	.dropdown-item.active:before{color: #fff;}

	#fnav{padding:24px 0;background: #3498db;}
	.fnav-menu{list-style: none;display: flex;justify-content:center;}
	.fnav-menu:last-child{display: none;}

	.fnav-btn{display: none;}

	.fnav-item{padding:0 1em;}
	.fnav-item strong{}
	.fnav-item + .fnav-item{border-left: 1px solid #fff;}

	.fnav-link,.fnav-link:hover,.fnav-link:active,.fnav-link:focus{font-family: 'nsans',sans-serif;font-size: 16px;line-height: 1;padding: 2px 1em;margin: -2px 0;background: transparent;color:#fff;display: block;}

	.fnav-link:hover,.fnav-link:active,.fnav-link:focus{background: #fff;color:#3498db;border-radius:2px;opacity:1;}

	.fnav-item > span			{}
	.fnav-item > span:before	{content: "[";}
	.fnav-item > span:after		{content: "]";}
	.fnav-item > span + span	{margin-left: 0.25em;}
	.fnav-item > span > a		{color:#2ecc71;display: inline-block;padding: 0 4px;}
	.fnav-item > span > a:hover	{color:#2ecc71;}

	#copyright{margin-bottom: 0;font-size: 14px;line-height: 68px;}

	#pagetop	{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAWlBMVEUAAAAAAAAAAAD///8GBgYxMTEYGBgAAADm5uaamprQ0NCTk5McHBycnJwsLCwJCQnW1tbS0tIAAADr6+vo6OiUlJSQkJAPDw+oqKhycnJjY2NSUlI4ODgkJCRiFPPSAAAAHnRSTlPb3dPb29vb1dvb29vb29vb29vL29vb29vb29vb29ubijhzAAAAt0lEQVQ4y+3VyQ6DIBAG4NFhcUHqVrXb+79maywZCKHOrR78Txy+zJ9MAkCvc0Z0DzpjRUOeASNZfsL/Q7NIFlQdDpYBTYUVFnIXqhZLNeEod6CqsBQAH2l/QtNhc1kPV2onGPaK7VjjIJPQbL1OFjYBTbv2uoia2kOoOprn2m0AqdfNo3YZQUW9fvsoPUj7izJhYQP4cvvz893n04c3bNy8SC7Cg/NjhkTu8xGvwgkJsh979vfxBlsNB4fjRIISAAAAAElFTkSuQmCC) no-repeat;width: 40px;height: 40px;position: fixed;right: 20px;bottom: 20px;cursor:default;z-index: 999;opacity:0;transition:.6s;}
	#pagetop.is-active{opacity:1;transition:.6s;cursor:pointer;}




	.fnav-item > strong			{display: inline-block;}

	#flow-box{display: flex;font-size: 14px;}
}
/* tablet horizontal Only */
@media (min-width:992px) and (max-width:1199px){
	/* index */

	/* header */

	/* navigation */
	.navbar-expand-lg .navbar-nav {width: 940px;}





	.footer-brand{}
	.fadd{text-align: center;}

	footer#access iframe{height: 430px;}
	section#access iframe{height: 600px;}





}
/* PC Only */
@media (min-width:1200px){
	/* index */
	#area-news{}


	.navbar-expand-lg .navbar-nav {width: 1000px;}
	.navbar-expand-lg > .container{padding:0 70px;}


	#main-bg{}


	footer#access iframe{height: 430px;}
	section#access iframe{height: 600px;}








	/* footer */





	#copyright{margin-bottom: 0;}


	/* fnav */

}



/* Printing */
@media print{
	body a,body a:hover{text-decoration: none !important;}

	#wrapper,.container{width: 1080px !important;padding: 0;}
	#wrapper{padding-top: 0;}
	#pagetop{display:none;}
	#main-image{display: none;}

	.anchor-point{margin-top: 0;padding-top: 0;}

	.owl-stage-outer:before{display: none;}

	#header{}
	.navbar{display: flex;}

	#index2:before{display: none;}


	.pbb{page-break-before:always;}
}

@page{size:a4;}