/*
Theme Name: CIC Japan
Description:
Theme URI: 
Author: CIC Japan
Author URI: CIC Japan
Version: 1
License:
License URI: 
*/


body{
	font-size: 15px;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #666;
	font-family:'Montserrat', "ヒラギノ角ゴ Pro" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

*{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;	
}


a{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #008675;
}

img{
	width: 100%;
	display: block;
	height: auto;
}

.cf:before,
.cf:after{
    content:"";
    display:table;
}

.cf:after{
    clear:both;
}

.tw{
	line-height: 1.8;
}

.tw p{
	margin: 0;
	padding: 0;
	display: block;
}

.text-link{
	text-decoration: underline;
	display: inline-block;
	margin: 0 0 0 10px;
}


.text-blk{
	color:#000;
}
.wrap{
	max-width: 1100px;
	margin: auto;
	padding: 0 20px;
}

.wrap-sml{
	max-width: 700px;
}

.section-inner{
	width: 90%;
	margin: auto;
}

.row{
	padding: 60px 0;
}

.row-big{
	padding: 100px 0;
}

.row.row-full{
	padding: 0;
}

.row.row-full .wrap{
	padding: 0;
	max-width: 100%;
}

.row-btbd{
	border-bottom: solid 1px #e8e8e8;
}

.ta-center{
	text-align: center!important;
}

.bd-top{
	border-top: solid 1px #E8E8E8;
}

.bg-grey{
	background-color: #F4F4F4;
}

.bg-green{
	background-color: #008675;
	color: #fff;
}

.heading-wrap{
	text-align: center;
}

.bc-wrap{
	margin: 30px 0 0 0;
	font-size: 12px;
	color: #666;
}

.bc-wrap span a{
	text-decoration: none;
	color: #666;
}

.bc-wrap span a:hover{
	color: #008675!important;
}

.breadcrumbs>span{
	margin: 0 10px;
}

.breadcrumbs>span:first-child{
	margin: 0 10px 0 0;
}

.bc-wrap i.icon-home{
	margin: 0 5px 0 0;
}

.iframe-wrap {
  width: 100%;
  position: relative;
  padding-bottom: 55%;
  overflow: hidden;
  margin: 0 auto;
}

.iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.contents-cols{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.contents-left{
	width: 73%;
}

.contents-right{
	width: 24%;
	border-left: solid 1px #D9D9D9;
	padding: 0 0 0 20px;
}

.sidebar{
	color: #6F7579;
}

.sb-contents{
	margin: 0 0 60px 0;
}

.sb-ttl{
	line-height: 1.2;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.sb-list ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.sb-tags a,
.sb-list ul li a{
	text-decoration: none;
	color: inherit;
}

.sb-tags a{
	font-size: 12px;
	background-color: #BDE9C9;
	color: #3B4043!important;
	padding: 2px 10px;
	margin: 5px 5px 5px 0;
	border-radius: 15px;
	border: solid 1px #BDE9C9;
	display: inline-block;
}

.sb-tags a:hover{
	opacity: .7
}

.sb-tags a:hover{
	color: #008675;
}

.subtext{
	margin: 0 0 30px 0;
}

.ttl-1{
	text-align: center;
	color: #00573C;
	text-transform: uppercase;
	font-size: 30px;
	margin: 0 0 20px 0;
}

.ttl-1 i{
	display: inline-block;
	margin: 0 10px 0 0;
}

.ttl-2{
	text-align: center;
	color: #000;
	font-size: 27px;
	margin: 0 0 20px 0;
}

.ttl-3{
	text-align: left;
	color: #00573C;
	text-transform: uppercase;
	font-size: 25px;
	margin: 0 0 30px 0;
}

.ttl-4{
	display: block;
    margin: 0 0 5px 0;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    border-left: solid 3px #000;
    padding: 0 0 0 10px;
    text-align: left;
    line-height: 1.3;
}

.ttl-5{
	font-weight: bold;
	margin: 0 0 10px 0;
}

.ttl-6{
	font-size: 18px;
	font-weight: bold
}

.ttl-7{
	font-size: 18px;
	font-weight: bold;
	border-left: solid 5px #FF8200;
	padding: 0 0 0 10px;
	margin: 0 0 40px 0;
	color: #000;
}

.ttl-8{
	font-size: 22px;
	font-weight: bold
}


.ttl-9{
	text-align: center;
	color: #00573C;
	font-size: 26px;
	margin: 0 0 40px 0;
}

h2{
	margin: 0 0 20px 0;
	font-weight: bold;
	font-size: 22px;
}

h3{
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.5;
}

h4{
	font-size: 30px;
	font-weight: 200;
	margin: 0 0 30px 0;
}

h5 {
    display: block;
    margin: 0 0 20px 0;
    font-size: 22px;
    color: #000;
    font-weight: 400;
}

h6 {
    display: block;
    margin: 0 0 10px 0;
    font-size: 18px;
    color: #000;
    font-weight: 400;
}

ul.list-circle{
	margin: 20px 0 0 0;
    padding: 5px 0 5px 1.5em;
    list-style: none;
}

ul.list-circle li:before{
    content: "";
    width: 10px;
    height: 10px;
    border: solid 1px #666;
    border-radius: 50%;
    background-color: #fff;
    display: inline-block;
    margin: 0 .5em 0 -1.5em;
}

ul.list-number{
	margin: 0;
    padding: 0 0 0 1.5em;
	list-style-type: decimal
}

ul.list-disc-green li,
ul.list-arrow li,
ul.list-dot li,
ul.list-number li{
	margin: 0 0 10px 0;
}

ul.list-dot li:last-child,
ul.list-number li:last-child{
	margin: 0;
}

ul.list-dot{
	margin: 0;
    padding: 0 0 0 1.5em;
}

ul.list-dot{
    list-style-type: disc
}

ul.list-arrow,
ul.list-disc-green{
	padding: 5px 0 5px 1.5em;
	margin: 0;
}

ul.list-arrow li,
ul.list-disc-green li{
	margin: 0 0 10px 0;
	list-style-type: none;
}


ul.list-disc-green li:last-child,
ul.list-arrow li:last-child{
	margin: 0;
}


ul.list-disc-green li:before{
	content: "";
	width: 8px;
	height: 8px;
	background-color: #008675;
	border-radius: 50%;
	text-align: center;
	top: 0;
	bottom: 0;
	display: inline-block;
	margin: auto .6em auto -1.2em;
}

ul.list-arrow li:before{
	font-family: 'cicicon';
	content: "\e908";
	color: #008675;
	margin: 0 .2em 0 -1.2em;

}

ul[class^="list-"] ul,
ul[class*=" list-"] ul {
	padding: 15px 0 15px 1.5em;
	margin: 0;
}

ul[class^="list-"] ul li,
ul[class*=" list-"] ul li{
	margin: 0 0 5px 0;
}

ul[class^="list-"] ul li:last-child,
ul[class*=" list-"] ul li:last-child{
	margin: 0;
}

ul.list-number-blacket{
	padding-left: 0!important;
}

ul.list-number-blacket li {
	list-style-type: none;
	counter-increment: cnt;
}

ul.list-number-blacket li::before {
	content: "(" counter(cnt) ") ";
}

ul.list-note{
	margin: 0;
	list-style: none;
	font-size: 12px;
    padding: 5px 0 5px 1.5em;
}

ul.list-note li:before{
    content: "※";
    width: 1em;
    display: inline-block;
    margin: 0 .5em 0 -1.5em;
}

/*Header*/
.header{
	height: 400px;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	border-top: solid 5px #FF8200;
}

.header:before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 41%, rgba(0,0,0,0.35) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 41%, rgba(0,0,0,0.35) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 41%, rgba(0,0,0,0.35) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.header.header-sld{
	height: auto!important;
}

.header.header-sld:before{
	display: none;
}

.page-ttl{
	text-align: center;
	width: 90%;
	max-width: 800px;
	font-weight: bold;
	font-size: 30px;
	color: #fff;
	display:block;
	position:absolute;
	top:58%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}

.page-ttl span{
	font-size: 14px;
	font-weight: normal;
	display: block;
	margin: 10px 0 0 0;
	line-height: 1.5;
}

.hd-contents{
	position: relative;
	z-index: 1;
}

.header-sld .hd-contents{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.hd-top{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.logo {
    width: 154px;
    padding: 23px 0 0 20px;
}

.nav{
	position: relative;
}

.nav a{
	color: #fff;
	text-decoration: none;
	display: block;
}


.nav>div{
	font-size: 13px;
	padding:  0 90px 0 0;
}

.nav>div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav>div>ul>li{
	display: inline-block;
	position: relative;
	padding: 35px 0 15px 0;
	letter-spacing: 1px;
}

.nav>div>ul>li>a{
	padding: 7px 14px;
}

.nav>div>ul>li.menu-item-has-children>a i{
	display: inline-block;
	font-size: 11px;
	margin-left: 3px;
}

.nav ul.sub-menu{
	position: absolute;
	width: 200px;
	background-color: rgba(0,0,0,.7);
	margin: 10px 0 0 0;
	left: 0;
	padding: 20px 0;
	display: none;
}

.nav ul.sub-menu li a{
	padding: 10px 25px;
}

.nav>div>ul>li.nav-contact-us a{
	background-color: #FF8200;
    border-radius: 3px;
}


.nav>div>ul>li.nav-contact-us a:hover{
	color: #fff;
	background-color: #008675
}

.nav>div>ul>li.nav-contact-us:hover{
	background-color: transparent;
}

.nav>div>ul>li.wpml-ls-item {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 12px;
    z-index: 2;
    padding: 0;
}

.nav>div>ul>li.wpml-ls-item a{
	padding: 0;
	font-size: 11px;
}

.nav>div>ul>li.wpml-ls-item a:before{
	font-family: 'cicicon';
	content: "\e90d";
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

.nav>div>ul>li.wpml-ls-item:hover{
	background-color: transparent;
}

.nav>div>ul>li.wpml-ls-current-language{
	display: none;
}

.menu-main-nav-en-container>ul>li>a,
.menu-main-nav-container>ul>li>a{
	text-transform: uppercase;
}

.menu-trigger {
  display: none;
  position: relative;
  width: 32px;
  padding: 0 5px;
}

.menu-trigger .menu-icon {
    width: 100%;
    display: block;
    height: 28px;
    position: relative;
}
.menu-trigger .menu-icon span {
    display: block;
    width: 100%;
    height: 2px;
    background: #FF8200;
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.menu-trigger .menu-icon span.first {
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}

.menu-trigger .menu-icon span.middle {
    top: 14px;
}

.menu-trigger .menu-icon span.last {
    top: 21px;
    width: 60%;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

.nav-show .menu-trigger .menu-icon span.first {
    -moz-transform: translate3d(4px,0,0) rotate(45deg);
    -o-transform: translate3d(4px,0,0) rotate(45deg);
    -ms-transform: translate3d(4px,0,0) rotate(45deg);
    -webkit-transform: translate3d(4px,0,0) rotate(45deg);
    transform: translate3d(4px,0,0) rotate(45deg);
}

.nav-show .menu-trigger .menu-icon span.middle {
    opacity: 0;
    filter: alpha(opacity=0);
}

.nav-show .menu-trigger .menu-icon span.last {
    top: 7px;
    width: 100%;
    -moz-transform: translate3d(-3px,0,0) rotate(-45deg);
    -o-transform: translate3d(-3px,0,0) rotate(-45deg);
    -ms-transform: translate3d(-3px,0,0) rotate(-45deg);
    -webkit-transform: translate3d(-3px,0,0) rotate(-45deg);
    transform: translate3d(-3px,0,0) rotate(-45deg);
}

.page-overlay{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    background-color: rgba(0,0,0,.3);
}

.home .header{
	background-image: none!important;
	height: 600px;
	background-color: #fff;
}


.home .header:before{
	display: none;
}


.top-header:before{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.top-header{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    position: absolute;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.home .top-header{
	z-index: 0;
}

.top-header-img{
	width: 62%;
	height: 100%;
	background-position: left;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.top-header-img:after{
	position: absolute;
	content: "";
	background-color: rgba(0,0,0,.2);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.top-header-text{
	width: 35%;
	color: #00573C;
	padding: 0 40px 0 0;
	line-height: 1.5;
	position: relative;
	z-index: 2;
}

.th-ttl {
    font-size: 27px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

.top-header-text .cta{
	margin: 30px 0 0 0;
}

/*News*/
.contents-row{
	border-bottom: solid 1px #eee;
	padding: 30px 0;
	margin: 30px 0;
}

.contents-row-wrap .contents-row:first-child{
	padding:  0 0 30px 0;
	margin: 0 0 30px 0;
}

.contents-row-wrap .contents-row:last-child{
	border-bottom: none;
	padding: 0;
	margin: 0;
}

.it-wrap{
	overflow: hidden;
}

.it-text img{
	float: right;
	width: 37%;
	margin: 0 0 10px 15px;
	border: solid 1px #eee;
}

.it-wrap.img-left .it-text img{
	float: left;
	margin: 0 15px 10px 0;
}

.cat-bar{
	width: 76%;
	margin: 0 0 40px 0;
}

.cat-bar ul{
	margin: 0;
	padding: 15px;
	list-style: none;
	background-color: #EFEFEF;
}

.cat-bar ul li{
	display: inline-block;
	margin: 0 30px 0 0;
}

.cat-bar ul li a{
	text-decoration: none;
	color: #666;
	display: block;
}

.cat-bar ul li.current-cat a,
.cat-bar ul li a:hover{
	color: #008675;
}

.arc-news{
	margin: 0 0 50px 0;
}

.arc-news a{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	text-decoration: none;
	color: #6F7579;
	justify-content: space-between;
}

.arc-news a:hover{
	opacity: .8;
}

.an-img{
	width: 34%;
	height: 15vw;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border: solid 1px #eee;
}

.card-wrap .an-img{
	height: 13vw;
}

.an-text{
	width: 63%;
}

.an-date{
	color: #A8A8A8;
	font-size: 12px;
	margin: 10px 0 0 0;
}

.an-readmore{
	float: right;
	margin: 10px 0 0 0;
	color: #008675;
	font-size: 12px;
}

.an-readmore i{
	display: inline-block;
	margin: 0 0 0 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.arc-news a:hover i{
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}

.an-text{
	font-size: 13px;
}

.news-cat-name{
	font-size: 18px;
	color: #666;
	margin: 0 0 20px 0;
}

.pagination{
	text-align: center;
	font-size: 13px;
}

.pagination a{
	text-decoration: none;
	color: #4D4F5C;
}

.pagination a:hover{
	color: #008675;
}

.page-numbers{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	margin: 5px;
}

.page-numbers.current{
	background-color: #008675;
	color: #fff;
}

.prev.page-numbers,
.next.page-numbers{
	width: auto;
	height: auto;
	border-radius: 0;
}

.single-nav-prev i,
.single-nav-next i,
.prev.page-numbers i,
.next.page-numbers i{
	color: #008675;
	display: inline-block;
	vertical-align: text-top;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.single-nav-prev i,
.prev.page-numbers i{
	margin-right: 5px;
}

.single-nav-next i,
.next.page-numbers i{
	margin-left: 5px;
}

.single-nav-prev:hover i,
.prev.page-numbers:hover i{
	-webkit-transform: translateX(-5px);
	-moz-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	transform: translateX(-5px);
}

.single-nav-next:hover i,
.next.page-numbers:hover i{
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}

.btn-wrap{
	text-align: center;
	margin: 30px 0 0 0;
}

.btn-wrap .btn{
	display: inline-block;
}

.btn{
	width: 200px;
	margin: 10px;
}

.btn a{
	text-decoration: none;
	color: #fff;
	background-color: #666;
	padding: 10px 20px;
	border-radius: 3px;
	display: block;
	text-align: center;
}

.btn a:hover{
	background-color: #008675;
}

.cta {
	width: 200px;
	margin: 30px auto 0 auto;
}

.cta a{
	text-decoration: none;
	color: #fff;
	padding: 10px 20px;
	border-radius: 3px;
	display: block;
	text-align: center;
	background-color: #FF8200;
}

.cta a:hover{
	background-color: #008675;
}

.cta.cta-green a{
	background-color: #008675;
}

.cta.cta-green a:hover{
	background-color: #FF8200;
}

.single-nav-prev,
.single-nav-next {
    display: inline-block;
    line-height: 16px;
}

.single-footer{
	text-align: center;
    position: relative;
    margin: 50px 0 0 0;
}

.single-footer .btn-wrap{
	margin: 0;
	
}

.single-footer .btn-wrap .btn{
	position: relative;
	z-index: 1;
}
.single-nav-wrap{
	width: 100%;
	position: absolute;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 16px;
}

.single-nav-wrap a{
	color: #747474;
	text-decoration: none;
}



/*Footer*/
.footer,
.footer a{
	color: #fff;
	text-decoration: none;
}

.footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.ft-top{
	background-color: #666;
	padding: 30px 0;
}

.ft-top a:hover{
	color: #FF8200;
}

.ft-top .wrap>div>ul{
	overflow: hidden;
	position: relative;
}

.ft-top .wrap>div>ul>li{
	width: 16.666%;
	float: left;
	padding: 0 0 0 20px;
}


.ft-top .wrap>div>ul>li:first-child{
	padding: 0;
}

.ft-top .wrap>div ul li a{
	color: #bbb;
	display: block;
	padding: 3px 0;
}

.ft-top .wrap>div ul li a:hover{
	color: #FF8200
}

.ft-top .wrap>div>ul>li>a{
	margin: 0 0 10px 0;
	color: #fff;
}

.ft-top ul.sub-menu li{
	display: block;
	font-size: 13px;
}

.ft-top .wrap>div>ul>li.wpml-ls-item{
	display: none;
}

.ft-bottom{
	padding: 20px 0;
	background-color: #1F1F1F;
	color: #fff;
	font-size: 12px;
}

.ft-bottom .wrap{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}

.ft-sns ul li{
	display: inline-block;
	margin: 0 7px 0 0;
}

.ft-sns ul li:last-child{
	margin: 0;
}

.ft-sns ul li a{
	color: #1F1F1F;
	font-size: 13px;
	width: 26px;
	height: 26px;
	line-height: 27px;
	display: block;
	text-align: center;
	background-color: #fff;
	text-decoration: none;
	border-radius: 50%;
}

.ft-sns ul li a:hover{
	background-color: #008675;
	color: #fff;
}

.ft-sns ul li a i{
	line-height: inherit;
}

.copyright {
	margin: 0 10px;
}

.ftb-menu ul li{
	display: inline-block;
}

.ftb-menu ul li:after{
	content: "/"
}

.ftb-menu ul li:last-child:after{
	content: none;
}

.ftb-menu ul li a{
	padding: 0 3px;
}

.ftb-menu ul li a:hover{
	color: #008675;
}

.anchor-tile{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.anchor-tile>div{
	width: 31%;
	text-align: center;
}

.anchor-tile>div a{
	text-decoration: none;
	color: #666;
}

.at-ttl{
	color: #00573C;
	text-transform: uppercase;
	font-size: 22px;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.at-ttl i{
	display: block;
	margin: 0 0 5px 0;
	font-size: 50px;
}

.at-ttl:after {
    font-family: 'cicicon';
    content: "\e90c";
    display: block;
    font-size: 20px;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.anchor-tile>div a:hover .at-ttl:after {
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px);
	transform: translateY(5px);
}

.anchor-tile>div a:hover .at-ttl{
	transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -khtml-transform: scale(1.05);
  -o-transform: scale(1.05);

}

.image-cols{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin: 30px 0 0 0;
}

.image-cols>div{
	width: 300px;
	padding: 0 20px;
}

.ics-ttl{
	font-size: 18px;
	margin: 0 0 10px 0;
	color: #000;
}

.ics-img{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 250px;
}

.ics-caps{
	margin: 10px 0 0 0;
}

.ics-caps-name{
	font-weight: bold;
	margin: 0 0 10px 0;
	font-weight: bold;
}

.ics-caps-name span{
	font-weight: normal;
	font-size: 12px;
	display: block;
}

#about-cic{
	padding-bottom: 100px;
}

.bg-img{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	color: #fff;
}

.bg-img:after{
	background-color: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
}


.bg-img .section-inner{
	position: relative;
	z-index: 1;
	padding: 40px 20px;
}

.bg-img .ttl-1{
	color: #fff;
}


#about-cic .btn a{
	background-color: rgba(255,255,255,.9);
	color: #000;
}

#about-cic .btn a:after{
	font-family: 'cicicon';
	content: "\e900";
	display: inline-block;
	margin: 0 0 0 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#about-cic .btn a:hover{
	background-color: rgba(255,255,255,1);
}

#about-cic .btn a:hover:after{
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}

.map-img{
	background-color: rgba(255,255,255,.95);
	border-radius: 5px;
	margin-top: -40px;
	margin-bottom: 60px;
	position: relative;
	padding: 40px;
	-webkit-box-shadow: 0 2px 6px 2px rgba(0,0,0,.1);
	-moz-box-shadow: 0 2px 6px 2px rgba(0,0,0,.1);
	box-shadow: 0 2px 6px 2px rgba(0,0,0,.1);
}

#cic-japan{
	position: relative;
	text-align: left;
	color: #000;
	height: 50vw;
	margin-top: 60px;
	padding-top: 0;
}

.ci-table table{
	border-collapse: collapse;
	width: 50%;
}

.ci-table th,
.ci-table td{
	border-bottom: solid 1px #e8e8e8;
	padding: 10px 0;
	vertical-align: top;
}

.ci-table th{
	width: 140px;
	font-weight: normal;
}

.ci-img {
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    width: 38vw;
    height: 50vw;
}

.map-wrap {
  width: 100%;
  position: relative;
  padding-bottom: 45%;
  overflow: hidden;
  margin: 30px auto 0 auto;
}

.map-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/*Concept*/
#workspace .image-cols>div{
	width: 43%;
}

#workspace .image-cols img{
	border-bottom: none;
}

#features{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
}

ul.list-disc{
	margin: 0;
	padding: 0 0 0 1.2em;
}

ul.list-disc li{
	list-style-type: disc;
}

.tile{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    padding: 0 0 50px 0;
}

.tile-img{
	width: 33%;
    height: 220px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: solid 1px #eee;
	background-color: #fff;
}

.tile-text{
	width: 65%;
}

.tile-text span{
	text-transform: uppercase;
	display: block;
	margin: 0 0 10px 0;
	font-size: 18px;
	color: #000;
}

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

.img-list{
	margin: 60px 0 0 0;
}

.il-main-img,
.ild-img{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #828282;
}

.il-main-img{
	height: 340px;
}

.il-ttl{
	display: block;
	margin: 0 0 10px 0;
	font-size: 24px;
	color: #00573C;
}

.il-text-wrap{
	margin: 30px 0 0 0;
}

.il-detail{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin: 30px 0 0 0;
}

.ild-text{
	width: 67%;
}

.ild-img{
	width: 30%;
	height: 200px;
}

a.org-link{
	display: block;
	color: #FF8200;
	margin: 5px 0 0 0;
}

.top-news-ttl{
	font-size: 30px;
	font-weight: 200;
	position: relative;
	margin: 0 0 30px 0;
}

.top-news-ttl:before{
	content: "";
	background-color: #FF8200;
	height: 1px;
	width: 10%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.top-news-ttl span{
	background-color: #fff;
	display: inline-block;
	padding: 0 10px;
	margin-left: -10px;
	position: relative;
}

.card-wrap{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.card-wrap .arc-news{
	width: 23%;
	margin: 0;
	padding-bottom: 50px;
	position: relative;
}

.card-wrap .arc-news a{
	display: block;
}

.card-wrap .an-text,
.card-wrap .an-img{
	width: 100%;
}

.card-wrap .an-img{
	margin: 0 0 10px 0;
	border: solid 1px #eee;
}

.card-wrap .an-readmore{
	float: none;
}

.card-wrap .an-date{
	margin: 0;
}

.an-text-bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.banner{
	background-color: #000;
	margin: 40px 0;
}

.banner a{
	display: block;
}

.banner a:hover{
	opacity: .7;
}

.page-links>div{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin: 30px 0 0 0;
    align-items: center;
}

.page-links>div>div{
	width: 48%;
}

.page-links>div>div.pl-image{
	height: 28vw;
}

.pl-image.bg-img:after{
	display: none;
}

.page-links .cta{
	margin: 30px 0 0 0;
}

.report-wrap{
	margin: 40px auto 0 auto;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.report-image{
	width: 35%;
}

.report-form{
	width: 60%;
}

.page-top {
	text-align: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5;
    font-size: 25px;
    opacity: 0.5;
    width: 60px;
    line-height: 50px;
    color: #fff;
    background-color: #333;
    height: auto;
	display: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
}

.page-top:hover {
    opacity: .9
}

.menu-main-nav-en-container,
.menu-main-nav-container{
	text-transform: uppercase;
}

/*LP*/
.page-template-page-lp p{
	margin: 0;
	padding: 0;
}

.page-template-page-lp .row>.wrap>div{
	margin: 20px 0;
}

.logo-header{
	padding: 20px 0;
	-webkit-box-shadow: 0 2px 6px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 2px 6px 2px rgba(0,0,0,.05);
	box-shadow: 0 2px 6px 2px rgba(0,0,0,.05);
	position: relative;
	z-index: 1;
}

.lh-logo{
	max-width: 130px;	
}

.lp-ttl{
	text-align: center;
	color: #008675;
    font-size: 30px;
    font-weight: 200;
    margin: 0 0 30px;
    line-height: 1.3;
}

.lp-ttl span{
	display: block;
    font-size: 21px;
    margin: 10px 0;
}

.lp-btn{
	text-align: center;
	margin: 30px 0 0 0;
}

.lp-btn a {
    text-decoration: none;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    background-color: #ff8200;
    margin: 10px;
    width: 200px;
}

.lp-btn-big a{
	width: 250px;
}

.lp-btn a:hover{
	opacity: .8;
}

.lp-table th,
.lp-table td{
	vertical-align: top;
	text-align: left;
}

.lp-table tbody tr td:first-child{
	width: 20%;
	font-weight: initial;
	padding: 10px;
}

.lp-table thead th{
	color: #008675;
	font-weight: normal;
	padding: 10px;
}

.lp-table thead th:first-child,
.lp-table tbody tr td:first-child{
	padding: 10px 10px 10px 0;
}

.lp-table td{
	padding: 10px;
}

.lp-spacer{
	padding: 10px 0;
}

.lp-itl-wrap>div{
	display: flex;
	margin: 0 0 40px 0;
}

.lp-itl-wrap>div:last-child{
	margin: 0;
}

.lp-itl-wrap>div.fl-img-right{
	flex-direction: row-reverse;
}


.lp-itl-wrap .lp-table th,
.lp-itl-wrap .lp-table td{
	line-height: 1.3;
}

.lp-itl-wrap .lp-table thead th,
.lp-itl-wrap .lp-table td{
	padding: 7px;
}


.lp-itl-wrap .lp-table thead th:first-child,
.lp-itl-wrap .lp-table tbody tr td:first-child{
	padding: 7px 7px 7px 0;
}

.lp-itl-wrap .lp-table thead th{
	padding-bottom: 10px;
}

.lp-itl-text ul li,
.lp-table tbody tr td:first-child,
.lp-table tbody td{
	border-bottom: solid 1px #e8e8e8;
}

.lp-itl-text ul li{
	padding: 8px 0;
	margin: 0;
	position: relative;
}

.lp-itl-text ul li:fist-child{
	padding: 0 0 5px 0;
}

.lp-itl-img{
	width: 300px;
	flex-shrink: 0;
}

.lp-itl-text{
	padding: 0 0 0 20px;
	text-align: left;
	flex-grow: 1;
	word-break: break-all;
}

.lp-itl-wrap>div.fl-img-right .lp-itl-text{
	padding: 0 20px 0 0;
}

.lp-itl-text ul.list-disc-green{
	padding-top: 0;
}

.lp-heading{
	font-weight: normal;
	font-size: 22px;
	margin: 0 0 15px 0;
	line-height: 1.3;
}

.lp-col3 .lp-heading,
.lp-col4 .lp-heading{
	font-weight: normal;
	font-size: 18px;
	margin: 0 0 15px 0;
}

.lp-tile-wrap{
	display: flex;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    
}

.page-template-page-lp .row>.wrap>div.lp-tile-wrap{
	margin-top: -30px;
}

.lp-tile-wrap .lp-tile-col{
	width: 100%;
	margin-top: 30px;
}

.lp-tile-wrap.lp-col2 .lp-tile-col{
	width: 48%;
}

.lp-tile-wrap.lp-col3 .lp-tile-col{
	width: 31%;
}

.lp-tile-wrap.lp-col4 .lp-tile-col{
	width: 23%;
}

.lp-itc-img{
	margin: 0 0 15px 0;
}

.lp-img-ar .lp-tile-img{
	background-color: #d9d8d8;
	padding-bottom: 75%;
	position: relative;
	overflow: hidden;
}

/*.lp-img-ar.lp-col2 .lp-tile-img{
	height:  28.393vw;
}

.lp-img-ar.lp-col3 .lp-tile-img{
	height: 18.34vw;
}

.lp-img-ar.lp-col4 .lp-tile-img{
	height: 13.605vw;
}*/

.lp-img-ar .lp-tile-img img{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}

.section{
	margin-top: 50px;
}

.section-big{
	margin-top: 80px;
}

.mmb-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.mmb{
	width: 18%;
}

.mmb-img{
	background-color: #fff;
	border: solid 1px #eee;
	margin: 0 0 10px 0;
}

.mmb-name{
	color: #000;
	font-size: 14px;
}

.mmb-msg{
	line-height: 1.3;
}

.video-wrap video{
	width: 100%;
	height: auto;
}

.lp-itc-img-bg{
	width: 100%;
	padding-bottom: 73%;
	margin: 0 0 20px 0;
	border: solid 1px #eee;
	background-color: #000;
	background-position: center;
	background-size: 100% auto;
}

.itc-vid-date{
	color: #828282;
	display: block;
	margin: 5px 0 0 0;
	font-size: 13px;
}

a.lp-tile-col-link{
	text-decoration: none;
	color: inherit;
	display: block;
	height: 100%;
	padding: 0 0 60px 0;
	position: relative;
}

a.lp-tile-col-link:hover{
	opacity: .7;
}

.link-rm-arrow{
	color: #ff8200;
}

.link-rm-arrow i{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	display: inline-block;
}

a.lp-tile-col-link:hover .link-rm-arrow i{
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}

.lp-tile-col-link-btm{
	position: absolute;
	left: 0;
	bottom: 0;
}

a.lp-tile-col-link .itc-vid-date{
	margin: 0;
}

.ev-player{
	background-color: rgba(0,0,0,.7);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 100;
}

.ev-player-inner{
	max-width: 800px;
	margin: 80px auto 0 auto;
	width: 100%;
	position: relative;
	padding-bottom: 36%;
	overflow: hidden;
}

.ev-player-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.evit-list>div:hover{
	opacity: .7;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.evit-list .lp-itc-img-bg{
	position: relative;
}

.evit-list .lp-itc-img-bg:before{
	background-color: #FF8200;
	color: #fff;
	content: "\ea1c";
	font-family: 'cicicon';
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 20px;
	border-radius: 50%;
	opacity: .8;
	width: 50px;
	height: 50px;
	line-height: 50px;
}

.emp-text{
	font-size: 17px;
	text-align: center;
}

.emp-text p{
	margin: 0;
	padding: 0;
}

.line-p p{
	display: block;
}

.pdb-none{
	padding-bottom: 0!important;
}

.mb-show{
	display: none;
}

.tp-footer-bar{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 15px 0;
    color: #ff8200;
    background-color: rgba(255,255,255,.8);
    font-size: 13px;
    line-height: 1.3;
}

.tp-footer-bar .wrap{
    display: flex;
    flex-basis: auto;
    justify-content: center;
    align-items: center;
}

.tpftb-btn{
    display: inline-block;
    margin: 0 0 0 20px;
}

.tpftb-btn a{
    color: #fff;
    text-decoration: none;
    padding: 10px;
    width: 140px;
    text-align: center;
    border-radius: 3px;
    display: block;
    background-color: #ff8200;
}

.tpftb-btn a i{
    display: inline-block;
    margin: 0 6px 0 0;
}

.home .ft-bottom{
	padding-bottom: 80px;
}

.c-btn{
    margin: 40px auto 0 auto;
    max-width: 240px;
    text-align: center;
}

.c-btn a{
    padding: 13px 20px;
    display: block;
    background-color: #FF8200;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
	font-weight: bold;
}

.c-btn a:hover{
    background-color: #d06d07;
}

.bg-green .c-btn a{
	background-color: #fff;
    color: #008675;
}

.bg-green .c-btn a:hover{
	opacity: .9
}

.ofs-fc-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-basis:  auto;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:  -30px 0 0 0;
}

.ofs-fc-wrap:after {
  content: "";
  display: block;
  width: 31%;
  height: 0;
}

.ofs-fc-wrap>div{
    width: 31%;
    margin: 30px 0 0 0;
}

.ofs-fc-wrap>div a{
    text-decoration: none;
    color: inherit;
}

.ofs-fc-wrap>div a:hover{
    opacity: .8;
}

.ofs-fc-text{
    margin: 10px 0 0 0;
}

.ofs-fc-text span{
    font-weight: bold;
    display: block;
    margin: 0 0 10px 0;
}

.ofs-fc-wrap>div>a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-basis:  auto;
    flex-direction: column;
    height: 100%;
}

.ofs-fc-wrap .an-readmore{
    margin: auto 0 0 0;
    padding: 15px 0 0 0;
    text-align: right;
}

.ofs-fc-wrap>div>a:hover .an-readmore i {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
}

.img-sml{
	max-width:150px;
	margin: auto;
}

.bd-top{
	border-top: solid 1px #D8D8D8
}

@media all and (min-width:1300px){

.logo{
	width: 175px;
	padding: 20px 0 0 20px;
}
}

@media all and (min-width:1200px){
#cic-japan {
    padding: 0;
    height: auto;
}

#cic-japan .wrap{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.cicj-detail{
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
	padding: 0 40px 0 0;
}

.ci-img{
	position: relative;
	top: auto;
	right: auto;
	width: 400px;
	height: 530px;
}

.ci-table table{
	width: 100%;
}
}


@media all and (min-width:1001px){
.nav>div>ul>li.menu-item-has-children:hover>a i{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


.nav>div>ul>li.current_page_item>a,
.nav>div ul li a:hover{
	color: #FF8200;
}

.nav>div>ul>li.nav-contact-us.current-menu-item a{
	color: #fff!important;
	font-weight: normal;
}

.nav>div>ul>li.current_page_item>a{
	font-weight: bold;
}

/*.nav>div>ul>li:hover{
	background-color: rgba(0,0,0,.7);
}*/

.nav>div ul li:hover ul.sub-menu{
	display: block;
}

}

@media all and (min-width:801px){
.ft-top .wrap>div>ul>li.nav-about:after,
.ft-top .wrap>div>ul>li.nav-concept:after,
.ft-top .wrap>div>ul>li.nav-service:after,
.ft-top .wrap>div>ul>li.nav-locations:after{
	position: absolute;
	top: 0;
	height: 100%;
	content: "";
	width: 1px;
	background-color: #828282;
}

.ft-top .wrap>div>ul>li.nav-locations {
    width: 33.333%;
    margin: 30px 0 0 0;
}

.ft-top .wrap>div>ul>li.nav-contact-us {
    margin: 30px 0 0 0;
}

.ft-top .wrap>div>ul>li.nav-about:after{
	left: 16.666%;
}

.ft-top .wrap>div>ul>li.nav-concept:after{
	left: 33.333%;
}

.ft-top .wrap>div>ul>li.nav-service:after{
	left: 49.999%;
}

.ft-top .wrap>div>ul>li.nav-locations:after{
	left: 83.333%;
}

.ft-top .wrap>div>ul>li.nav-locations ul.sub-menu{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ft-top .wrap>div>ul>li.nav-locations ul.sub-menu li{
	width: 49%;
}

}

@media all and (max-width:1200px){
.nav>div>ul>li>a {
    padding: 10px 8px;
}
}

@media all and (max-width:1100px){
.logo {
    width: 150px;
    padding: 17px 0 0 20px;
}

.nav>div>ul>li{
	font-size: 11px;
    display: inline-block;
    position: relative;
    padding: 27px 0 15px 0;
}

.report-image{
	width: 16%;
}

.report-form{
	width: 82%;
}
}



@media all and (max-width:1000px){
html,
body{
	overflow-x: hidden;
	width: 100%;
}

body.nav-show{
	height: 100vh;
	overflow-y: hidden;
}

.header {
    height: 43vw;
}

.header:before{
	background: rgba(0,0,0,.5);	
}

.home .header:before{
	background: transparent;
	z-index: 0;
}

.top-header:before{
	display: none;
}

.lh-logo,
.logo{
	width: 80px;
	padding: 0;
}

.logo-heder{
	padding: 13px 0;
}

.hd-top{
	padding: 20px;
	align-items: center;
}

.page-ttl{
	top: 52%;
}

.nav>div{
	padding: 0;
}

.nav>div>ul>li.menu-item-has-children>a i{
	position: absolute;
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	top: 0;
	right: 0;
	color: #fff;
	z-index:1;
	line-height: 50px;
	height: 50px;
	padding: 0 28px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.nav>div>ul>li.menu-item-has-children.ch-open>a i{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.nav>div>ul>li{
	font-size: 13px;
}

.nav>div>ul>li.nav-contact-us{
    padding: 40px 20px 20px 20px;
    width: 100%;
}

.nav>div>ul>li.nav-contact-us a{
    width: 100%;
    padding: 7px 10px;
    text-align: center;
}


.menu-trigger{
	display: table-cell;
	z-index: 10;
}

.nav{
	padding: 60px 0 20px 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 280px;
	background-color: rgba(0,0,0,.9);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translateX(300px);
	-moz-transform: translateX(300px);
	-ms-transform: translateX(300px);
	-o-transform: translateX(300px);
	transform: translateX(300px);
	height: 100vh;
	overflow-y: scroll;
}

.nav-show .nav{
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.nav-show .menu-trigger .menu-icon span{
	background: #fff;
}

.nav>div>ul>li{
	display: block;
	padding: 0;
}

.nav>div>ul>li>a {
	padding: 15px;
}

.nav>div>ul>li.wpml-ls-item{
	position: relative;
    right: auto;
    top: auto;
    padding: 15px;
    font-size: 13px;
}

.nav ul.sub-menu{
	position: relative;
    width: 100%;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.nav ul.sub-menu li a {
    padding: 7px 30px;
}

.home .header {
    height: 47vw;
}

.th-ttl {
    font-size: 25px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.top-header-img {
    width: 56%;
}

.top-header-text {
    width: 40%;
}

.cat-bar{
	width: 100%;
}

.single-nav-wrap{
	font-size: 12px;
}

.btn-wrap .btn {
    margin: 10px 5px;
}

.at-ttl{
	font-size: 18px;
}

.at-ttl i{
	font-size: 40px;
}

.image-cols>div{
	width: 40%;
}

#about-cic .wrap{
	padding: 0 40px;
}

#workspace .image-cols{
	justify-content: space-between;
}

#workspace .image-cols>div{
	padding: 0;
	width: 48%;
}

.tile-img {
    height: 26vw;
}

.page-links>div>div.pl-image{
	width: 60%;
	height: 42vw;
}

.page-links>div>div.pl-detail{
	width: 37%;
}

.top-news-ttl{
	font-size: 25px;
}

.top-news-ttl span {
    margin-left: 40px;
}

/*.lp-img-ar .lp-tile-img {
    height: 29vw;
}

.lp-img-ar.lp-col3 .lp-tile-img {
    height: 19vw;
}

.lp-img-ar.lp-col3 .lp-tile-img {
    height: 16vw;
}
*/
.ft-bottom .wrap{
	-ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
}

.ft-sns{
	width: 100%;
	margin: 0 0 15px 0;
}


}

@media all and (max-width:800px){
.ofs-fc-wrap:after,
.ofs-fc-wrap>div{
    width: 48%;
}

.page-links h4{
	margin: 0 0 15px 0;
}

.ttl-7{
	font-size: 16px
}
	
.ttl-8{
	font-size: 19px
}

.ttl-9{
	font-size: 22px
}

.page-links .cta{
	margin: 30px auto 0 auto;
}

.contents-left{
	width: 100%;
}

.an-img {
    width: 29%;
    float: left;
    height: 19vw;
}

.an-text {
    width: 68%;
}

.contents-right{
	display: none;
}

.cat-bar ul{
	padding: 12px;
	font-size: 11px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.it-text img{
	width: 43%;
}

.il-main-img {
    height: 35vw;
}

.card-wrap .arc-news{
	width: 48%;
	margin: 20px 0 0 0;
}

.card-wrap .an-img{
	height: 31vw;
}

.page-links>div{
	display: block;
	margin: 50px 0 0 0;
}

.page-links>div>div{
	width: 100%!important
}

.page-links>div>div.pl-image{
	margin: 0 0 20px 0;
}

.report-wrap{
	display: block;
}

.report-image{
	width: 100%;
	max-width: 250px;
	margin: 0 auto 30px auto;
}

.report-form{
	width: 100%;
}

.nav>div>ul>li.menu-item-has-children{
	padding-right: 35px;
}

.ft-top ul.sub-menu{
	display: none;
}

.ft-top .wrap>div>ul>li{
	width: auto;
	padding: 0;
}

.ft-top .wrap>div>ul>li>a{
	padding: 10px 20px;
	display: inline-block;
}

.ft-top .wrap>div>ul{
	margin: 0 -20px;
}


.ft-top .wrap>div>ul>li:after{
	content: "/"
}

.copyright{
	font-size: 11px;
	margin: 0 auto;
}

.ftb-menu{
	font-size: 11px;
	margin: 0 auto;
}

.ftb-menu ul li a{
	padding: 0;
}


.lp-tile-wrap.lp-col4 .lp-tile-col{
	width: 32%;
}

.lp-tile-wrap.lp-carousel.lp-col2 .lp-tile-col,
.lp-tile-wrap.lp-carousel.lp-col3 .lp-tile-col,
.lp-tile-wrap.lp-carousel.lp-col4 .lp-tile-col{
	width: auto;
	padding: 10px;
}

.iframe-wrap {
  padding-bottom: 65%;
}

.mmb{
	width: 48%;
	margin: 40px 0 0 0;
}
	
.tw p{
	display: inline;
	}

}

@media all and (max-width:767px){
	body{
		overflow-x: hidden;
		position: relative;
	}
.home .header {
    height: 55vw;
}

.top-header {
    align-items: flex-end;
}

.th-ttl {
    font-size: 22px;
}

.lp-itl-img{
	width: 35%;
}

.lp-tile-wrap.lp-col2 .lp-tile-col,
.lp-tile-wrap.lp-col3 .lp-tile-col,
.lp-tile-wrap.lp-col4 .lp-tile-col{
	width: 48%;
}

/*.lp-img-ar .lp-tile-img,
.lp-img-ar.lp-col3 .lp-tile-img,
.lp-img-ar.lp-col4 .lp-tile-img{
	height: 30vw;
}*/


.lp-tile-wrap.evit-list{
	display: block;
}

.lp-tile-wrap.lp-col4.evit-list .lp-tile-col{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.evit-list .lp-itc-img-bg{
	width: 26%;
	padding-bottom: 19%;
	background-repeat: no-repeat;
	margin: 0;
}

.evit-list .lp-itc-text{
	width: 70%;
}

.emp-text{
	font-size: 15px;
}

.pctb-show{
	display: none;
}

.mb-show{
	display: block;
}

.tpftb-btn {
    display: inline-block;
    margin: 0 0 0 10px;
}

.home .page-top{
	bottom: 66px;
}

}

@media all and (max-width:600px){
h4{
	font-size: 24px;
}

.row{
	padding: 40px 0;
}

.row-big{
	padding: 50px 0;
}
	
.ofs-fc-wrap{
    display: block;
    margin: -10px 0 0 0;
}

.ofs-fc-wrap:after{
    display: none;
}

.ofs-fc-wrap>div{
    width: 100%;
    margin: 50px 0 0 0;
}

.home .header,
.header {
    height: 120vw;
}

.ttl-1{
	font-size: 26px;
}

.ttl-3{
	font-size: 22px;
}

.page-ttl{
	font-size: 6vw;
}

.top-header{
	display: block;
}

.top-header-img,
.top-header-text{
	width: 100%;
}

.top-header-text{
	position: absolute;
	width: 90%;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	color: #fff;
	text-align: center;
	padding: 0;
}

.top-header-text .cta{
	margin: 30px auto 0 auto;
}

.top-header-img:after {
    background-color: rgba(0,0,0,.5);
}

.th-ttl {
    font-size: 25px;
}


.arc-news a{
	display: block;
}

.an-img,
.an-text{
	width: 100%;
}

.card-wrap .an-img,
.an-img{
	margin: 0 0 10px 0;
	height: 60vw;
}

.cat-bar ul li{
	margin: 0;
	width: 33.333%;
	padding: 5px 5px 5px 0;
}

.it-wrap.img-left .it-text img,
.it-text img{
	width: 100%;
	float: none;
	margin: 0 0 10px 0;
}

.single-nav-wrap{
	position: relative;
	margin: 0 0 30px 0;
	font-size: 14px;
}

.btn-wrap .btn{
	display: block;
	width: 100%;
	max-width: 480px;
	margin: 20px auto;
}

.btn-wrap .btn:last-child{
	margin: 0 auto;
}

.section-inner{
	width: 100%;
}

.bg-img .section-inner{
	padding: 40px 0;
}


#cic-japan{
	height: auto;
}

#about-cic{
	text-align: center;
}

.ci-img{
	position: relative;
	top: auto;
	right: auto;
    width: 100%;
    height: 100vw;
    background-size: 100% auto;
}

.ci-table{
	margin: 0 0 20px 0;
}


.ci-table table{
	width: 100%;
}

.map-img {
    width: 90%;
    padding: 10px;
}

.at-text{
	display: none;
}

.at-ttl {
    font-size: 15px;
}

.image-cols{
	display: block;
	margin: 0;
}

.image-cols>div{
	width: 290px;
	margin: 30px auto 0 auto;
	padding: 0;
	display: block;
}

#workspace .image-cols>div{
	width: 100%;
}

.tile{
	display: block;
}

.tile-img {
    width: 100%;
    height: 63vw;
    margin: 0 0 10px 0;
}

.tile-text{
	width: 100%;
}

.ild-img{
	display: none;
}

.il-detail{
	display: block;
	margin: 5px 0 0 0;
}

.ild-text{
	width: 100%;
}

.ics-img{
	height: 55vw;
}

.card-wrap {
	display: block;
}

.card-wrap .arc-news{
	width: 100%;
	margin: 40px 0 0 0;
}

.ft-top ul.sub-menu{
	display: block;
/*	flex-shrink: 0;
	max-width: 80%;*/
}

.ft-top ul.sub-menu li{
	display: inline-block;
	font-size: 12px;
	margin: 0 10px 0 0;
}

.ft-top ul.sub-menu li:last-child{
	margin: 0;
}

.ft-top ul.sub-menu li a{
	padding: 3px 7px;
}

.ft-top .wrap>div>ul{
	margin: 0;
}

.ft-top .wrap>div>ul>li{
	border-bottom: solid 1px #828282;
	float: none;
	padding: 10px 0;
}

.ft-top .wrap>div>ul>li:last-child{
	border-bottom: none;
}

.ft-top .wrap>div>ul>li>a{
	padding: 3px 0;
	flex-shrink: 0;
	margin: 0;
	font-weight: normal;
	font-size: 12px;
}

.ft-top .wrap>div>ul>li:after{
	display: none;
}

.ft-bottom .wrap{
	display: block;
}

.copyright{
	margin: 0 0 10px 0;
}


.lp-itl-wrap>div{
	display: block;
}

.lp-itl-img{
	width: 100%;
	margin: 0 0 15px 0;
}

.lp-itl-text{
	padding: 0;
}

.lp-heading{
	font-size: 19px;

.lp-col3 .lp-heading,
.lp-col4 .lp-heading{
	font-size: 17px;
}

.line-p p{
	display: inline;
}
}



@media all and (max-width:480px){
.lp-tile-wrap.lp-col2 .lp-tile-col,
.lp-tile-wrap.lp-col3 .lp-tile-col,
.lp-tile-wrap.lp-col4 .lp-tile-col{
	width: 100%;
}

.lp-tile-wrap{
	display: block;
}

.lp-tile-wrap .lp-tile-col,
.lp-tile-col{
	margin-top: 40px;
}
}