@media screen and (max-width: 480px) {

.sp-hidden{ display:none;}
.pc-hidden{}

/* hack */
#jf_mm_menu li img{ display: none;}
.image-title{}
.jf_mm_wrapper p,
.jf_mm_trigger > p{ display:none;}
.levelHolderClass ul li a{ text-align: left;}

/*=============================================================
	コンテンツ
=============================================================*/

.rsform-radio{ margin-right: 0.5em;}

/* 見出し */
h2.componentheading,
.page-header h2{}
.item-page-title,
.kiji-midashi { font-size: 1.9rem; line-height: 1.1; color: #111; padding: 2.0rem 0; padding-left: 1.5rem; position: relative;}
.item-page-title:before,
.kiji-midashi:before{ content: ""; width: 2px; height: 1.0em; background: #B32036; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}
.kiji-midashi-2 { font-size: 1.5rem; line-height: 1.1; color: #111; border-bottom: solid 1px #EEE; margin: 3.5rem 0 1.5rem; padding: 1.5rem 0; position: relative;}
.kiji-midashi-2:before{ content: ""; width: 1.5rem; height: 1px; background: #B32036; position: absolute; bottom: -1px; left: 0px;}
.kiji-midashi-3 {}

h3.heading{ text-align: center; font-size: 1.9rem; line-height: 1.1; letter-spacing: .1em; color: #111; margin-bottom: 1.5rem; padding-bottom: 1.0rem; position: relative;}
h3.heading:before{ content: ""; width: 1.9rem; height: 1px; background: #B32036; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}

/* promo and fotter */
#promo-page-title{ background: url(../../../images/globalright/common/promo.png) no-repeat center center; background-size: 100%; padding: 40px 0;}
#promo-page-title h2{ width: 90%; margin: 0px auto; text-align: left; font-size: 2.1rem; line-height: 1.1; color: #333; letter-spacing: .1em;}

/* container */
.blog .container{ width: 100%; margin: 0px auto; padding: 0 0 50px 0; position: relative;}
.blog .container .item{ width: 90%; margin: 0px auto;}

/* article */
.article{}
.article .image{ width: 100%; margin-bottom: 1.5rem;}
.article .image img{ width: 100%; height: auto;}
.article .inner{ width: 100%;}

/* half */
.half{}
.half .image{ width: 100%; margin-bottom: 1.5rem;}
.half .image img{ width: 100%; height: auto;}
.half .inner{ width: 100%;}

/* column */
.column02{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.column02 .inner{ width: 48%;}
.column02.multi .inner{ margin: 1.5rem 0 1.5rem;}
.column03{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.column03 .inner{ width: 100%; margin-bottom: 1.5rem;}
.column03 .inner:nth-child(3n){ margin-bottom: 0px;}

/* table */
.userTable01{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;}
.userTable01 th{ padding: 1.0rem;  border: solid 1px #E4E4E4; border-style: none solid solid none; background: #FAF5F5; color: #8F1A2B; display: table-cell !important; font-size: 1.3rem; line-height: 1.2;}
.userTable01 td{ padding: 1.0rem;  border: solid 1px #E4E4E4; border-style: none solid solid none; display: table-cell !important; font-size: 1.3rem; line-height: 1.2;}

.userTable02{ width: 100%;}
.userTable02 tr{ display: flex; justify-content: flex-start; padding: 2.0rem 0; border-bottom: solid 1px #EEE;}
.userTable02 tr th{ padding-left: 1.0rem; color: #B32036; font-weight: 600; width: 35%; vertical-align: top; font-size: 1.3rem; line-height: 1.2;}
.userTable02 tr td{ padding-left: 2.0rem; width: 65%; border-left: dotted 1px #EEE; font-size: 1.3rem; line-height: 1.2;}

/* Breadcrumbs */
.breadcrumbs { padding:1.0em 5%; font-size:1.1rem; line-height:1.1; color: rgba(51,51,51,0.6); text-align: right; width: 100%; margin: 0px auto 5.0rem auto;}
.breadcrumbs i{ padding: 0px 0.5em;}
.breadcrumbs a { color: rgba(51,51,51,1.0); text-decoration: none;}
.breadcrumbs a:hover{ color: rgba(51,51,51,0.6);}
.breadcrumbs .icon-angle-right{padding:0 5px;}

/* iteminfo */
.iteminfo,
.content_rating { background-color: #f9f9f9; display: block; font-size: 1.1rem; line-height: 1.1; margin: 0 0 1.5rem; padding: 0.75rem;}

/* readmore */
.readmore { margin: 1.5rem 0 0 0; text-align: right;}
.readmore a{ display: inline-block; font-size: 1.3rem; line-height: 1.1; text-decoration: none; color: #FFF; background: #444; padding: 0.35rem 2.5rem; border-radius: 50px;}
.readmore a:hover{ background: #B32036; color: #FFF;}

/* category-desc */
.category-desc{ width: 100%; margin: 0px auto;}
.cateLead{ margin-bottom: 5.0rem;}

/* separator */
.item-separator { margin-bottom: 0px;}

/* link button */
.smallBtn{ margin-top: 1.0em;}
.smallBtn a{ display: inline-block; color: #333; text-decoration: none; line-height: 1.1; border: solid 1px #FFF; padding: 1.5rem 4.0rem; position: relative; box-shadow: 0px 0px 6px rgba(0,0,0,0.1);}
.smallBtn a:hover{ color: #FFF; background: #333; border-color: #333; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.smallBtn a:after{ content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 1.25rem; transform: translateY(-50%); transition: all 0.2s ease 0s;}
.smallBtn a:hover:after{ right: 1.75rem;}

.linkBtn{ width: 70%; margin: 1.5rem auto 0px; position: relative; z-index: 10;}
.linkBtn a{ display: block; color: #B21F35; background: #FFF; text-decoration: none; font-size: 1.3rem; line-height: 1.1; text-align: center; border: solid 1px #B21F35; padding: 1.75rem 0; position: relative;}
.linkBtn a:hover{ background: #B21F35; color: #FFF;}
.linkBtn a:before{ content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 1.75rem; transform: translateY(-50%); transition: all 0.2s ease 0s;}
.linkBtn a:hover:before{ right: 1.25rem;}

/* image resize */
.img32 { width: 100%;}
.imgHlf { width: 100%;}
.img32 img,
.imgHlf img,
.imgFit img{ width: 100%; height: auto;}

.anchorList{ display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 10; width: 90%; margin: 0px auto 5.0rem;}
.anchorList li{ width: 48%; margin: 0.5rem 4% 0.5rem 0;}
.anchorList li:nth-child(2n){ margin-right: 0px;}
.anchorList.multi li{ margin: 1.0rem 2% 1.0rem 0;}
.anchorList li:nth-child(3n){ margin-right: 0px;}
.anchorList li a{ display: block; color: #B21F35; text-decoration: none; font-size: 1.3rem; line-height: 1.1; text-align: center; border: solid 1px #B21F35; padding: 1.5rem 0 2.25rem; position: relative;}
.anchorList li a:hover{ background: #B21F35; color: #FFF;}
.anchorList li a:before{ content: "\f107"; font-family: FontAwesome; position: absolute; bottom: 0.5rem; left: 50%; transform: translateX(-50%); transition: all 0.2s ease 0s;}
.anchorList li a:hover:before{ bottom: 0;}

/* トップページ
-------------------------------------------------------------*/
.flexslider{ margin-bottom: 0px !important;}
.flex-control-nav{ display: none !important;}
.slides li{ background: #FBF8EF; position: relative; height: 150px;}
.slides li:nth-child(1):after{ content: ""; width: 50%; height: 100%; background: url(../../../images/globalright/slider/slide_01.png) no-repeat left center; background-size: 120%; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); z-index: 1;}
.slides li:nth-child(2):after{ content: ""; width: 50%; height: 100%; background: url(../../../images/globalright/slider/slide_02.png) no-repeat left center; background-size: 120%; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); z-index: 1;}
.slides li:nth-child(3):after{ content: ""; width: 50%; height: 100%; background: url(../../../images/globalright/slider/slide_03.png) no-repeat left center; background-size: 120%; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); z-index: 1;}
.slides li div{ width: 90%; margin: 0px auto; padding-right: 40%; padding-top: 3.5rem;}
.slides li div h2{ font-size: 1.7rem; line-height: 1.1; font-family: 'Quicksand', sans-serif; color: #B32036; margin-bottom: 1.0rem; letter-spacing: .1em;}
.slides li div p{ font-size: 1.1rem; line-height: 1.5; color: #111;}
.slides li div p br{ display: none;}

/* common */
body#home #promo-page-title{ display: none !important;}
body#home .blog .container{ padding: 35px 0;}
h3.homeHead{ text-align: center; margin-bottom: 2.5rem; font-size: 1.3rem; line-height: 1.1; color: #B21F34;}
h3.homeHead strong{ display: block; font-weight: normal; font-size: 2.1rem; line-height: 1.1; color: #111; font-family: 'Quicksand', sans-serif; letter-spacing: .1em; margin-bottom: 0.25rem;}

/* リード文 */
.homeLead{}
.homeLead p{ font-size: 1.5rem; line-height: 1.5;}
.homeLead p br{ display: none;}

/* 図挿入 */
.container.itemid-398{ padding: 35px 0; background: url(../../../images/globalright/common/stripe.png) repeat;}
.homeFigure{}
.homeFigure p{ text-align: center;}
.homeFigure p img{ width: 100%; height: auto;}

/* 製品一覧 */
.homeProducts{}
.homeProducts .inner{ margin: 2.5rem 0;}
.homeProducts .inner .banner{ min-height: 320px; padding: 5.0rem 2.0rem 0; position: relative;}
.homeProducts .inner .banner h4{ font-size: 1.9rem; line-height: 1.1; font-weight: 600; color: #FFF; text-align: center; position: relative; z-index: 10;}
.homeProducts .inner .banner p{ text-align: center; margin: 1.5rem 0; position: relative; z-index: 10;}
.homeProducts .inner .banner > span{ font-size: 1.3rem; line-height: 1.5; color: #FFF; position: relative; z-index: 10;}
.homeProducts .inner:nth-child(1) .banner:hover,
.homeProducts .inner:nth-child(2) .banner:hover,
.homeProducts .inner:nth-child(3) .banner:hover{ background-size: 120%;}
.homeProducts .inner:nth-child(1) .banner{ background: url(../../../images/globalright/home/banner_01.png) no-repeat center center; background-size: 100%; transition: all 0.3s ease 0s;}
.homeProducts .inner:nth-child(2) .banner{ background: url(../../../images/globalright/home/banner_04.png) no-repeat center center; background-size: 100%; transition: all 0.3s ease 0s;}
.homeProducts .inner:nth-child(3) .banner{ background: url(../../../images/globalright/home/banner_02.png) no-repeat center center; background-size: 100%; transition: all 0.3s ease 0s;}
.homeProducts .inner .banner a span{ display: none;}
.homeProducts .inner .banner a:before{ content: ""; width: 100%; height: 100%; background: none; position: absolute; top: 0px; left: 0px; z-index: 11; transition: all 0.3s ease 0s;}
.homeProducts .inner .banner a:after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.75); position: absolute; top: 0px; left: 0px; z-index: 1;}
.homeProducts .inner .banner a:hover:after{ background: rgba(0,0,0,0.5);}
.homeProducts .inner h5{ color: #B21F34; font-weight: 600; margin: 2.0rem 0 1.0rem; text-align: center;}
.homeProducts .inner ul{ width: 70%; margin: 0px auto;}
.homeProducts .inner ul li{ margin-bottom: 1.0rem;}
.homeProducts .inner ul li a{ display: block; color: #B21F35; text-decoration: none; line-height: 1.1; text-align: center; text-shadow: 0px 0px 6px rgba(0,0,0,0.2); border: solid 1px #B21F35; padding: 1.75rem 0; position: relative;}
.homeProducts .inner ul li a span{ display: block; font-size: 1.5rem; line-height: 1.1; font-weight: 600; text-align: center;}
.homeProducts .inner ul li a:hover{ background: #B21F35; color: #FFF;}
.homeProducts .inner ul li a:before{ content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 1.75rem; transform: translateY(-50%); transition: all 0.2s ease 0s;}
.homeProducts .inner ul li a:hover:before{ right: 1.25rem;}

.homeProducts .inner:nth-child(1) ul li a{ background: rgba(248,165,194,0.8); color: #FFF; border-color: rgba(248,165,194,0.8);}
.homeProducts .inner:nth-child(1) ul li a:hover{ background: rgba(247,143,179,0.8); color: #FFF; border-color: rgba(247,143,179,0.8);}

.homeProducts .inner:nth-child(2) ul li a{ background: rgba(26,188,156,0.8); color: #FFF; border-color: rgba(26,188,156,0.8);}
.homeProducts .inner:nth-child(2) ul li a:hover{ background: rgba(16,172,132,0.8); color: #FFF; border-color: rgba(16,172,132,0.8);}

.homeProducts .inner:nth-child(3) ul li a{ background: rgba(126,214,223,0.8); color: #FFF; border-color: rgba(126,214,223,0.8);}
.homeProducts .inner:nth-child(3) ul li a:hover{ background: rgba(61,193,211,0.8); color: #FFF; border-color: rgba(61,193,211,0.8);}

/* 課題から探す */
.container.itemid-400{ padding-top: 0px;}
.homeBoxs .inner{ background: url(../../../images/globalright/about/stripe.png) repeat; padding: 2.0rem;}
.homeBoxs .inner h4{ font-size: 1.7rem; line-height: 1.1; letter-spacing: .1em; color: #B32036; text-align: center; margin-bottom: 1.0rem;}
.homeBoxs .inner dl{}
.homeBoxs .inner dl dt{ cursor: pointer; background: rgba(255,255,255,0.9); padding: 1.5rem; padding-right: 2.5rem; font-size: 1.3rem; line-height: 1.2; box-shadow: 0px 0px 6px rgba(0,0,0,0.1); margin: 5px 0; position: relative;}
.homeBoxs .inner dl dt:after{ content: "\f107"; font-family: FontAwesome; position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); transition: all 0.2s ease 0s;}
.homeBoxs .inner dl dt.selected:after{ transform: rotate(-180deg); top: 40%;}
.homeBoxs .inner dl dd{ display: none; background: #FAF5F5; border: solid 1px #F6ECEC; font-size: 1.3rem; line-height: 1.2; position: relative;}
.homeBoxs .inner dl dd a{ display: block; padding: 1.5rem; padding-right: 2.5rem; color: #8F1A2B; text-decoration: none;}
.homeBoxs .inner dl dd a:before{ content: "\f105"; font-family: FontAwesome; position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%);}
.homeBoxs .inner dl dd a:hover{ background: #F6ECEC; border-color: #FFF;}

/* 導入事例 */
.container.itemid-401{ background: url(../../../images/globalright/common/stripe.png) repeat;}
.homeCase{}
#lnee_273 ul{}
#lnee_273 ul.latestnews-items li{ margin-right: 1.818181% !important;}
#lnee_273 ul.latestnews-items li:nth-child(4),
#lnee_273 ul.latestnews-items li:last-child{ margin-right: 0px !important;}
#lnee_273 .innernews{ padding: 0px !important;}
#lnee_273 a.hasTooltip{ opacity: 1.0;}
#lnee_273 a.hasTooltip:hover{ opacity: 0.6;}
#lnee_273 .newstitle { font-size: 1.7rem; line-height: 1.1; font-weight: normal !important; margin: 1.5rem 0 1.0rem;}
#lnee_273 .newstitle a{ color: rgba(17,17,17,1.0); text-decoration: none;}
#lnee_273 .newstitle a:hover{ color: rgba(17,17,17,0.6);}
#lnee_273 .newsextra{ font-size: 1.1rem !important; line-height: 1.1; background: rgba(0,0,0,0.05); padding: 0.75rem; margin-bottom: 1.0rem;}

/* 導入企業 */
.container.itemid-402{ padding: 35px 0 !important;}
.partner{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.partner li{ width: 18.4%; margin: 1.0rem 2% 1.0rem 0;}
.partner li:nth-child(5n){ margin-right: 0px;}
.partner li a{ display: block; border: solid 1px #E4E4E4; background: #FFF;}
.partner li a:hover{ border-color: #666;}
.partner li a img{ width: 100%; height: auto;}

/* お知らせ・トピックス */
.container.itemid-403{ background: #F9F9F9;}
.column02.news .inner{ flex-wrap: wrap;}
.column02.news .inner{ padding: 5.0rem 2.0rem 2.0rem; background: #FFF; width: 100%; margin: 2.5rem 0;}
.column02.news .inner .lnd_latestnews{}
.column02.news .inner .lnd_latestnews li{ padding: 1.5rem 0; border-bottom: solid 1px #EEE; display: flex; justify-content: flex-start;}
.column02.news .inner .lnd_latestnews li span{ width: 25%;}
.column02.news .inner .lnd_latestnews li a{ width: 75%; color: #333; text-decoration: none;}
.column02.news .inner .lnd_latestnews li a:hover{ color: rgba(51,51,51,0.6);}
.column02.news .inner .linkBtn{ width: 100%;}
.column02.news .inner .linkBtn a{ background: #333; color: #FFF; border-color: #333; padding: 1.0rem 0;}
.column02.news .inner .linkBtn a:hover{ background: #B32036; color: #FFF; border-color: #B32036;}

#lnee_268 ul.latestnews-items li{ margin-bottom: 1.0rem !important;}
#lnee_268 .innernews{ padding: 0px !important; display: flex; justify-content: space-between;}
#lnee_268 .newshead.picturetype{ width: 23.5%;}
#lnee_268 .newshead.picturetype img{ width: 100%; height: auto;}
#lnee_268 .newsinfo{ width: 74.5%;}
#lnee_268 .newstitle{ font-size: 1.5rem; line-height: 1.1; padding-bottom: 0.75rem; font-weight: normal !important;}
#lnee_268 .newstitle a{ color: #333; text-decoration: none;}
#lnee_268 .newstitle a:hover{ color: rgba(51,51,51,0.6);}
#lnee_268 .newsextra{ font-size: 1.1rem !important; line-height: 1.1; margin-bottom: 1.0rem;}

/* グローバルライトとは
-------------------------------------------------------------*/
.productsPromo .inner h4{ font-size: 2.1rem; line-height: 1.1; color: #111; font-weight: 600; margin-bottom: 2.0rem;}

/* グローバルライトが選ばれる理由 */
h4.kiji-midashi-2.point{ margin-top: 2.5rem; display: flex; justify-content: flex-start; align-items: center;}
h4.kiji-midashi-2.point span{ font-size: 1.1rem; line-height: 1.1; background: #D14E5C; color: #FFF; padding: 0.5rem 2.0rem; border-radius: 3px; margin-right: 2.0rem;}

.aboutList{ display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 10; margin-top: 5.0rem;}
.aboutList li{ width: 32%;}
.aboutList li a{ display: block; color: #B21F35; text-decoration: none; font-size: 1.3rem; line-height: 1.1; text-align: center; border: solid 1px #B21F35; padding: 1.5rem 0 2.25rem; position: relative;}
.aboutList li a:hover{ background: #B21F35; color: #FFF;}
.aboutList li a:before{ content: "\f107"; font-family: FontAwesome; position: absolute; bottom: 0.5rem; left: 50%; transform: translateX(-50%); transition: all 0.2s ease 0s;}
.aboutList li a:hover:before{ bottom: 0;}

/* common */
.point h3.kiji-midashi:before{ content: none;}
.point h3.kiji-midashi{ display: flex; justify-content: flex-start; align-items: center; padding-left: 0px; font-size: 1.9rem; line-height: 1.1;}
.point h3.kiji-midashi span{ font-size: 1.2rem; line-height: 1.1; background: #D14E5C; color: #FFF; padding: 0.5rem 2.0rem; border-radius: 3px; margin-right: 1.5rem;}

/* 充実した機能とサービス */
.aboutClm{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 2.5rem;}
.aboutClm li{ width: 49%; margin: 0 2% 0.75rem 0; position: relative;}
.aboutClm li:nth-child(2n){ margin-right: 0px;}
.aboutClm li img{ width: 100%; height: auto;}
.aboutClm li a{ display: block; position: relative; color: #FFF; text-decoration: none;}
.aboutClm li a:before{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.0); position: absolute; top: 0px; left: 0px; z-index: 1; transition: all 0.2s ease 0s;}
.aboutClm li a:hover:before{ background: rgba(0,0,0,0.6);}
.aboutClm li a h4{ width: 100%; font-size: 1.5rem; line-height: 1.1; position: absolute; top: 55%; left: 0px; text-align: center; transition: all 0.2s ease 0s; opacity: 0.0; z-index: 15;}
.aboutClm li a h4 span{ display: block; font-size: 1.1rem; text-align: center; margin-top: 0.25rem;}
.aboutClm li a:hover h4{ top: 50%; transform: translateY(-50%); opacity: 1.0;}

/* 安心・安全なクラウド環境 */
.boxs .inner{ border: solid 1px #EEE; padding: 1.5rem;}
.boxs .inner h4{ font-size: 1.7rem; line-height: 1.1; text-align: center; color: #111; margin-top: 0.25rem; margin-bottom: 1.5rem;}
.boxs .inner h4 span{ display: block; text-align: center; margin-bottom: 0.5rem;}
.boxs .inner h4 span em{ font-style: normal; display: inline-block; background: #B32036; color: #FFF; line-height: 1.1; font-size: 1.3rem; padding: 0.25rem 1.5rem; border-radius: 50px;}

.pictList{ background: url(../../../images/globalright/about/stripe.png) repeat; padding: 0 1.5rem;}
.pictList .inner{ width: 100%; padding: 1.5rem 0;}
.pictList .inner .pict{ width: 40%; margin: 0px auto;}
.pictList .inner .pict img{ width: 100%; height: auto;}
.pictList .inner h4{ text-align: center; font-size: 1.7rem; line-height: 1.1; margin: 1.0rem 0 1.0rem; letter-spacing: .1em;}
.pictList .inner ul{ margin-top: 1.5rem;}
.pictList .inner ul li{ font-size: 1.3rem; line-height: 1.2; border-bottom: dotted 1px #EEE; padding: 1.0rem 0; padding-left: 2.0rem; position: relative;}
.pictList .inner ul li:before{ content: "・"; position: absolute; top: 1.0rem; left: 0px; color: #CCC;}

/* トータルサポート */
#anc03.point{ margin-bottom: 2.5rem;}
.aboutStep{ display: flex; justify-content: space-between; flex-wrap: wrap; border: solid 1px #E4E4E4;}
.aboutStep h4{ width: 100%; background: #F6ECEC; position: relative;}
.aboutStep h4 span{ display: block; width: 100%; color: #B32036; font-size: 1.5rem; line-height: 1.1; text-align: center; padding: 1.5rem 0;}
.aboutStep .inner{ width: 100%; padding: 1.5rem; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.aboutStep .inner .image{ width: 100%; margin-bottom: 1.5rem;}
.aboutStep .inner .image img{ width: 100%; height: auto;}
.aboutStep .inner .in{ width: 100%;}
.aboutStep .inner .in h5{ font-size: 1.5rem; line-height: 1.1; color: #111; margin-bottom: 2.0rem;}
.aboutStep.arrow{ margin-bottom: 3.0rem; position: relative;}
.aboutStep.arrow:after{ content: "\f0d7"; font-family: FontAwesome; color: #B32036; font-size: 2.1rem; line-height: 1.1; position: absolute; left: 50%; bottom: -2.8rem; transform: translateX(-50%);}

/* 製品一覧
-------------------------------------------------------------*/
.lineupList{ display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 10; margin-top: 2.5rem;}
.lineupList li{ width: 29.090909%;}
.lineupList li a{ display: block; color: #B21F35; text-decoration: none; line-height: 1.1; text-align: center; border: solid 1px #B21F35; padding: 1.75rem 0 2.5rem; position: relative;}
.lineupList li a:hover{ background: #B21F35; color: #FFF;}
.lineupList li a:before{ content: "\f107"; font-family: FontAwesome; position: absolute; bottom: 0.5rem; left: 50%; transform: translateX(-50%); transition: all 0.2s ease 0s;}
.lineupList li a:hover:before{ bottom: 0;}

.half.lineup .inner h4{ text-align: center; font-size: 2.1rem; line-height: 1.1; color: #111; letter-spacing: .1em; margin-bottom: 1.5rem;}
.half.lineup .image a img{ opacity: 1.0; transition: all 0.2s ease 0s;}
.half.lineup .image a:hover img{ opacity: 0.6;}
.half.lineup .inner .linkBtn{ width: 50%;}

.column02.lineup .inner h4{ text-align: center; font-size: 2.1rem; line-height: 1.1; color: #111; letter-spacing: .1em; margin-bottom: 1.5rem;}
.column02.lineup .inner .image{ margin-bottom: 1.5rem;}
.column02.lineup .inner .image img{ width: 100%; height: auto;}
.column02.lineup .inner .image a img{ opacity: 1.0; transition: all 0.2s ease 0s;}
.column02.lineup .inner .image a:hover img{ opacity: 0.6;}
.column02.lineup .inner p{ text-align: center;}
.column02.lineup .inner .linkBtn{ width: 50%;}

/* 製品一覧 （製品ページ）
-------------------------------------------------------------*/

/* promo */
.productsPromo{ background: #F9F9F9; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.productsPromo .image{ width: 100%;}
.productsPromo .image img{ width: 100%; height: auto;}
.productsPromo .inner{ width: 100%; padding: 2.0rem;}
.productsPromo .inner h3{ font-size: 2.1rem; line-height: 1.1; color: #111; font-weight: 600; margin-bottom: 1.0rem;}
.productsPromo .inner h3 span{ display: block; color: #B32036; font-size: 1.3rem; font-weight: 600; line-height: 1.2; margin-bottom: 0.5rem;}

/* 特徴 */
.feature{ display: flex; justify-content: center;}
.feature .inner{ width: 31%; margin-right: 3.5%;}
.feature .inner:last-child{ margin-right: 0px;}
.feature .inner .pict{ width: 60%; margin: 0px auto;}
.feature .inner .pict img{ width: 100%; height: auto;}
.feature .inner h4{ font-size: 1.5rem; line-height: 1.1; margin: 2.0rem 0 1.0rem;}
.feature .inner p{ font-size: 1.3rem; line-height: 1.5;}
.feature .inner p.frame{ border: solid 1px #E4E4E4; border-radius: 5px; padding: 1.0rem; margin-top: 1.5rem; font-size: 1.3rem; line-height: 1.3; background: #F9F9F9;}

/* メリット */
.merit{ margin-top: 2.5rem; display: flex; justify-content: space-between;}
.merit:first-child{ margin-top: 0px;}
.merit h4.kiji-midashi-2{ margin-top: 0px; display: flex; justify-content: flex-start; align-items: center;}
.merit h4.kiji-midashi-2 span{ font-size: 1.1rem; line-height: 1.1; background: #D14E5C; color: #FFF; white-space: nowrap; padding: 0.5rem 1.0rem; border-radius: 3px; margin-right: 1.5rem;}
.merit.article .image{ width: 23.5%; order: 2;}
.merit.article .inner{ width: 74.5%; order: 1;}

.merit02{ margin-top: 2.5rem; display: flex; justify-content: space-between;}
.merit02:first-child{ margin-top: 0px;}
.merit02 h4.kiji-midashi-2{ margin-top: 0px; display: flex; justify-content: flex-start; align-items: center;}
.merit02 h4.kiji-midashi-2 span{ font-size: 1.1rem; line-height: 1.1; background: #D14E5C; color: #FFF; white-space: nowrap; padding: 0.5rem 1.0rem; border-radius: 3px; margin-right: 1.5rem;}
.merit02.article .image{ width: 23.5%; order: 2;}
.merit02.article .inner{ width: 74.5%; order: 1;}

/* ご利用シーン */
.scene{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.scene .inner{ width: 32%; margin: 1.5rem 2% 1.5rem 0;}
.scene .inner:nth-child(3n){ margin-right: 0px;}
.scene .inner .image img{ width: 100%; height: auto;}
.scene .inner h4{ text-align: center; font-size: 1.7rem; line-height: 1.1; margin: 2.0rem 0 1.0rem; letter-spacing: .1em;}
.scene .inner p{ font-size: 1.3rem; line-height: 1.5;}

/* ご利用イメージ */
.usage{ display: flex; justify-content: center;}
.usage li{ width: 46%; margin-right: 8%;}
.usage li:last-child{ margin-right: 0px;}
.usage li img{ width: 100%; height: auto;}

.usage02{ display: flex; justify-content: center;}
.usage02 li{ width: 30%; margin-right: 5%; position: relative;}
.usage02 li:before{ content: "\f0da"; font-family: FontAwesome; color: #E3959D; font-size: 2.1rem; line-height: 1.1; position: absolute; right: -0.75em; top: 50%; transform: translateY(-50%);}
.usage02 li:last-child{ margin-right: 0px;}
.usage02 li:last-child:before{ content: none;}
.usage02 li img{ width: 100%; height: auto;}
.usage02 li span{ display: block; margin-top: 1.0rem; text-align: center; font-size: 1.3rem; line-height: 1.2;}

.usageClm{ display: flex; justify-content: space-between; flex-wrap: wrap; border: solid 1px #E4E4E4;}
.usageClm h4{ width: 100%; background: #F6ECEC; position: relative;}
.usageClm h4 span{ display: block; width: 100%; color: #B32036; line-height: 1.1; letter-spacing: .1em; text-align: center; padding: 1.5rem 0;}
.usageClm .inner{ width: 100%; padding: 1.5rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.usageClm .inner .image{ width: 100%; margin-bottom: 1.5rem;}
.usageClm .inner .image img{ width: 100%; height: auto;}
.usageClm .inner .in{ width: 100%;}
.usageClm .inner .in h5{ font-size: 1.7rem; line-height: 1.1; color: #111; margin-bottom: 1.5rem;}
.usageClm .inner .in ul{}
.usageClm .inner .in ul li{ font-size: 1.3rem; line-height: 1.1; padding: 0.5rem 0; padding-left: 1.5rem; position: relative;}
.usageClm .inner .in ul li:before{ content: "・"; color: #999; position: absolute; top: 0.5rem; left: 0px;}
.usageClm.arrow{ margin-bottom: 3.0rem; position: relative;}
.usageClm.arrow:after{ content: "\f0d7"; font-family: FontAwesome; color: #B32036; font-size: 2.1rem; line-height: 1.1; position: absolute; left: 50%; bottom: -2.8rem; transform: translateX(-50%);}

/* ご利用イメージ */
.example{ display: flex; justify-content: center;}
.example li{ width: 31%; margin-right: 3.5%;}
.example li p{ font-size: 1.1rem; line-height: 1.1; text-align: center; margin-bottom: 1.0rem; color: #D14E5C;}
.example li:last-child{ margin-right: 0px;}
.example li img{ width: 100%; height: auto;}

/* 機能のご紹介 */
.function{ background: #F9F9F9; padding: 1.0rem;}
.function ul{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.function ul li{ width: 49%; padding: 1.5rem; background: #FFF; box-shadow: 0px 0px 6px rgba(0,0,0,0.1); border-radius: 5px; margin: 0.5rem 2% 0.5rem 0;}
.function ul li:nth-child(2n){ margin-right: 0px;}
.function ul li:before{ content: "\f0da"; font-family: FontAwesome; color: #B32036; margin-right: 1.0rem;}

/* 導入の流れ */
.flow{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.flow li{ width: 22%; color: #FFF; padding: 0.75rem; font-size: 1.1rem; line-height: 1.1; font-weight: 600; background: #48dbfb; position: relative; text-align: center; border-radius: 5px;}
.flow li:last-child{ text-align: center; background: #48dbfb;}
.flow li:last-child:after{ content: none;}

.flow02{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.flow02 li{ width: 31%; margin-right: 3.5%; margin-bottom: 2.0rem;}
.flow02 li:first-child{ width: 100%; margin-right: 0px;}
.flow02 li:first-child p{ text-align: center;}
.flow02 li p{ color: #FFF; padding: 0.75rem; font-size: 1.1rem; line-height: 1.1; font-weight: 600; background: #1dd1a1; position: relative; text-align: center; border-radius: 5px;}
.flow02 li:last-child p{ text-align: center; background: #1dd1a1; border-radius: 5px;}
.flow02 li:last-child p:after{ content: none;}
.flow02 li:last-child{ margin-right: 0px;}
.flow02 li span{ display: block; font-size: 1.1rem; line-height: 1.5; margin-top: 1.0rem;}

.flow03{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.flow03 li{ width: 22%; margin-right: 4%; margin-bottom: 2.0rem; text-align: center;}
.flow03 li:nth-child(4){ margin-right: 0px;}
.flow03 li:last-child{ width: 100%; margin-right: 0px; text-align: center;}
.flow03 li{ color: #FFF; padding: 0.75rem; font-size: 1.1rem; line-height: 1.1; font-weight: 600; background: #1dd1a1; position: relative; border-radius: 5px;}

.flow04{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.flow04 li{ width: 22%; margin-right: 4%; margin-bottom: 2.0rem;}
.flow04 li p{ color: #FFF; padding: 0.75rem; font-size: 1.1rem; line-height: 1.1; font-weight: 600; background: #ff6b6b; position: relative; text-align: center; border-radius: 5px;}
.flow04 li:last-child p{ text-align: center; background: #ff6b6b; border-radius: 5px;}
.flow04 li:last-child p:after{ content: none;}
.flow04 li:last-child{ margin-right: 0px;}
.flow04 li span{ display: block; font-size: 1.1rem; line-height: 1.5; margin-top: 1.0rem;}

.flow05{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.flow05 li{ width: 22%; margin-right: 4%; margin-bottom: 2.0rem;}
.flow05 li p{ color: #FFF; padding: 0.75rem; font-size: 1.1rem; line-height: 1.1; font-weight: 600; background: #48dbfb; position: relative; text-align: center; border-radius: 5px;}
.flow05 li:last-child p{ text-align: center; background: #48dbfb; border-radius: 5px;}
.flow05 li:last-child p:after{ content: none;}
.flow05 li:last-child{ margin-right: 0px;}
.flow05 li span{ display: block; font-size: 1.1rem; line-height: 1.5; margin-top: 1.0rem;}

/* 総括 */
.synthesis{ width: 100%; padding: 25px 5%; background: #F6F6F6; position: relative;}
.synthesis:before{ content: ""; border-top: 20px solid #FFF; border-left: 20px solid transparent; border-right: 20px solid transparent; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.synthesis h3{ text-align: center; font-size: 2.1rem; line-height: 1.2; letter-spacing: .1em; color: #111;}
.synthesis h3 br{ display: none;}

.container.itemid-345,
.container.itemid-350,
.container.itemid-353,
.container.itemid-362,
.container.itemid-367,
.container.itemid-372,
.container.itemid-376,
.container.itemid-387,
.container.itemid-420,
.container.itemid-425,
.container.itemid-435{ padding: 0px;}
.container.itemid-345 .item,
.container.itemid-350 .item,
.container.itemid-353 .item,
.container.itemid-357 .item,
.container.itemid-362 .item,
.container.itemid-367 .item,
.container.itemid-372 .item,
.container.itemid-376 .item,
.container.itemid-387 .item,
.container.itemid-420 .item,
.container.itemid-425 .item,
.container.itemid-435 .item{ width: 100%;}
.container.itemid-345 .item .synthesis h3,
.container.itemid-350 .item .synthesis h3,
.container.itemid-353 .item .synthesis h3,
.container.itemid-357 .item .synthesis h3,
.container.itemid-420 .item .synthesis h3,
.container.itemid-425 .item .synthesis h3,
.container.itemid-435 .item .synthesis h3{ color: #0abde3;}
.container.itemid-362 .item .synthesis h3,
.container.itemid-367 .item .synthesis h3,
.container.itemid-372 .item .synthesis h3{ color: #10ac84;}
.container.itemid-376 .item .synthesis h3,
.container.itemid-387 .item .synthesis h3{ color: #ee5253;}

/* bottom link */
.productBtm{ width: 100%; margin: 0px auto; padding: 50px 5%;}
.productBtm h3{ font-size: 1.7rem; line-height: 1.1; text-align: center; margin-bottom: 1.5rem; color: #B32036;}
.productBtm ul{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.productBtm ul li{ width: 49%; margin: 0.5rem 2% 0.5rem 0;}
.productBtm ul li:nth-child(2n){ margin-right: 0px;}
.productBtm ul li a{ display: block; color: #333; text-decoration: none; font-size: 1.3rem; line-height: 1.1; text-align: center; border: solid 1px #DDD; padding: 1.25rem 0; position: relative;}
.productBtm ul li a:hover{ background: #B21F35; color: #FFF;}

/* bottom contact */
.bottomContact{ background: url(../../../images/globalright/common/bottom_contact.png) no-repeat center center; background-size: 100%; padding: 50px 0;}
.bottomContact h3{ font-size: 1.9rem; line-height: 1.1; text-align: center; letter-spacing: .1em; color: #111; margin-bottom: 1.5rem;}
.bottomContact h3 span{ display: block; text-align: center; font-size: 1.1rem; line-height: 1.1; margin-top: 0.5rem; color: #B32036;}
.bottomContact ul{ width: 100%; margin: 0px auto;}
.bottomContact ul li{ width: 100%; margin: 0.5rem 0; text-align: center;}
.bottomContact ul li:nth-child(1){ text-align: center;}
.bottomContact ul li:nth-child(1) strong{ display: block; font-weight: normal; text-align: center;}
.bottomContact ul li:nth-child(1) a{ font-size: 3.0rem; line-height: 1.1; font-family: DIN; text-decoration: none; color: #333; display: inline-block;}
.bottomContact ul li:nth-child(1) a:hover{ color: rgba(51,51,51,0.6);}
.bottomContact ul li:nth-child(1) a:before{ content: "\f098"; font-family: FontAwesome; color: #D14E5C; margin-right: 0.75rem;}
.bottomContact ul li:nth-child(1) span{ display: block; text-align: center; font-size: 1.1rem; line-height: 1.1;}
.bottomContact ul li:nth-child(2) a{ display: inline-block; color: #FFF; text-decoration: none; text-align: center; font-size: 1.3rem; line-height: 1.1; background: #D14E5C; padding: 1.25rem 4.0rem; border-radius: 3px;}
.bottomContact ul li:nth-child(2) a:hover{ background: #B32036;}
.bottomContact ul li:nth-child(2) a span{ display: block;}
.bottomContact ul li:nth-child(2) a span:before{ content: "\f0e0"; font-family: FontAwesome; color: #FFF; margin-right: 0.75rem;}

/*-- Loyal Customers Vision --*/
.loyalList{ width: 90%; margin: 0px auto; display: flex; justify-content: flex-start; flex-wrap: wrap; position: relative; z-index: 10;}
.loyalList li{ width: 49%; margin: 1.0rem 2% 1.0rem 0;}
.loyalList li:nth-child(2n){ margin-right: 0px;}
.loyalList li a{ display: block; color: #B32036; text-decoration: none; background: #FFF; border-radius: 300px; position: relative; padding: 3.0rem 4.0rem 5.0rem;}
.loyalList li a:hover{ box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.loyalList li a span{ display: block; width: 100%; font-size: 1.3rem; line-height: 1.2; text-align: center; position: absolute; bottom: 3.75rem; left: 50%; transform: translateX(-50%);}
.loyalList li img{ width: 100%; height: auto;}
.container.itemid-378{ width: 100%; padding: 50px 0; background: #F6ECEC; position: relative;}
.container.itemid-378:before{ content: ""; border-top: 20px solid #FFF; border-left: 20px solid transparent; border-right: 20px solid transparent; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.container.itemid-378 .item{ width: 100%;}

.container.itemid-379{ padding-top: 100px;}
.loyalClm{ position: relative; z-index: 10;}
.loyalClm h3{ width: 100%; text-align: center; color: #B32036; font-size: 1.7rem; line-height: 1.1; font-weight: 600;}
.loyalClm h3 img{ display: block; width: 30%; height: auto; margin: 0px auto 1.0rem;}
.loyalClm .inner{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.loyalClm .inner h4.kiji-midashi-2{ margin-top: 0px; width: 100%;}
.loyalClm .inner .image{ width: 100%; margin-bottom: 1.5rem;}
.loyalClm .inner .image img{ width: 100%; height: auto;}
.loyalClm .inner .in{ width: 100%;}
.loyalClm .inner .in ul{ margin-bottom: 2.0rem;}
.loyalClm .inner .in ul li{ padding: 0.5rem 0 0.5rem 2.0rem; line-height: 1.2; position: relative;}
.loyalClm .inner .in ul li:before{ content: "・"; position: absolute; top: 0.5rem; left: 0px; color: #CCC;}
.loyalClm .inner.oneClm{}
.loyalClm .inner.oneClm .image{ width: 100%;}
.loyalClm .inner.oneClm .in{ width: 100%; margin-bottom: 2.0rem;}

.smartPhone{}
.smartPhone h3{ width: 100%; text-align: center; color: #B32036; font-size: 1.7rem; line-height: 1.1; font-weight: 600;}
.smartPhone h3 img{ display: block; width: 30%; height: auto; margin: 0px auto 1.0rem;}
.smartPhone .smartInner{ width: 100%;}
.smartPhone .smartInner h4.kiji-midashi-2{ margin-top: 0px; margin-bottom: 0px;}
.smartPhone .smartInner .article{ margin-top: 2.5rem;}
.smartPhone .smartInner .article .inner h5{ font-weight: 600; color: #111; margin-bottom: 1.5rem; padding-left: 1.0rem; position: relative;}
.smartPhone .smartInner .article .inner h5:before{ content: ""; width: 2px; height: 50%; background: #B32036; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}
.smartPhone .smartInner .article .inner ul{ margin-bottom: 2.0rem;}
.smartPhone .smartInner .article .inner ul li{ padding: 0.5rem 0 0.5rem 2.0rem; line-height: 1.2; position: relative;}
.smartPhone .smartInner .article .inner ul li:before{ content: "・"; position: absolute; top: 0.5rem; left: 0px; color: #CCC;}

/*-- RFID --*/
.rfid{ position: relative;}
.rfid .illust{ width: 100px; position: absolute; bottom: 0px; right: 0px;}
.rfid .illust img{ width: 100%; height: auto;}
.rfid h4{ margin-top: 2.0rem !important; padding-top: 0px !important; font-size: 1.7rem; line-height: 1.1; color: #B32036; letter-spacing: .1em;}
.checkList{}
.checkList li{ padding: 1.5rem 0; border-bottom: dotted 1px #E4E4E4; line-height: 1.2;}
.checkList li:before{ content: "\f14a"; font-family: FontAwesome; color: #D14E5C; margin-right: 1.0rem;}

/* Creative Vision.NET */
.container.itemid-411{ width: 100%; padding: 50px 0; background: #C1E4E9; position: relative;}
.container.itemid-411:before{ content: ""; border-top: 20px solid #FFF; border-left: 20px solid transparent; border-right: 20px solid transparent; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.container.itemid-411 .item{ width: 100%;}
.container.itemid-411 .loyalList li a{ color: #51BECB;}
.container.itemid-412{ padding-top: 100px;}
.cvnClm{}
.cvnClm h3{ width: 100%; text-align: center; color: #51BECB; font-size: 1.7rem; line-height: 1.1; font-weight: 600; margin-bottom: 1.5rem;}
.cvnClm h3 img{ display: block; width: 30%; height: auto; margin: 0px auto 1.0rem;}
.cvnClm .inner{ width: 100%;}
.cvnClm .inner h4.kiji-midashi-2{ margin-top: 0px; width: 100%;}
.cvnClm .inner .image{ width: 100%; margin-bottom: 1.5rem;}
.cvnClm .inner .image img{ width: 100%; height: auto;}
.cvnClm .inner .image h5{ text-align: center; font-weight: 600; color: #111; margin-bottom: 0.5rem;}
.cvnClm .inner .in{ width: 100%;}
.cvnClm .inner .in ul{ margin-bottom: 2.0rem;}
.cvnClm .inner .in ul li{ padding: 0.5rem 0 0.5rem 2.0rem; line-height: 1.2; position: relative;}
.cvnClm .inner .in ul li:before{ content: "・"; position: absolute; top: 0.5rem; left: 0px; color: #CCC;}
.cvnClm .inner .odr{ order: 4;}
.cvnClm .inner.oneClm{}
.cvnClm .inner.oneClm .image{ width: 100%;}
.cvnClm .inner.oneClm .in{ width: 100%; margin-bottom: 2.0rem;}

/* 謎レイアウト */
.cvnClm .irregular{ width: 100%;}
.cvnClm .irregular h4.kiji-midashi-2{ margin-top: 0px; width: 100%; order: 1;}
.cvnClm .irregular ul{ margin-bottom: 2.0rem; width: 100%; order: 2;}
.cvnClm .irregular ul li{ padding: 0.5rem 0 0.5rem 2.0rem; line-height: 1.2; position: relative;}
.cvnClm .irregular ul li:before{ content: "・"; position: absolute; top: 0.5rem; left: 0px; color: #CCC;}
.cvnClm .irregular .column02{ display: flex; justify-content: space-between; margin-top: 1.5rem; order: 3;}
.cvnClm .irregular .column02 .inr{ width: 48%;}
.cvnClm .irregular .column02 .inr h5{ text-align: center; font-weight: 600; color: #111; margin-top: 3.0rem; margin-bottom: 0.5rem;}

/* Creative Vision.NET POS */
.loyalList02{ width: 90%; margin: 0px auto; display: flex; justify-content: center; flex-wrap: wrap; position: relative; z-index: 10;}
.loyalList02 li{ width: 49%; margin: 1.0rem 2% 1.0rem 0;}
.loyalList02 li:nth-child(2n){ margin-right: 0px;}
.loyalList02 li a{ display: block; color: #B32036; text-decoration: none; background: #FFF; border-radius: 300px; position: relative; padding: 3.0rem 4.0rem 5.0rem;}
.loyalList02 li a:hover{ box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.loyalList02 li a span{ display: block; width: 100%; line-height: 1.2; text-align: center; position: absolute; bottom: 4.0rem; left: 50%; transform: translateX(-50%);}
.loyalList02 li img{ width: 100%; height: auto;}
.container.itemid-428{ width: 100%; padding: 50px 0; background: #C1E4E9; position: relative;}
.container.itemid-428:before{ content: ""; border-top: 20px solid #FFF; border-left: 20px solid transparent; border-right: 20px solid transparent; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.container.itemid-428 .item{ width: 100%;}
.container.itemid-428 .loyalList02 li a{ color: #51BECB;}
.container.itemid-429{ padding-top: 100px;}

/* Time NAVI */
.container.itemid-341{}
.usage{ position: relative;}
.usage:before{ content: "\f0da"; font-family: FontAwesome; color: #D14E5C; font-size: 4.5rem; line-height: 1.1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

/* 課題から探す
-------------------------------------------------------------*/
.trouble{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.trouble .inner{ width: 100%; border: solid 2px #EEE; padding: 1.0rem; padding-right: 2.0rem; margin: 1.5rem 0; position: relative; transition: all 0.2s ease 0s; z-index: 10;}
.trouble .inner:hover{ border-color: #B21F35;}
.trouble .inner:before{ content: "\f105"; font-family: FontAwesome; color: #CCC; font-size: 2.1rem; line-height: 1.1; position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); transition: all 0.2s ease 0s;}
.trouble .inner:hover:before{ color: #B21F35; right: 1.5rem;}
.trouble .inner h4{ font-size: 1.5rem; line-height: 1.2; color: #B21F35; margin-bottom: 1.0rem;}
.trouble .inner p.moreBtn{ height: 0px; font-size: 0.0;}
.trouble .inner p.moreBtn span{ display: none;}
.trouble .inner p.moreBtn a:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}

.cat-children{ display: none;}

/* 課題一覧
-------------------------------------------------------------*/
.faq{ position: relative; z-index: 10;}
.faq h4.question{ background: #F6F6F6; font-size: 1.7rem; line-height: 1.1; color: #111; padding: 1.25rem; margin-top: 1.0rem; position: relative; cursor: pointer; transition: all 0.2s ease 0s;}
.faq h4.question:hover{ background: #999; color: #FFF;}
.faq h4.question:before{ content: "Q."; font-family: 'Quicksand', sans-serif; margin-right: 1.0rem;}
.faq h4.question:after{ content: "\f150"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #B21F35; position: absolute; top: 50%; right: 1.25rem; transform: translateY(-50%); transition: all 0.2s ease 0s;}
.faq h4.question:hover:after{ color: #FFF;}
.faq h4.question.selected{ background: #999; color: #FFF;}
.faq h4.question.selected:after{ content: "\f151"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #FFF;}
.faq .answer{ display: none; padding-left: 4.0rem; margin-top: 1.0rem; margin-bottom: 2.5rem; position: relative;}
.faq .answer:before{ content: "A."; font-family: 'Quicksand', sans-serif; color: #B21F35; position: absolute; top: 0.3rem; left: 1.25rem; font-size: 1.7rem; line-height: 1.1;}

/* 導入事例
-------------------------------------------------------------*/
body#case #main-content{ width: 100%; margin: 0px auto 5.0rem auto;}
body#case .blog .container{ padding: 0px;}
body#case .item-separator { margin-bottom: 50px;}
body#case .blog .container .item{ width: auto;}

.caseList{}
.caseList .image{ box-shadow: 0px 0px 6px rgba(0,0,0,0.1);}
.caseList .image img{ width: 100%; height: auto;}
.caseList .image a img{ opacity: 1.0; transition: all 0.2s ease 0s;}
.caseList .image a:hover img{ opacity: 0.6;}
.caseList h3.kiji-midashi-2{ margin-top: 0px;}

/* ニュース・トピックス
-------------------------------------------------------------*/
body#news #main-content,
body#topics #main-content{ width: 100%; margin: 0px auto 5.0rem auto;}
body#news .blog .container,
body#topics .blog .container{ padding: 0px;}
body#news .item-separator,
body#topics .item-separator { margin-bottom: 25px;}

.sideNavi{ border: solid 1px #E4E4E4; margin-bottom: 2.5rem;}
.sideNavi h3{ font-size: 1.7rem; line-height: 1.1; padding: 1.5rem 1.0rem; letter-spacing: .1em; color: #FFF; border-bottom: solid 1px #E4E4E4; background: #B32036;}
.sideNavi h3:first-letter{ color: rgba(255,255,255,0.75);}
.sideNavi ul{ padding: 1.0rem;}
.sideNavi ul li{ border: solid 1px #EEE; margin-bottom: 2px; position: relative;}
.sideNavi ul li:last-child{ margin-bottom: 0px;}
.sideNavi ul li a{ display: block; font-size: 1.3rem; line-height: 1.1; color: rgba(51,51,51,1.0); text-decoration: none; padding: 1.5rem 1.0rem;}
.sideNavi ul li a:hover{ color: rgba(51,51,51,0.6); background: #F9F9F9;}
.sideNavi ul.lnd_latestnewssideNavi li a{ padding-top: 2.75rem;}
.sideNavi ul.lnd_latestnewssideNavi li span{ font-size: 1.1rem; line-height: 1.1; position: absolute; top: 1.5rem; left: 1.0rem; color: #999;}

/* 会社概要
-------------------------------------------------------------*/
.googlemap{ border: solid 5px #FFF; box-shadow: 0px 2px 15px -5px rgba(0,0,0,0.2);}
.googlemap iframe{ width: 100%;}

/* サイトマップ
-------------------------------------------------------------*/
.sitemap{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.sitemap li{ width: 49%; margin: 0.5rem 2% 0.5rem 0;}
.sitemap li:nth-child(2n){ margin-right: 0px;}
.sitemap li a{ display: block; color: #333; text-decoration: none; font-size: 1.3rem; line-height: 1.1; text-align: center; border: solid 1px #DDD; padding: 1.5rem 0; position: relative;}
.sitemap li a:hover{ background: #B21F35; color: #FFF;}

/* 採用情報
-------------------------------------------------------------*/
.recruitFlow{ display: flex; justify-content: space-between;}
.recruitFlow li{ width: 16%; box-shadow: 0px 0px 6px rgba(0,0,0,0.1); background: #FFF; border-radius: 5px; font-weight: 600; font-size: 1.3rem; line-height: 1.1; text-align: center; padding: 2.5rem 0; position: relative;}
.recruitFlow li:last-child{ background: #D14E5C; color: #FFF;}
.recruitFlow li:after{ content: "\f0da"; font-family: FontAwesome; color: #B32036; position: absolute; top: 50%; right: -0.8em; transform: translateY(-50%); font-size: 1.5rem; line-height: .1;}
.recruitFlow li:last-child:after{ content: none;}

/* お問い合わせ
-------------------------------------------------------------*/
h4.comName{ font-size: 1.5rem; line-height: 1.1; text-align: center; font-weight: 600;}
.phone{ text-align: center; margin-top: 0.5rem;}
.phone a{ display: inline-block; font-family: DIN; font-size: 3.1rem; line-height: 1.1; color: #333; text-decoration: none;}
.phone a:hover{ color: rgba(51,51,51,0.6);}
.phone a:before{ content: "\f098"; font-family: FontAwesome; color: #B32036; margin-right: 0.75rem;}
.phone span{ display: block; font-size: 1.3rem; line-height: 1.1; text-align: center;}

/*-----------------------------------------------------------*/
strong.formRequired{ color:#FF5054; font-size:1.1rem; font-weight:normal; padding-left:1.0em;}
.formContainer{ letter-spacing:-0.4em; margin-top:50px; border: solid 5px #F9F9F9; padding: 2.5rem; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.formContainer .control-group{ margin-top:0px; border-bottom: dotted 1px #E4E4E4; padding:1.0em 0;}
.formContainer .control-label,
.formContainer .controls { display: inline-block; vertical-align: middle; letter-spacing:0;}
.formContainer .control-label{ width:100%;}
.formContainer .controls{ width:100%;}
.formContainer .rsform-block-submit{ border-bottom: none;}
.formContainer .rsform-block-submit label{ display: none;}
.formContainer .rsform-block-submit .controls{ width:100%; text-align:center;}
.formContainer .rsform-block-submit .rsform-submit-button {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size:1.7rem;
	font-weight:500;
	line-height:1.1;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #B32036;
	padding: 1.0em 3.0em;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #B32036 5%, #B32036 100% );
	background:-ms-linear-gradient( top, #B32036 5%, #B32036 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B32036', endColorstr='#B32036');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #B32036), color-stop(100%, #B32036) );
	background-color:#B32036;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px rgba(0,0,0,0.2);
}
.formContainer .rsform-block-submit .rsform-submit-button:hover {
	background:-moz-linear-gradient( center top, #D14E5C 5%, #D14E5C 100% );
	background:-ms-linear-gradient( top, #D14E5C 5%, #D14E5C 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D14E5C', endColorstr='#D14E5C');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #D14E5C), color-stop(100%, #D14E5C) );
	background-color:#D14E5C;
	border:1px solid #D14E5C;
}
.formContainer .rsform-block-submit .rsform-submit-button:active {
	position:relative;
	top:1px;
}
.radio,
.checkbox {}
label.checkbox{ cursor:pointer; position:relative;}
label.checkbox input{}

/*=============================================================
	レイアウト
=============================================================*/

*{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#adminForm *{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}

/*---------- 全体 ----------*/
#all{ width:100%; margin: 0px auto; overflow:hidden; position: relative;}

/*---------- ヘッダー ----------*/
.headHeight{}
#wrapper { width:100%; margin: 0px auto;}
/* #wrapper.fixed{ position: fixed; top: 0px; left: 0px; z-index: 100; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); background: rgba(255,255,255,0.95); width: 100%;} */
#header-wrap { width: 100%; margin: 0px auto; padding: 1.5rem 12.5% 1.5rem 5%; position: relative;}
#all #h1title{ font-size: 1.1rem; line-height: 1.1; color: #FFF; width: 100%; padding: 1.5rem 0; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
#header-wrap #top .custom{ display: flex; justify-content: space-between; align-items: center;}
#header-wrap #top .custom h2.logo a{ display: block;}
#header-wrap #top .custom p.contact a{ display: block; background: #D14E5C; border-radius: 2px; overflow: hidden; width: 34px;}
#header-wrap #top .custom p.contact a:hover{ background: #B32036;}
#header-wrap .row { margin-bottom: 0;}

/*---------- コンテンツブロック ----------*/
#box-wrap { width:100%; margin: 0px auto;}
#main-content {}
#post.col{ margin: 0px auto;}

/*---------- フッター ----------*/
#footer-wrap { width:100%; margin: 0px auto; background: #444; padding: 3.0rem 0;}
#footer{ width: 90%; margin: 0px auto;}
#footer .custom{ display: flex; justify-content: space-between; flex-wrap: wrap;}
#footer .custom .inner{ width: 100%; padding: 1.0rem 0;}
#footer .custom .inner h3{ font-size: 1.5rem; line-height: 1.1; color: #FFF; padding: 1.5rem 0; margin-bottom: 1.5rem; border-bottom: solid 1px rgba(255,255,255,0.1); position: relative;}
#footer .custom .inner h3:before{ content: ""; width: 1.3rem; height: 1px; background: #D14E5C; position: absolute; bottom: -1px; left: 0px;}
#footer .custom .inner ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
#footer .custom .inner ul li{ font-size: 1.3rem; line-height: 1.1; margin-bottom: 0.75rem; width: 49%;}
#footer .custom .inner ul li a{ color: #FFF; text-decoration: none; display: block; text-align: center; background: rgba(255,255,255,0.1); padding: 0.75rem;}
#footer .custom .inner ul li a:hover{ color: rgba(255,255,255,0.6); padding-left: 0.25rem;}

#bottom { width:100%; margin: 0px auto; border-bottom: solid 2px #B32036; background: #444;}
#bottom p{ font-size: 1.1rem; line-height: 1.1; color: #FFF; text-align: center; width: 100%; margin: 0px auto; padding: 1.5rem 0;}
#bottom p span{ display: inline-block; padding: 0 0.5em;}
#bottom p a span{ display: none;}
#bottom p a{ position: relative; display: inline-block; margin-left: 0.5em; text-decoration: none;}
#bottom p a:before{ content: "\f090"; font-family: FontAwesome; color: rgba(255,255,255,1.0); transition: all 0.2s ease 0s;}
#bottom p a:hover:before{ color: rgba(255,255,255,0.6);}
#bottom p a:hover{}

/*=============================================================
	基本設定
=============================================================*/
body{
	margin:0;
	padding:0;
	text-align:center;
	font-size:1.5rem;
	line-height:1.5em;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
	color:#333;
	height:100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background: #FFF;
	position:relative;
}

a{color:#0085B2; text-decoration:underline;}
a:hover{color:#E6423D; text-decoration:none;}

/*=============================================================
	リセット
=============================================================*/
html { height:100%; font-size:62.5%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,th,td,img,p{ margin: 0px; padding: 0px; font-weight:normal;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal}
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{ text-align: left; display: block}
table { border-collapse: collapse; border-spacing: 0}
caption,th { text-align: left}
q:before,q:after { content: ''}
img,
object,
embed { vertical-align: top}
hr,legend{ display: none}
h1,h2,h3,h4,h5,h6 { font-size: 100%}
img,abbr,acronym,fieldset{ border:none}
li{ list-style-type: none}
* {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/*---------- margin ----------*/
.mt-none{ margin-top:0px !important}
.mt-05{ margin-top:5px !important}
.mt-10{ margin-top:5px !important}
.mt-20{ margin-top:10px !important}
.mt-30{ margin-top:15px !important}
.mt-40{ margin-top:20px !important}
.mt-50{ margin-top:25px !important}
.mt-60{ margin-top:30px !important}
.mt-70{ margin-top:35px !important}
.mt-80{ margin-top:40px !important}
.mt-90{ margin-top:45px !important}
.mt-100{ margin-top:50px !important}

/*---------- align ----------*/
.align-left{ text-align: left;}
.align-right{ text-align: right;}
.align-center{}

/*---------- float ----------*/
.float-left{ float: none;}
.float-right{ float: none;}

/*---------- image ----------*/
.img-left{ float: none; margin:0.5em 0;}
.img-right{ float: none; margin:0.5em 0;}

/*----- clearfix -----*/
.clearfix { zoom:1;}
.clearfix:after{ content: ""; display: block; clear: both;}
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px;}

/*=============================================================
	Joomla
=============================================================*/


/* 見出し */
h2.componentheading,
.page-header h2{}
.kiji-midashi {}
.kiji-midashi-2 {}
.kiji-midashi-3 {}

.text-highlight {background: none repeat scroll 0 0 #ffffaa;font-size: 14px;margin: 10px 0;padding: 7px;}
.highlight-green { color: #fff; background: #48691b;font-size: 14px;margin: 10px 0;padding: 7px;}
.highlight-light { color: #000; background: #e5e5e5;font-size: 14px;margin: 10px 0;padding: 7px;}
.highlight-dark { color: #fff; background: #595959;font-size: 14px;margin: 10px 0;padding: 7px;}

/* 新着一覧 */
.news-title {background-color: #E5E2D3;color: #444444;font-size: 14px;margin: 15px 0 0;padding: 7px 10px;}
.news-box { max-height: 150px; overflow: auto;}
.news-box table {width: 100%;}
.news-box table th {border-bottom: 1px dotted #ccc;font-weight: normal;padding: 5px;text-align: left;vertical-align: top;width: 15%;}
.news-box table td{ border-bottom: 1px dotted #ccc; padding: 5px; vertical-align: top;}
.news-box table a{}
.news-box ul {}
.news-box ul li {}
.news-box ul li a{}
.news-box ul li a:hover{}

body.contentpane { //padding:10px;}
ul.unstyled { list-style: none; margin:0; padding:0;}
:focus { outline: 0 }
h1, h2, h3, h4, h5, h6, #site-description,#navigation, #sidebar .module ul.menu li a,#user1 ul li a,#user2 ul li a,#footer-nav ul li {}

/*	Grid */
.container { margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: border-box; /*overflow: hidden;*/}
#post .container{ width: auto;} 
.container .row,
.col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.row { /*margin-bottom: 1.5em;*/}
.col { display: block; float: left; width: 100%;}
.col:first-child { margin-left: 0 }
.row:after, .col:after, .clr:after, .group:after { display: block; height: 0; clear: both; content: ""; visibility: hidden;}

/* grid */
.col { margin-left: 2% }
.span_1 { width: 6.5% }
.span_2 { width: 15.0% }
.span_3 { width: 23.5% }
.span_4 { width: 32.0% }
.span_5 { width: 40.5% }
.span_6 { width: 49.0% }
.span_7 { width: 57.5% }
.span_8 { width: 66.0% }
.span_9 { width: 74.5% }
.span_10 { width: 83.0% }
.span_11 { width: 91.5% }
.span_12 { width: 100% }

.count-1 { clear: both; margin-left: 0;}

#comp-wrap {padding:0}
.full { padding:0; margin:0; clear:both}
.contact a { text-decoration:none}

/* Article Columns */
.column-1,
.column-2,
.column-3,
.column-4 { position:relative; margin:0; padding:0;}

/* Content styles */
#archive {padding:0; margin:0;}
.archive {padding:0;}
.archive .article-count {color:#999;}
.blog-featured {}
.items-leading {position: relative; clear:both; margin:0 0 20px 0; padding:0;}
.leading { margin:0 0 20px 0; position:relative;}
.items-row, .item-page, .contact {position: relative;}
.item-page { position:relative}
.contact-name {text-decoration:none;font-size:22px;} 
.item-page-title a:hover {}
.contact h2{ margin:0 0 20px 0;}
.contact .current {margin:0; padding:0;}
dl.tabs { display:block; clear:both; border-bottom:1px solid #ddd;}
dl dt.tabs { display: inline-block; margin:0 0 -1px 0}
dt.tabs h3 {margin:0 2px 5px 0;}
dt.tabs h3 a{padding:8px 8px 3px 8px; line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0; cursor:pointer; text-decoration:none}
dt.tabs.closed h3 a {border-color:#eeeeee #eeeeee #dddddd;}
dt.tabs h3 a,dt.tabs h3.open a{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;}
dd.tabs { padding:10px 20px}
.jicons-icons { float:left; margin:0 10px 0 0; padding:5px 0 0 0}
h1.componentheading {margin:0 0 10px 0; padding:0; position:relative; color:#333;}

.buttons {clear: both;display: block;overflow: hidden;}
ul.button-icons {float: right;margin: 0;overflow: hidden;padding: 0;}
ul.button-icons li { display:inline-block}
ul.button-icons li.edit-icon,
ul.button-icons li.print-icon,
ul.button-icons li.email-icon { margin:0; padding:0; width:20px; height:20px; float:left; overflow:hidden; line-height:20px;}

.iteminfo,
.content_rating {}
.content_rating p{ margin:0; padding:0;}
.iteminfo span { margin:0 10px 0 0;}
.iteminfo a {} .iteminfo a:hover {}
.iteminfo .category,.iteminfo .sub-category,.iteminfo .create,.iteminfo .modified,.iteminfo .published,.iteminfo .createdby,.iteminfo .hits { display:inline-block; line-height:20px!important;}
.iteminfo .createdby {font-weight:bold;}
.items-more {clear:both;} h3.items-more { font-size:14px; padding:0; margin:0;}
.items-more ol { margin:0 0 0 30px; padding:0}
table.category {}
th.item-title, th.list-title {font-size: 15px; font-weight: bold; text-align: left;}

/* Commons */
.clear { clear: both }
blockquote { position: relative; margin: 30px 0; padding: 20px; background-color: #e9e9e9; color: #505050; border-left: 5px solid #ddd; font-size: 16px; font-style: italic; font-family: 'Georgia', sans-serif; line-height: 1.8em;}
pre { margin: 30px 0; padding: 20px; background-color: #e9e9e9; color: #505050; border-left: 5px solid #ddd; font-size: 15px; font-family: 'Georgia', sans-serif; line-height: 1.8em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
address { margin: 20px 0; letter-spacing: 1px;}

/* Typography */
.entry p:last-child { margin: 0 }
.entry ul { margin: 30px 0 30px 20px }
.entry ul li, .entry ol li { margin: 0 0 5px }
.entry ol { margin: 30px 0 30px 25px }
.entry ol { list-style: decimal }
.entry ul { list-style: disc }
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 40px 0 20px }
p { margin: 0;}
p.lead { font-size: 21px; line-height: 27px;}
em { font-style: italic }
strong { font-weight: bold }
small { font-size: 80% }
hr { 
height: 0; margin: 10px 0; 
border: solid #eee; 
border-width: 1px 0 0; 
clear: both; 
}
a { outline: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease}
a:hover {}
p a, p a:visited { line-height: inherit;}

/* social */
#social { display:block; float:right}
#social a.social-icon {display: inline-block; margin-left: 2px; padding: 0;width:32px; height:32px;}
#social a.social_1 { background:url(../images/social/facebook.png) 0 0 no-repeat;}
#social a.social_2 { background:url(../images/social/twitter.png) 0 0 no-repeat;}
#social a.social_3 { background:url(../images/social/google.png) 0 0 no-repeat;}
#social a.social_4 { background:url(../images/social/youtube.png) 0 0 no-repeat;}
#social a.social_5 { background:url(../images/social/dribbble.png) 0 0 no-repeat;}
#social a.social_6 { background:url(../images/social/flickr.png) 0 0 no-repeat;}
#social a.social_7 { background:url(../images/social/pinterest.png) 0 0 no-repeat;}
#social a.social_8 { background:url(../images/social/picasa.png) 0 0 no-repeat;}
#social a.social_9 { background:url(../images/social/linkedin.png) 0 0 no-repeat;}
#social a.social_10 { background:url(../images/social/reddit.png) 0 0 no-repeat;}

/* Module Classes */

/* light */
.light {border:1px solid #cfcfcf !important; background:#F6F6F6 !important; color:#555 !important;}
.light .module-title{color:#555 !important; background:none!important;border-bottom:none!important;}
.light .module-body {border-top:none !important;}
.light a{ text-decoration:underline !important;}.light a:hover{ color:#333!important}

/* normal */
.normal {border:1px solid #46acd1 !important; background:#58C0E6!important; color:#fff!important;}
.normal .module-title{color:#fff !important; background:none!important;border-bottom:none!important;}
.normal .module-body {border-top:none !important;}
.normal a{text-decoration:underline !important; color:#fff!important}.normal a:hover{ color:#303030!important}

/* dark */
.dark {border:1px solid #333 !important; background:#363636!important; color:#fff !important;}
.dark .module-title{color:#fff !important; background:none !important; border-bottom:none!important;}
.dark .module-body {border-top:none !important;}
.dark a{text-decoration:underline !important; color:#58C0E6!important}.dark a:hover{ color:#fff!important}

/* blank */
.blank {border:none!important; background:none!important; padding:5px!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important; 
box-shadow:none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important}
.blank .module-title {border:none!important; padding:0 0 0 5px!important}

.light, .normal, .dark {padding:10px!important;}
.light ul.menu li a, .normal ul.menu li a, .dark ul.menu li a{ text-decoration:none!important}
.light .module-title, .normal .module-title, .dark .module-title {padding:0 0 0 5px!important; border:none!important; line-height:30px!important; }
.light .module-body, .normal .module-body, .dark .module-body { padding:0 5px !important;}

/* Page Navigation */
ul.pagenav {clear: both;display: block;padding: 0;}
ul.pagenav li { list-style:none;} ul.pagenav li a{ display:block}
.pagenav-prev { float:left;}
.pagenav-next { float:right}
#pagination {clear:both; text-align:center; padding:0;}

/* Search */
input[type="search"] { display: block; width: 100%; padding: 10px 32px 10px 11px; color: #202020; font-size: 11px; -moz-box-sizing: border-box; -webkit-appearance: none !important; -webkit-box-sizing: border-box; background: #fff; border: 1px solid #ddd; box-sizing: border-box;}
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none }
input[type="search"]::-webkit-search-decoration { display: none }
input[type="search"]:focus { color: #000; outline: none;}
/* Forms / Inputs / Buttons */
.inputbox, input, textarea, select {background:#fff; border:1px solid #d4d4d4;} .inputbox { /*width:160px;*/} #modlgn-remember { float:left; width:20px;}

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="url"], 
input[type="tel"], 
textarea { display: block; 
 max-width: 100%; 
 margin-bottom: 10px; 
 margin-left: 0; 
 padding: 8px; 
 font-weight: 400; background-color: #f7f7f7; 
 border: 1px solid #ddd; border-radius: 4px 4px 4px 4px; 
 box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.030) inset; width: 80%; 
 }

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="tel"]:focus, 
textarea:focus { border-color: #A0ECFF; outline: none; 
 }
input[type="button"], 
input[type="submit"], 
button[type="submit"], 
button[type="button"] { 
display: inline-block; 
margin-top: 5px; 
margin-bottom:5px; 
padding: 0 15px; 
background-color: #fff; 
text-decoration: none; 
-webkit-appearance: none !important; 
background: #fff; 
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); 
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); 
background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); 
background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); 
background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); 
min-height: 36px; 
border: 1px solid #ccc; 
border-radius: 4px; 
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05); 
cursor: pointer; 
text-shadow: 1px 1px 0 #FFFFFF; }
input[type="button"]:active, input[type="submit"]:active, button[type="submit"]:active, button[type="button"]:active { background-image: linear-gradient(to bottom, #efefef 0px, #fff 100%); border-color: #bbb #bbb #ddd; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10) inset;}
input[type="button"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, button[type="button"]:hover{ background: #fff }
select {background-color: #f7f7f7;border-radius: 5px;display: inline;line-height: 100%;margin: 0;padding: 3px;vertical-align: middle;width: auto;}
select[disabled="disabled"], select.disabled{color:#999;background:#f5f5f5;-moz-box-shadow:inset 0px 0px 2px #ddd;-webkit-box-shadow:inset 0px 1px 2px #ddd;box-shadow:inset 0px 1px 2px #ddd;}

.input-medium,
.input-large {width: auto !important;}

.readmore {margin: 5px;}
a.btn-readmore { display: inline-block; *display: inline; *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 13px; line-height: 18px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255,255,255,0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #bbb; *border: 0; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}
a.btn-readmore:hover,
a.btn-readmore:focus,
a.btn-readmore:active,
a.btn-readmore.active,
a.btn-readmore.disabled,
a.btn-readmore[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9;}
/* Mailto */
.mailto { background:#fff; color:#222; padding:10px;}
/* Tooltips */
.tip-wrap { float: left; padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #535353; border: 1px solid #222; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; max-width: 200px; text-shadow:1px 1px #000}
.tip-title {padding: 0; margin: 0; display:none}
.tip-text {font-size: 100%; margin: 0;}
#topcontrol {background:url(../images/arrow_up.png) 50% 50% no-repeat;width:60px;height:60px;white-space:nowrap;cursor: pointer;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); bottom:20px; right:20px; z-index:999; display:none;}
/* Error */
#error {padding:20px; text-align:center}
#error .error { color:#FF0000; display:block; padding:0;font-size: 140px; font-weight: bold; line-height: 200px;}
#error .center {width: 400px; margin-left:-200px;left: 50%; position: absolute; text-align: center; top: 20%}
#error .error { text-shadow: 0 -1px 0 rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.7);}
#error .error > span {display: inline-block;position: relative;}
#error .error > span:before {content: "";position: absolute;top: 70%;left: -30px;right: -30px;	height: 80px;background: url(../images/error.png) no-repeat;background-size: 100% 100%;}
#error ol li{ text-align:left;}
/* Offline */
.error-offline .error > span:before { top: 65%;}
.error-offline .message { width: 350px;}
/* Thumbs */
.width-10 {width: 10px;}.width-20 {width: 20px;}.width-30 {width: 30px;}.width-40 {width: 40px;}.width-50 {width: 50px;}.width-60 {width: 60px;}.width-70 {width: 70px;}.width-80 {width: 80px;}.width-90 {width: 90px;}.width-100 {width: 100px;}.height-10 {height: 10px;}.height-20 {height: 20px;}.height-30 {height: 30px;}.height-40 {height: 40px;}.height-50 {height: 50px;}.height-60 {height: 60px;}.height-70 {height: 70px;}.height-80 {height: 80px;}.height-90 {height: 90px;}.height-100 {height: 100px;}
.thumbnail{border:1px solid #ccc!important; max-width: 100%!important;}
.thumbnail img { -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.thumbnail img:hover { opacity: 1;}
.thumbnail.pull-left{margin-right:10px!important}
.thumbnail.pull-right{margin-left:10px!important}
.thumbnails {margin-left: -20px;list-style: none;*zoom: 1;}
.thumbnails:before,
.thumbnails:after {display: table;content: "";line-height: 0;}
.thumbnails:after {clear: both;}
.thumbnails > li {float: left;margin-bottom: 18px;margin-left: 20px;}
.thumbnail {display: block;padding: 4px;line-height: 18px;border: 1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055);	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055);box-shadow: 0 1px 3px rgba(0,0,0,0.055);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;	transition: all .2s ease-in-out;}
a.thumbnail:hover {border-color: #08c;-webkit-box-shadow: 0 1px 4px rgba(0,105,214,0.25);-moz-box-shadow: 0 1px 4px rgba(0,105,214,0.25);box-shadow: 0 1px 4px rgba(0,105,214,0.25);}
.thumbnail > img {display: block;max-width: 100%;margin-left: auto;margin-right: auto;}
.thumbnail .caption {padding: 9px;color: #555;}

/* visform */
.visform input, .visform select, .visform textarea {background-color: #f7f7f7;border: 1px solid #cccccc;display: inline;margin: 0;padding: 6px;vertical-align: middle;}
.visform select{ /* display: block;*/}
.visform button[type="button"] {margin-left: 3px;margin-top: 5px;min-height: 34px;}
.visCSSlabel {font-size: 14px;margin: 0;padding-left: 6px;}
.visCSSinput {margin: 0;}
.visCSStop0 {}
.visCSSmargLeft {display: inline;margin: 0;}
.visBtnCon {}
.visBtnCon .send {border-radius: 5px;font-size: 14px;padding: 8px;}
.field-sep {border-top: 1px dotted #cccccc;padding: 8px 0;position: relative;}
p.errorcontainer:before {border-bottom: 11px solid gray;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top:none ;content: "";display: block;height: 0;margin-left: 20%;width: 0;}
p.errorcontainer:after{ border: none;}
label.error {background-color: gray;border-radius: 5px;color: #fff;display: inline-block !important;font-size: 10px;margin: 0 0 0 17%;max-width: 60%;max-width: 180px;padding: 10px; white-space: nowrap;}
.visform .icon-calendar:before {color: #a80000;content: "C";}
.visCustomText {display: inline;margin-left: 5px;}
.visCustomText p {display: inline;}
#visformcontainer input:focus,
#visformcontainer textarea:focus {background-color: #FFF5D6 !important;border: 1px dotted #999999 !important;}
#visformcontainer .error-text {left: 26%; position: absolute; width: 300px; z-index: 1; opacity:0.95;filter:alpha(opacity=95);-ms-filter: "alpha( opacity=95)";}
#radio-listlbl {display: inline;height: 60px;padding-left: 6px;width: 30%;}
#radio-listlbl input{}
.radio-list-label {/*width: auto;*/ display: inline;height: 60px;padding-left: 6px;width: 30%;}
.radio-list-field {clear: none;}
.w60{ width: 60%;}
.w50{ width: 50%;}
.w40{ width: 40%;}
.w30{ width: 30%;}
.w20{ width: 20%;}
.w10{ width: 10%;}
.w-auto{ width: auto;}
p.errorcontainer {margin-bottom: 0;margin-top: 0;padding-top: 0;}
fieldset {border: medium none;margin: 0;padding: 0;}
.hidden {display: none !important;}
.control-label,
.controls{ display: inline;}
.nav-tabs{ padding: 0;}
.btn-toolbar {margin: 5px 0;}
.btn-group{ display: inline;}
#gaiyo-table {border-collapse: separate;width: 100%;}
#gaiyo-table tbody{}
#gaiyo-table td {border-bottom: 1px dotted #696969;padding: 5px;}
#gaiyo-table th {border-bottom: 1px dotted #696969;font-weight: normal;width: 15%;padding: 5px;}

iframe {border: medium none;}
ul#usermenu {margin: 10px;padding: 10px 20px;}
ul#usermenu li{}
#header-table{width: 100%;}
#header-table td:last-child{text-align: right;}
.control-group {margin: 10px 0;}
.chzn-container { width: 250px !important;}
.input-append input{display: inline;}
.input-append button {display: inline;margin-left:5px ;}
.icon-read-more{}

.business{margin:0 -480px 0 0; padding:0; font-size:10px; color:#ccc; text-align:right; text-shadow:none; bottom:0; right:50%; line-height:10px; height:10px; position:absolute;}
.business a,
.business a:hover { text-decoration:none; font-size:10px;color:#ccc}
.dl-horizontal dt { clear: left; float: left; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 40px;}
.dl-horizontal dd { margin-left: 50px;}
.items-more h3 { margin-bottom:10px;}

/*shadowbox*/
#sb-nav {height: auto;line-height: 1;}
#sb-info,
#sb-info-inner {height: auto;}
#sb-info-inner {font-size: 14px;height: auto;}
#sb-nav a {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #fff;font-family: FontAwesome;font-size: 18px;height: 20px;width: 20px;}
#sb-nav a:hover{ text-decoration: none;}
#sb-nav-next:before { content: "\f0a9";}
#sb-nav-close:before{ content: "\f05c";}
#sb-nav-previous:before{ content:"\f0a8";}
.accordeonck .toggler:before{ content:"\f0fe"; font-family: FontAwesome; color:#999; margin-right: 10px;}
.accordeonck ul li ul {margin: 0;}
.accordeonck ul li ul li {list-style: none outside none !important;margin: 0 !important;}
.accordeonck ul li a{}
.pchidden{ display:none;}

#footer .switchBtn{margin: 20px 0;text-align: center;}
#footer .switchBtn a{border: 1px solid #b5b3b3;border-radius: 4px;color: #494949;display: inline-block;padding: 8px 30px;background-color: #fff;}
.switchBtn a.btnAcv{ background-color: #C4C4C4; background-image: none;}
.switchBtn a:first-child{ margin-right: 10px;}
{padding: 0; background: none !important;}
.fieldsform,
.fieldsfly{ background: none !important;}

/* ↓tab & Slides */
ul.jwts_tabbernav li a{ border-radius: 4px 4px 0 0;}
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle{ background-position:0 3px;}
div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle{ background-position:0 -142px;}

#responsive-tabs{ margin-bottom:15px;}
#responsive-tabs label {margin: 0;padding: 7px 20px;}
#responsive-tabs input[type="radio"]:checked + label,
#responsive-tabs input.checked[type="radio"] + label{ border-top-color:#494949;}
#responsive-tabs label:first-child{}
#responsive-tabs label span {font-size: 14px;}
.edit .tab-content,
.tab-content {border: 1px solid #ccc;border-radius: 0 0 5px 5px;overflow: hidden;padding: 10px;}
.tab-content .tab-content-item{}
.star {color: #ff002a;}
/* ↑tab & Slides */

/* ↓custom properties　複合検索*/
.searchform .cp-field .cp-cb-value {display: inline;}
.cpsearch {margin-bottom: 30px;}
table.search-box {border: 1px solid #d3d8e2;margin-bottom: 10px;width: 100%;}
table.search-box th {background-color: #eff2f4;border-bottom: 1px solid #d3d8e2;padding: 10px;text-align: left;vertical-align: top;width: 20%;}
table.search-box td {border-bottom: 1px solid #d3d8e2;padding: 10px;}
.cpsearch input[type="checkbox"],
.cpsearch input[type="radio"] { vertical-align: middle;}
.cp-result-list{}
.cp-result{}
.cp-result dl{}
.cp-result dt{}
.cp-result dd {margin: 0;}
.result-title{ background-color: #f7f7f7; border-color: #ccc #ccc #114f75; border-style: solid; border-width: 1px 1px 3px; font-size: 14px; font-weight: bold; margin: 20px 0 10px; padding: 7px 10px;}
.result-text{}
/* ↑custom properties　複合検索*/

/*↓ showplus サムネイルスライド*/
.showplus-thumbnails > ul > li > a {margin-left: 1px !important;margin-right: 1px !important;padding: 0 !important;box-sizing:border-box;}
.showplus-thumbnails > ul > li > a:hover { }
.showplus-horizontal .showplus-thumbnails > ul > li:last-child > a {margin-left: 2px !important;}
.showplus-horizontal .showplus-thumbnails > ul > li:first-child > a { }
.showplus-thumbnails > ul {height: auto !important;overflow: hidden;}
/*↑ showplus サムネイルスライド*/

ul.rsstableList {margin: 0;padding: 0;}
ul.rsstableList li {border-bottom: 1px dotted #ddd;list-style: none outside none;overflow: hidden;padding: 10px 0;}
ul.rsstableList li.odd{}
ul.rsstableList li.even{}
ul.newsflash-horiz {margin: 0;padding: 0;}
ul.newsflash-horiz li {box-sizing: padding-box;float: left;list-style: none outside none;padding-right: 10px;width: 50%;}
ul.newsflash-horiz li:last-child{ padding-right:0;}
ul.newsflash-horiz .article-separator{display:none;}
}


/* ↓最大480px スマホ*/
@media screen and (max-width: 480px) { 
html{ min-width: 100%; //ウインドウ縮小対策}
body,td,th,p,li,span{ font-family: Helvetica; //アンドロイド中黒対策}
.span_1,.span_2,.span_3,.span_4,.span_5,.span_6,.span_7,.span_8,.span_9,.span_10,.span_11,.span_12 {  width: auto;}
.col {   float: none;  margin: 0 2%;}
.items-row{ margin: 0;}
.pchidden{ display: none; //スマホでは表示させない}
.sphidden{ display: block; //スマホサイトだけに表示させる}

#leftbar-w,
#rightbar-w{  display: none; }

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

.blog td,
.blog th,
.item-page td,
.item-page th{ display: block;}

.blog td img,
.blog th img,
.item-page td img,
.item-page th img{ display: block;margin: 0 auto;}
#main-content .table{ width: auto;}

.table td,
.table th,
.mceToolbar td,
td.mceToolbar{ display: table-cell;}
#social { display:block; float:none}

#wrapper,
#navbar-wrap,
.container{ width: auto;min-width: unset;}

#header-wrap table td {   clear: both;  display: block;}
#logo { text-align:center; float:none; display:block}
#logo img { max-width:250px; max-height:70px; display:block; margin:0 auto}
#logo a{ text-align:center}
#site-description { text-align:center}
#top { float:none}
#top td{ text-align: center;}

#menu-icon { width:100%;height: 55px; 
line-height:55px;text-decoration:none;background:#363636; 
padding:0; 
cursor: pointer;display: block;  
color: #fff; }
#menu-icon:hover,#menu-icon.active  {background-color: #333; color:#fff}
.menu-icon-title { font-size:18px; padding:0 0 0 10px;}
.menu-icon-title:before{ content: "\f03a";font-family: FontAwesome;margin-right: 10px;}
.icon-double-angle-down { font-size:30px; padding:0 10px 0 0; float:right; height:55px!important; line-height:55px!important;}
#navbar{ 
display: none; 
height:auto; 
margin:0; 
padding:0;}

/* Menu */
#navbar-wrap { 
box-sizing: border-box;height:auto; 
//display:block;display: none;margin:0 0 10px 0;padding:0;border: 1px solid #222; 
background:#363636;position: fixed;width: 100%;top: 0;z-index: 100;opacity:0.90;filter:alpha(opacity=90);-ms-filter: "alpha( opacity=90)";}
#wrapper{ //margin-top: 55px;//ナビの空白} 

/* ↓スマホヘッダー */
.sp-logo{}
.sp-menu-right{}
/* ↑スマホヘッダー */


/* JF MobileMenu コンパクトメニュー*/
.jf_mm_trigger {   font-size: 28px;  height: 43px;  line-height: 43px;  padding-top: 5px;  top: 21px !important;  width: 40px;}
#jf_mm_menu h2 {   color: #fff;  margin: 5px;  display: none;}
#jf_mm_menu .fa-times {   font-size: 26px;  margin-top: 10px;}
.jf_mm_wrapper a,
#top .jf_mm_wrapper a{ text-decoration: none;padding: 10px 1em;font-weight: bold;}
.jf_mm_wrapper ul > li > a:before{   content: "\f101";  font-family: FontAwesome;  margin-right: 5px;} 
body .jf_mm_trigger.jf_mm_rtl {   right: 10px;}
.menu-text{ font-size: 9px;font-weight: bold;}
.jf_mm_wrapper .rtl {   box-shadow: 5px 0 5px 5px #545252;}
body #jf_mm_menu.jf_mm_rtl .jf_mm_wrapper li{ text-align: left !important;}
.fa-angle-left:before {   color: #fff;}
#jf_mm_menu.jf_mm_rtl .jf_mm_wrapper .levelHolderClass i.fa {   padding: 0;}
 
/* Navigation */
#navigation {   display: block;  padding: 0 10px;  width: 100%;}
#navigation .menu { margin: 0; padding: 0; list-style: none; }
#navigation .menu .icon-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #aaa; font-size: 12px; }
#navigation .menu > li { display: block; float:none;}
#navigation .menu > li ul { display: none;}
#navigation .menu ul { position: relative; left: 0; top: 100%; margin:0; nowhitespace: afterproperty; opacity: 1; transition:none; visibility: visible; z-index: 99; }
#navigation .menu ul ul { position:relative!important; margin:1px 0 0 0; padding:0; left:0px; width:100%; display:block;-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow:none; }
#navigation .menu ul ul li { width:auto}
#navigation .menu li { position: relative }
#navigation .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible; }
#navigation .menu a { display: block; position: relative; }

/* current item */
#navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover { color: #58C0E6;}
#navigation .menu > .active > a, #navigation li.active > a { font-weight: bold; color: #58C0E6 }
#navigation .menu > li { margin:0; padding:0; }
#navigation .menu a { 
height:auto; color: #fff; 
font-weight: 400; 
text-align: left; 
text-decoration: none; 
cursor: pointer; 
line-height: 45px; 
font-size:16px; 
padding:0 10px 0 0; }

/*drop-down styles*/
#navigation .menu ul {background:#363636; border:none; }
#navigation .menu li:hover ul { margin: 0; }
#navigation .menu ul ul.sub-menu { margin:0; padding:0; border-top: 1px solid #333 }
#navigation .menu ul ul.sub-menu li{ margin:0; padding:0; }
#navigation .menu ul li { 
/*border-bottom:1px solid #333 */
border: none;}
#navigation .menu ul li:first-child { }
#navigation .menu ul li:last-child { border: 0 }
#navigation .menu ul li > a:hover { color: #58C0E6  }
#navigation .menu ul a {   border: 0 none;  display: block;  font-size: 16px;  height: auto;  line-height: 45px;  margin: 0;  padding: 0 10px;  text-transform: none;}
#navigation .menu ul .separator{ display: none;}
#navigation .menu li > span{ line-height: 45px;cursor: pointer;}
#navigation .menu li.parent > span:before{ content:"\f107";font-family: FontAwesome;position: absolute;left: 0;font-size: 15px;}
#navigation .menu li.parent > span:after{ margin-left: 25px;}
#navigation .menu li.open > span:before{ content: "\f106";font-family: FontAwesome;position: absolute;font-size: 15px;}

#navigation ul#img-menu li a img,
#navigation ul#img-menu li span.separator img{ display: none;}
#navigation ul#img-menu > li > a > .menutitle:after,
#navigation ul#img-menu > li > .separator:after{ content: attr(data-label);}
#navigation ul > li > a > .menutitle:before,
#navigation ul.sub-menu a .menutitle:before { content: "\f105";font-family: FontAwesome;margin-right: 6px;}
#navigation ul.sub-menu a .menutitle:before{ margin-right: 10px;}
#navigation ul.sub-menu .icon-angle-down:before {content:""!important;}
#navigation ul.sub-menu a { 
/*font-size:12px; 
line-height: 35px;*/}
#navigation i { text-align:right}
#footer td{ display: block;text-align: center !important;}
#footer-nav { float:none}
#footer-nav ul { float:none}
.copyright { float:none; text-align:center}
#footer-wrap{width: auto;}
#footer-wrap .login {   padding: 8px 0;  text-align: center;}
    
/*visforms*/
.visCSSlabel, 
.field-sep > label.radio-list-label {   font-size: 16px;  height: auto !important;  padding: 7px 0;  width: 100% !important;}
.visform input, 
.visform select, 
.visform textarea {   width: auto;}
.visCSSrllst,
.visCSSmargLeft {   font-size: 16px;}
input[type="text"],
input[type="email"],
select,textarea{ font-size: 16px;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box; width: -moz-available; width: -webkit-fill-available; width: 90%;}
.component_container{padding:10px;}
input[type="radio"],
input[type="chexkbox"] { 	-webkit-transform: scale(1.5);	transform: scale(1.5);}
input[type="radio"]:checked{ background-color: #000;color: red;}
.form-horizontal .control-group{margin: 0;}
.visCustomText{ display: block;} 
.visCustomText p{ margin: 0 !important;}
p.errorcontainer:before {   margin-left: 5%;}
label.error {   margin-left: 3%;}
#visformcontainer .error-text { left:0;bottom: 0;}
.radio-list-field label {   display: inline-block;  height: auto;  margin-bottom: 10px;  margin-right: 10px;  width: auto;}
.visCSSrbinl {   margin-left: 10px;}
.visBtnCon .send {   font-size: 24px;  padding: 8px 15px;}
/* visformsここまで*/

/* jforms*/
.pickprevious.icomoon, .picknext.icomoon {   font-size: 26px;  width: 26px !important;  height: 26px !important;}
.timepicker_popover .btn-close-popover { font-size: 26px;right: -15px;top: -8px;}
.timepicker_popover table{ width: 130px;}
.timepicker_popover .input_micro {   margin: 0 auto;}
.fieldsform{margin: 0;padding: 0;}
.fieldsform fieldset {   display: block;  margin: 0;  padding: 0;}
.fieldsform fieldset .control-group {   display: block;}
.fieldsform fieldset .control-label,
.fieldsform fieldset .controls { border: medium none;display: block;font-size: 16px;font-weight: bold;width: 100%;}
.fieldsform fieldset .control-label {   border-top: 1px dotted #ddd;  padding-bottom: 0;  padding-right: 0;}
.formError {   left: auto !important;  right: 35px;}
.btn-group a .icon-calendar, .btn-group a .icon-folder-open {   font-size: 18px;  height: 20px !important;  width: 20px !important;}
.btn-group .btn {   padding-bottom: 6px;  padding-top: 6px;}
ul.checkboxes li input {   height: 16px;  width: 16px;}
ul.checkboxes li input:checked {}
#header-table td:last-child{text-align: center;}
#sb-nav a {   font-size: 24px;  width: 26px;  height: 26px;}
#footer #swSp{ display: none;//モバイル表示ボタン}
.chzn-container-multi .chzn-choices li.search-field input[type="text"]{ height: 25px;}
.news-box ul li {   padding: 5px 0 5px 10px;}
#recaptcha_table td {   display: inline-block;}
#recaptcha_table td #recaptcha_reload_btn{}
#recaptcha_table td #recaptcha_switch_audio_btn{}
#recaptcha_table td #recaptcha_whatsthis_btn{}
h1#h1title {   text-align: center;  display: none;}

/* ↓タブプラグイン用 */
.nn_tabs .nav-tabs > li > a{ margin-right: 0;}
.nn_tabs ul.nav-tabs > li {   float: none;  font-size: 16px;}
/* ↑タブプラグイン用 */

.chzn-container {   width: 100% !important;}
.video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.video {
    padding: 57% 0 0;
    position: relative;
    width: 100%;
}
/*　↑最大480px*/
}