@charset "UTF-8";
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

	version: 1.0
	created: 2014/06/04
	update : -

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap);
html{
overflow-y:scroll;
font-size:10px;
}

body{
margin:0;
padding:0;
font-family:"Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:1.4rem;
line-height:1.42857;
}

h1,
h2,
h3,
h4,
h5,
h6{
font-size:1.4rem;
}

p{
margin:0 0 2rem;
}

ul,
ol{
margin:0 0 2rem;
padding-left:0;
}

ul{
list-style:none;
}

table{
margin:0 0 2rem;
border-collapse:separate;
border-spacing:0;
}

table th > *:last-child,
table td > *:last-child{
margin-bottom:0 !important;
}

hr{
display:none;
}

img{
border:0;
vertical-align:middle;
}

li img{
vertical-align:middle;
}

button,
input,
select,
textarea{
font-size:1.4rem;
font-family:"Lato", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
vertical-align:middle;
}

em,
address,
small{
font-style:normal;
}

em{
font-weight:bold;
}

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section,
mark,
audio,
video,
main{
display:block;
margin:0;
padding:0;
border:0;
outline:0;
}

fieldset{
margin:0;
padding:0;
border:none;
}

nav ul{
list-style:none;
}

/*====================================================================================================

	module

====================================================================================================*/
/* font module
--------------------------------------------------------------------------------------------------- */
@font-face {
font-family:'cac';
src:url("../fonts/cac.ttf?j5f2dn") format("truetype"), url("../fonts/cac.woff?j5f2dn") format("woff"), url("../fonts/cac.svg?j5f2dn#cac") format("svg");
font-weight:normal;
font-style:normal;
}
[class^="ico-"]::before, [class*=" ico-"]::before{
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.ico-arrow::before{
content:"\e900";
font-size:1rem;
}

.ico-arrow_02::before{
content:"\e901";
font-size:2.0rem;
}

.ico-more::before{
content:"\e902";
font-size:0.8rem;
}

.ico-arrow_prev::before{
content:"\e903";
font-size:4.0rem;
}

.ico-arrow_next::before{
content:"\e903";
font-size:4.0rem;
}

.ico-arrow_anc::before{
content:"\e905";
font-size:1rem;
}

.ico-blank::before{
content:"\e906";
font-size:16px;
}

/* section module
--------------------------------------------------------------------------------------------------- */
.separate > *:last-child{
margin-bottom:0 !important;
}
.separate::after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
.separate[class*="-top"]{
margin:60px 0 0;
border-top:2px solid #cccccc;
padding:52px 0 0;
}
.separate[class*="-bottom"]{
margin:0 0 60px;
border-bottom:2px solid #cccccc;
padding:0 0 60px;
}
.separate + .headingText{
margin-top:0;
}

@media screen and (max-width: 640px) {
.separate[class*="-top"]{
margin:30px 0 0;
padding:30px 0 0;
}
.separate[class*="-bottom"]{
margin:0 0 30px;
padding:0 0 30px;
}
}
/* heading module
--------------------------------------------------------------------------------------------------- */
.pageHeading{
position:relative;
box-sizing:border-box;
margin:0 0 40px;
padding:40px 10px 0;
display:table;
width:100%;
height:240px;
background:no-repeat 50% 50%;
background-size:cover;
z-index:0;
}
.pageHeading::before{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
content:"";
display:block;
background:rgba(0, 0, 0, 0.5);
z-index:1;
}
.pageHeading .pageTitle{
position:relative;
display:table-cell;
text-align:center;
vertical-align:middle;
color:#ffffff;
font-size:3.2rem;
font-weight:bold;
z-index:10;
}

.headingText{
position:relative;
margin:0 0 30px;
font-size:1.6rem;
text-align:center;
}
.headingText::before{
margin:0 auto 20px;
content:"";
}
.headingText::after{
margin:18px auto 0;
content:"";
}
.headingText > span{
position:relative;
display:inline-block;
padding:0 0 26px;
}
.headingText > span::before{
position:absolute;
top:auto;
right:auto;
bottom:0;
left:50%;
content:"";
display:block;
margin:0 0 0 -80px;
width:160px;
height:2px;
content:"";
background:#f7931d;
}
.headingText[class*="-small"]{
font-size:1.4rem;
}
.headingText[class*="-large"]{
font-size:2rem;
}
.headingText[class*="-exlarge"]{
font-size:3.2rem;
}
.headingText[class*="-exlarge"] > span{
padding-bottom:20px;
}
.headingText[class*="-flipped"] > span{
padding:16px 0 0;
}
.headingText[class*="-flipped"] > span::before{
position:absolute;
top:0;
right:auto;
bottom:auto;
left:50%;
content:"";
display:block;
}
.headingText[class*="-horizontal"]{
margin-bottom:20px;
text-align:left;
}
.headingText[class*="-horizontal"] > span{
padding:0 0 0 12px;
}
.headingText[class*="-horizontal"] > span::before{
position:absolute;
top:2px;
right:auto;
bottom:2px;
left:0;
content:"";
display:block;
margin:0;
width:2px;
height:auto;
}
.headingText[class*="-bullet"]{
margin:40px 0 20px;
text-align:left;
}
.headingText[class*="-bullet"] > span{
padding:0 0 0 12px;
font-size:1.4rem;
color:#de8011;
}
.headingText[class*="-bullet"] > span::before{
position:absolute;
top:0.75em;
right:auto;
bottom:auto;
left:0;
content:"";
display:block;
margin:0;
width:4px;
height:2px;
background:#de8011;
}
.headingText[class*="is-hidden"]{
display:none;
}
* + .headingText{
margin-top:55px;
}

@media screen and (max-width: 640px) {
.headingText{
margin-bottom:20px;
font-size:1.2rem;
}
.headingText::before{
margin-bottom:12px;
}
.headingText::after{
margin-top:10px;
}
.headingText > span{
padding:0 0 14px;
}
.headingText[class*="-large"]{
font-size:1.6rem;
}
.headingText[class*="-exlarge"]{
margin-bottom:30px;
font-size:2.4rem;
}
.headingText[class*="-exlarge"] > span{
padding-bottom:8px;
}
.headingText[class*="-flipped"] > span{
padding-top:10px;
}
.headingText[class*="-horizontal"]{
text-align:left;
}
}
/* box module
--------------------------------------------------------------------------------------------------- */
.box{
margin:0 0 30px;
padding:16px 20px 20px;
background:#f2f2f2;
}
.box > *:last-child{
margin-bottom:0 !important;
}
.box[class*="-border"]{
border:2px solid #cccccc;
padding:14px 18px 18px;
background:#ffffff;
}

.media{
display:table;
margin:0 0 1.5em;
}
.media .media-image,
.media .media-body{
display:table-cell;
vertical-align:top;
direction:ltr;
}
.media .media-image{
padding:0 30px 0 0;
width:1%;
text-align:center;
}
.media .media-image .caption{
display:inline-block;
margin:10px 0 0;
}
.media .media-body{
text-align:left;
}
.media .media-body > *:last-child{
margin-bottom:0 !important;
}
.media .media-body + .media-image{
padding:0 0 0 30px;
}
.media[class*="-flipped"]{
direction:rtl;
width:100%;
}
.media[class*="-flipped"] .media-image{
padding:0 0 0 30px;
}
.media[class*="-flipped"] .media-body + .media-image{
padding:0 30px 0 0;
}
.media[class*="-float"]::after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
.media[class*="-float"] .media-image,
.media[class*="-float"] .media-body{
display:block;
}
.media[class*="-float"] .media-image{
float:left;
width:auto;
}
.media[class*="-float"] .media-image .caption{
display:block;
}
.media[class*="-flipped"][class*="-float"] .media-image{
float:right;
}

@media screen and (max-width: 640px) {
.media{
display:block;
}
.media > *:last-child{
margin-bottom:0 !important;
}
.media .media-image,
.media .media-body{
display:block;
margin:0 0 20px;
padding:0;
width:auto;
}
.media .media-image{
text-align:center;
}
.media .media-image img{
max-width:100%;
height:auto;
}
.media[class*="-flipped"]{
direction:ltr;
}
.media[class*="-flipped"] .media-image,
.media[class*="-flipped"] .media-body{
padding:0;
}
.media[class*="-portrait"]{
display:block;
margin:0 0 20px;
}
.media[class*="-portrait"] > *:last-child{
margin-bottom:0 !important;
}
.media[class*="-portrait"] .media-image,
.media[class*="-portrait"] .media-body{
display:block;
margin:0 0 10px;
padding:0;
}
.media[class*="-portrait"] .media-image{
text-align:center;
}
.media[class*="-portrait"] .media-image img{
max-width:100%;
height:auto;
}
.media[class*="-portrait"] .media-body + .media-image{
padding:0;
}
}
.column{
margin:0 -20px 30px 0;
letter-spacing:-0.4em;
  /*&[class*="-col6"] > .column-inner, & > [class*="-col6"]{
  	width: 14.5%;
  	width: calc(100% / 6 - 20px);
  }
  &[class*="-col12"] > .column-inner, & > [class*="-col12"]{
  	width: 7%;
  	width: calc(100% / 12 - 20px);
  }*/
}
.column > .column-inner{
display:inline-block;
vertical-align:top;
margin:0 20px 0 0;
letter-spacing:0;
}
.column > .column-inner > *:last-child{
margin-bottom:0 !important;
}
.column[class$="-col1"] > .column-inner, .column > [class$="-col1"]{
display:block;
}
.column[class*="-col2"] > .column-inner, .column > [class*="-col2"]{
width:47.9%;
width:calc(100% / 2 - 20px);
}
.column[class*="-col3"] > .column-inner, .column > [class*="-col3"]{
width:31.2%;
width:calc(100% / 3 - 20px);
}
.column[class*="-col4"] > .column-inner, .column > [class*="-col4"]{
width:22.9%;
width:calc(100% / 4 - 20px);
}

@media screen and (max-width: 640px) {
.column{
margin:0 -20px 30px 0;
letter-spacing:-0.4em;
}
.column > .column-inner{
display:inline-block;
vertical-align:top;
margin:0 20px 0 0;
letter-spacing:0;
}
.column > .column-inner > *:last-child{
margin-bottom:0 !important;
}
.column[class$="-col1"] > .column-inner, .column > [class$="-col1"]{
display:block;
}
.column[class*="-col2"] > .column-inner, .column > [class*="-col2"], .column[class*="-col3"] > .column-inner, .column > [class*="-col3"], .column[class*="-col4"] > .column-inner, .column > [class*="-col4"]{
width:47.9%;
}
}
.image{
margin:0 auto 30px;
text-align:center;
}
.image figure, .image p{
display:inline-block;
vertical-align:middle;
}
.image figcaption{
display:block;
margin:10px 0 0;
text-align:left;
}
.image .image-notes{
display:block;
margin:10px 0 0;
color:#666666;
font-size:1.2rem;
text-align:right;
}

@media screen and (min-width: 641px) {
.image[class*="-sp"]{
display:none;
}
}
@media screen and (max-width: 640px) {
.image figure, .image p{
display:block;
}
.image figure img, .image p img{
max-width:100%;
height:auto;
}
.image[class*="-pc"]{
display:none;
}
}
.linkCassette{
margin:-20px -20px 40px 0;
letter-spacing:-0.4em;
}
.linkCassette > *{
display:inline-block;
vertical-align:top;
margin:20px 20px 0 0;
letter-spacing:0;
}
.linkCassette > * > *:last-child{
margin-bottom:0 !important;
}
.linkCassette > * > a{
position:relative;
display:block;
border:2px solid #cccccc;
padding:13px 15px;
color:#222222;
transition-property:border-color;
}
.linkCassette > * > a:hover{
opacity:1;
text-decoration:none;
border-color:#00b6e0;
}
.linkCassette > * > a.ico-arrow{
padding-right:20px;
}
.linkCassette > * > a.ico-arrow::before{
position:absolute;
top:50%;
right:8px;
margin-top:-0.5em;
color:#00b6e0;
}
.linkCassette > * > a > p, .linkCassette > * > a > ul, .linkCassette > * > a > ol{
margin-bottom:0;
}
.linkCassette > * > span{
position:relative;
display:block;
border:2px solid #cccccc;
padding:13px 15px;
color:#222222;
}
.linkCassette > * > .inner > *:last-child{
margin-bottom:0 !important;
}
.linkCassette > * .linkCassette-image{
overflow:hidden;
margin:-13px -15px 18px;
height:132px;
border-bottom:1px solid #e6e6e6;
text-align:center;
}
.linkCassette > * .linkCassette-image img{
margin:0 -34px;
width:100%;
height:auto;
}
.linkCassette > * .linkCassette-label{
display:block;
margin:0 0 10px;
font-weight:bold;
text-align:center;
}
.linkCassette > * .linkCassette-category{
position:relative;
display:table;
margin:-49px auto 5px;
width:60px;
height:60px;
z-index:10;
}
.linkCassette > * .linkCassette-category span{
display:table-cell;
background:url(../images/mod_ico_trendCategory.png) no-repeat 0 0;
background-size:cover;
color:#f7931d;
font-size:1.0rem;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.linkCassette > * a.ico-arrow .linkCassette-label{
text-align:left;
}
.linkCassette[class*="-more"] > * a{
padding:15px 18px 60px;
}
.linkCassette[class*="-more"] > * a::before{
position:absolute;
right:18px;
bottom:18px;
left:18px;
border:2px solid #cccccc;
padding:10px 0;
text-align:center;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e902";
font-size:0.8rem;
transition:all 0.3s ease;
z-index:10;
}
.linkCassette[class*="-more"] > * a::after{
position:absolute;
bottom:28px;
right:28px;
color:#00b6e0;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
transition:all 0.3s ease;
z-index:10;
}
.linkCassette[class*="-more"] > * a:hover{
border-color:#cccccc;
}
.linkCassette[class*="-more"] > * a:hover::before{
border-color:#00b6e0;
color:#00b6e0;
}
.linkCassette[class*="-more"] > * a[target="_blank"]::after{
bottom:26px;
content:"\e906";
font-size:16px;
}
.linkCassette[class*="-image"] > *{
position:relative;
z-index:0;
}
.linkCassette[class*="-image"] > * a{
position:relative;
border:none;
padding:0;
color:#ffffff;
font-size:1.6rem;
font-weight:bold;
}
.linkCassette[class*="-image"] > * a::before{
border-color:#ffffff;
}
.linkCassette[class*="-image"] > * a::after{
color:#ffffff;
}
.linkCassette[class*="-image"] > * a:hover{
border-color:#cccccc;
}
.linkCassette[class*="-image"] > * a:hover::before{
border-color:#00b6e0;
}
.linkCassette[class*="-image"] > * a:hover::after{
color:#00b6e0;
}
.linkCassette[class*="-image"] > * figure{
position:relative;
z-index:0;
}
.linkCassette[class*="-image"] > * figure::before{
position:absolute;
top:5px;
right:5px;
bottom:5px;
left:5px;
content:"";
display:block;
border:1px solid #ffffff;
z-index:0;
}
.linkCassette[class*="-image"] > * p{
margin:0;
}
.linkCassette[class*="-image"] > * .linkCassette-content{
position:absolute;
top:0;
left:0;
display:table;
width:300px;
height:300px;
z-index:1;
}
.linkCassette[class*="-image"] > * .linkCassette-content .linkCassette-contentInner{
display:table-cell;
padding:20px;
text-align:center;
vertical-align:middle;
}
.linkCassette[class*="-col2"] > *{
width:calc(100% / 2 - 20px);
}
.linkCassette[class*="-col2"] > *[class*="-more"] > * > a::before{
left:78px;
right:78px;
}
.linkCassette[class*="-col2"] > * > * > a::after{
right:88px;
}
.linkCassette[class*="-col3"] > *{
width:calc(100% / 3 - 20px);
}
.linkCassette[class*="-col4"] > *{
width:calc(100% / 4 - 20px);
}

@media screen and (max-width: 640px) {
.linkCassette{
margin:0 0 20px;
letter-spacing:0;
}
.linkCassette > *:last-child{
margin-bottom:0 !important;
}
.linkCassette > *{
display:block;
margin:0 0 10px;
}
.linkCassette > * > a, .linkCassette > * > span{
padding:18px;
}
.linkCassette > * > a.ico-arrow, .linkCassette > * > span.ico-arrow{
padding-right:35px;
}
.linkCassette .linkCassette-image{
margin:-18px -18px 18px;
height:auto;
    			/*position: relative;
    			&::before{
    				@include createContent($top: 0, $right: 50%, $bottom: 0, $left: 0);
    				background-image: linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 130px,rgba(255,255,255,1) 145px,rgba(255,255,255,1) 100%);
    				transform: rotate(180deg);
    			}
    			&::after{
    				@include createContent($top: 0, $right: 0, $bottom: 0, $left: 50%);
    				background-image: linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 130px,rgba(255,255,255,1) 145px,rgba(255,255,255,1) 100%);
    
    			}*/
}
.linkCassette .linkCassette-image img{
width:100%;
height:auto;
}
.linkCassette[class*="-more"] > * a{
padding-bottom:70px;
}
.linkCassette[class*="-more"] > * a::before{
padding:15px 0;
}
.linkCassette[class*="-more"] > * a::after{
bottom:32px;
}
.linkCassette[class*="-more"] > * a[target="_blank"]::after{
bottom:30px;
}
.linkCassette[class*="-image"] > *{
position:relative;
z-index:0;
overflow:hidden;
}
.linkCassette[class*="-image"] > * a{
border:2px solid #cccccc;
padding-bottom:0px;
background:#ffffff;
color:#222222;
}
.linkCassette[class*="-image"] > * a::before{
border-color:#cccccc;
}
.linkCassette[class*="-image"] > * a::after{
color:#00b6e0;
}
.linkCassette[class*="-image"] > * figure{
display:none;
}
.linkCassette[class*="-image"] > * .linkCassette-category{
margin-top:-31px;
}
.linkCassette[class*="-image"] > * .linkCassette-content{
position:static;
display:block;
width:auto;
height:auto;
}
.linkCassette[class*="-image"] > * .linkCassette-content .linkCassette-contentInner{
display:block;
padding-bottom:70px;
}
.linkCassette[class*="-col2"] > *, .linkCassette[class*="-col3"] > *, .linkCassette[class*="-col4"] > *{
width:auto;
}
.linkCassette[class*="-sp"] > * .linkCassette-label{
margin:0;
}
.linkCassette[class*="-sp"] > * .linkCassette-summary{
display:none;
}
.linkCassette[class*="-sp"] > * a{
padding:10px 18px;
}
.linkCassette[class*="-sp"] > * a::before{
display:none;
}
.linkCassette[class*="-sp"] > * a::after{
bottom:auto;
top:50%;
right:10px;
margin-top:-0.5em;
}
.linkCassette[class*="-sp"] > * a:hover{
border-color:#cccccc;
}
.linkCassette[class*="-sp"] > * a:hover::before{
border-color:#00b6e0;
color:#00b6e0;
}
}
.index{
position:relative;
margin:-20px -20px 40px 0;
letter-spacing:-0.4rem;
}
.index .index-cassette{
display:inline-block;
vertical-align:top;
box-sizing:border-box;
margin:20px 20px 0 0;
border:2px solid #cccccc;
padding:18px;
width:calc(100% / 2 - 20px);
letter-spacing:0;
}
.index .index-cassette .headingText{
margin-bottom:15px;
}
.index .index-cassette .headingText span{
position:static;
padding:8px 0 20px;
}
.index .index-cassette .headingText span::before{
left:0;
right:0;
margin:0;
width:auto;
}
.index .index-cassette .headingText a{
color:#222222;
}
.index .index-cassette .headingText a:hover{
opacity:1;
text-decoration:none;
cursor:default;
}
.index .index-cassette .index-cassette-lead{
margin-bottom:15px;
line-height:1.4;
}
.index .index-cassette ul{
margin:-20px -20px 0 0;
letter-spacing:-0.4em;
}
.index .index-cassette ul > li{
position:relative;
display:inline-block;
vertical-align:middle;
margin:20px 20px 0 0;
width:calc(100% / 2 - 20px);
letter-spacing:0;
z-index:0;
}
.index .index-cassette ul > li a{
display:table-cell;
border:2px solid #cccccc;
padding:0 15px;
width:200px;
height:50px;
color:#222222;
font-weight:bold;
text-align:center;
vertical-align:middle;
line-height:1.4;
}
.index .index-cassette ul > li a::before{
position:absolute;
top:50%;
right:10px;
margin-top:-0.5rem;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
color:#00b6e0;
z-index:-1;
}
.index .index-cassette ul > li a[target="_blank"]::before{
content:"\e906";
font-size:16px;
}
.index .index-cassette ul > li a:hover{
text-decoration:none;
}
.index .index-cassette ul > li[class*="-col1"]{
display:table;
margin-top:40px;
width:calc(100% - 20px);
}
.index .index-cassette ul > li[class*="-col1"] a{
width:100%;
}

@media screen and (max-width: 640px) {
.index{
margin:0 0 30px;
}
.index .index-cassette{
display:block;
margin:-1px 0 0;
border-width:1px 0;
padding:0;
width:100%;
}
.index .index-cassette .headingText{
margin:0;
}
.index .index-cassette .headingText span{
position:relative;
display:block;
padding:0;
z-index:0;
}
.index .index-cassette .headingText span::before{
position:absolute;
top:50%;
left:auto;
right:10px;
margin:-0.5rem 0 0;
width:1rem;
height:1rem;
    /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
    /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
background:none;
color:#00b6e0;
transform:rotate(90deg);
transition:transform 0.3s ease;
z-index:-1;
}
.index .index-cassette .headingText span.is-active{
background:#f7931d;
}
.index .index-cassette .headingText span.is-active a{
color:#ffffff;
}
.index .index-cassette .headingText span.is-active::before{
transform:rotate(270deg);
color:#ffffff;
}
.index .index-cassette .headingText a{
display:block;
padding:12px 10px;
text-align:left;
font-size:1.4rem;
}
.index .index-cassette p{
display:none;
}
.index .index-cassette ul{
margin:10px 0 0;
}
.index .index-cassette ul > li{
display:table;
margin:0 0 10px;
width:100%;
}
.index .index-cassette ul > li:last-child{
margin-bottom:20px;
}
.index .index-cassette ul > li a{
display:table-cell;
border:2px solid #cccccc;
width:auto;
height:40px;
}
.index .index-cassette ul > li a::before{
position:absolute;
top:50%;
right:10px;
margin-top:-0.5rem;
color:#00b6e0;
z-index:-1;
}
.index .index-cassette ul > li a[target="_blank"]::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:8px;
height:8px;
background-position:0 -24px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
.index .index-cassette ul > li[class*="-col1"]{
margin-top:0;
width:100%;
}
.index .index-cassette ul > li[class*="-col1"] a{
width:auto;
}
}
.cv{
position:relative;
margin:60px 0;
padding:30px 0;
z-index:0;
}
.cv::before{
position:absolute;
top:0;
right:-100%;
bottom:0;
left:-100%;
content:"";
display:block;
background:url(../images/mod_bg_check.png);
z-index:-1;
}
.cv .headingText{
margin-bottom:30px;
color:#ffffff;
}
.cv .headingText span::before{
background:#ffffff;
}
.cv ul{
margin:0;
text-align:center;
letter-spacing:-0.4em;
}
.cv ul > li{
display:inline-block;
vertical-align:middle;
margin:0 0 0 20px;
letter-spacing:0;
text-align:center;
letter-spacing:0;
}
.cv ul > li a{
display:table-cell;
border:2px solid #ffffff;
height:97px;
width:456px;
background:rgba(255, 255, 255, 0.1);
color:#ffffff;
font-size:2.4rem;
font-weight:bold;
text-align:center;
vertical-align:middle;
line-height:1;
}
.cv ul > li a:hover{
text-decoration:none;
}
.cv ul > li a > span > span{
display:block;
margin:5px 0 0;
font-size:1.4rem;
font-weight:normal;
line-height:1.2;
}
.cv ul > li a[href*="tel"]{
font-size:3.2rem;
}
.cv ul > li a[href*="tel"] > span::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:32px;
height:32px;
background-position:0 -156px;
margin:-10px 15px 0 0;
content:"";
}
.cv ul > li a[href*="tel"]:hover{
opacity:1;
}
.cv ul > li:first-child{
margin-left:0;
}

@media screen and (max-width: 640px) {
.cv{
margin:30px 0;
}
.cv::before{
background-size:20px 20px;
}
.cv .headingText{
margin-bottom:25px;
}
.cv .headingText span{
padding-bottom:15px;
}
.cv ul{
margin:0;
}
.cv ul > li{
float:none;
margin:10px 0 0;
width:100%;
}
.cv ul > li a{
height:66px;
font-size:2.1rem;
}
.cv ul > li a > span > span{
font-size:1.2rem;
}
.cv ul > li a[href*="tel"]{
font-size:2.1rem;
}
.cv ul > li a[href*="tel"] > span::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:32px;
height:32px;
background-position:0 -99px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
margin:-5px 15px 0 0;
}
}
.textLead{
margin:0 0 34px;
text-align:center;
font-size:1.6rem;
font-weight:bold;
}

.search{
margin:0 auto;
width:780px;
}

@media screen and (max-width: 640px) {
.search{
width:auto;
}
}

.download .app{
display:table;
margin:0 auto 20px;
}
.download .app > .banner, .download .app > .summary{
display:table-cell;
vertical-align:middle;
text-align:left;
}
.download .app > .banner{
padding-right:15px;
}

@media screen and (max-width: 640px) {
.download .app{
display:block;
margin-bottom:10px;
}
.download .app > .banner, .download .app > .summary{
display:block;
}
.download .app > .banner{
padding-right:0;
}
}
.slideshow{
position:relative;
overflow:hidden;
}
.slideshow .slides{
margin-bottom:10px;
position:relative;
}
.slideshow .slides:after{
height:0;
display:block;
clear:both;
content:".";
}
.slideshow .slides li{
float:left;
display:none;
}
.slideshow .slides li > li:first-child{
display:block;
}
.slideshow .crossfade .slides li{
position:absolute;
float:none;
}
.slideshow .slideControl{
display:none;
clear:both;
}
.slideshow .cursor > li{
position:absolute;
top:110px;
}
.slideshow .cursor > li.prev{
left:0;
}
.slideshow .cursor > li.next{
right:0;
}
.slideshow .select{
letter-spacing:-0.4em;
}
.slideshow .select > li{
margin:0 2px;
display:inline-block;
letter-spacing:0em;
}
.slideshow .select > li > li a{
padding:5px;
border:1px solid #ccc;
display:block;
background:#ddd;
text-decoration:none;
}
.slideshow .select > li > li.active a, .slideshow .select > li > li a:hover{
background:#eee;
}

.caroucel{
position:relative;
overflow:hidden;
margin:0 0 40px;
padding:0 80px;
}
.caroucel .slideControl{
position:relative;
clear:both;
}
.caroucel .cursor{
display:none;
}
.caroucel .cursor > li{
position:absolute;
top:90px;
z-index:10;
}
.caroucel .cursor > li::before{
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
position:absolute;
left:0;
top:0;
color:#ffffff;
opacity:1;
cursor:pointer;
transition:opacity 0.3s ease;
}
.caroucel .cursor > li.prev{
left:-60px;
}
.caroucel .cursor > li.prev::before{
content:"\e903";
font-size:4.0rem;
}
.caroucel .cursor > li.next{
right:-60px;
}
.caroucel .cursor > li.next::before{
content:"\e904";
font-size:4.0rem;
}
.caroucel .cursor > li.disable::before{
color:#cccccc;
cursor:default;
}
.caroucel .cursor > li:hover::before{
opacity:0.6;
}
.caroucel .cursor > li.disable:hover::before{
opacity:1;
}
.caroucel .cursor > li button{
border:none;
width:40px;
height:40px;
background:none;
font-size:0;
}
.caroucel .caroucel-selectWrapper{
overflow:hidden;
}
.caroucel .caroucel-selectWrapper .caroucel-select{
position:relative;
letter-spacing:-0.4em;
white-space:nowrap;
}
.caroucel .caroucel-selectWrapper .caroucel-select > li{
display:inline-block;
vertical-align:top;
margin-right:20px;
width:220px;
background:#ffffff;
letter-spacing:0;
}
.caroucel .caroucel-selectWrapper .caroucel-select > li img{
width:100%;
height:auto;
}
.caroucel .caroucel-selectWrapper .caroucel-select > li a{
display:block;
color:#222222;
}
.caroucel .caroucel-selectWrapper .caroucel-select > li a:hover{
text-decoration:none;
}
.caroucel .caroucel-selectWrapper .corporate-name{
position:relative;
display:table;
border-top:1px solid #e6e6e6;
width:100%;
height:50px;
}
.caroucel .caroucel-selectWrapper .corporate-name::before{
position:absolute;
top:50%;
right:9px;
bottom:auto;
left:auto;
content:"";
display:block;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
magin-top:-0.5em;
color:#00b6e0;
}
.caroucel .caroucel-selectWrapper .corporate-name > span{
display:table-cell;
padding:9px 20px 9px 9px;
font-size:1.2rem;
vertical-align:middle;
line-height:1.2;
}
.caroucel .caroucel-selectWrapper a[target="_blank"] .corporate-name::before{
content:"\e906";
font-size:16px;
}
.caroucel .caroucel-selectWrapper .corporate-logo{
position:relative;
display:table;
}
.caroucel .caroucel-selectWrapper .corporate-logo > span{
display:table-cell;
width:220px;
height:109px;
color:#2256a4;
font-size:1.6rem;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.caroucel .caroucel-selectWrapper .corporate-logo > span::after{
margin:3px auto 0;
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:64px;
height:2px;
background-position:0 -1450px;
content:"";
}

@media screen and (max-width: 640px) {
.caroucel{
margin:0 -10px 30px;
padding:0 50px;
}
.caroucel .cursor > li{
display:none;
}
}

/* paragraph module
--------------------------------------------------------------------------------------------------- */
.posttime{
margin:0 0 40px;
text-align:right;
color:#999999;
}

/* list module
--------------------------------------------------------------------------------------------------- */
.list{
margin:-10px 0 20px;
border-spacing:0 10px;
}
.list > li{
display:table-row;
}
.list > li > *:last-child{
margin-bottom:0 !important;
}
.list > li:before{
display:table-cell;
padding-right:5px;
content:"・";
color:#999999;
font-weight:bold;
}
.list > li > ul{
margin-top:0;
}
.list[class*="-unstyled"] > li::before{
display:none;
}
.list[class*="-circle"] > li::before{
content:"●";
}
.list[class*="-text"] > li::before{
display:none;
}
.list[class*="-text"] > li > span:first-child{
display:table-cell;
padding-right:5px;
color:#666666;
font-weight:bold;
white-space:nowrap;
}

.notesList{
margin:0 0 20px;
}
.notesList > li{
display:table-row;
color:#666666;
font-size:1.2rem;
}
.notesList > li > *:last-child{
margin-bottom:0 !important;
}
.notesList > li::before{
display:table-cell;
padding-right:5px;
content:"※";
}
.notesList[class*="-small"] > li::before{
content:"*";
}
.notesList[class*="-text"] > li > span:first-child{
display:table-cell;
padding-right:5px;
white-space:nowrap;
}
.notesList[class*="-text"] > li::before{
content:"";
}
.notesList[class*="-number"]{
counter-reset:li;
}
.notesList[class*="-number"] > li::before{
content:"※" counter(li);
counter-increment:li;
white-space:nowrap;
}
.notesList[class*="-number"][class*="-small"] > li::before{
content:"*" counter(li);
}

.numberList{
margin:-11px 0 20px;
border-spacing:0 11px;
counter-reset:li;
}
.numberList > li{
display:table-row;
}
.numberList > li > *:last-child{
margin-bottom:0 !important;
}
.numberList > li .numberList-title{
font-weight:bold;
}
.numberList > li:before{
display:table-cell;
padding-right:5px;
color:#999999;
font-size:bold;
white-space:nowrap;
content:counter(li) ".";
counter-increment:li;
}
.numberList > li > ul{
margin-top:0;
}
.numberList > li .list{
margin-left:20px;
}
.numberList[class*="-noindent"]{
margin-top:0;
}
.numberList[class*="-noindent"] > li{
display:list-item;
margin-bottom:10px;
}
.numberList[class*="-noindent"] > li::before{
display:inline-block;
margin-right:5px;
padding-right:0;
}
.numberList[class*="-bracket"] > li::before{
content:"（" counter(li) "）";
color:#222222;
}

.linkList > li > *:last-child{
margin-bottom:0 !important;
}
.linkList .l-horisontal > li{
display:inline-block;
vertical-align:middle;
}

.interviewList{
margin:0;
}
.interviewList > *{
display:table;
margin:0 0 1em;
text-align:left;
}
.interviewList > * > span{
display:table-cell;
vertical-align:top;
}
.interviewList > * .interviewList-person{
padding:0 15px 0 0;
font-weight:bold;
white-space:nowrap;
}
.interviewList > * .interviewList-person::after{
content:"：";
}
.interviewList > * .interviewList-content{
word-break:break-all;
word-wrap:break-word;
}

.bannerList{
position:relative;
margin:0 auto 30px;
padding:20px 0;
width:940px;
z-index:0;
}
.bannerList::before{
position:absolute;
top:0;
right:-100%;
bottom:0;
left:-100%;
content:"";
display:block;
background:#f5f5f5;
z-index:-1;
}
.bannerList ul{
margin:-20px -20px 0 0;
letter-spacing:-0.4em;
}
.bannerList ul > li{
display:inline-block;
vertical-align:middle;
margin:20px 20px 0 0;
}

@media screen and (max-width: 640px) {
.bannerList{
margin:0 auto 20px;
padding:10px 0;
width:100%;
}
.bannerList ul{
margin:-10px -10px 0 0;
}
.bannerList ul > li{
box-sizing:border-box;
margin:0;
padding:10px 10px 0 0;
width:50%;
}
.bannerList ul > li img{
width:100%;
height:auto;
}
}
.imageList{
letter-spacing:-0.5em;
}
.imageList > li{
display:inline-block;
vertical-align:top;
letter-spacing:0;
}
.imageList > li .imageList-image img{
width:100%;
height:auto;
}
.imageList[class*="-col2"]{
margin-right:-40px;
}
.imageList[class*="-col2"] > li{
margin-right:40px;
width:calc(100% / 2 - 40px);
}
.imageList[class*="-col3"]{
margin-right:-30px;
}
.imageList[class*="-col3"] > li{
margin-right:30px;
width:calc(100% / 3 - 30px);
}
.imageList[class*="-col4"]{
margin-right:-20px;
}
.imageList[class*="-col4"] > li{
margin-right:20px;
width:calc(100% / 4 - 20px);
}
.imageList[class*="-static"] > li img{
display:block;
margin:0 auto;
width:auto;
height:auto;
}

@media screen and (max-width: 640px) {
.imageList[class*="-col2"], .imageList[class*="-col3"], .imageList[class*="-col4"]{
margin:-10px -20px 0 0;
}
.imageList[class*="-col2"] > li, .imageList[class*="-col3"] > li, .imageList[class*="-col4"] > li{
margin:10px 20px 0 0;
width:calc(100% / 2 - 20px);
}
.imageList[class*="-static"] > li img{
width:auto;
max-width:100%;
height:auto;
}
}
.mediaList{
margin:-20px -20px 40px 0;
letter-spacing:-0.4em;
}
.mediaList > li{
margin:20px 20px 0 0;
letter-spacing:0;
}
.mediaList > li .mediaList-image{
display:table-cell;
vertical-align:top;
}
.mediaList > li .mediaList-content{
display:table-cell;
padding:0 0 0 20px;
vertical-align:top;
}
.mediaList[class*="-horizontal"] > li, .mediaList[class*="-col"] > li{
display:inline-block;
vertical-align:top;
}
.mediaList[class*="-horizontal"] > li[class*="-col1"], .mediaList[class*="-col"] > li[class*="-col1"]{
width:calc(100% - 20px);
}
.mediaList[class*="-horizontal"] > li[class*="-col2"], .mediaList[class*="-col"] > li[class*="-col2"]{
width:calc(100% / 2 - 20px);
}
.mediaList[class*="-horizontal"] > li[class*="-col3"], .mediaList[class*="-col"] > li[class*="-col3"]{
width:calc(100% / 3 - 20px);
}
.mediaList[class*="-horizontal"] > li[class*="-col4"], .mediaList[class*="-col"] > li[class*="-col4"]{
width:calc(100% / 4 - 20px);
}
.mediaList[class*="-col2"] > li{
width:calc(100% / 2 - 20px);
}
.mediaList[class*="-col3"] > li{
width:calc(100% / 3 - 20px);
}
.mediaList[class*="-col4"] > li{
width:calc(100% / 4 - 20px);
}

@media screen and (max-width: 640px) {
.mediaList{
margin-bottom:20px;
}
.mediaList > li[class*="-col2"], .mediaList > li[class*="-col3"], .mediaList > li[class*="-col4"]{
width:calc(100% / 2 - 20px);
}
.mediaList[class*="-col2"] > li, .mediaList[class*="-col3"] > li, .mediaList[class*="-col4"] > li{
width:calc(100% / 2 - 20px);
}
}
.newsList{
margin:0;
}
.newsList > li{
border-bottom:1px solid #cccccc;
}
.newsList > li a{
position:relative;
display:table;
padding:10px 0;
width:100%;
height:50px;
color:#222222;
text-decoration:none;
}
.newsList > li a::before{
position:absolute;
top:50%;
right:8px;
margin-top:-0.5em;
color:#00b6e0;
font-size:1.5rem;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e901";
font-size:2.0rem;
}
.newsList > li .newsList-date{
display:table-cell;
padding:0 0 0 10px;
width:114px;
text-align:left;
vertical-align:middle;
}
.newsList > li .newsList-category{
display:table-cell;
width:110px;
font-weight:normal;
text-align:left;
vertical-align:middle;
}
.newsList > li .newsList-category span{
display:inline-block;
vertical-align:middle;
padding:2px 0;
width:110px;
background:#999999;
color:#ffffff;
font-size:1.0rem;
text-align:center;
}
.newsList > li .newsList-title{
display:table-cell;
padding:0 0 0 30px;
text-align:left;
vertical-align:middle;
color:#00b6e0;
}

@media screen and (max-width: 640px) {
.newsList > li a{
display:block;
padding:10px 20px 10px 10px;
width:auto;
height:auto;
}
.newsList > li a::before{
content:"\e900";
font-size:1rem;
}
.newsList > li .newsList-date{
display:inline-block;
padding-left:0;
width:auto;
}
.newsList > li .newsList-category{
display:inline-block;
width:auto;
margin-left:10px;
}
.newsList > li .newsList-title{
display:block;
padding-left:0;
}

/* 20161201追加 高専プロコン過去分モバイル時表示の年月日を非表示 */
.newsList > li .no-date{
display:none;
}

}
/* table module
--------------------------------------------------------------------------------------------------- */
.table{
border-top:1px solid #e6e6e6;
width:100%;
}
.table th, .table td{
padding:15px 10px;
border-right:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
text-align:left;
vertical-align:middle;
word-break:break-all;
word-wrap:break-word;
}
.table th{
font-weight:bold;
}
.table th:first-child{
width:230px;
}
.table th.subHead{
border-right:1px solid #e6e6e6 !important;
}
.table th .required{
display:inline-block;
vertical-align:middle;
color:#ff0000;
}
.table td{
border-right:1px solid #e6e6e6;
}
.table td .inputElement{
display:inline-block;
vertical-align:middle;
margin-left:0.5em;
}
.table td .inputElement input[type="text"], .table td .inputElement textarea{
box-sizing:border-box;
padding:5px 10px;
border:1px solid #e6e6e6;
width:100%;
}
.table td .inputElement:first-of-type{
margin-left:0;
}
.table td .inputElement.type01{
width:100%;
}
.table td .inputElement.type02{
width:80%;
}
.table td .inputElement.type03{
width:30%;
}
.table td .inputElement.type04{
width:20%;
}
.table td div + .inputElement,
.table td p + .inputElement,
.table td span + .inputElement{
margin-left:0;
}
.table td .selectElement{
margin:0 0 10px;
}
.table td .error{
display:block;
margin:5px 0 0;
color:#ff0000;
}
.table thead th{
text-align:center;
}
.table tr > *:last-child{
border-right:none;
}
.table[class*="l-fixed"]{
table-layout:fixed;
}

@media screen and (max-width: 640px) {
.table th, .table td{
padding:10px 7px;
}
.table th:first-child{
width:auto;
}
}
/* navigation module
--------------------------------------------------------------------------------------------------- */
.button{
letter-spacing:0;
text-align:center;
}
.button a, .button button{
position:relative;
display:inline-block;
vertical-align:middle;
box-sizing:border-box;
border:2px solid #cccccc;
padding:14px 10px;
min-width:300px;
background:#ffffff;
color:#222222;
font-weight:bold;
text-decoration:none;
text-align:center;
transition-property:color, border-color;
}
.button a::before, .button button::before{
position:absolute;
top:50%;
right:8px;
margin-top:-3px;
color:#00b6e0;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
transition:color 0.3s ease;
}
.button a:hover, .button button:hover{
border-color:#00b6e0;
opacity:1;
color:#00b6e0;
text-decoration:none;
}
.button a[target="_blank"]::before, .button button[target="_blank"]::before{
margin-top:-7px;
content:"\e906";
font-size:16px;
}
.button.more a{
padding:12px 10px;
min-width:220px;
line-height:1;
}
.button.more a::after{
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e902";
font-size:0.8rem;
}
.button.more a span{
font-size:0;
}
.button[class*="is-disabled"] a, .button button[disabled]{
color:#cccccc;
pointer-events:none;
cursor:default;
}
.button[class*="is-disabled"] a:hover, .button button[disabled]:hover{
border-color:#cccccc;
}
.button[class*="is-disabled"] a::before, .button button[disabled]::before{
color:#cccccc;
}
.button[class*="is-disabled"] a span::before, .button button[disabled] span::before{
color:#cccccc;
}
.button[class*="-large"] a{
padding:28px 30px;
min-width:420px;
font-size:2.4rem;
}
.button[class*="-large"] a::before{
content:"\e901";
font-size:2.0rem;
}
.button[class*="-darkBg"] a, .button[class*="-darkBg"] button{
border-color:#ffffff;
color:#ffffff;
background:transparent;
}
.button[class*="-darkBg"] a::before, .button[class*="-darkBg"] button::before{
color:#ffffff;
}
.button[class*="-darkBg"] a:hover, .button[class*="-darkBg"] button:hover{
border-color:#00b6e0;
color:#00b6e0;
}
.button[class*="-darkBg"] a:hover::before, .button[class*="-darkBg"] button:hover::before{
color:#00b6e0;
}
.button[class*="-darkBg"] a[target="_blank"]::before, .button[class*="-darkBg"] button[target="_blank"]::before{
content:"\e906";
font-size:16px;
}
.button[class*="-darkBg"][class*="is-disabled"] a, .button[class*="-darkBg"] button[disabled]{
border-color:#828282;
color:#828282;
}
.button[class*="-darkBg"][class*="is-disabled"] a:hover, .button[class*="-darkBg"] button[disabled]:hover{
border-color:#828282;
}
.button[class*="-darkBg"][class*="is-disabled"] a::before, .button[class*="-darkBg"] button[disabled]::before{
color:#828282;
}
.button[class*="-darkBg"][class*="is-disabled"] a span::before, .button[class*="-darkBg"] button[disabled] span::before{
color:#828282;
}

.adjust{
margin:20px auto;
display:table;
border-spacing:0 20px;
}
.adjust > .button{
display:table-row;
}
.adjust > .button a, .adjust > .button button{
display:table-cell;
}

@media screen and (max-width: 640px) {
.button a, .button button{
display:block;
box-sizing:border-box;
padding:14px 10px;
width:100%;
min-width:0;
}
.button.more a{
padding:10px;
min-width:0;
}
.button.more a::after{
font-size:1.2rem;
}
.button[class*="-large"] a{
padding:20px 18px;
min-width:0;
}
}
.buttonList{
position:relative;
margin:-10px -10px 30px;
letter-spacing:-0.4em;
}
.buttonList > li{
display:inline-block;
vertical-align:middle;
margin:10px 10px 0;
letter-spacing:0;
}
.buttonList > li a, .buttonList > li button{
display:table;
}

@media screen and (max-width: 640px) {
.buttonList{
margin:0 0 20px;
}
.buttonList > *:last-child{
margin-bottom:0 !important;
}
.buttonList > li{
display:block;
margin:0 0 10px;
}
}
.pager{
margin:0 0 40px;
text-align:center;
letter-spacing:-0.4em;
}
.pager > li{
display:inline-block;
vertical-align:middle;
margin:0 5px;
letter-spacing:0;
line-height:1;
}
.pager > li a{
display:table-cell;
border:2px solid #cccccc;
width:40px;
height:40px;
color:#222222;
background:#ffffff;
font-weight:bold;
vertical-align:middle;
text-decoration:none;
transition:border-color, color, background-color 0.3s ease;
}
.pager > li a:hover{
opacity:1;
}
.pager > li[class*="-active"] a, .pager > li a:hover{
border-color:#f7931d;
color:#ffffff;
background-color:#f7931d;
font-weight:bold;
}
.pager > li.prev, .pager > li.next{
position:relative;
}
.pager > li.prev a, .pager > li.next a{
overflow:hidden;
text-indent:-999px;
}
.pager > li.prev a::before, .pager > li.next a::before{
position:absolute;
top:50%;
left:50%;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
margin:-0.5em 0 0 -0.2em;
color:#00b6e0;
text-indent:0;
}
.pager > li.prev a:hover::before, .pager > li.next a:hover::before{
color:#ffffff;
}
.pager > li.prev a::before{
transform:rotate(180deg);
}

@media screen and (max-width: 640px) {
.pager{
margin:0 -5px 30px;
}
.pager > li{
font-size:1.2rem;
}
.pager > li a{
width:30px;
height:30px;
}
.pager > li[class*="-active"] a, .pager > li a:hover{
border-color:#f7931d;
color:#ffffff;
background-color:#f7931d;
font-weight:bold;
}
.pager > li.prev, .pager > li.next{
position:relative;
}
.pager > li.prev a, .pager > li.next a{
overflow:hidden;
text-indent:-999px;
}
.pager > li.prev a::before, .pager > li.next a::before{
position:absolute;
top:50%;
left:50%;
    /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
    /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
margin:-0.5em 0 0 -0.2em;
color:#00b6e0;
text-indent:0;
}
.pager > li.prev a:hover::before, .pager > li.next a:hover::before{
color:#ffffff;
}
.pager > li.prev a::before{
transform:rotate(180deg);
}
}
.anchor{
margin:0 -20px 52px 0;
}
.anchor::after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
.anchor > li{
position:relative;
float:left;
display:table;
margin:0 20px 0 0;
background:#f2f2f2;
z-index:0;
}
.anchor > li::before{
position:absolute;
top:50%;
right:10px;
margin-top:-0.5rem;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e905";
font-size:1rem;
color:#00b6e0;
z-index:-1;
}
.anchor > li a{
display:table-cell;
height:54px;
text-align:center;
vertical-align:middle;
font-size:1.6rem;
font-weight:bold;
color:#222222;
}
.anchor > li a:hover{
text-decoration:none;
}
.anchor[class*="-col2"] > li{
width:calc(100% / 2 - 20px);
}
.anchor[class*="-col3"] > li{
width:calc(100% / 3 - 20px);
}
.anchor[class*="-col4"] > li{
width:calc(100% / 4 - 20px);
}
.anchor[class*="-col5"] > li{
width:calc(100% / 5 - 20px);
}

@media screen and (max-width: 640px) {
.anchor{
margin:0 -10px 30px 0;
}
.anchor > li{
margin-right:10px;
}
.anchor > li::before{
top:auto;
right:50%;
bottom:10px;
margin:0 -0.5rem 0 0;
}
.anchor > li a{
padding-bottom:22px;
height:33px;
font-size:1.2rem;
}
.anchor[class*="-col2"] > li{
width:46.7%;
width:calc(100% / 2 - 10px);
}
.anchor[class*="-col3"] > li{
width:30.1%;
width:calc(100% / 3 - 10px);
}
.anchor[class*="-col4"] > li{
width:21.7%;
width:calc(100% / 4 - 10px);
}
.anchor[class*="-col5"] > li{
width:16.7%;
width:calc(100% / 5 - 10px);
}
}
.tab{
position:relative;
box-sizing:border-box;
display:table;
table-layout:fixed;
margin:60px 0 40px;
border-bottom:2px solid #cccccc;
width:100%;
background:#ffffff;
}
.tab > li{
display:table-cell;
vertical-align:middle;
}
.tab > li a{
position:relative;
display:table;
margin:0 0 -2px;
width:100%;
color:#222222;
transition-property:color;
}
.tab > li a:hover{
color:#00b6e0;
text-decoration:none;
opacity:1;
}
.tab > li a > span{
display:table-cell;
padding:10px 0;
height:20px;
vertical-align:middle;
text-align:center;
font-weight:bold;
}
.tab > li.is-active a{
background:#f7931d;
color:#ffffff;
}
.tab > li.is-active a::before{
position:absolute;
top:auto;
right:auto;
bottom:-6px;
left:50%;
content:"";
display:block;
content:"";
display:block;
border:solid #f7931d;
border-color:#f7931d transparent transparent;
border-width:6px 6px 0;
width:0;
margin-left:-6px;
content:"";
}
.tab[class*="-large"]{
border:2px solid #f7931d;
}
.tab[class*="-large"] > li a{
margin-bottom:0;
color:#f7931d;
transition-property:background-color;
}
.tab[class*="-large"] > li a span{
padding:10px 0 14px;
}
.tab[class*="-large"] > li a span::before{
margin:5px auto;
}
.tab[class*="-large"] > li a:hover{
background-color:#fef4e8;
}
.tab[class*="-large"] > li.is-active a{
background:#f7931d;
color:#ffffff;
}
.tab[class*="-large"] > li.is-active a::before{
position:absolute;
top:auto;
right:auto;
bottom:-20px;
left:50%;
content:"";
display:block;
content:"";
display:block;
border:solid #f7931d;
border-color:#f7931d transparent transparent;
border-width:20px 20px 0;
width:0;
margin-left:-20px;
}
.tab[class*="-flipped"] > li.is-active a::before{
position:absolute;
top:-6px;
right:auto;
bottom:auto;
left:50%;
content:"";
display:block;
content:"";
display:block;
border:solid #f7931d;
border-color:transparent transparent #f7931d;
border-width:0 6px 6px;
width:0;
}
.tab[class*="-flipped"][class*="-large"] > li.is-active a::before{
position:absolute;
top:-20px;
right:auto;
bottom:auto;
left:50%;
content:"";
display:block;
content:"";
display:block;
border:solid #f7931d;
border-color:transparent transparent #f7931d;
border-width:0 20px 20px;
width:0;
}

.tabContent{
margin:0 0 30px;
}

@media screen and (max-width: 640px) {
.tab[class*="-large"]{
margin:0 -10px 20px;
width:105.2%;
width:calc(100% + 20px);
}
.tab[class*="-large"] > li.is-active a::before{
position:absolute;
top:auto;
right:auto;
bottom:-10px;
left:50%;
content:"";
display:block;
content:"";
display:block;
border:solid #f7931d;
border-color:#f7931d transparent transparent;
border-width:10px 10px 0;
width:0;
margin-left:-10px;
}
.tab[class*="-spPulldown"]{
overflow:hidden;
position:relative;
display:block;
border-bottom:0;
height:46px;
z-index:0;
}
.tab[class*="-spPulldown"] > li{
display:block;
border:solid #cccccc;
border-width:0 2px 2px;
}
.tab[class*="-spPulldown"] > li a{
position:relative;
margin-bottom:0;
background:#ffffff;
color:#222222;
z-index:0;
}
.tab[class*="-spPulldown"] > li a::before{
position:absolute;
top:50%;
right:10px;
left:auto;
bottom:auto;
margin-top:-3px;
content:"";
display:block;
border:solid #00b6e0;
border-color:#00b6e0 transparent transparent;
border-width:5px 5px 0;
width:0;
z-index:-1;
}
.tab[class*="-spPulldown"] > li:first-child{
border-top-width:2px;
}
.tab[class*="-spPulldown"] > li[class*="is-active"]{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border-top-width:2px;
z-index:10;
}
.tab[class*="-spPulldown"][class*="open"]{
overflow:visible;
z-index:100;
}
.tab[class*="-spPulldown"][class*="open"] > li{
position:static;
}
.tab[class*="-spPulldown"][class*="open"] > li a::before{
display:none;
}
.tab[class*="-spPulldown"][class*="open"] > li[class*="is-active"]{
border-top-width:0;
}
.tab[class*="-spPulldown"][class*="open"] > li[class*="is-active"]:first-child{
border-top-width:2px;
}
}
.accordion[class*="-sp"] .accordion-heading{
display:none;
}

@media screen and (max-width: 640px) {
.accordion[class*="-sp"] .accordion-heading{
display:block;
margin:-1px 0 0;
}
.accordion[class*="-sp"] .accordion-heading a{
position:relative;
display:block;
border:solid #cccccc;
border-width:1px 0;
padding:12px 22px 12px 10px;
color:#222222;
z-index:0;
}
.accordion[class*="-sp"] .accordion-heading a:hover{
text-decoration:none;
}
.accordion[class*="-sp"] .accordion-heading a::after{
position:absolute;
top:50%;
right:10px;
    /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
    /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
margin-top:-0.5em;
color:#00b6e0;
transform:rotate(90deg);
transition:transform 0.3s ease;
}
.accordion[class*="-sp"] .accordion-heading.is-active a{
background:#f7931d;
color:#ffffff;
}
.accordion[class*="-sp"] .accordion-heading.is-active a::after{
color:#ffffff;
transform:rotate(270deg);
}
.accordion[class*="-sp"] .accordion-inner{
padding:20px 0;
}
.accordion[class*="-sp"] .accordion-inner > *:last-child{
margin-bottom:0 !important;
}
}
@media screen and (max-width: 640px) {
.tab-accordion{
margin:0 0 30px;
}
.tab-accordion .tab{
display:none;
}
.tab-accordion .tabContent{
margin-bottom:0;
}
}
.pulldown{
overflow:hidden;
position:relative;
display:inline-block;
vertical-align:middle;
border-bottom:0;
height:44px;
z-index:0;
}
.pulldown > li{
display:block;
border:solid #cccccc;
border-width:0 2px 2px;
}
.pulldown > li a{
position:relative;
display:block;
margin-bottom:0;
background:#ffffff;
color:#222222;
z-index:0;
}
.pulldown > li a::before{
position:absolute;
top:50%;
right:10px;
left:auto;
bottom:auto;
margin-top:-3px;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
transform:rotate(90deg);
color:#00b6e0;
z-index:-1;
}
.pulldown > li a:hover{
opacity:1;
text-decoration:none;
}
.pulldown > li a span{
display:block;
padding:10px 20px;
}
.pulldown > li:first-child{
border-top-width:2px;
}
.pulldown > li[class*="is-active"]{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border-top-width:2px;
z-index:10;
}
.pulldown[class*="open"]{
overflow:visible;
z-index:100;
}
.pulldown[class*="open"] > li{
position:static;
}
.pulldown[class*="open"] > li a::before{
transform:rotate(0deg);
}
.pulldown[class*="open"] > li[class*="is-active"]{
border-top-width:0;
}
.pulldown[class*="open"] > li[class*="is-active"]:first-child{
border-top-width:2px;
}

@media screen and (max-width: 640px) {
.pulldown{
height:43px;
}
}
.subnav{
margin:60px 0 80px;
border:2px solid #cccccc;
padding:18px;
background:#ffffff;
}
.subnav > *:last-child{
margin-bottom:0 !important;
}
.subnav .headingText{
position:relative;
}
.subnav .headingText span{
position:static;
}
.subnav .headingText span::before{
left:0;
right:0;
margin:0;
width:auto;
}
.subnav ul{
margin:-20px -20px 0 0;
}
.subnav ul::after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
.subnav ul > li{
position:relative;
display:table;
float:left;
margin:20px 20px 0 0;
z-index:0;
background:#ffffff;
}
.subnav ul > li a{
display:table-cell;
box-sizing:border-box;
border:2px solid #cccccc;
width:210px;
height:54px;
color:#222222;
text-align:center;
vertical-align:middle;
}
.subnav ul > li a:hover{
text-decoration:none;
}
.subnav ul > li::before{
position:absolute;
top:50%;
right:10px;
margin-top:-0.5rem;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
color:#00b6e0;
z-index:-1;
}
.subnav ul > li.is-active a{
border-color:#f7931d;
}
.subnav ul > li.is-active::before{
display:none;
}

@media screen and (max-width: 640px) {
.subnav{
margin:30px 0 40px;
}
.subnav .headingText span{
position:static;
}
.subnav .headingText span::before{
left:0;
right:0;
margin:0;
width:auto;
}
.subnav ul > li{
width:42.8%;
width:calc(100% / 2 - 20px);
}
.subnav ul > li a{
padding:0 10px;
width:auto;
}
.subnav ul > li a br{
display:none;
}
}
.lnav{
position:relative;
margin:80px 0 0;
padding:20px 0 30px;
z-index:0;
}
.lnav::before{
position:absolute;
top:0;
right:-100%;
bottom:0;
left:-100%;
content:"";
display:block;
background:#f2f2f2;
z-index:-1;
}
.lnav .headingText{
margin:0 0 30px;
}
.lnav .headingText span{
padding-bottom:20px;
}
.lnav ul{
margin:-20px -20px 0 0;
letter-spacing:-0.4em;
}
.lnav ul > li{
display:inline-block;
vertical-align:top;
position:relative;
margin:20px 20px 0 0;
background:#ffffff;
letter-spacing:0;
z-index:0;
}
.lnav ul > li a{
display:table-cell;
box-sizing:border-box;
border:2px solid #cccccc;
width:300px;
height:60px;
color:#222222;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.lnav ul > li a:hover{
text-decoration:none;
}
.lnav ul > li a::before{
position:absolute;
top:50%;
right:10px;
margin-top:-0.5rem;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
color:#00b6e0;
z-index:-1;
}
.lnav ul > li a[target="_blank"]::before{
content:"\e906";
font-size:16px;
}

@media screen and (max-width: 640px) {
.lnav{
margin-top:40px;
}
.lnav .headingText{
margin-bottom:15px;
}
.lnav .headingText span{
padding-bottom:10px;
}
.lnav ul{
margin:0 10px;
border:2px solid #cccccc;
}
.lnav ul > li{
display:block;
margin:0;
}
.lnav ul > li a{
display:block;
border-width:1px 0 0;
padding:10px;
width:100%;
height:auto;
color:#222222;
text-align:left;
}
.lnav ul > li:first-child a{
border-width:0;
}
}
.modal{
display:none;
}

.modalInner{
width:740px;
}

@media screen and (max-width: 640px) {
.modalInner{
width:100%;
}
}
/* inline module
--------------------------------------------------------------------------------------------------- */
/* anchor */
.pdf{
color:#666666;
}
.pdf::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:24px;
height:24px;
background-position:0 -122px;
vertical-align:middle;
content:"";
}

.blank a[target="_blank"]::after{
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e906";
font-size:16px;
margin-left:0.5em;
font-size:1.4rem;
}

.pcHide{
display:none !important;
}

.psHide{
display:inline !important;
}

/* modifire module
--------------------------------------------------------------------------------------------------- */
/* radius */
.radius01{
border-radius:1px;
}

.radiusTLTR01{
border-radius:1px 1px 0 0;
}

.radiusBLBR01{
border-radius:0 0 1px 1px;
}

.radiusTLBL01{
border-radius:0 1px 1px 0;
}

.radiusTRBR01{
border-radius:1px 0 0 1px;
}

.radius02{
border-radius:2px;
}

.radiusTLTR02{
border-radius:2px 2px 0 0;
}

.radiusBLBR02{
border-radius:0 0 2px 2px;
}

.radiusTLBL02{
border-radius:0 2px 2px 0;
}

.radiusTRBR02{
border-radius:2px 0 0 2px;
}

.radius03{
border-radius:3px;
}

.radiusTLTR03{
border-radius:3px 3px 0 0;
}

.radiusBLBR03{
border-radius:0 0 3px 3px;
}

.radiusTLBL03{
border-radius:0 3px 3px 0;
}

.radiusTRBR03{
border-radius:3px 0 0 3px;
}

.radius04{
border-radius:4px;
}

.radiusTLTR04{
border-radius:4px 4px 0 0;
}

.radiusBLBR04{
border-radius:0 0 4px 4px;
}

.radiusTLBL04{
border-radius:0 4px 4px 0;
}

.radiusTRBR04{
border-radius:4px 0 0 4px;
}

.radius05{
border-radius:5px;
}

.radiusTLTR05{
border-radius:5px 5px 0 0;
}

.radiusBLBR05{
border-radius:0 0 5px 5px;
}

.radiusTLBL05{
border-radius:0 5px 5px 0;
}

.radiusTRBR05{
border-radius:5px 0 0 5px;
}

.radius06{
border-radius:6px;
}

.radiusTLTR06{
border-radius:6px 6px 0 0;
}

.radiusBLBR06{
border-radius:0 0 6px 6px;
}

.radiusTLBL06{
border-radius:0 6px 6px 0;
}

.radiusTRBR06{
border-radius:6px 0 0 6px;
}

.radius07{
border-radius:7px;
}

.radiusTLTR07{
border-radius:7px 7px 0 0;
}

.radiusBLBR07{
border-radius:0 0 7px 7px;
}

.radiusTLBL07{
border-radius:0 7px 7px 0;
}

.radiusTRBR07{
border-radius:7px 0 0 7px;
}

.radius08{
border-radius:8px;
}

.radiusTLTR08{
border-radius:8px 8px 0 0;
}

.radiusBLBR08{
border-radius:0 0 8px 8px;
}

.radiusTLBL08{
border-radius:0 8px 8px 0;
}

.radiusTRBR08{
border-radius:8px 0 0 8px;
}

.radius09{
border-radius:9px;
}

.radiusTLTR09{
border-radius:9px 9px 0 0;
}

.radiusBLBR09{
border-radius:0 0 9px 9px;
}

.radiusTLBL09{
border-radius:0 9px 9px 0;
}

.radiusTRBR09{
border-radius:9px 0 0 9px;
}

.radius10{
border-radius:10px;
}

.radiusTLTR10{
border-radius:10px 10px 0 0;
}

.radiusBLBR10{
border-radius:0 0 10px 10px;
}

.radiusTLBL10{
border-radius:0 10px 10px 0;
}

.radiusTRBR10{
border-radius:10px 0 0 10px;
}

.radius11{
border-radius:11px;
}

.radiusTLTR11{
border-radius:11px 11px 0 0;
}

.radiusBLBR11{
border-radius:0 0 11px 11px;
}

.radiusTLBL11{
border-radius:0 11px 11px 0;
}

.radiusTRBR11{
border-radius:11px 0 0 11px;
}

.radius12{
border-radius:12px;
}

.radiusTLTR12{
border-radius:12px 12px 0 0;
}

.radiusBLBR12{
border-radius:0 0 12px 12px;
}

.radiusTLBL12{
border-radius:0 12px 12px 0;
}

.radiusTRBR12{
border-radius:12px 0 0 12px;
}

.radius13{
border-radius:13px;
}

.radiusTLTR13{
border-radius:13px 13px 0 0;
}

.radiusBLBR13{
border-radius:0 0 13px 13px;
}

.radiusTLBL13{
border-radius:0 13px 13px 0;
}

.radiusTRBR13{
border-radius:13px 0 0 13px;
}

.radius14{
border-radius:14px;
}

.radiusTLTR14{
border-radius:14px 14px 0 0;
}

.radiusBLBR14{
border-radius:0 0 14px 14px;
}

.radiusTLBL14{
border-radius:0 14px 14px 0;
}

.radiusTRBR14{
border-radius:14px 0 0 14px;
}

.radius15{
border-radius:15px;
}

.radiusTLTR15{
border-radius:15px 15px 0 0;
}

.radiusBLBR15{
border-radius:0 0 15px 15px;
}

.radiusTLBL15{
border-radius:0 15px 15px 0;
}

.radiusTRBR15{
border-radius:15px 0 0 15px;
}

.radius16{
border-radius:16px;
}

.radiusTLTR16{
border-radius:16px 16px 0 0;
}

.radiusBLBR16{
border-radius:0 0 16px 16px;
}

.radiusTLBL16{
border-radius:0 16px 16px 0;
}

.radiusTRBR16{
border-radius:16px 0 0 16px;
}

.radius17{
border-radius:17px;
}

.radiusTLTR17{
border-radius:17px 17px 0 0;
}

.radiusBLBR17{
border-radius:0 0 17px 17px;
}

.radiusTLBL17{
border-radius:0 17px 17px 0;
}

.radiusTRBR17{
border-radius:17px 0 0 17px;
}

.radius18{
border-radius:18px;
}

.radiusTLTR18{
border-radius:18px 18px 0 0;
}

.radiusBLBR18{
border-radius:0 0 18px 18px;
}

.radiusTLBL18{
border-radius:0 18px 18px 0;
}

.radiusTRBR18{
border-radius:18px 0 0 18px;
}

.radius19{
border-radius:19px;
}

.radiusTLTR19{
border-radius:19px 19px 0 0;
}

.radiusBLBR19{
border-radius:0 0 19px 19px;
}

.radiusTLBL19{
border-radius:0 19px 19px 0;
}

.radiusTRBR19{
border-radius:19px 0 0 19px;
}

.radius20{
border-radius:20px;
}

.radiusTLTR20{
border-radius:20px 20px 0 0;
}

.radiusBLBR20{
border-radius:0 0 20px 20px;
}

.radiusTLBL20{
border-radius:0 20px 20px 0;
}

.radiusTRBR20{
border-radius:20px 0 0 20px;
}

.radius21{
border-radius:21px;
}

.radiusTLTR21{
border-radius:21px 21px 0 0;
}

.radiusBLBR21{
border-radius:0 0 21px 21px;
}

.radiusTLBL21{
border-radius:0 21px 21px 0;
}

.radiusTRBR21{
border-radius:21px 0 0 21px;
}

.radius22{
border-radius:22px;
}

.radiusTLTR22{
border-radius:22px 22px 0 0;
}

.radiusBLBR22{
border-radius:0 0 22px 22px;
}

.radiusTLBL22{
border-radius:0 22px 22px 0;
}

.radiusTRBR22{
border-radius:22px 0 0 22px;
}

.radius23{
border-radius:23px;
}

.radiusTLTR23{
border-radius:23px 23px 0 0;
}

.radiusBLBR23{
border-radius:0 0 23px 23px;
}

.radiusTLBL23{
border-radius:0 23px 23px 0;
}

.radiusTRBR23{
border-radius:23px 0 0 23px;
}

.radius24{
border-radius:24px;
}

.radiusTLTR24{
border-radius:24px 24px 0 0;
}

.radiusBLBR24{
border-radius:0 0 24px 24px;
}

.radiusTLBL24{
border-radius:0 24px 24px 0;
}

.radiusTRBR24{
border-radius:24px 0 0 24px;
}

.radius25{
border-radius:25px;
}

.radiusTLTR25{
border-radius:25px 25px 0 0;
}

.radiusBLBR25{
border-radius:0 0 25px 25px;
}

.radiusTLBL25{
border-radius:0 25px 25px 0;
}

.radiusTRBR25{
border-radius:25px 0 0 25px;
}

.radius26{
border-radius:26px;
}

.radiusTLTR26{
border-radius:26px 26px 0 0;
}

.radiusBLBR26{
border-radius:0 0 26px 26px;
}

.radiusTLBL26{
border-radius:0 26px 26px 0;
}

.radiusTRBR26{
border-radius:26px 0 0 26px;
}

.radius27{
border-radius:27px;
}

.radiusTLTR27{
border-radius:27px 27px 0 0;
}

.radiusBLBR27{
border-radius:0 0 27px 27px;
}

.radiusTLBL27{
border-radius:0 27px 27px 0;
}

.radiusTRBR27{
border-radius:27px 0 0 27px;
}

.radius28{
border-radius:28px;
}

.radiusTLTR28{
border-radius:28px 28px 0 0;
}

.radiusBLBR28{
border-radius:0 0 28px 28px;
}

.radiusTLBL28{
border-radius:0 28px 28px 0;
}

.radiusTRBR28{
border-radius:28px 0 0 28px;
}

.radius29{
border-radius:29px;
}

.radiusTLTR29{
border-radius:29px 29px 0 0;
}

.radiusBLBR29{
border-radius:0 0 29px 29px;
}

.radiusTLBL29{
border-radius:0 29px 29px 0;
}

.radiusTRBR29{
border-radius:29px 0 0 29px;
}

.radius30{
border-radius:30px;
}

.radiusTLTR30{
border-radius:30px 30px 0 0;
}

.radiusBLBR30{
border-radius:0 0 30px 30px;
}

.radiusTLBL30{
border-radius:0 30px 30px 0;
}

.radiusTRBR30{
border-radius:30px 0 0 30px;
}

.radius31{
border-radius:31px;
}

.radiusTLTR31{
border-radius:31px 31px 0 0;
}

.radiusBLBR31{
border-radius:0 0 31px 31px;
}

.radiusTLBL31{
border-radius:0 31px 31px 0;
}

.radiusTRBR31{
border-radius:31px 0 0 31px;
}

.radius32{
border-radius:32px;
}

.radiusTLTR32{
border-radius:32px 32px 0 0;
}

.radiusBLBR32{
border-radius:0 0 32px 32px;
}

.radiusTLBL32{
border-radius:0 32px 32px 0;
}

.radiusTRBR32{
border-radius:32px 0 0 32px;
}

.radius33{
border-radius:33px;
}

.radiusTLTR33{
border-radius:33px 33px 0 0;
}

.radiusBLBR33{
border-radius:0 0 33px 33px;
}

.radiusTLBL33{
border-radius:0 33px 33px 0;
}

.radiusTRBR33{
border-radius:33px 0 0 33px;
}

.radius34{
border-radius:34px;
}

.radiusTLTR34{
border-radius:34px 34px 0 0;
}

.radiusBLBR34{
border-radius:0 0 34px 34px;
}

.radiusTLBL34{
border-radius:0 34px 34px 0;
}

.radiusTRBR34{
border-radius:34px 0 0 34px;
}

.radius35{
border-radius:35px;
}

.radiusTLTR35{
border-radius:35px 35px 0 0;
}

.radiusBLBR35{
border-radius:0 0 35px 35px;
}

.radiusTLBL35{
border-radius:0 35px 35px 0;
}

.radiusTRBR35{
border-radius:35px 0 0 35px;
}

.radius36{
border-radius:36px;
}

.radiusTLTR36{
border-radius:36px 36px 0 0;
}

.radiusBLBR36{
border-radius:0 0 36px 36px;
}

.radiusTLBL36{
border-radius:0 36px 36px 0;
}

.radiusTRBR36{
border-radius:36px 0 0 36px;
}

.radius37{
border-radius:37px;
}

.radiusTLTR37{
border-radius:37px 37px 0 0;
}

.radiusBLBR37{
border-radius:0 0 37px 37px;
}

.radiusTLBL37{
border-radius:0 37px 37px 0;
}

.radiusTRBR37{
border-radius:37px 0 0 37px;
}

.radius38{
border-radius:38px;
}

.radiusTLTR38{
border-radius:38px 38px 0 0;
}

.radiusBLBR38{
border-radius:0 0 38px 38px;
}

.radiusTLBL38{
border-radius:0 38px 38px 0;
}

.radiusTRBR38{
border-radius:38px 0 0 38px;
}

.radius39{
border-radius:39px;
}

.radiusTLTR39{
border-radius:39px 39px 0 0;
}

.radiusBLBR39{
border-radius:0 0 39px 39px;
}

.radiusTLBL39{
border-radius:0 39px 39px 0;
}

.radiusTRBR39{
border-radius:39px 0 0 39px;
}

.radius40{
border-radius:40px;
}

.radiusTLTR40{
border-radius:40px 40px 0 0;
}

.radiusBLBR40{
border-radius:0 0 40px 40px;
}

.radiusTLBL40{
border-radius:0 40px 40px 0;
}

.radiusTRBR40{
border-radius:40px 0 0 40px;
}

.radius41{
border-radius:41px;
}

.radiusTLTR41{
border-radius:41px 41px 0 0;
}

.radiusBLBR41{
border-radius:0 0 41px 41px;
}

.radiusTLBL41{
border-radius:0 41px 41px 0;
}

.radiusTRBR41{
border-radius:41px 0 0 41px;
}

.radius42{
border-radius:42px;
}

.radiusTLTR42{
border-radius:42px 42px 0 0;
}

.radiusBLBR42{
border-radius:0 0 42px 42px;
}

.radiusTLBL42{
border-radius:0 42px 42px 0;
}

.radiusTRBR42{
border-radius:42px 0 0 42px;
}

.radius43{
border-radius:43px;
}

.radiusTLTR43{
border-radius:43px 43px 0 0;
}

.radiusBLBR43{
border-radius:0 0 43px 43px;
}

.radiusTLBL43{
border-radius:0 43px 43px 0;
}

.radiusTRBR43{
border-radius:43px 0 0 43px;
}

.radius44{
border-radius:44px;
}

.radiusTLTR44{
border-radius:44px 44px 0 0;
}

.radiusBLBR44{
border-radius:0 0 44px 44px;
}

.radiusTLBL44{
border-radius:0 44px 44px 0;
}

.radiusTRBR44{
border-radius:44px 0 0 44px;
}

.radius45{
border-radius:45px;
}

.radiusTLTR45{
border-radius:45px 45px 0 0;
}

.radiusBLBR45{
border-radius:0 0 45px 45px;
}

.radiusTLBL45{
border-radius:0 45px 45px 0;
}

.radiusTRBR45{
border-radius:45px 0 0 45px;
}

.radius46{
border-radius:46px;
}

.radiusTLTR46{
border-radius:46px 46px 0 0;
}

.radiusBLBR46{
border-radius:0 0 46px 46px;
}

.radiusTLBL46{
border-radius:0 46px 46px 0;
}

.radiusTRBR46{
border-radius:46px 0 0 46px;
}

.radius47{
border-radius:47px;
}

.radiusTLTR47{
border-radius:47px 47px 0 0;
}

.radiusBLBR47{
border-radius:0 0 47px 47px;
}

.radiusTLBL47{
border-radius:0 47px 47px 0;
}

.radiusTRBR47{
border-radius:47px 0 0 47px;
}

.radius48{
border-radius:48px;
}

.radiusTLTR48{
border-radius:48px 48px 0 0;
}

.radiusBLBR48{
border-radius:0 0 48px 48px;
}

.radiusTLBL48{
border-radius:0 48px 48px 0;
}

.radiusTRBR48{
border-radius:48px 0 0 48px;
}

.radius49{
border-radius:49px;
}

.radiusTLTR49{
border-radius:49px 49px 0 0;
}

.radiusBLBR49{
border-radius:0 0 49px 49px;
}

.radiusTLBL49{
border-radius:0 49px 49px 0;
}

.radiusTRBR49{
border-radius:49px 0 0 49px;
}

.radius50{
border-radius:50px;
}

.radiusTLTR50{
border-radius:50px 50px 0 0;
}

.radiusBLBR50{
border-radius:0 0 50px 50px;
}

.radiusTLBL50{
border-radius:0 50px 50px 0;
}

.radiusTRBR50{
border-radius:50px 0 0 50px;
}

/* text align */
.alignLeft, [class*="-alignLeft"]{
text-align:left !important;
}

.alignCenter, [class*="-alignCenter"]{
text-align:center !important;
}

.alignRight, [class*="-alignRight"]{
text-align:right !important;
}

.alignTop, [class*="-alignTop"]{
vertical-align:top !important;
}

.alignMiddle, [class*="-alignMiddle"]{
vertical-align:middle !important;
}

.alignBottom, [class*="-alignBottom"]{
vertical-align:bottom !important;
}

.alignSuper, [class*="-alignSuper"]{
vertical-align:super !important;
font-size:smaller;
}

.alignSub, [class*="-alignSub"]{
vertical-align:sub !important;
font-size:smaller;
}

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

.mr0{
margin-right:0px !important;
}

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

.ml0{
margin-left:0px !important;
}

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

.mr5{
margin-right:5px !important;
}

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

.ml5{
margin-left:5px !important;
}

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

.mr10{
margin-right:10px !important;
}

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

.ml10{
margin-left:10px !important;
}

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

.mr15{
margin-right:15px !important;
}

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

.ml15{
margin-left:15px !important;
}

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

.mr20{
margin-right:20px !important;
}

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

.ml20{
margin-left:20px !important;
}

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

.mr25{
margin-right:25px !important;
}

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

.ml25{
margin-left:25px !important;
}

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

.mr30{
margin-right:30px !important;
}

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

.ml30{
margin-left:30px !important;
}

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

.mr35{
margin-right:35px !important;
}

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

.ml35{
margin-left:35px !important;
}

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

.mr40{
margin-right:40px !important;
}

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

.ml40{
margin-left:40px !important;
}

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

.mr45{
margin-right:45px !important;
}

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

.ml45{
margin-left:45px !important;
}

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

.mr50{
margin-right:50px !important;
}

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

.ml50{
margin-left:50px !important;
}

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

.mr55{
margin-right:55px !important;
}

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

.ml55{
margin-left:55px !important;
}

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

.mr60{
margin-right:60px !important;
}

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

.ml60{
margin-left:60px !important;
}

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

.mr65{
margin-right:65px !important;
}

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

.ml65{
margin-left:65px !important;
}

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

.mr70{
margin-right:70px !important;
}

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

.ml70{
margin-left:70px !important;
}

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

.mr75{
margin-right:75px !important;
}

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

.ml75{
margin-left:75px !important;
}

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

.mr80{
margin-right:80px !important;
}

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

.ml80{
margin-left:80px !important;
}

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

.mr85{
margin-right:85px !important;
}

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

.ml85{
margin-left:85px !important;
}

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

.mr90{
margin-right:90px !important;
}

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

.ml90{
margin-left:90px !important;
}

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

.mr95{
margin-right:95px !important;
}

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

.ml95{
margin-left:95px !important;
}

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

.mr100{
margin-right:100px !important;
}

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

.ml100{
margin-left:100px !important;
}

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

.pr0{
padding-right:0px !important;
}

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

.pl0{
padding-left:0px !important;
}

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

.pr5{
padding-right:5px !important;
}

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

.pl5{
padding-left:5px !important;
}

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

.pr10{
padding-right:10px !important;
}

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

.pl10{
padding-left:10px !important;
}

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

.pr15{
padding-right:15px !important;
}

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

.pl15{
padding-left:15px !important;
}

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

.pr20{
padding-right:20px !important;
}

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

.pl20{
padding-left:20px !important;
}

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

.pr25{
padding-right:25px !important;
}

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

.pl25{
padding-left:25px !important;
}

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

.pr30{
padding-right:30px !important;
}

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

.pl30{
padding-left:30px !important;
}

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

.pr35{
padding-right:35px !important;
}

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

.pl35{
padding-left:35px !important;
}

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

.pr40{
padding-right:40px !important;
}

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

.pl40{
padding-left:40px !important;
}

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

.pr45{
padding-right:45px !important;
}

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

.pl45{
padding-left:45px !important;
}

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

.pr50{
padding-right:50px !important;
}

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

.pl50{
padding-left:50px !important;
}

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

.pr55{
padding-right:55px !important;
}

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

.pl55{
padding-left:55px !important;
}

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

.pr60{
padding-right:60px !important;
}

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

.pl60{
padding-left:60px !important;
}

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

.pr65{
padding-right:65px !important;
}

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

.pl65{
padding-left:65px !important;
}

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

.pr70{
padding-right:70px !important;
}

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

.pl70{
padding-left:70px !important;
}

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

.pr75{
padding-right:75px !important;
}

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

.pl75{
padding-left:75px !important;
}

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

.pr80{
padding-right:80px !important;
}

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

.pl80{
padding-left:80px !important;
}

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

.pr85{
padding-right:85px !important;
}

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

.pl85{
padding-left:85px !important;
}

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

.pr90{
padding-right:90px !important;
}

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

.pl90{
padding-left:90px !important;
}

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

.pr95{
padding-right:95px !important;
}

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

.pl95{
padding-left:95px !important;
}

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

.pr100{
padding-right:100px !important;
}

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

.pl100{
padding-left:100px !important;
}

/* font size */
.font10{
font-size:10px !important;
}

.font12{
font-size:12px !important;
}

.font14{
font-size:14px !important;
}

.font16{
font-size:16px !important;
}

.font18{
font-size:18px !important;
}

.font20{
font-size:20px !important;
}

.font22{
font-size:22px !important;
}

.font24{
font-size:24px !important;
}

.font26{
font-size:26px !important;
}

.font28{
font-size:28px !important;
}

.font30{
font-size:30px !important;
}

.font32{
font-size:32px !important;
}

.font34{
font-size:34px !important;
}

.font36{
font-size:36px !important;
}

.font38{
font-size:38px !important;
}

.font40{
font-size:40px !important;
}

.font42{
font-size:42px !important;
}

.font44{
font-size:44px !important;
}

.font46{
font-size:46px !important;
}

.font48{
font-size:48px !important;
}

.font50{
font-size:50px !important;
}

.font52{
font-size:52px !important;
}

.font54{
font-size:54px !important;
}

.font56{
font-size:56px !important;
}

.font58{
font-size:58px !important;
}

.font60{
font-size:60px !important;
}

.font62{
font-size:62px !important;
}

.font64{
font-size:64px !important;
}

.font66{
font-size:66px !important;
}

.font68{
font-size:68px !important;
}

.font70{
font-size:70px !important;
}

.font72{
font-size:72px !important;
}

.font74{
font-size:74px !important;
}

.font76{
font-size:76px !important;
}

.font78{
font-size:78px !important;
}

.font80{
font-size:80px !important;
}

.font82{
font-size:82px !important;
}

.font84{
font-size:84px !important;
}

.font86{
font-size:86px !important;
}

.font88{
font-size:88px !important;
}

.font90{
font-size:90px !important;
}

.font92{
font-size:92px !important;
}

.font94{
font-size:94px !important;
}

.font96{
font-size:96px !important;
}

.font98{
font-size:98px !important;
}

.font100{
font-size:100px !important;
}

.font102{
font-size:102px !important;
}

.font104{
font-size:104px !important;
}

.font106{
font-size:106px !important;
}

.font108{
font-size:108px !important;
}

.font110{
font-size:110px !important;
}

.font112{
font-size:112px !important;
}

.font114{
font-size:114px !important;
}

.font116{
font-size:116px !important;
}

.font118{
font-size:118px !important;
}

.font120{
font-size:120px !important;
}

.font122{
font-size:122px !important;
}

.font124{
font-size:124px !important;
}

.font126{
font-size:126px !important;
}

.font128{
font-size:128px !important;
}

.font130{
font-size:130px !important;
}

.font132{
font-size:132px !important;
}

.font134{
font-size:134px !important;
}

.font136{
font-size:136px !important;
}

.font138{
font-size:138px !important;
}

.font140{
font-size:140px !important;
}

.font142{
font-size:142px !important;
}

.font144{
font-size:144px !important;
}

.font146{
font-size:146px !important;
}

.font148{
font-size:148px !important;
}

.font150{
font-size:150px !important;
}

.font152{
font-size:152px !important;
}

.font154{
font-size:154px !important;
}

.font156{
font-size:156px !important;
}

.font158{
font-size:158px !important;
}

.font160{
font-size:160px !important;
}

.font162{
font-size:162px !important;
}

.font164{
font-size:164px !important;
}

.font166{
font-size:166px !important;
}

.font168{
font-size:168px !important;
}

.font170{
font-size:170px !important;
}

.font172{
font-size:172px !important;
}

.font174{
font-size:174px !important;
}

.font176{
font-size:176px !important;
}

.font178{
font-size:178px !important;
}

.font180{
font-size:180px !important;
}

.font182{
font-size:182px !important;
}

.font184{
font-size:184px !important;
}

.font186{
font-size:186px !important;
}

.font188{
font-size:188px !important;
}

.font190{
font-size:190px !important;
}

/* font style */
.fontBold{
font-weight:bold;
}

.fontItalic{
font-style:italic;
}

.fontNormal{
font-style:normal !important;
font-weight:normal !important;
}

/* fontColor */
.colorType01{
color:#222222;
}

.colorType02{
color:#00b6e0;
}

.colorType03{
color:#ff0000;
}

/* block width */
.width10{
width:10px !important;
}

.width0per{
width:0% !important;
}

.width20{
width:20px !important;
}

.width1per{
width:1% !important;
}

.width30{
width:30px !important;
}

.width2per{
width:2% !important;
}

.width40{
width:40px !important;
}

.width3per{
width:3% !important;
}

.width50{
width:50px !important;
}

.width4per{
width:4% !important;
}

.width60{
width:60px !important;
}

.width5per{
width:5% !important;
}

.width70{
width:70px !important;
}

.width6per{
width:6% !important;
}

.width80{
width:80px !important;
}

.width7per{
width:7% !important;
}

.width90{
width:90px !important;
}

.width8per{
width:8% !important;
}

.width100{
width:100px !important;
}

.width9per{
width:9% !important;
}

.width110{
width:110px !important;
}

.width10per{
width:10% !important;
}

.width120{
width:120px !important;
}

.width11per{
width:11% !important;
}

.width130{
width:130px !important;
}

.width12per{
width:12% !important;
}

.width140{
width:140px !important;
}

.width13per{
width:13% !important;
}

.width150{
width:150px !important;
}

.width14per{
width:14% !important;
}

.width160{
width:160px !important;
}

.width15per{
width:15% !important;
}

.width170{
width:170px !important;
}

.width16per{
width:16% !important;
}

.width180{
width:180px !important;
}

.width17per{
width:17% !important;
}

.width190{
width:190px !important;
}

.width18per{
width:18% !important;
}

.width200{
width:200px !important;
}

.width19per{
width:19% !important;
}

.width210{
width:210px !important;
}

.width20per{
width:20% !important;
}

.width220{
width:220px !important;
}

.width21per{
width:21% !important;
}

.width230{
width:230px !important;
}

.width22per{
width:22% !important;
}

.width240{
width:240px !important;
}

.width23per{
width:23% !important;
}

.width250{
width:250px !important;
}

.width24per{
width:24% !important;
}

.width260{
width:260px !important;
}

.width25per{
width:25% !important;
}

.width270{
width:270px !important;
}

.width26per{
width:26% !important;
}

.width280{
width:280px !important;
}

.width27per{
width:27% !important;
}

.width290{
width:290px !important;
}

.width28per{
width:28% !important;
}

.width300{
width:300px !important;
}

.width29per{
width:29% !important;
}

.width310{
width:310px !important;
}

.width30per{
width:30% !important;
}

.width320{
width:320px !important;
}

.width31per{
width:31% !important;
}

.width330{
width:330px !important;
}

.width32per{
width:32% !important;
}

.width340{
width:340px !important;
}

.width33per{
width:33% !important;
}

.width350{
width:350px !important;
}

.width34per{
width:34% !important;
}

.width360{
width:360px !important;
}

.width35per{
width:35% !important;
}

.width370{
width:370px !important;
}

.width36per{
width:36% !important;
}

.width380{
width:380px !important;
}

.width37per{
width:37% !important;
}

.width390{
width:390px !important;
}

.width38per{
width:38% !important;
}

.width400{
width:400px !important;
}

.width39per{
width:39% !important;
}

.width410{
width:410px !important;
}

.width40per{
width:40% !important;
}

.width420{
width:420px !important;
}

.width41per{
width:41% !important;
}

.width430{
width:430px !important;
}

.width42per{
width:42% !important;
}

.width440{
width:440px !important;
}

.width43per{
width:43% !important;
}

.width450{
width:450px !important;
}

.width44per{
width:44% !important;
}

.width460{
width:460px !important;
}

.width45per{
width:45% !important;
}

.width470{
width:470px !important;
}

.width46per{
width:46% !important;
}

.width480{
width:480px !important;
}

.width47per{
width:47% !important;
}

.width490{
width:490px !important;
}

.width48per{
width:48% !important;
}

.width500{
width:500px !important;
}

.width49per{
width:49% !important;
}

.width510{
width:510px !important;
}

.width50per{
width:50% !important;
}

.width520{
width:520px !important;
}

.width51per{
width:51% !important;
}

.width530{
width:530px !important;
}

.width52per{
width:52% !important;
}

.width540{
width:540px !important;
}

.width53per{
width:53% !important;
}

.width550{
width:550px !important;
}

.width54per{
width:54% !important;
}

.width560{
width:560px !important;
}

.width55per{
width:55% !important;
}

.width570{
width:570px !important;
}

.width56per{
width:56% !important;
}

.width580{
width:580px !important;
}

.width57per{
width:57% !important;
}

.width590{
width:590px !important;
}

.width58per{
width:58% !important;
}

.width600{
width:600px !important;
}

.width59per{
width:59% !important;
}

.width610{
width:610px !important;
}

.width60per{
width:60% !important;
}

.width620{
width:620px !important;
}

.width61per{
width:61% !important;
}

.width630{
width:630px !important;
}

.width62per{
width:62% !important;
}

.width640{
width:640px !important;
}

.width63per{
width:63% !important;
}

.width650{
width:650px !important;
}

.width64per{
width:64% !important;
}

.width660{
width:660px !important;
}

.width65per{
width:65% !important;
}

.width670{
width:670px !important;
}

.width66per{
width:66% !important;
}

.width680{
width:680px !important;
}

.width67per{
width:67% !important;
}

.width690{
width:690px !important;
}

.width68per{
width:68% !important;
}

.width700{
width:700px !important;
}

.width69per{
width:69% !important;
}

.width710{
width:710px !important;
}

.width70per{
width:70% !important;
}

.width720{
width:720px !important;
}

.width71per{
width:71% !important;
}

.width730{
width:730px !important;
}

.width72per{
width:72% !important;
}

.width740{
width:740px !important;
}

.width73per{
width:73% !important;
}

.width750{
width:750px !important;
}

.width74per{
width:74% !important;
}

.width760{
width:760px !important;
}

.width75per{
width:75% !important;
}

.width770{
width:770px !important;
}

.width76per{
width:76% !important;
}

.width780{
width:780px !important;
}

.width77per{
width:77% !important;
}

.width790{
width:790px !important;
}

.width78per{
width:78% !important;
}

.width800{
width:800px !important;
}

.width79per{
width:79% !important;
}

.width810{
width:810px !important;
}

.width80per{
width:80% !important;
}

.width820{
width:820px !important;
}

.width81per{
width:81% !important;
}

.width830{
width:830px !important;
}

.width82per{
width:82% !important;
}

.width840{
width:840px !important;
}

.width83per{
width:83% !important;
}

.width850{
width:850px !important;
}

.width84per{
width:84% !important;
}

.width860{
width:860px !important;
}

.width85per{
width:85% !important;
}

.width870{
width:870px !important;
}

.width86per{
width:86% !important;
}

.width880{
width:880px !important;
}

.width87per{
width:87% !important;
}

.width890{
width:890px !important;
}

.width88per{
width:88% !important;
}

.width900{
width:900px !important;
}

.width89per{
width:89% !important;
}

.width910{
width:910px !important;
}

.width90per{
width:90% !important;
}

.width920{
width:920px !important;
}

.width91per{
width:91% !important;
}

.width930{
width:930px !important;
}

.width92per{
width:92% !important;
}

.width940{
width:940px !important;
}

.width93per{
width:93% !important;
}

.width950{
width:950px !important;
}

.width94per{
width:94% !important;
}

.width960{
width:960px !important;
}

.width95per{
width:95% !important;
}

.width970{
width:970px !important;
}

.width96per{
width:96% !important;
}

.width980{
width:980px !important;
}

.width97per{
width:97% !important;
}

.width990{
width:990px !important;
}

.width98per{
width:98% !important;
}

.width1000{
width:1000px !important;
}

.width99per{
width:99% !important;
}

.width1010{
width:1010px !important;
}

.width100per{
width:100% !important;
}

/*====================================================================================================

	base

====================================================================================================*/
/* base style
--------------------------------------------------------------------------------------------------- */
body{
background:#fff;
color:#222222;
}

#document{
min-width:980px;
overflow:hidden;
}

@media screen and (max-width: 640px) {
#document{
min-width:320px;
}
}
a{
color:#00b6e0;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

main a, main button{
opacity:1;
transition:opacity 0.3s ease;
}
main a:hover, main button:hover{
opacity:0.7;
}

/* Header
--------------------------------------------------------------------------------------------------- */
#gheader{
position:relative;
margin:0;
padding:30px 113px 0 20px;
height:60px;
background:rgba(255, 255, 255, 0.5);
}
#gheader .gheader-gheaderContent::after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
#gheader .gheader-logo{
position:relative;
float:left;
margin:-8px 0 0;
z-index:10;
}
#gheader .gheader-logo a{
transition:all 0.3s ease;
}
#gheader .gheader-logo a:hover{
opacity:0.7;
}
#gheader .gheader-logo span{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:60px;
height:46px;
background-position:0 -1028px;
}

/* トップメニュー表示 20201215 */
#gheader .gheader-menu{
position:relative;
float:right;
margin:0;
line-height: 30px;
vertical-align:middle;
border-right:1px solid #e6e6e6;
padding:0 21px 0 0;
z-index:5;
}
#gheader .gheader-menu > li{
float:left;
display:block;
margin-left:21px;
}
#gheader .gheader-menu > li > a{
display:block;
color: #222222;
}
#gheader .gheader-menu > li > a:hover{
display:block;
color: #00b6e0;
transition: all 0.5s ease;
text-decoration: none;
}
@media screen and (max-width: 640px) {
#gheader .gheader-menu{
display:none;
}
}
/* End of トップメニュー表示 */

#gheader .gheader-language{
position:relative;
float:right;
margin:0;
border-right:1px solid #e6e6e6;
padding:0 21px 0 0;
z-index:1;
}
#gheader .gheader-language::after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
#gheader .gheader-language > li{
float:left;
}
#gheader .gheader-language > li.gheader-language-jp{
margin-right:-9px;
}
#gheader .gheader-language > li.gheader-language-jp > span{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:45px;
height:30px;
background-position:0 -760px;
}
#gheader .gheader-language > li.gheader-language-jp > a span{
position:relative;
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:45px;
height:30px;
background-position:0 -680px;
}
#gheader .gheader-language > li.gheader-language-jp > a span::before{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
content:"";
display:block;
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:45px;
height:30px;
background-position:0 -760px;
opacity:0;
transition:all 0.3s ease;
}
#gheader .gheader-language > li.gheader-language-jp > a:hover span::before{
opacity:1;
}
#gheader .gheader-language > li.gheader-language-en > span{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:44px;
height:30px;
background-position:0 -530px;
}
#gheader .gheader-language > li.gheader-language-en > a span{
position:relative;
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:44px;
height:30px;
background-position:0 -450px;
}
#gheader .gheader-language > li.gheader-language-en > a span::before{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
content:"";
display:block;
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:44px;
height:30px;
background-position:0 -530px;
opacity:0;
transition:all 0.3s ease;
}
#gheader .gheader-language > li.gheader-language-en > a:hover span::before{
opacity:1;
}
#gheader .gheader-language > li > a{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
}

#gheader .gheader-search{
position:relative;
float:right;
margin:0 23px 0 0;
padding:3px 24px 0 0;
z-index:1;
}
#gheader .gheader-search::before{
position:absolute;
top:0;
right:0;
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:24px;
height:24px;
background-position:0 -272px;
content:"";
transition:all 0.3s ease;
}
#gheader .gheader-search:hover::before{
opacity:0.7;
}
#gheader .gheader-search .gsc-control-cse{
border:none;
padding:0;
background:none;
}
#gheader .gheader-search .gsc-control-cse > div{
background:none;
}
#gheader .gheader-search .gsc-search-box{
margin:0;
}
#gheader .gheader-search .gsc-search-box .gsc-input{
padding:0;
}
#gheader .gheader-search .gsc-search-box .gsc-input .gsc-input-box{
background:rgba(255, 255, 255, 0.6);
box-shadow:none;
border:none;
}
#gheader .gheader-search .gsc-search-box .gsc-input table{
margin:0;
}
#gheader .gheader-search .gsc-search-box .gsc-input table td{
padding:0;
}
#gheader .gheader-search .gsc-search-box .gsc-search-button{
overflow:hidden;
width:0;
visibility:hidden;
}
#gheader .gheader-search form{
overflow:hidden;
}
#gheader .gheader-search input[type="text"]{
margin:0 10px 0 0;
border:none;
width:290px !important;
background:none !important;
}

#gheader .gheader-search input[type="submit"]{
display:none;
}
#gheader .gheader-search.js-search-open form::before{
position:absolute;
top:auto;
right:0;
bottom:-12px;
left:0;
content:"";
display:block;
border-bottom:1px solid #e6e6e6;
}

#gheader.js-gnavOpen{
background:#f79929;
z-index:1000;
}
#gheader.js-gnavOpen .gheader-logo span{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:60px;
height:46px;
background-position:0 -870px;
}
#gheader.js-gnavOpen .gheader-language, #gheader.js-gnavOpen .gheader-search, #gheader.js-gnavOpen .gheader-menu{
display:none; /* .gheader-menu追加 20201215 */
}

@media screen and (max-width: 640px) {
#gheader{
padding:10px 100px 10px 10px;
height:auto;
background:rgba(255, 255, 255, 0.5);
}
#gheader .gheader-logo{
margin:0;
}
#gheader .gheader-logo span{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:60px;
height:46px;
background-position:0 -542px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gheader .gheader-search{
display:none;
}
#gheader .gheader-language{
margin-top:7px;
border-color:#ffffff;
padding:0 19px 0 0;
}
#gheader .gheader-language > li{
float:left;
}
#gheader .gheader-language > li.gheader-language-jp{
margin-right:-9px;
}
#gheader .gheader-language > li.gheader-language-jp > span{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:46px;
height:30px;
background-position:0 -400px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gheader .gheader-language > li.gheader-language-jp > a span{
position:relative;
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:46px;
height:30px;
background-position:0 -400px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gheader .gheader-language > li.gheader-language-jp > a span::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:46px;
height:30px;
background-position:0 -400px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gheader .gheader-language > li.gheader-language-en > span{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:45px;
height:30px;
background-position:0 -285px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gheader .gheader-language > li.gheader-language-en > a span{
position:relative;
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:45px;
height:30px;
background-position:0 -285px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gheader .gheader-language > li.gheader-language-en > a span::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:45px;
height:30px;
background-position:0 -285px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}

#gheader .gheader-search{
position:absolute;
top:70px;
right:10px;
left:10px;
float:none;
margin:0;
padding:0 37px 0 0;
z-index:1000;
}
#gheader .gheader-search::before{
top:0;
right:0;
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:24px;
height:24px;
background-position:0 -153px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
content:"";
transition:none;
}
#gheader .gheader-search:hover::before{
opacity:1;
}
#gheader .gheader-search input[type="text"]{
width:100%;
margin:0;
color:#ffffff;
}

#gheader .gheader-search form::before{
position:absolute;
top:auto;
right:0;
bottom:-12px;
left:0;
content:"";
display:block;
border-bottom:1px solid #ffffff;
}

#gheader.js-gnavOpen .gheader-logo span{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:60px;
height:46px;
background-position:0 -463px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gheader.js-gnavOpen .gheader-language, #gheader.js-gnavOpen .gheader-search{
display:block;
}
}
/* GlobalNavigation
--------------------------------------------------------------------------------------------------- */
#gnav .gnav-menu{
position:absolute;
top:34px;
right:20px;
border:none;
padding:0;
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:74px;
height:24px;
background-position:0 -1362px;
background-color:transparent;
cursor:pointer;
z-index:10;
opacity:1;
transition:opacity 0.3s ease;
}
#gnav .gnav-menu:hover::before{
opacity:0.7;
}
.js-gnavOpen #gnav .gnav-menu{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:74px;
height:24px;
background-position:0 -1186px;
}
#gnav .gnav-navigation{
position:absolute;
top:90px;
left:0;
right:0;
padding:17px 20px 30px;
background:#f79929;
z-index:0;
}
#gnav .gnav-navigation > li{
margin-bottom:45px;
}
#gnav .gnav-navigation > li:last-child{
margin-bottom:0;
}
#gnav .gnav-navigation > li a{
text-decoration:none;
transition:all 0.3s ease;
}
#gnav .gnav-navigation > li a:hover{
opacity:0.7;
}
#gnav .gnav-navigation > li a span{
display:block;
color:#ffffff;
font-weight:bold;
font-size:1.4rem;
text-align:right;
}
#gnav .gnav-navigation > li a span::before{
margin:0 0 10px auto;
content:"";
}
#gnav .gnav-navigation > li.product a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:238px;
height:28px;
background-position:0 -2524px;
}
#gnav .gnav-navigation > li.solution a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:514px;
height:28px;
background-position:0 -1992px;
}
#gnav .gnav-navigation > li.case a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:252px;
height:28px;
background-position:0 -2068px;
}
#gnav .gnav-navigation > li.trends a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:206px;
height:28px;
background-position:0 -2144px;
}
#gnav .gnav-navigation > li.news a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:106px;
height:28px;
background-position:0 -2220px;
}
#gnav .gnav-navigation > li.company a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:212px;
height:28px;
background-position:0 -2296px;
}
#gnav .gnav-navigation > li.recruit a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:158px;
height:28px;
background-position:0 -2372px;
}
#gnav .gnav-navigation > li.inquiry a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:174px;
height:28px;
background-position:0 -2448px;
}

@media screen and (max-width: 640px) {
#gnav .gnav-menu{
top:20px;
right:10px;
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:73px;
height:22px;
background-position:0 -698px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
.js-gnavOpen #gnav .gnav-menu{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:73px;
height:23px;
background-position:0 -610px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gnav .gnav-navigation{
top:0px;
/* top:66px; */
padding:60px 10px 20px;
}
#gnav .gnav-navigation > li{
margin-bottom:15px;
}
#gnav .gnav-navigation > li a span{
font-size:1rem;
}
#gnav .gnav-navigation > li a span::before{
margin:0 0 9px auto;
}
#gnav .gnav-navigation > li.product a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:119px;
height:14px;
background-position:0 -1281px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gnav .gnav-navigation > li.solution a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:257px;
height:14px;
background-position:0 -1015px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gnav .gnav-navigation > li.case a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:126px;
height:14px;
background-position:0 -1053px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gnav .gnav-navigation > li.trends a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:103px;
height:14px;
background-position:0 -1091px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gnav .gnav-navigation > li.news a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:53px;
height:14px;
background-position:0 -1129px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gnav .gnav-navigation > li.company a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:106px;
height:14px;
background-position:0 -1167px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gnav .gnav-navigation > li.recruit a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:79px;
height:14px;
background-position:0 -1205px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gnav .gnav-navigation > li.inquiry a span:before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:87px;
height:14px;
background-position:0 -1243px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
}
/* Contetns
--------------------------------------------------------------------------------------------------- */
#mainContents #mainContents-inner{
width:940px;
margin:0 auto;
padding:0 20px;
}
#mainContents #mainContents-inner > *:last-child{
margin-bottom:80px;
}
#mainContents #mainContents-inner > .lnav{
margin-bottom:0;
}
#mainContents .pageHeading .breadcrumb{
position:absolute;
top:0;
right:0;
left:0;
padding:12px 10px;
background:rgba(255, 255, 255, 0.3);
color:#ffffff;
line-height:1;
list-style:none;
z-index:10;
}
#mainContents .pageHeading .breadcrumb > li{
display:inline-block;
vertical-align:middle;
margin:0 auto;
font-size:1.2rem;
}
#mainContents .pageHeading .breadcrumb > li:not(:first-child)::before{
display:inline;
margin:0 5px;
content:">";
}
#mainContents .pageHeading .breadcrumb a{
color:#ffffff;
}
#mainContents .pageHeading .breadcrumb em{
font-weight:bold;
}

@media screen and (max-width: 640px) {
#mainContents #mainContents-inner{
padding:0 10px;
width:auto;
}
#mainContents #mainContents-inner > *:last-child{
margin-bottom:40px;
}
#mainContents #mainContents-inner > .lnav{
margin-bottom:0;
}
#mainContents .pageHeading{
padding-top:0;
height:180px;
}
#mainContents .pageHeading .breadcrumb{
display:none;
}
#mainContents .pageHeading .pageTitle{
font-size:2.4rem;
}
}

/* Footer
--------------------------------------------------------------------------------------------------- */
#gfooter{
position:relative;
background:url(../images/footer_bg.jpg) no-repeat 50% 0;
background-size:cover;
z-index:0;
}
#gfooter::before{
position:absolute;
top:0;
right:50px;
bottom:0;
left:auto;
content:"";
display:block;
border-right:1px solid #e6e6e6;
z-index:-1;
}
#gfooter .gfooter-gfooterContent{
margin:0 auto;
width:980px;
}
#gfooter .gfooter-gfooterContent::after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
#gfooter .gfooter-pagetop{
position:absolute;
top:0;
right:0;
margin:0;
border-bottom:1px solid #e6e6e6;
z-index:10;
}
#gfooter .gfooter-pagetop a{
display:table-cell;
width:50px;
height:69px;
text-align:center;
vertical-align:middle;
}
#gfooter .gfooter-pagetop a span{
position:relative;
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:24px;
height:46px;
background-position:0 -1880px;
transition:background-position 0.3s ease;
}
#gfooter .gfooter-pagetop a:hover span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:24px;
height:46px;
background-position:0 -1936px;
}
#gfooter .gfooter-sitemap{
position:relative;
margin:0;
padding:30px 0;
z-index:0;
}
#gfooter .gfooter-sitemap::before{
position:absolute;
top:30px;
right:260px;
bottom:30px;
left:239px;
content:"";
display:block;
border-right:1px solid #3b3d41;
border-left:1px solid #3b3d41;
z-index:-1;
}
#gfooter .gfooter-sitemap::after{
position:absolute;
top:30px;
right:auto;
bottom:30px;
left:480px;
content:"";
display:block;
border-left:1px solid #3b3d41;
z-index:-1;
}
#gfooter .gfooter-sitemap .gfooter-sitemap-inner::after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
#gfooter .gfooter-sitemap .gfooter-sitemap-inner > div{
float:left;
width:200px;
padding:0 20px;
}
#gfooter .gfooter-sitemap .gfooter-sitemap-inner > div:nth-child(4) a{
color:#989fa5;
font-size:normal;
}
#gfooter .gfooter-sitemap .gfooter-sitemap-inner > div:nth-child(4) a:hover{
color:#00b6e0;
}
#gfooter .gfooter-sitemap ul{
margin:-4px 0 -12px;
}
#gfooter .gfooter-sitemap ul > li{
margin:0 0 10px;
}
#gfooter .gfooter-sitemap ul > li > a{
color:#ffffff;
font-size:1.2rem;
font-size:bold;
-moz-transition:color 0.3s ease;
transition:color 0.3s ease;
}
#gfooter .gfooter-sitemap ul > li a:hover{
color:#00b6e0;
text-decoration:none;
}
#gfooter .gfooter-sitemap ul > li > ul{
margin:0;
}
#gfooter .gfooter-sitemap ul > li > ul > li{
margin:10px 0 0;
padding:0;
}
#gfooter .gfooter-sitemap ul > li > ul > li > a{
color:#989fa5;
font-size:1.2rem;
}
#gfooter .gfooter-holdingslink{
position:absolute;
top:70px;
right:0;
bottom:28px;
margin:0;
width:50px;
z-index:10;
}
#gfooter .gfooter-holdingslink a{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:block;
padding:0;
width:50px;
text-align:center;
vertical-align:middle;
}
#gfooter .gfooter-holdingslink a span{
position:absolute;
top:50%;
left:50%;
margin:-88px 0 0 -8px;
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:16px;
height:178px;
background-position:0 -1462px;
}
#gfooter .gfooter-holdingslink a span::before{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
content:"";
display:block;
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:16px;
height:178px;
background-position:0 -1650px;
opacity:0;
transition:all 0.3s ease;
}
#gfooter .gfooter-holdingslink a:hover span::before{
opacity:1;
}
#gfooter .gfooter-copyright{
margin:0;
padding:8px 0;
background:#000000;
color:#ffffff;
font-size:1.2rem;
text-align:center;
line-height:1;
}

@media screen and (max-width: 640px) {
#gfooter{
background:#2f2f2f;
}
#gfooter::before{
display:none;
}
#gfooter .gfooter-gfooterContent{
margin:0 auto;
width:auto;
}
#gfooter .gfooter-pagetop{
position:static;
border-bottom:1px solid #e6e6e6;
}
#gfooter .gfooter-pagetop a{
display:block;
padding:13px 0;
width:auto;
height:auto;
}
#gfooter .gfooter-pagetop a span, #gfooter .gfooter-pagetop a:hover span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:16px;
height:18px;
background-position:0 -182px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gfooter .gfooter-sitemap{
padding:0;
}
#gfooter .gfooter-sitemap::before, #gfooter .gfooter-sitemap::after{
display:none;
}
#gfooter .gfooter-sitemap .gfooter-sitemap-inner > div{
float:none;
width:100%;
padding:0;
}
#gfooter .gfooter-sitemap .gfooter-sitemap-inner > div:nth-child(4) ul{
position:relative;
}
#gfooter .gfooter-sitemap .gfooter-sitemap-inner > div:nth-child(4) ul::after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
#gfooter .gfooter-sitemap .gfooter-sitemap-inner > div:nth-child(4) ul::before{
position:absolute;
top:0;
right:auto;
bottom:0;
left:50%;
content:"";
display:block;
border-left:1px solid #444444;
}
#gfooter .gfooter-sitemap .gfooter-sitemap-inner > div:nth-child(4) ul > li{
float:left;
box-sizing:border-box;
width:50%;
}
#gfooter .gfooter-sitemap .gfooter-sitemap-inner > div:nth-child(4) ul > li a{
color:#989fa5;
font-size:normal;
}
#gfooter .gfooter-sitemap .gfooter-sitemap-inner > div:nth-child(4) ul > li a:hover{
color:#989fa5;
}
#gfooter .gfooter-sitemap .gfooter-sitemap-inner > div:nth-child(4) ul > li a::before{
display:none;
}
#gfooter .gfooter-sitemap ul{
margin:0;
border-bottom:1px solid #444444;
}
#gfooter .gfooter-sitemap ul > li{
margin:0 0 -1px;
border-bottom:1px solid #444444;
}
#gfooter .gfooter-sitemap ul > li > a{
position:relative;
display:block;
padding:14px 10px;
z-index:0;
}
#gfooter .gfooter-sitemap ul > li > a:hover{
color:#ffffff;
}
#gfooter .gfooter-sitemap ul > li > a::before{
position:absolute;
right:10px;
position:absolute;
top:50%;
content:"";
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:11px;
height:6px;
background-position:0 -13px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
z-index:-1;
transform:rotate(270deg);
}
#gfooter .gfooter-sitemap ul > li > ul{
display:none;
}
#gfooter .gfooter-holdingslink{
position:static;
width:auto;
}
#gfooter .gfooter-holdingslink a{
position:static;
padding:16px 0;
width:auto;
}
#gfooter .gfooter-holdingslink a span, #gfooter .gfooter-holdingslink a:hover span{
position:static;
margin:0;
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:178px;
height:16px;
background-position:0 -919px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gfooter .gfooter-holdingslink a span::before, #gfooter .gfooter-holdingslink a:hover span::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../common/images/mod_img_sprite.png');
background-repeat:no-repeat;
width:178px;
height:16px;
background-position:0 -919px;
-moz-background-size:257px auto;
-o-background-size:257px auto;
-webkit-background-size:257px auto;
background-size:257px auto;
}
#gfooter .gfooter-copyright{
font-size:1.0rem;
}
}
/*====================================================================================================

	local

====================================================================================================*/
/* home
--------------------------------------------------------------------------------------------------- */
.home #gheader{
background:transparent;
}
.home #gheader.js-gnavOpen{
background:#f79929;
}

.home #mainContents{
width:auto;
}
.home #mainvisual{
position:relative;
top:-90px;
margin-bottom:-90px;
padding:10px 10px 0;
}
.home #mainvisual .staticSlideshow{
display:none;
}

.home #mainvisual .staticSlideshowpc .slider img{
width:100%;
height:auto;
}

/*　20190702　デジタルサービス文字表示　*/
.slider .slick-slide {
position: relative;
}
.home #mainvisual .staticSlideshowpc .slider .focusaf {
position: absolute;
top: 10%;
left: 5%;
margin: 0 auto;
font-size: 150%;
color:#ffffff!important;
text-decoration: none;
padding:0px 0px;
display: block;
}
.home #mainvisual .staticSlideshowpc .slider .focusaf .servname {
font-size: 250%;
color:#ffffff!important;
}
/* リズミル 20201027
.home #mainvisual .staticSlideshowpc .slider .focusry {
position: absolute;
top: 10%;
left: 5%;
margin: 0 auto;
font-size: 150%;
color:#4a452a!important;
text-decoration: none;
padding:0px 0px;
display: block;
}
.home #mainvisual .staticSlideshowpc .slider .focusry .servname {
font-size: 250%;
color:#cc3300!important;
text-shadow: 2px 2px 10px #ffffff,
-2px 2px 10px #ffffff,
2px -2px 10px #ffffff,
-2px -2px 10px #ffffff; テキスト縁取り
} 
END of リズミル */

.home #mainvisual .staticSlideshowpc .slider .focusrp {
position: absolute;
top: 10%;
left: 5%;
margin: 0 auto;
font-size: 150%;
color:#333399!important;
text-decoration: none;
padding:0px 0px;
display: block;
}
.home #mainvisual .staticSlideshowpc .slider .focusrp .servname {
font-size: 250%;
color:#333399!important;
text-shadow: 2px 2px 10px #ffffff,
-2px 2px 10px #ffffff,
2px -2px 10px #ffffff,
-2px -2px 10px #ffffff; /* テキスト縁取り */
}
/* WVD追加 20200401*/
.home #mainvisual .staticSlideshowpc .slider .focuswv {
position: absolute;
top: 10%;
left: 5%;
margin: 0 auto;
font-size: 150%;
color:#203864!important;
text-decoration: none;
padding:0px 0px;
display: block;
}
.home #mainvisual .staticSlideshowpc .slider .focuswv .servname {
font-size: 250%;
color:#203864!important;
text-shadow: 2px 2px 10px #ffffff,
-2px 2px 10px #ffffff,
2px -2px 10px #ffffff,
-2px -2px 10px #ffffff; /* テキスト縁取り */
}
/* End of WVD追加 20200401 */

/* HCTech追加 20201027 */
.home #mainvisual .staticSlideshowpc .slider .focushc {
position: absolute;
top: 10%;
left: 5%;
margin: 0 auto;
font-size: 150%;
color:#cc3300!important;
text-decoration: none;
padding:0px 0px;
display: block;
}
.home #mainvisual .staticSlideshowpc .slider .focushc .servname {
font-size: 250%;
color:#cc3300!important;
text-shadow: 2px 2px 10px #ffffff,
-2px 2px 10px #ffffff,
2px -2px 10px #ffffff,
-2px -2px 10px #ffffff; /*テキスト縁取り*/
} 
/* End of HCTech追加 20201027 */

/* デジタルサービス文字表示　ここまで */

/*20190702　「さらに詳しく」のリンク*/
.slider .slick-slide {
position: relative;
}
.home #mainvisual .staticSlideshowpc .slider .detailaf,
.home #mainvisual .staticSlideshowpc .slider .detailry,
.home #mainvisual .staticSlideshowpc .slider .detailrp,
.home #mainvisual .staticSlideshowpc .slider .detailwv,
.home #mainvisual .staticSlideshowpc .slider .detailhc {
position: absolute;
top: 70%;
left: 5%;
margin: auto;
font-size: 150%;
}
.slider .slick-slide.slick-current .detailaf,
.slider .slick-slide.slick-current .detailry,
.slider .slick-slide.slick-current .detailrp,
.slider .slick-slide.slick-current .detailwv,
.slider .slick-slide.slick-current .detailhc {
    display: block;
}
.home #mainvisual .staticSlideshowpc .slider .detailaf a{
color:#222222!important;
text-decoration: none;
padding:20px 40px;
background: #ffffff; /* 20201027 */
border: solid 2px #cccccc;
transition: all 0.5s ease;
display: block;
}
.home #mainvisual .staticSlideshowpc .slider .detailaf a:hover{
color:#00b6e0!important;
text-decoration: none;
padding:20px 40px;
background: #ffffff; /* 20201027 */
border: solid 2px #00b6e0;
display: block;
}
/* さらに詳しく　の後の「＞」 */
.home #mainvisual .staticSlideshowpc .slider .detailaf a::after{
position:absolute;
bottom:30px;
right:50%;
margin-right:-95px;
color:#00b6e0;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
transition:all 0.3s ease;
z-index:10;
}
/* END of さらに詳しく　の後の「＞」20201027 */

/* リズミル
.home #mainvisual .staticSlideshowpc .slider .detailry a{
color:#0d0d0d!important;
text-decoration: none;
padding:20px 40px;
background: #ffffff;
border: solid 2px #0d0d0d;
transition: all 0.5s ease;
display: block;
}
.home #mainvisual .staticSlideshowpc .slider .detailry a:hover{
color:#00b6e0!important;
text-decoration: none;
padding:20px 40px;
background: #ffffff;
border: solid 2px #00b6e0;
display: block;
}
END of リズミル 20201017 */
.home #mainvisual .staticSlideshowpc .slider .detailrp a{
color:#222222!important;
text-decoration: none;
padding:20px 40px;
background: #ffffff;
border: solid 2px #cccccc;
transition: all 0.5s ease;
display: block;
}
.home #mainvisual .staticSlideshowpc .slider .detailrp a:hover{
color:#00b6e0!important;
text-decoration: none;
padding:20px 40px;
background: #ffffff;
border: solid 2px #00b6e0;
    display: block;
}
/* さらに詳しく　の後の「＞」 */
.home #mainvisual .staticSlideshowpc .slider .detailrp a::after{
position:absolute;
bottom:30px;
right:50%;
margin-right:-95px;
color:#00b6e0;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
transition:all 0.3s ease;
z-index:10;
}
/* END of さらに詳しく　の後の「＞」20201027 */
/* WVD追加 20200401 */
.home #mainvisual .staticSlideshowpc .slider .detailwv a{
color:#222222!important;
text-decoration: none;
padding:20px 40px;
background: #ffffff;
border: solid 2px #cccccc;
transition: all 0.5s ease;
display: block;
}
.home #mainvisual .staticSlideshowpc .slider .detailwv a:hover{
color:#00b6e0!important;
text-decoration: none;
padding:20px 40px;
background: #ffffff;
border: solid 2px #00b6e0;
display: block;
}
/* End of WVD追加 20200401 */ 
/* さらに詳しく　の後の「＞」 */
.home #mainvisual .staticSlideshowpc .slider .detailwv a::after{
position:absolute;
bottom:30px;
right:50%;
margin-right:-95px;
color:#00b6e0;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
transition:all 0.3s ease;
z-index:10;
}
/* END of さらに詳しく　の後の「＞」 20201027 */

/* HCTech 20201027 */
.home #mainvisual .staticSlideshowpc .slider .detailhc a{
color:#222222!important;
text-decoration: none;
padding:20px 40px;
background: #ffffff;
border: solid 2px #cccccc;
transition: all 0.5s ease;
display: block;
}
.home #mainvisual .staticSlideshowpc .slider .detailhc a:hover{
color:#00b6e0!important;
text-decoration: none;
padding:20px 40px;
background: #ffffff;
border: solid 2px #00b6e0;
display: block;
}
/* さらに詳しく　の後の「＞」 */
.home #mainvisual .staticSlideshowpc .slider .detailhc a::after{
position:absolute;
bottom:30px;
right:50%;
margin-right:-95px;
color:#00b6e0;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
transition:all 0.3s ease;
z-index:10;
}
/* END of さらに詳しく　の後の「＞」 20201027 */
/* END of HCTech 20201017 */

/* 「さらに詳しく」のリンク ここまで */

/* 20190702 矢印 Arrows */
.home #mainvisual .staticSlideshowpc .slick-prev,
.home #mainvisual .staticSlideshowpc .slick-next
{
    width: 50px;
    height: 50px;
}

.home #mainvisual .staticSlideshowpc .slick-prev:before,
.home #mainvisual .staticSlideshowpc .slick-next:before
{
    font-size: 50px;
}

.home #mainvisual .staticSlideshowpc .slick-prev
{
    left: 20px;
    z-index: 100;
}

.home #mainvisual .staticSlideshowpc .slick-next
{
    right: 20px;
}
/* 矢印 Arrows ここまで */


/* 20190702 ドットナビ　*/
/* Dots */
.home #mainvisual .staticSlideshowpc .slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.home #mainvisual .staticSlideshowpc .slick-dots
{
    position: absolute;
    bottom: 0px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}

.home #mainvisual .staticSlideshowpc .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;
/*
    content: '?';
    text-align: center;
*/
    opacity: 1;
    color: #ffffff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.home #mainvisual .staticSlideshowpc .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #f7931d;
}
/*　ドットナビ ここまで*/

.home #mainvisual #videoContainer{
position:relative;
width:100%;
min-width:960px;
}
.home #mainvisual #videoContainer #videoheight img{
width:100%;
height:auto;
}
.home #mainvisual #videoContainer video{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
}
.home #mainvisual #videoContainer #fix_txtset{
position:absolute;
top:50%;
left:50%;
margin:-71px 0 0 -329px;
}
.home #mainvisual #videoContainer #fix_txtset > h3{
position:absolute;
top:0;
left:0;
width:657px;
height:142px;
display:none;
}
.home #mainvisual #videoContainer #fix_txtset > h3 > img{
display:block;
margin:0 auto;
}
.home #mainvisual #videoContainer #directR{
position:absolute;
top:50%;
right:10px;
margin-top:-20px;
}
.home #mainvisual #videoContainer #directL{
position:absolute;
top:50%;
left:10px;
margin-top:-20px;
}
.home #mainvisual #naviContainer{
width:100%;
min-width:960px;
line-height:0;
}
.home #mainvisual #naviContainer > #nvlist{
position:relative;
display:inline-block;
margin:0;
width:100%;
}
.home #mainvisual #naviContainer > #nvlist li{
position:relative;
display:inline-block;
float:left;
width:33.333333%;
}
.home #mainvisual #naviContainer > #nvlist li img{
display:block;
width:100%;
}
.home #mainvisual #naviContainer > #nvlist li .ov{
position:absolute !important;
top:0;
left:0;
opacity:0;
}
.home #mainvisual #naviContainer > #nvlist li a.ov{
width:100%;
}
.home #mainvisual #dmtxt{
text-align:center;
padding:100px 0 600px;
font-size:200%;
background-color:#f0f0f0;
}
.home #latestNews{
position:relative;
margin:0 auto 10px;
max-width:1230px;
background:#ffffff;
}
.home #latestNews .heading{
display:table-cell;
width:60px;
height:60px;
background:#222222;
text-align:center;
vertical-align:middle;
}
.home #latestNews .heading span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:42px;
height:28px;
background-position:0 -948px;
}
.home #latestNews ul{
display:table-cell;
padding:10px 20px;
vertical-align:middle;
}
.home #latestNews ul > li{
margin:10px 0 0;
color:#989fa5;
}
.home #latestNews ul > li:first-child{
margin-top:0;
}
.home #latestNews ul > li time{
display:table-cell;
width:110px;
vertical-align:top;
}
.home #latestNews ul > li span{
display:table-cell;
vertical-align:top;
}
.home #latestNews ul > li a.ico-arrow_02::before{
position:absolute;
top:50%;
right:0;
margin-top:-0.5em;
width:30px;
text-align:center;
z-index:1;
}
.home #latestNews ul > li a.ico-arrow_02::after{
position:absolute;
top:0;
right:0;
bottom:0;
width:30px;
content:"";
background:#e5e5e5;
text-align:center;
z-index:0;
}
.home #service{
margin:0 auto;
padding:65px 0 60px;
width:940px;
}
.home #service .headingText[data-en-text="CAC SERVICE"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:278px;
height:32px;
background-position:0 -12px;
}
.home #service .headingText[data-en-text="SEARCH FOR THE TYPE OF SERVICE"]{
text-align:left;
}
.home #service .headingText[data-en-text="SEARCH FOR THE TYPE OF SERVICE"]::after{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:498px;
height:22px;
background-position:0 -100px;
margin-left:0;
}
.home #service .tab{
margin-bottom:20px;
}
.home #service .serviceList{
overflow:hidden;
position:relative;
margin:0;
padding:0 0 20px;
letter-spacing:-0.4em;
z-index:0;
}
.home #service .serviceList > li{
display:inline-block;
vertical-align:top;
position:relative;
margin:0 40px 0 0;
width:205px;
letter-spacing:0;
}
.home #service .serviceList > li::before{
position:absolute;
top:-1px;
right:-40px;
bottom:auto;
left:0;
content:"";
display:block;
border-top:1px solid #cccccc;
z-index:-1;
}
.home #service .serviceList > li::after{
position:absolute;
top:0;
right:-20px;
bottom:0;
left:auto;
content:"";
display:block;
border-left:1px solid #cccccc;
z-index:-1;
}
.home #service .serviceList > li a{
position:relative;
display:block;
padding-bottom:70px;
color:#222222;
}
.home #service .serviceList > li a > *:last-child{
margin-bottom:0 !important;
}
.home #service .serviceList > li a::before{
position:absolute;
bottom:20px;
left:50%;
margin-left:-101px;
border:2px solid #cccccc;
padding:10px 0;
width:199px;
text-align:center;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e902";
font-size:0.8rem;
transition:all 0.3s ease;
z-index:10;
}
.home #service .serviceList > li a::after{
position:absolute;
bottom:30px;
right:50%;
margin-right:-95px;
color:#00b6e0;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
transition:all 0.3s ease;
z-index:10;
}
.home #service .serviceList > li a:hover{
border-color:#cccccc;
text-decoration:none;
}
.home #service .serviceList > li a:hover::before{
border-color:#00b6e0;
color:#00b6e0;
}
.home #service .serviceList > li a[target="_blank"]::after{
bottom:27px;
content:"\e906";
font-size:16px;
}
.home #service .serviceList > li figure{
display:table;
width:100%;
height:80px;
}
.home #service .serviceList > li figure span{
display:table-cell;
text-align:center;
vertical-align:middle;
}
.home #service .serviceList > li .serviceList-label{
display:block;
margin:10px 0;
text-align:center;
}
.home #service .serviceList > li a[target="_blank"] .serviceList-label::after{
margin-left:10px;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e906";
font-size:16px;
color:#00b6e0;
}
.home #service .serviceList[class*="-col2"] > li{
width:450px;
}
.home #service .serviceList[class*="-col2"] > li:nth-child(2n){
margin-right:0;
}
.home #service .serviceList[class*="-col2"] > li:nth-child(2n)::after{
display:none;
}
.home #service .serviceList[class*="-col3"] > li{
width:286px;
}
.home #service .serviceList[class*="-col3"] > li:nth-child(3n){
margin-right:0;
}
.home #service .serviceList[class*="-col3"] > li:nth-child(3n)::after{
display:none;
}
.home #service .serviceList[class*="-col4"] > li{
width:203px;
}
.home #service .serviceList[class*="-col4"] > li:nth-child(4n){
margin-right:0;
}
.home #service .serviceList[class*="-col4"] > li:nth-child(4n)::after{
display:none;
}
.home #service .keywordList{
margin-right:-2em;
}
.home #service .keywordList > li{
display:inline-block;
vertical-align:middle;
margin-right:2em;
}
.home #service .keywordList > li.level1{
font-size:1.2rem;
}
.home #service .keywordList > li.level2{
font-size:1.4rem;
}
.home #service .keywordList > li.level3{
font-size:1.6rem;
}
.home #service .keywordList > li.level4{
font-size:1.8rem;
}
.home #service .keywordList > li.level5{
font-size:2.0rem;
}
.home #service #tab02.tab{
margin:60px auto 38px;
}
.home #service #tab02.tab > li a span::after{
margin:8px auto 0;
content:"";
}
.home #service #tab02.tab > li a[href*="#tabContentBusiness"] span::after{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:268px;
height:22px;
background-position:0 -1052px;
}
.home #service #tab02.tab > li a[href*="#tabContentKeyworkds"] span::after{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:162px;
height:22px;
background-position:0 -1184px;
}
.home #service #tab02.tab > li[class*="-active"] a[href*="#tabContentBusiness"] span::after{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:268px;
height:22px;
background-position:0 -986px;
}
.home #service #tab02.tab > li[class*="-active"] a[href*="#tabContentKeyworkds"] span::after{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:162px;
height:22px;
background-position:0 -1118px;
}

.home #solution{
position:relative;
margin:0 auto;
padding:65px 0 60px;
width:940px;
z-index:0;
}
.home #solution > *:last-child{
margin-bottom:0 !important;
}
.home #solution::before{
position:absolute;
top:0;
right:-100%;
bottom:0;
left:-100%;
content:"";
display:block;
background:#f2f2f2;
z-index:-1;
}
.home #solution .headingText[data-en-text="IT SOLUTIONS FOR BUSINESS"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:598px;
height:32px;
background-position:0 -224px;
}
.home #solution .linkCassette{
margin-top:35px;
}
.home #case{
position:relative;
margin:0;
padding:65px 0 60px;
z-index:0;
}
.home #case > *:last-child{
margin-bottom:0 !important;
}
.home #case::before{
position:absolute;
top:0;
right:-100%;
bottom:0;
left:-100%;
content:"";
display:block;
background:url(../images/mod_bg_check.png);
z-index:-1;
}
.home #case .headingText[data-en-text="CASE STUDIES"]{
color:#ffffff;
}
.home #case .headingText[data-en-text="CASE STUDIES"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:292px;
height:32px;
background-position:0 -366px;
}
.home #case .headingText[data-en-text="CASE STUDIES"] span::before{
background:#ffffff;
}
.home #trend{
margin:0 auto;
border-bottom:2px solid #cccccc;
padding:65px 0 60px;
width:940px;
}
.home #trend > *:last-child{
margin-bottom:0 !important;
}
.home #trend .headingText[data-en-text="CAC TREND"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:240px;
height:32px;
background-position:0 -454px;
}
.home #news{
margin:0 auto;
padding:65px 0 60px;
width:940px;
}
.home #news > *:last-child{
margin-bottom:0 !important;
}
.home #news .headingText[data-en-text="NEWS"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:124px;
height:32px;
background-position:0 -542px;
}
.home #news .tab{
margin-bottom:0;
}
.home #about{
position:relative;
margin:0 -20px;
padding:65px 0 60px;
background:url(../../images/home_bg_about_pc.jpg) no-repeat 50% 50%;
background-size:cover;
color:#ffffff;
text-align:center;
}
.home #about > *:last-child{
margin-bottom:0 !important;
}
.home #about .headingText[data-en-text="ABOUT CAC"]{
color:#ffffff;
}
.home #about .headingText[data-en-text="ABOUT CAC"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:244px;
height:32px;
background-position:0 -630px;
}
.home #about p{
margin:0 auto 35px;
width:940px;
}
.home #other{
margin:0 auto;
padding:65px 0 60px;
width:940px;
}
.home #other > *:last-child{
margin-bottom:0 !important;
}
.home #other .headingText{
margin-bottom:15px;
}
.home #other .headingText::before{
margin-bottom:5px;
}
.home #other .headingText span{
position:static;
}
.home #other .headingText span::before{
left:0;
right:0;
width:auto;
margin-left:0;
}
.home #other .contact > span{
padding:30px 18px;
}
.home #other .contact .headingText[data-en-text="CONTACT"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:114px;
height:20px;
background-position:0 -718px;
}
.home #other .contact address > *:last-child{
margin-bottom:0 !important;
}
.home #other .contact address p{
margin-bottom:10px;
}
.home #other .recruit .headingText[data-en-text="RECRUIT"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:104px;
height:20px;
background-position:0 -796px;
}
.home #other .recruit .message{
margin:0 auto 10px;
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:214px;
height:54px;
background-position:0 -1250px;
}
.home #other .recruit .message + br{
display:none;
}
.home #other .partner .headingText[data-en-text="PARTNER"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:112px;
height:18px;
background-position:0 -874px;
}
.home #other .linkCassette > * a{
padding-top:30px;
}
.home #banner{
position:relative;
margin:0 auto;
padding:22px 0 20px;
width:940px;
}
.home #banner::before{
position:absolute;
top:0;
right:-100%;
bottom:0;
left:-100%;
content:"";
display:block;
background:#f2f2f2;
z-index:-1;
}
.home #banner .bannerList{
margin-bottom:0;
padding:0;
}

@media screen and (max-width: 640px) {
.home #mainvisual{
top:-66px;
margin-bottom:-66px;
}
.home #mainvisual .staticSlideshowpc{
display:none;
}

.home #mainvisual .movieSlideshow{
display:none; /* スマホでの英語版動画非表示 */
}

.home #mainvisual .staticSlideshow{
display:block;
position:relative;
overflow:hidden;
}
.home #mainvisual .staticSlideshow .slides{
position:relative;
margin:0;
}
.home #mainvisual .staticSlideshow .slides::after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
.home #mainvisual .staticSlideshow .slides li{
float:left;
display:none;
}
.home #mainvisual .staticSlideshow .slides li img{
width:100%;
height:auto;
}
.home #mainvisual .staticSlideshow .slides li:first-child{
display:block;
}
.home #mainvisual .staticSlideshow .crossfade .slides{
width:100% !important;
}
.home #mainvisual .staticSlideshow .crossfade .slides li{
position:absolute;
float:none;
}
.home #mainvisual .staticSlideshow .slideControl{
display:none;
clear:both;
}
.home #mainvisual .staticSlideshow .select{
position:absolute;
right:0;
bottom:10px;
left:0;
margin:0;
letter-spacing:-0.4em;
text-align:center;
z-index:10;
}
.home #mainvisual .staticSlideshow .select li{
margin:0 5px;
display:inline-block;
letter-spacing:0em;
}
.home #mainvisual .staticSlideshow .select li a{
overflow:hidden;
display:block;
border:2px solid #fff;
border-radius:10px;
width:6px;
height:6px;
text-indent:-999px;
background:#ffffff;
}
.home #mainvisual .staticSlideshow .select li.active a,
.home #mainvisual .staticSlideshow .select li a:hover{
background:#f7931d;
}

/*　20190702　デジタルサービス文字表示　*/
.home #mainvisual .staticSlideshow .focusafsp {
position: absolute;
top: 15%;
left: 5%;
margin: 0 auto;
font-size: 12px;
color:#ffffff!important;
text-decoration: none;
padding:0px 0px;
display: block;
}
.home #mainvisual .staticSlideshow .focusafsp .servnamesp {
font-size: 130%; /* 変更 20201028 */
color:#ffffff!important;
}
/* リズミル
.home #mainvisual .staticSlideshow .focusrysp {
position: absolute;
top: 15%;
left: 5%;
right: 5%;
margin: 0 auto;
font-size: 12px;
color:#4a452a!important;
text-decoration: none;
padding:0px 0px;
display: block;
}
.home #mainvisual .staticSlideshow .focusrysp .servnamesp {
font-size: 105%;
color:#cc3300!important;
text-shadow: 2px 2px 10px #ffffff,
-2px 2px 10px #ffffff,
2px -2px 10px #ffffff,
-2px -2px 10px #ffffff; テキスト縁取り
}
END of リズミル 20201028 */

.home #mainvisual .staticSlideshow .focusrpsp {
position: absolute;
top: 15%;
left: 5%;
right: 5%;
margin: 0 auto;
font-size: 12px;
color:#333399!important;
text-decoration: none;
padding:0px 0px;
display: block;
}
.home #mainvisual .staticSlideshow .focusrpsp .servnamesp {
font-size: 130%; /* 変更 20201028 */
color:#333399!important;
text-shadow: 2px 2px 10px #ffffff,
-2px 2px 10px #ffffff,
2px -2px 10px #ffffff,
-2px -2px 10px #ffffff; /* テキスト縁取り */
}
/* WVD追加 20200401 */
.home #mainvisual .staticSlideshow .focuswvsp {
  position: absolute;
  top: 15%;
  left: 5%;
  right: 5%;
  margin: 0 auto;
  font-size: 12px;
  color:#203864!important;
  text-decoration: none;
  padding:0px 0px;
  display: block;
  }
  .home #mainvisual .staticSlideshow .focuswvsp .servnamesp {
  font-size: 130%; /* 変更 20201028 */
  color:#203864!important;
  text-shadow: 2px 2px 10px #ffffff,
  -2px 2px 10px #ffffff,
  2px -2px 10px #ffffff,
  -2px -2px 10px #ffffff; /* テキスト縁取り */
  }
/* End of WVD追加 20200401 */

/* HCTech追加 */
.home #mainvisual .staticSlideshow .focushcsp {
position: absolute;
top: 15%;
left: 5%;
right: 5%;
margin: 0 auto;
font-size: 12px;
color:#cc3300!important;
text-decoration: none;
padding:0px 0px;
display: block;
}
.home #mainvisual .staticSlideshow .focushcsp .servnamesp {
font-size: 130%;
color:#cc3300!important;
text-shadow: 2px 2px 10px #ffffff,
-2px 2px 10px #ffffff,
2px -2px 10px #ffffff,
-2px -2px 10px #ffffff; /* テキスト縁取り */
}
/* END of HCTech追加 20201028 */

/* デジタルサービス文字表示　ここまで */

/* 20190702　「さらに詳しく」のリンク */
.home #mainvisual .staticSlideshow .detailafsp,
.home #mainvisual .staticSlideshow .detailrysp,
.home #mainvisual .staticSlideshow .detailrpsp,
.home #mainvisual .staticSlideshow .detailwvsp,
.home #mainvisual .staticSlideshow .detailhcsp {
position: absolute;
top: 60%; /* 変更 20201028 */
left: 5%;
font-size: 90%;
}
.home #mainvisual .staticSlideshow .detailafsp a{
color:#222222!important; /* 色変更 20201028 */
text-decoration: none;
padding:10px 20px; /* 変更 20201028 */
background: #ffffff;
border: solid 2px #cccccc; /* 色変更 20201028 */
transition: all 0.5s ease;
display: block;
}
.home #mainvisual .staticSlideshow .detailafsp a:hover{
color:#00b6e0!important;
text-decoration: none;
padding:10px 20px; /* 変更 20201028 */
border: solid 2px #00b6e0;
display: block;
}

/* さらに詳しく　の後の「＞」 */
.home #mainvisual .staticSlideshow .detailafsp a::after{
position:absolute;
top: 35%; /* 変更 20201028 */
right:5%; /* 変更 20201028 */
color:#00b6e0;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
transition:all 0.3s ease;
z-index:10;
}
/* END of さらに詳しく　の後の「＞」20201028 */

/* リズミル
.home #mainvisual .staticSlideshow .detailrysp a{
color:#222222!important;
text-decoration: none;
padding:3px 10px;
background: #ffffff;
border: solid 2px #cccccc;
transition: all 0.5s ease;
display: block;
}
.home #mainvisual .staticSlideshow .detailrysp a:hover{
color:#00b6e0!important;
text-decoration: none;
padding:3px 10px;
background: #ffffff;
border: solid 2px #00b6e0;
display: block;
}
END of リズミル 20201028 */

.home #mainvisual .staticSlideshow .detailrpsp a{
color:#222222!important; /* 色変更 20201028 */
text-decoration: none;
padding:10px 20px; /* 変更 20201028 */
background: #ffffff;
border: solid 2px #cccccc; /* 色変更 20201028 */
transition: all 0.5s ease;
display: block;
}
.home #mainvisual .staticSlideshow .detailrpsp a:hover{
color:#00b6e0!important;
text-decoration: none;
padding:10px 20px; /* 変更 20201028 */
background: #ffffff;
border: solid 2px #00b6e0;
display: block;
}
/* さらに詳しく　の後の「＞」 */
.home #mainvisual .staticSlideshow .detailrpsp a::after{
position:absolute;
top: 35%;
right:5%;
color:#00b6e0;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
transition:all 0.3s ease;
z-index:10;
}
/* END of さらに詳しく　の後の「＞」20201028 */
/* WVD追加 20200401 */
.home #mainvisual .staticSlideshow .detailwvsp a{
color:#222222!important; /* 色変更 20201028 */
text-decoration: none;
padding:10px 20px; /* 変更 20201028 */
background: #ffffff;
border: solid 2px #cccccc; /* 色変更 20201028 */
transition: all 0.5s ease;
display: block;
}
.home #mainvisual .staticSlideshow .detailwvsp a:hover{
color:#00b6e0!important;
text-decoration: none;
padding:10px 20px; /* 変更 20201028 */
background: #ffffff;
border: solid 2px #00b6e0;
display: block;
}
/* End of WVD追加 20200401 */
/* さらに詳しく　の後の「＞」 */
.home #mainvisual .staticSlideshow .detailwvsp a::after{
position:absolute;
top: 35%; /* 変更 20201028 */
right:5%;
color:#00b6e0;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
transition:all 0.3s ease;
z-index:10;
}
/* END of さらに詳しく　の後の「＞」20201028 */

/* HCTech追加 */
.home #mainvisual .staticSlideshow .detailhcsp a{
color:#222222!important;
text-decoration: none;
padding:10px 20px;
background: #ffffff;
border: solid 2px #cccccc;
transition: all 0.5s ease;
display: block;
}
.home #mainvisual .staticSlideshow .detailhcsp a:hover{
color:#00b6e0!important;
text-decoration: none;
padding:10px 20px;
background: #ffffff;
border: solid 2px #00b6e0;
display: block;
}
/* END of HCTech追加 20201028 */
/* さらに詳しく　の後の「＞」 */
.home #mainvisual .staticSlideshow .detailhcsp a::after{
position:absolute;
top: 35%;
right:5%;
color:#00b6e0;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
transition:all 0.3s ease;
z-index:10;
}
/* END of さらに詳しく　の後の「＞」20201028 */

/* 「さらに詳しく」のリンク ここまで */

.home #latestNews{
display:none;
}
.home #service{
padding:40px 10px;
width:auto;
}
.home #service .headingText[data-en-text="CAC SERVICE"]{
margin-bottom:30px;
}
.home #service .headingText[data-en-text="CAC SERVICE"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:158px;
height:18px;
background-position:0 -27px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.home #service .headingText[data-en-text="SEARCH FOR THE TYPE OF SERVICE"]::after{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:237px;
height:41px;
background-position:0 -66px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
margin-left:0;
}
.home #service .headingText[data-en-text="SEARCH FOR THE TYPE OF SERVICE"] span::before{
margin-left:0;
left:0;
}
.home #service .serviceList{
margin:0 0 -20px;
padding:0;
}
.home #service .serviceList > li{
box-sizing:border-box;
margin:0 0 20px;
width:50%;
padding-bottom:20px;
}
.home #service .serviceList > li::before{
top:-10px;
right:-100%;
}
.home #service .serviceList > li::after{
display:none;
}
.home #service .serviceList > li a{
position:relative;
display:block;
padding-bottom:50px;
color:#222222;
}
.home #service .serviceList > li a > *:last-child{
margin-bottom:0 !important;
}
.home #service .serviceList > li a:before{
left:0;
right:0;
bottom:0;
margin:0;
width:auto;
}
.home #service .serviceList > li a:after{
right:10px;
bottom:10px;
margin:0;
}
.home #service .serviceList > li a figure img{
max-width:100%;
height:auto;
}

/* 20170801追加 モバイルのeC+ロゴ表示 */
.home #service .serviceList > li.m-ecplus a figure img{
max-width:100px;
height:auto;
}

.home #service .serviceList > li .serviceList-label{
display:block;
margin:10px 0;
text-align:center;
}
.home #service .serviceList > li:nth-child(odd){
padding-right:20px;
border-right:1px solid #cccccc;
width:50%;
}
.home #service .serviceList > li:nth-child(even){
padding-left:20px;
width:50%;
}

.home #service #tab02.tab{
margin:30px auto 20px;
width:100%;
}
.home #service #tab02.tab > li a span::after{
margin:8px auto 0;
}
.home #service #tab02.tab > li a[href*="#tabContentBusiness"] span::after{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:144px;
height:12px;
background-position:0 -608px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.home #service #tab02.tab > li a[href*="#tabContentKeyworkds"] span::after{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:87px;
height:12px;
background-position:0 -542px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.home #service #tab02.tab > li[class*="-active"] a[href*="#tabContentBusiness"] span::after{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:144px;
height:12px;
background-position:0 -575px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.home #service #tab02.tab > li[class*="-active"] a[href*="#tabContentKeyworkds"] span::after{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:87px;
height:12px;
background-position:0 -509px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.home #solution{
padding:40px 10px;
width:auto;
}
.home #solution .headingText[data-en-text="IT SOLUTIONS FOR BUSINESS"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:168px;
height:45px;
background-position:0 -133px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.home #case{
padding:40px 10px;
margin:0;
width:auto;
}
.home #case .headingText[data-en-text="CASE STUDIES"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:167px;
height:18px;
background-position:0 -204px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.home #case .caroucel{
margin:0 -10px;
}
.home #trend{
padding:40px 10px;
width:auto;
}
.home #trend .headingText[data-en-text="CAC TREND"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:137px;
height:18px;
background-position:0 -248px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.home #news{
padding:40px 10px;
width:auto;
}
.home #news .headingText[data-en-text="NEWS"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:70px;
height:18px;
background-position:0 -292px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.home #about{
width:auto;
margin:0 -10px;
padding:40px 10px;
background:#000000 url(../../images/home_bg_about_sp.jpg) no-repeat 50% 0;
}
.home #about .headingText[data-en-text="ABOUT CAC"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:140px;
height:18px;
background-position:0 -336px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.home #about p{
margin:0 auto 35px;
width:auto;
}
.home #other{
padding:20px 10px 40px;
width:auto;
}
.home #other .contact > span{
padding:30px 18px 18px;
}
.home #other .contact .headingText[data-en-text="CONTACT"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:113px;
height:19px;
background-position:0 -374px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.home #other .recruit .headingText[data-en-text="RECRUIT"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:104px;
height:19px;
background-position:0 -413px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.home #other .recruit .message{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:213px;
height:54px;
background-position:0 -657px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.home #other .partner .headingText[data-en-text="PARTNER"]::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../images/home_img_sprite.png');
background-repeat:no-repeat;
width:111px;
height:18px;
background-position:0 -451px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.home #banner{
padding:10px;
width:auto;
}
}
/* product
--------------------------------------------------------------------------------------------------- */
.product .pageHeading{
background-image:url(../../product/images/mod_bg_mainvisual.jpg);
}
.product .textLead + .box{
margin-bottom:50px;
}
.product.openinnovation .pageHeading{
background-image:url(../../product/openinnovation/images/mod_bg_mainvisual.jpg);
}
.product.salessupport.navi .cv::before{
background-image:url(../../product/salessupport/images/mod_bg_check.gif);
}
.product.salessupport.navi .cv_mrnavi::before{
background:none;
background-image:none;
}
.product.salessupport.navi .cv_mrnavi > ul > li{
background-image:url(../../product/salessupport/images/mod_bg_check.gif);
}

.product.salessupport.navi .headingText > span::before{
background:#d62231;
}
.product.salessupport.navi .lnav .headingText > span::before{
background:#f7931d;
}

/* olive
--------------------------------------------------------------------------------------------------- */
.olive .pageHeading{
padding-top:24px;
background-image:url(../../product/olive/images/mod_bg_mainvisual.jpg);
}
.olive .pageHeading::before{
background:transparent;
}
.olive .pageHeading .pageTitle::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:140px;
height:72px;
background-position:0 -1840px;
margin:0 auto 8px;
content:"";
}
.olive .headingText span::before{
background:#8ca516;
}
.olive .cv::before{
background-image:url(../../product/olive/images/mod_bg_check.gif);
}
.olive .cv .headingText span::before{
background-color:#ffffff;
}
.olive .linkCassette > li:nth-child(4n+3) a::before, .olive .linkCassette > li:nth-child(4n) a::before{
left:18px;
right:18px;
}
.olive .linkCassette > li:nth-child(4n+3) a::after, .olive .linkCassette > li:nth-child(4n) a::after{
right:28px;
}
.olive .leadHeading{
color:#8ca516;
font-size:1.8rem;
text-align:center;
margin:0 0 15px;
}
.olive .subnav ul > li.is-active a{
border-color:#8ca516;
}
.olive .trouble{
position:relative;
margin:0 0 20px;
padding:68px 0 0;
text-align:center;
letter-spacing:-0.4em;
}
.olive .trouble::before{
position:absolute;
top:0;
left:50%;
margin-left:-35px;
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:70px;
height:50px;
background-position:0 0;
content:"";
}
.olive .trouble > li{
display:inline-block;
vertical-align:top;
margin:0 24px;
letter-spacing:0;
}
.olive .olivePoint{
text-align:center;
}
.olive .olivePoint + p{
margin:0 auto;
width:454px;
}
.olive .oliveBox{
margin:0 0 50px;
border-radius:10px;
padding:20px;
background:#f3f6e7;
}
.olive .oliveBox .oliveBox-heading{
position:relative;
margin:-2px 0 18px;
padding:0 0 0 30px;
font-weight:bold;
}
.olive .oliveBox .oliveBox-heading::before{
position:absolute;
top:-50px;
left:-10px;
content:"";
}
.olive .oliveBox .oliveBox-inner{
margin-left:34px;
border-radius:10px;
padding:20px;
background:#ffffff;
}
.olive .oliveBox .oliveBox-inner > *:last-child{
margin-bottom:0 !important;
}
.olive .oliveBox .oliveBox-inner .headingText{
position:relative;
margin-bottom:20px;
font-size:1.4rem;
text-align:left;
}
.olive .oliveBox .oliveBox-inner .headingText::before{
position:absolute;
top:-37px;
left:-70px;
content:"";
}
.olive .oliveBox .oliveBox-heading.olive::before{
top:-40px;
left:-18px;
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:46px;
height:46px;
background-position:0 -756px;
}
.olive .oliveBox.type01{
background:#f3f6e7;
}
.olive .oliveBox.type01#problem01 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:40px;
height:58px;
background-position:0 -812px;
}
.olive .oliveBox.type01#problem02 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:40px;
height:58px;
background-position:0 -1349px;
}
.olive .oliveBox.type01#problem02 .oliveBox-inner{
position:relative;
}
.olive .oliveBox.type01#problem02 .oliveBox-inner::before{
position:absolute;
top:-122px;
right:18px;
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:268px;
height:122px;
background-position:0 -2196px;
content:"";
}
.olive .oliveBox.type01#problem03 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:40px;
height:58px;
background-position:0 -1417px;
}
.olive .oliveBox.type01#problem04 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:40px;
height:58px;
background-position:0 -1485px;
}
.olive .oliveBox.type01#problem05 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:40px;
height:58px;
background-position:0 -1553px;
}
.olive .oliveBox.type01 .oliveBox-inner .headingText{
color:#8ca516;
}
.olive .oliveBox.type01 .oliveBox-inner .headingText::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:67px;
height:63px;
background-position:0 -1621px;
}
.olive .oliveBox.type02{
background:#feefe5;
}
.olive .oliveBox.type02#problem01 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:40px;
height:57px;
background-position:0 -880px;
}
.olive .oliveBox.type02#problem02{
position:relative;
}
.olive .oliveBox.type02#problem02::before{
position:absolute;
bottom:0;
right:60px;
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:244px;
height:92px;
background-position:0 -60px;
content:"";
}
.olive .oliveBox.type02#problem02 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:40px;
height:57px;
background-position:0 -947px;
}
.olive .oliveBox.type02#problem02 .media-image{
padding-bottom:40px;
}
.olive .oliveBox.type02 .oliveBox-inner .headingText{
color:#ff6800;
}
.olive .oliveBox.type02 .oliveBox-inner .headingText::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:67px;
height:63px;
background-position:0 -1694px;
}
.olive .oliveBox.type03{
background:#ffeef2;
}
.olive .oliveBox.type03#problem01 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:40px;
height:57px;
background-position:0 -1014px;
}
.olive .oliveBox.type03#problem02 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:40px;
height:57px;
background-position:0 -1081px;
}
.olive .oliveBox.type03#problem02 .oliveBox-inner{
position:relative;
}
.olive .oliveBox.type03#problem02 .oliveBox-inner::before{
position:absolute;
top:-124px;
right:32px;
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:240px;
height:124px;
background-position:0 -1922px;
content:"";
}
.olive .oliveBox.type03#problem03 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:40px;
height:57px;
background-position:0 -1148px;
}
.olive .oliveBox.type03#problem04 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:40px;
height:57px;
background-position:0 -1215px;
}
.olive .oliveBox.type03#problem05 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:40px;
height:57px;
background-position:0 -1282px;
}
.olive .oliveBox.type03#problem05 .oliveBox-inner{
position:relative;
}
.olive .oliveBox.type03#problem05 .oliveBox-inner::before{
position:absolute;
top:-130px;
right:20px;
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:234px;
height:130px;
background-position:0 -2056px;
content:"";
}
.olive .oliveBox.type03 .oliveBox-inner .headingText{
color:#fd688c;
}
.olive .oliveBox.type03 .oliveBox-inner .headingText::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:67px;
height:63px;
background-position:0 -1767px;
}
.olive .indexLocal::before{
display:none;
}
.olive .indexLocal ul > li a{
border-color:#8ca516;
background:rgba(140, 165, 22, 0.2);
color:#8ca516;
}
.olive .indexLocal ul > li a::before{
color:#8ca516;
}
.olive #js-function.linkCassette[class*="-more"] > * a::before{
left:80px;
}
.olive #js-function.linkCassette > li a{
position:relative;
padding-left:50px;
}
.olive #js-function.linkCassette > li a::after{
top:50%;
left:18px;
margin-top:-22px;
content:"";
}
.olive #js-function.linkCassette > li.schedule a::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:44px;
height:44px;
background-position:0 -162px;
}
.olive #js-function.linkCassette > li.room a::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:44px;
height:44px;
background-position:0 -216px;
}
.olive #js-function.linkCassette > li.car a::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:44px;
height:44px;
background-position:0 -270px;
}
.olive #js-function.linkCassette > li.greeting a::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:44px;
height:44px;
background-position:0 -324px;
}
.olive #js-function.linkCassette > li.personal a::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:44px;
height:44px;
background-position:0 -378px;
}
.olive #js-function.linkCassette > li.reception a::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:44px;
height:44px;
background-position:0 -432px;
}
.olive #js-function.linkCassette > li.visiter a::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:44px;
height:44px;
background-position:0 -486px;
}
.olive #js-function.linkCassette > li.todo a::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:44px;
height:44px;
background-position:0 -540px;
}
.olive #js-function.linkCassette > li.mail a::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:44px;
height:44px;
background-position:0 -594px;
}
.olive #js-function.linkCassette > li.enter a::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:44px;
height:44px;
background-position:0 -648px;
}
.olive #js-function.linkCassette > li.print a::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:44px;
height:44px;
background-position:0 -702px;
}
.olive .textLead{
font-size:2.0rem;
}
.olive .subnav ul > li::after{
position:absolute;
top:50%;
left:20px;
margin-top:-11px;
content:"";
}
.olive .subnav ul > li.schedule::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:22px;
height:22px;
background-position:0 -81px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .subnav ul > li.room::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:22px;
height:22px;
background-position:0 -108px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .subnav ul > li.car::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:22px;
height:22px;
background-position:0 -135px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .subnav ul > li.greeting::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:22px;
height:22px;
background-position:0 -162px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .subnav ul > li.personal::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:22px;
height:22px;
background-position:0 -189px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .subnav ul > li.reception::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:22px;
height:22px;
background-position:0 -216px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .subnav ul > li.visiter::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:22px;
height:22px;
background-position:0 -243px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .subnav ul > li.todo::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:22px;
height:22px;
background-position:0 -270px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .subnav ul > li.mail::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:22px;
height:22px;
background-position:0 -297px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .subnav ul > li.enter::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:22px;
height:22px;
background-position:0 -324px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .subnav ul > li.print::after{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:22px;
height:22px;
background-position:0 -351px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}

@media screen and (max-width: 640px) {
.olive .pageHeading .pageTitle::before{
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:70px;
height:36px;
background-position:0 -920px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .trouble{
position:relative;
margin:0 -5px 20px;
padding:34px 0 0;
}
.olive .trouble::before{
margin-left:-17px;
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:35px;
height:25px;
background-position:0 0;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .trouble > li{
margin:0 5px;
width:30.1%;
}
.olive .trouble > li img{
width:100%;
height:auto;
}
.olive .olivePoint{
padding:0 15%;
}
.olive .olivePoint img{
width:100%;
height:auto;
}
.olive .olivePoint + p{
width:auto;
}
.olive .oliveBox .oliveBox-heading{
padding-left:15px;
}
.olive .oliveBox .oliveBox-heading::before{
position:absolute;
top:-25px;
left:-5px;
content:"";
}
.olive .oliveBox .oliveBox-inner{
margin-left:0;
}
.olive .oliveBox .oliveBox-inner .headingText::before{
top:-12px;
left:-35px;
}
.olive .oliveBox.type01{
background:#f3f6e7;
}
.olive .oliveBox.type01#problem01 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:20px;
height:29px;
background-position:0 -406px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .oliveBox.type01#problem02 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:20px;
height:29px;
background-position:0 -675px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .oliveBox.type01#problem02 .oliveBox-inner{
position:relative;
}
.olive .oliveBox.type01#problem02 .oliveBox-inner::before{
display:none;
}
.olive .oliveBox.type01#problem03 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:20px;
height:29px;
background-position:0 -709px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .oliveBox.type01#problem04 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:20px;
height:29px;
background-position:0 -743px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .oliveBox.type01#problem05 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:20px;
height:29px;
background-position:0 -777px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .oliveBox.type01 .oliveBox-inner .headingText{
color:#8ca516;
}
.olive .oliveBox.type01 .oliveBox-inner .headingText::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:33.5px;
height:31.5px;
background-position:0 -811px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .oliveBox.type02{
background:#feefe5;
}
.olive .oliveBox.type02#problem01 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:20px;
height:28.5px;
background-position:0 -440px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .oliveBox.type02#problem02{
position:relative;
}
.olive .oliveBox.type02#problem02::before{
display:none;
}
.olive .oliveBox.type02#problem02 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:20px;
height:28.5px;
background-position:0 -474px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .oliveBox.type02#problem02 .media-image{
padding-bottom:40px;
}
.olive .oliveBox.type02 .oliveBox-inner .headingText{
color:#ff6800;
}
.olive .oliveBox.type02 .oliveBox-inner .headingText::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:33.5px;
height:31.5px;
background-position:0 -847px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .oliveBox.type03{
background:#ffeef2;
}
.olive .oliveBox.type03#problem01 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:20px;
height:28.5px;
background-position:0 -507px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .oliveBox.type03#problem02 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:20px;
height:28.5px;
background-position:0 -541px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .oliveBox.type03#problem02 .oliveBox-inner{
position:relative;
}
.olive .oliveBox.type03#problem02 .oliveBox-inner::before{
display:none;
}
.olive .oliveBox.type03#problem03 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:20px;
height:28.5px;
background-position:0 -574px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .oliveBox.type03#problem04 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:20px;
height:28.5px;
background-position:0 -608px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .oliveBox.type03#problem05 .oliveBox-heading::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:20px;
height:28.5px;
background-position:0 -641px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .oliveBox.type03#problem05 .oliveBox-inner{
position:relative;
}
.olive .oliveBox.type03#problem05 .oliveBox-inner::before{
display:none;
}
.olive .oliveBox.type03 .oliveBox-inner .headingText{
color:#fd688c;
}
.olive .oliveBox.type03 .oliveBox-inner .headingText::before{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../product/olive/images/olive_img_sprite.png');
background-repeat:no-repeat;
width:33.5px;
height:31.5px;
background-position:0 -884px;
-moz-background-size:134px auto;
-o-background-size:134px auto;
-webkit-background-size:134px auto;
background-size:134px auto;
}
.olive .subnav ul{
margin:0;
}
.olive .subnav ul > li{
float:none;
margin:10px 0 0;
width:100%;
}
.olive .subnav ul > li a{
height:40px;
}
}
/* solution
--------------------------------------------------------------------------------------------------- */
.solution .pageHeading{
background-image:url(../../solution/images/mod_bg_mainvisual.jpg);
}

/* case
--------------------------------------------------------------------------------------------------- */
.case .pageHeading{
background-image:url(../../case/images/mod_bg_mainvisual.jpg);
}
.case .caseList{
margin:0 -20px 80px 0;
letter-spacing:-0.4em;
}
.case .caseList > .caseList-detail{
display:inline-block;
vertical-align:top;
margin:0 20px 20px 0;
width:300px;
background:#ffffff;
letter-spacing:0;
text-align:center;
}
.case .caseList > .caseList-detail > a{
position:relative;
display:block;
border:2px solid #cccccc;
color:#222222;
z-index:0;
}
.case .caseList > .caseList-detail > a::before{
position:absolute;
right:8px;
bottom:8px;
  /* use !important to prevent issues with browser extensions that change fonts */
font-family:'cac' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
  /* Better Font Rendering =========== */
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\e900";
font-size:1rem;
color:#00b6e0;
z-index:-1;
}
.case .caseList > .caseList-detail > a[target="_blank"]::before{
content:"\e906";
font-size:16px;
}
.case .caseList > .caseList-detail > a:hover{
text-decoration:none;
}
.case .caseList > .caseList-detail .caseList-detail-corpImg{
display:table;
margin:0;
border-bottom:1px solid #e6e6e6;
width:100%;
height:147px;
}
.case .caseList > .caseList-detail .caseList-detail-corpImg > span{
display:table-cell;
text-align:center;
vertical-align:middle;
color:#2256a4;
font-size:2.0rem;
font-weight:bold;
}
.case .caseList > .caseList-detail .caseList-detail-corpImg > span::after{
margin:3px auto 0;
overflow:hidden;
display:block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../case/images/case_img_sprite.png');
background-repeat:no-repeat;
width:64px;
height:2px;
background-position:0 0;
content:"";
}
.case .caseList > .caseList-detail .caseList-detail-category{
display:inline-block;
vertical-align:middle;
margin:-12px auto 16px;
padding:6px 0;
border-radius:100px;
width:190px;
background:#f7931d;
color:#ffffff;
font-size:1.2rem;
line-height:1;
}
.case .caseList > .caseList-detail .caseList-detail-summary{
margin:0;
padding:0 20px 20px;
text-align:left;
}
.case .caseList > .caseList-detail .caseList-detail-summary .caseList-detail-title{
display:inline-block;
vertical-align:middle;
margin:0 0 10px;
font-weight:bold;
}
.case .box + .headingText{
margin-top:0;
}

@media screen and (max-width: 640px) {
.case .caseList{
margin:0 0 40px;
}
.case .caseList > .caseList-detail{
display:block;
margin:0 0 20px;
width:100%;
}
.case .caseList > .caseList-detail .caseList-detail-corpImg span{
font-size:1.8rem;
}
.case .caseList > .caseList-detail .caseList-detail-corpImg img{
width:100%;
height:auto;
}
.case .caseList > .caseList-detail .caseList-detail-summary{
margin:0;
text-align:left;
}
.case .caseList > .caseList-detail .caseList-detail-summary .caseList-detail-title{
display:inline-block;
vertical-align:middle;
margin:0 0 10px;
font-weight:bold;
}
}
/* trends
--------------------------------------------------------------------------------------------------- */
.trends .pageHeading{
background-image:url(../../trends/images/mod_bg_mainvisual.jpg);
}

/* company
--------------------------------------------------------------------------------------------------- */
.company .pageHeading{
background-image:url(../../company/images/mod_bg_mainvisual.jpg);
}
.company .table td > ul > li{
margin-bottom:1em;
}
.company .table td > ul > li:last-child{
margin-bottom:0;
}
.company .table td > ul > li span{
display:inline-block;
vertical-align:middle;
margin:0 0 0 2em;
}
.company.policy .policyList{
margin:0 auto;
width:597px;
}
.company.policy .policyList > li{
margin:0 0 40px;
}
.company.policy .policyList > li:first-child span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../company/images/company_img_sprite.png');
background-repeat:no-repeat;
width:598px;
height:20px;
background-position:0 0;
}
.company.policy .policyList > li:nth-child(2) span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../company/images/company_img_sprite.png');
background-repeat:no-repeat;
width:426px;
height:20px;
background-position:0 -30px;
}
.company.policy .policyList > li:nth-child(3) span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../company/images/company_img_sprite.png');
background-repeat:no-repeat;
width:282px;
height:20px;
background-position:0 -60px;
}
.company.policy .policyList > li:nth-child(4) span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../company/images/company_img_sprite.png');
background-repeat:no-repeat;
width:378px;
height:20px;
background-position:0 -90px;
}
.company.policy .policyList > li:nth-child(5) span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../company/images/company_img_sprite.png');
background-repeat:no-repeat;
width:402px;
height:20px;
background-position:0 -120px;
}
.company.access .map{
width:100%;
height:450px;
}

@media screen and (max-width: 640px) {
.company.policy .policyList > li{
margin-bottom:20px;
}
.company.policy .policyList > li:first-child span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../company/images/company_img_sprite.png');
background-repeat:no-repeat;
width:299px;
height:10px;
background-position:0 0;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.company.policy .policyList > li:nth-child(2) span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../company/images/company_img_sprite.png');
background-repeat:no-repeat;
width:213px;
height:10px;
background-position:0 -15px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.company.policy .policyList > li:nth-child(3) span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../company/images/company_img_sprite.png');
background-repeat:no-repeat;
width:141px;
height:10px;
background-position:0 -30px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.company.policy .policyList > li:nth-child(4) span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../company/images/company_img_sprite.png');
background-repeat:no-repeat;
width:189px;
height:10px;
background-position:0 -45px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.company.policy .policyList > li:nth-child(5) span{
overflow:hidden;
display:inline-block;
text-indent:100%;
white-space:nowrap;
vertical-align:middle;
background-image:url('../../company/images/company_img_sprite.png');
background-repeat:no-repeat;
width:201px;
height:10px;
background-position:0 -60px;
-moz-background-size:299px auto;
-o-background-size:299px auto;
-webkit-background-size:299px auto;
background-size:299px auto;
}
.company.access .map{
width:95%;
}
}
/* quality
--------------------------------------------------------------------------------------------------- */
.quality .pageHeading{
background-image:url(../../quality/images/mod_bg_mainvisual.jpg);
}
.quality.cmmi.pageHeading{
background-image:url(../../quality/images/cmmi_bg_mainvisual.jpg);
}

/* partner
--------------------------------------------------------------------------------------------------- */
.partner .pageHeading{
background-image:url(../../partner/images/mod_bg_mainvisual.jpg);
}

/* sitepolicy
--------------------------------------------------------------------------------------------------- */
.sitepolicy .pageHeading{
background-image:url(../../sitepolicy/images/mod_bg_mainvisual.jpg);
}

/* sitemap
--------------------------------------------------------------------------------------------------- */
.sitemap .pageHeading{
background-image:url(../../sitemap/images/mod_bg_mainvisual.jpg);
}

/* csr
--------------------------------------------------------------------------------------------------- */
.csr .pageHeading{
background-image:url(../../csr/images/mod_bg_mainvisual.jpg);
}
.csr.environment .pageHeading{
background-image:url(../../csr/images/environment_bg_mainvisual.jpg);
}
.csr.info .pageHeading{
background-image:url(../../csr/info/images/mod_bg_mainvisual.jpg);
}

/* news
--------------------------------------------------------------------------------------------------- */
.news .pageHeading{
background-image:url(../../news/images/mod_bg_mainvisual.jpg);
}
.news .tab{
margin-bottom:0;
}
.news .selectYear{
margin:0 0 40px;
}
.news .selectYear > *:last-child{
margin-bottom:0 !important;
}
.news .selectYear .heading{
display:inline-block;
vertical-align:middle;
margin:0 10px 0 0;
}
.news .selectYear .heading::after{
content:'：';
}
.news .selectYear .pulldown{
margin:0;
min-width:300px;
}
.news[class*="detail"] .posttime{
margin:0 0 40px;
text-align:right;
color:#999999;
}
.news[class*="detail"] .button{
margin:60px 0 0;
}

@media screen and (max-width: 640px) {
.news .selectYear{
margin-bottom:30px;
}
.news .selectYear .heading{
margin:0 0 10px;
}
.news .pulldown{
display:block;
margin:0;
min-width:0;
width:auto;
}
.news[class*="detail"] .posttime{
margin:0 0 30px;
}
.news[class*="detail"] .button{
margin-top:40px;
}
}
/* privacy
--------------------------------------------------------------------------------------------------- */
.privacy .pageHeading{
background-image:url(../../privacy/images/mod_bg_mainvisual.jpg);
}
.privacy .headingText.l-exlarge:nth-child(1){
margin-top:40px;
}
.privacy .establishment{
display:table;
width:100%;
}
.privacy .establishment > *{
display:table-cell;
vertical-align:top;
}
.privacy .establishment > *:last-child{
text-align:right;
}
.privacy .numberList[class*='-brackets-noindent'] .list{
margin-bottom:0;
}

/* contact
--------------------------------------------------------------------------------------------------- */
.contact .required{
color:#ff0000;
}