@charset "UTF-8";


/*
Theme Name: JCI theme V2 (ENGLISH)
Theme URI: https://octom.jp/wp/theme/
Author: the Japan Climate Initiative
Author URI: https://japanclimate.org/
Description: JCI theme
Version: 1.1
*/



/*   ENGLISH   */

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,hr{padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}body{line-height:1}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}

/*     css reset end   */

/* -----------------------------------------------
 *          Common style
 * ----------------------------------------------- */

/* ----- html,body ----- */


html,body{
	height: 100%;
	/*font-family: " メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";*/
	
	font-family:"Helvetica Neue", Arial, Helvetica," sans-serif";
	
	color: #4d4d4d;
}

html,body {
    -webkit-text-size-adjust: 100%;
}


p{
	margin: 1rem 0;
}
a{
	color: #0056ba;
}
.c{
	text-align: center!important;
}

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

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

.xxlg,
.txt24{
	font-size: 1.5rem!important;
}
.xlg,
.txt20{
	font-size: 1.25rem!important;
}

.lg,
.txt18{
	font-size: 1.125rem!important;
}

.m,
.txt16{
	font-size: 1.0rem!important;
}
.s,
.txt15{
	font-size: .937rem!important;
}
.xs,
.txt14{
	font-size: .875rem!important;
}
.xxs,
.txt13{
	font-size: .813rem!important;
}
.xxxs,
.txt12{
	font-size: .75rem!important;
}


/* -----------------------------------------------
 *          Header style
 * ----------------------------------------------- */

#header{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.jci-sub-page #header{
	position: static;
	height: 60px;
}

#header h1{
	/*margin:40px auto 0 40px;*/
	margin:20px auto 0 40px;
}



.jci-sub-page #header h1{
	/*margin:30px auto 0 46px;*/
	margin:25px auto 0 40px;
}

@media all and (max-width: 767px){

	.jci-sub-page #header h1{
		margin-left: 30px;
	}

}

@media all and (max-width: 600px){
	
	.jci-sub-page #header{
		height: 50px;
	}

	.jci-sub-page #header h1{
		margin-left: 20px;
		
	}

}

@media all and (max-width: 440px){
	.jci-sub-page #header h1,
	#header h1{
		/*margin-top: 50px;
		margin-left: 0;
		margin-right: 0;
		text-align: center;*/
		/*margin-left: 20px;*/
	}
	
	/*
	.jci-sub-page #header h1{
		margin-top: 50px;
	}*/
	
	
	.jci-home #header h1{
		margin-left: 20px;
	}
	
	.jci-home #header h1 img{
		width: 98px;
		height: 47px;
	}
	
	
	.jci-sub-page #header h1{
		margin-top: 20px;
		margin-left: 10px;
		text-align: left;
	}
	
}

@media all and (max-width: 380px){
	#header h1{
		/*margin-top: 50px;*/
		/*margin-left: 20px;*/
	}
}

.jci-lang-menu{
	position: absolute;
	right: 70px;
	top: 32px;
}

.jci-lang-menu a{
	color: #b6b6b6;
	text-decoration: none;
	font-size: .875rem;
}

.jci-lang-menu a:hover{
	color: #fff;
	text-decoration: underline;
}

.jci-sub-page .jci-lang-menu a:hover{
	color: #808080;
}


.jci-top-banner{
	background: url(lib/img/jci-1st-photo-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 100%;
	box-sizing: border-box;
	padding-top: 1px;
	padding-bottom: 1px;
	background-size: cover;
}


@media all and (min-height: 820px){
	.jci-top-banner{
		min-height: 80%;
	}
}

@media all and (min-height: 1000px){
	.jci-top-banner{
		min-height: 60%;
	}
}

.jci-top-h2{
	margin-top: 250px;
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;

}

/*@media all and (min-width: 900px){
	.jci-top-h2{
		position: relative;
		left: 10px;
	}
}*/

@media all and (max-width: 430px){
	.jci-top-h2{
		margin-top: 210px;/*240px*/
	}
}
	
@media all and (max-width: 330px){
	.jci-top-h2{
		margin-top: 210px;
	}
}

.jci-top-h2 img{
	/*max-width: 100%;*/
	max-width: 640px;
	width: 100%;
	height: auto;
}

.jci-top-msg-wrap{
	margin-top: 6%;
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;
}


.jci-top-msg{
	width: 638px;
	box-sizing: border-box;
	background-color: rgba(0,0,0,.53);
	border: 1px solid #fff;
	margin: 10px auto;
	padding: 20px 15px 10px;;
}

@media all and (max-width: 718px){
	.jci-top-msg{
		width: auto;
	}
	
	.jci-top-msg img{
		max-width: 100%;
		height: auto;
	}
}

.jci-top-banner-area{
	margin: 15px auto;
}

.jci-top-arrow-bottom{
	color: #f00;
	margin: 40px auto;
	height: 27px;
	overflow: hidden;
}

.jci-top-arrow-bottom::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin: 0 auto;
	
	border-top: 27px solid #a9ff00;
	border-right: 22px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 22px solid transparent;
	
}

.jci-top-banner-area img{
	max-width: 100%;
	height: auto;
}


@media all and (max-width: 718px){
	
}

/*     Header menu     */

#header nav{
	/*display: none;*/
}


#header nav{
	height: 1px;
	margin-top: -1px;
	box-sizing: border-box;
}

.menu-on #header nav{
	display:block;
	position: fixed;
	/*position: absolute;*/
	left: 0;
	top: 0;
	right: 0;
	line-height: 1.5;
	overflow-y: auto;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 9999;
	
}

.jci-voice-navi{
	height: 1px;
	overflow: hidden;
	background-color: #7fabd1;
	margin-top: -800px;
	/*-webkit-transition: margin-top 1s;*/
	transition: margin-top .35s;
}

.menu-on .jci-voice-navi{
	margin-top: 0;
}

#header nav ul,
#header nav ul li{
	display:block;
	background-color: #0058a4;
}

#header nav ul{}

#header nav ul li{
	border-bottom: 1px solid rgba(255,255,255,.5);
	
}

#header nav ul li a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 12px 10px;/*15px 10px;*/
}

#header nav ul li a:hover{
	background-color: #003b86;
}


#jci-menu-close {
	position: fixed;
	top: 0;
	right: 0;
	display: none;
	height: 47px;/*45px;*//*height: 55px;*/
	width: 47px;/*45px;*//*width: 55px;*/
	background-color: #000;
	z-index: 9999;
	cursor:pointer;
}

#jci-menu-close::before{
	content: "";
	display: block;
	width: 28px;
	height: 1px;
	background-color: #fff;
	transform: rotate(-45deg);
	position: absolute;
	top: 23px;/*21px;*/
	left: 9px;	
}

#jci-menu-close::after{
	content: "";
	display: block;
	width: 28px;
	height: 1px;
	background-color: #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 23px;/*21px;*/
	left: 9px;	
}
#jci-menu-close:hover {
	background-color: #003b86;
}

.menu-on #jci-menu-close{
	display: block;
}

/*  HB Menu  */

#jci-button-hb-menu{
	/*display: none;*/
	position:fixed;
	height: 44px;
	width: 44px;
	background-color: rgba(0,0,0,.25);
	/*background-color: rgba(255,0,0,.85);*/
	z-index: 99;
	right: 16px;
	top: 18px;
	border-radius: 30px;
	cursor:pointer;
}

@media all and (max-width: 600px){/*  max-width: 320px */
	
	#jci-button-hb-menu{
		/*right: 2px;
		top: 2px;*/
		right: 8px;
		top: 8px;
	}
	
	.jci-lang-menu{
		/*right: 55px;
		top: 15px;*/
		right: 62px;
		top: 21px;
	}
	
	.jci-lang-menu a{
		font-size: .813rem;
	}
	
}

#jci-button-hb-menu:hover{
	background-color: rgba(0,0,0,.5);
}

#jci-button-hb-menu span{
	display: block;
	box-sizing: border-box;
	width: 20px;
	height: 19px;
	margin-left: 12px;
	margin-top: 12px;
	
	border-top: 3px solid rgba(255,255,255,.7);
	border-bottom: 3px solid rgba(255,255,255,.7);
	/*border-top-width: 5px;
	border-top-color: #fff;
	border-top-style: solid;*/
}

#jci-button-hb-menu:hover span{
	border-color: rgba(255,255,255, 1.0);
}


#jci-button-hb-menu span::before{
	content: "";
	display: block;
	width: 20px;
	height: 3px;
	background-color: rgba(255,255,255,.7);
	margin-top: 5px;
}

#jci-button-hb-menu:hover span::before{
	background-color: rgba(255,255,255, 1.0);
}



/* ------------ Header End  -------------*/



/* ------------ Page Top  -------------*/

.jci-pagetop-link{
	position:fixed;
	height: 44px;
	width: 142px;/*  132px   width: 44px;*/
	z-index: 999;
	right: 16px;
	bottom: 18px;
	line-height: 1.5;
	/*background-color: #fcc;*/
}


@media all and (max-width: 600px){/*320px;*/
	.jci-pagetop-link{
		/*right: 2px;
		bottom: 2px;*/
		right: 8px;
		bottom: 8px;
	}
	
}

.jci-pagetop-link a{
	display: inline-block;/*block;*/
	height: 44px;
	width: 44px;
	overflow: hidden;
}

.jci-pagetop-link a.jci-btn-facebook-share,
.jci-pagetop-link a.jci-btn-twitter-share{
	margin-right: 5px;
	opacity: .75;
}

.jci-pagetop-link a.jci-btn-page-top::before{
	content: "";
	display: block;
	height: 44px;
	width: 44px;
	background: url(lib/img/back_to_top_v2.png);
}

.jci-pagetop-link a.jci-btn-facebook-share::before{
	content: "";
	display: block;
	height: 44px;
	width: 44px;
	background: url(lib/img/btn_facebook_icon.png);
}


.jci-pagetop-link a.jci-btn-twitter-share::before{
	content: "";
	display: block;
	height: 44px;
	width: 44px;
	background: url(lib/img/btn_twitter_icon.png);
}

.jci-pagetop-link a:hover::before{
	background-position: 0px -100px;
	opacity: 1.0;
}

/* ------------ / Page Top End  -------------*/




/* -----------------------------------------------
 *          Contents style
 * ----------------------------------------------- */

#contents{
	line-height: 1.5;
}

.jci-section-def > h2:first-child{
	/*margin: 70px auto 40px;*/
	margin: 70px auto 20px;
	text-align: center;
}

.jci-section-def h2,
.jci-section-body{
	max-width: 798px;
	margin: 20px auto;
	padding-left: 40px;
	padding-right: 40px;
}

@media all and (max-width: 600px){
	.jci-section-def h2,
	.jci-section-body{
		padding-left: 20px;
		padding-right: 20px;
	}
}

.jci-section-def h2 img{
	max-width: 100%;
	height: auto;
}

.jci-email-link{
	color: #0055b9;
	text-decoration: none;
	font-weight: bold;
}

.jci-email-link:hover{
	text-decoration: underline;
}

.jci-email-link::before{
	content: url(lib/img/jci-2nd-mail.png);
	margin-right: 5px;
}


/* ------------ Section 2  -------------*/

.jci-section-2{
	font-size: 1.25rem;
}

#section-2 > h2:first-child{
 
	margin-top: 0;
	padding-top: 70px;
	
}

#section-2{
	padding-bottom: 40px;
}

/*
.jci-section-2 > h2:first-child{
	margin-top: 80px;
}*/


.jci-sec2-contact-box > div{
	margin-top: 50px;
	border: 1px solid #bbb;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

.jci-sec2-contact-box p{
	margin: .25em;
}

@media all and (max-width: 600px){
	.jci-sec2-contact-box p > span{
		display: inline-block;
	}
	
	.jci-sec2-contact-box > div{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.jci-sec2-contact-box > div{
		margin-top: 25px;
	}
	
}

/* ------------ Section 3  -------------*/


.jci-section-3{
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 90px;
}

.jci-section-3 h2{
	text-align: center;
}

.jci-section-3 .jci-section-inner{
	max-width: 964px;
	margin: 90px auto;
	background-color: rgba(255,255,255,.85);
	padding-top: 40px;
	padding-bottom: 40px;
}

.jci-3rd-ttl-smd,
.jci-3rd-ttl-smd-2,
.jci-section-3-smd-img-top,	
.jci-section-3-smd-img-bottom{
	display: none;
}

.jci-section-3{
	background: url(lib/img/jci-3rd-bg.jpg) no-repeat top center;
	background-size: cover;
	
}

@media all and (min-width: 965px){
	.jci-section-3{
		background-attachment: fixed;
	}
}


@media all and (max-width: 964px){
	
	.jci-section-3 .jci-section-inner{
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.jci-section-3 .jci-section-inner{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.jci-section-3{
		background: none;
		
	}
	
	.jci-section-3-smd-img-top,
	.jci-section-3-smd-img-bottom{
		display: inline-block;
		max-width: 100%;
		height: auto;
	}
	
}

@media all and (max-width: 600px){
	
	.jci-section-3{
		margin-top: 40px;
	}
	
	
	.jci-3rd-ttl-pc{
		display: none;
	}
	
	.jci-3rd-ttl-smd{
		display: inline-block;
	}
	
	.jci-3rd-ttl-smd,
	.jci-3rd-ttl-smd-2{
		max-width: 100%;
		height: auto;
	}

}



/* ------------ Section 4  -------------*/
.jci-section-4 {
	background-color: #ededed;
	padding-top: 1px;
	padding-bottom: 1px;
}

.jci-section-4 .jci-section-inner{
	max-width: 964px;
	margin: 90px auto;
	background-color: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
}

.jci-section-4 h3{
	font-size: 22px;
	border-bottom: 1px solid #808080;
	font-weight: normal;
	line-height: 1.0;
	margin-bottom: 14px;
	margin-top: 20px;
	/*margin-top: 40px;*/
}


.jci-section-4 h3.jci-h3-sub{  /*   Add 2021 - 0220     */
	font-size: 20px;
	border-bottom: 0px none;
	margin-top: 25px;
}



.jci-section-4 ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	 justify-content: space-between;
}

.jci-section-4 ul + ul{
	margin-top: 36px;
}


.jci-section-4 ul li{
	/*flex-basis: 50%;*/
	/*width: 300px;*/
	flex: 0 1 49%;
	padding-bottom: 6px;
	font-size: 0.875rem;
}


.jci-section-4-end-contact-sanka {
	margin-top: 60px;
}

.jci-section-4-end-contact-sanka h3{
	border-bottom: 0px none;
}

.jci-section-4-end-contact-sanka h3 + p{
	font-size: .9375rem;
}



@media all and (max-width: 600px){
	
	
	
	.jci-section-4 {
		background-color: #fff;
	}

	.jci-section-4 .jci-section-inner{
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 20px;
		/*max-width: 964px;
		margin: 90px auto;
		background-color: #fff;
		padding-top: 40px;
		padding-bottom: 40px;*/
	}
	
	
	.jci-section-4 .jci-section-inner{
		
	}

	
	.jci-section-4 ul.jci-ul-name-com,
	.jci-section-4 ul.jci-ul-name-etc-1,
	.jci-section-4 ul.jci-ul-name-etc-2{
		/*flex-direction: column;*/
		display: block;
	}
	
	
	.jci-section-4 ul.jci-ul-name-com li,
	.jci-section-4 ul.jci-ul-name-etc-1 li,
	.jci-section-4 ul.jci-ul-name-etc-2 li{
		/*flex: 0 1 100%;*/
		display: block;
	}
}

/* ------------ Section 5  -------------*/


.jci-section-5{
	padding-top: 1px;
	padding-bottom: 1px;
	/*margin-top: 0;*/
	background: url(lib/img/jci-5th-wind-photo.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: bottom center;
		
}

.iosipad .jci-section-5{
	background-attachment:scroll;
}

.jci-section-5 h2{
	text-align: center;
	background-color: #0058a4;
	padding: 16px 10px 12px;
	/*padding: 18px 10px 14px;*/
	margin-top: 0;
	margin-bottom: 60px;
	max-width: none;
	position: relative;
}

.jci-section-5 h2::after{
	content: "";
	position: absolute;
	left: 48%;
	top:72px;
	/*left: 50%;*/
	/*top:76px;*/
		
	
	
	border-top: 27px solid #0058a4;
	border-right: 15px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 15px solid transparent;
}

.iosipad .jci-section-5 h2::after{
	top:75px;
}


@media all and (max-width: 600px){
	
	.jci-section-5 h2::after{
		display: none;
	}
}


.jci-section-5-dl{
	
}

.jci-section-5-dl dt{
	font-size: 1.25rem;
	padding-left: 40px;
	position: relative;
	padding-bottom: 5px;
	color: #0056ba;
}

.jci-section-5-dl dd{
	padding-left: 40px;
	position: relative;
	padding-top: 2px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #808080;
}

.jci-section-5-dl dt::before{
	content: url(lib/img/jci-5th-qa_icon_q.png);
	position: absolute;
	left: 0;
	top: 0;
}

.jci-section-5-dl dd:last-child{
	border-bottom: 0px none;
}

.jci-section-5-dl dd::before{
	content: url(lib/img/jci-5th-qa_icon_a.png);
	position: absolute;
	left: 0;
	top: 0;
}



.jci-section-5 .jci-section-inner{
	max-width: 964px;
	margin: 90px auto;
	background-color: rgba(255,255,255,.85);
	/*padding-top: 40px;*/
	padding-bottom: 40px;
}

@media all and (max-width: 600px){
	
	.jci-section-5 .jci-section-inner{
		margin-top: 160px;
		margin-bottom: 160px;
	}
	
	.jci-section-5 .jci-section-inner{
		background-color: #fff;	
	}
	
	.jci-section-5{
		background-attachment: scroll;
		background-size: contain;
		background-position: left -100px;
	}
	
	
	.jci-section-5{
		background: url(lib/img/jci-5th-wind-photo.jpg) no-repeat, url(lib/img/jci-5th-wind-photo.jpg) no-repeat;
		background-attachment: scroll,scroll;
		background-size: contain,contain;
		background-position: left bottom,left -100px;
	}
}


/* ------------ Section 6  -------------*/

.jci-section-6{
	padding-top: 1px;
	padding-bottom: 1px;
}

.jci-section-6 h3{
	font-size: 22px;
	border-bottom: 1px solid #808080;
	font-weight: normal;
	line-height: 0.7;
	margin-bottom: 5px;
	margin-top: 40px;	
}

.jci-section-6 h3 + p{
	font-size: .875rem;
	margin-top: 0;
}

.jci-section-6-photo-komon-wrap{
	text-align: center;
}
.jci-section-6-photo-komon-wrap h4{
	font-weight: normal;
}
.jci-section-6-photo-komon-wrap h4 + p{
	margin: 0;
	font-size: .875rem;
}

.jci-section-6-logo-wrap-1,
.jci-section-6-logo-wrap-2,
.jci-section-6-logo-wrap-3{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
}

.jci-section-6-logo-wrap-1{
	/*margin-left: 80px;
	margin-right: 80px;*/
}

.jci-section-6-logo-wrap-2{
	
	max-width: 720px;
	/*margin-left: 20px;
	margin-right: 20px;*/
}

.jci-section-6-logo-wrap-3{
	max-width: 500px;
}
.jci-section-6-ttl-smd{
	display: none;
}

@media all and (max-width: 600px){
	.jci-section-6-ttl-pc{
		display: none;
	}
	
	.jci-section-6-ttl-smd{
		display:inline-block;
	}
	
	.jci-section-6-logo-wrap-1 img,
	.jci-section-6-logo-wrap-2 img,
	.jci-section-6-logo-wrap-3 img{
		max-width: 100%;
		height: auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.jci-section-6-logo-wrap-2 img:nth-child(1){
		margin-bottom: 20px;
		
	}
	
	.jci-section-6-logo-wrap-2 img:nth-child(2){
		margin-top: 20px;
		
	}
	
	
}

/* ------------ Footer -------------*/

.jci-footer{
	padding-top: 60px;
	background-color: #ededed;
	text-align: center;
}

.jci-footer h2 + p{
	margin: 30px 0;
}
@media all and (max-width: 600px){
	.jci-footer-sanka-address span{
		display: inline-block;
	}
}

@media all and (max-width: 400px){
	
	.jci-footer{
		padding-top: 40px;
	}
	.jci-footer-sanka-address span{
		display: block;
		line-height: 1.5;
		font-size: 17px;
	}
	
	.jci-email-link{
		letter-spacing: -0.036em;
		font-size: 1.5rem !important;
		
	}
}

.jci-foooter-blue{
	margin-top: 40px;
	padding-top: 1px;
	padding-bottom: 20px;
	background-color: #0058a4;
	font-size: .875rem;
	line-height: 1.4;
	font-size: .813rem;
}


.jci-footer .jci-email-link{
	font-size: 1.687rem;
}

.jci-foooter-copyright{
	color: #e2e2e2;
	font-size: .813rem;
}
.jci-foooter-atten{
	max-width: 964px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	color: rgba(255,255,255,0.45);
	text-align: left;
}



/* -----------------------------------------------
 *          wordpress style
 * ----------------------------------------------- */

@media all and (max-width: 680px){
	/*a[href^="http"]{
		word-wrap: break-word;
		word-break: break-all;
	
		.jci-section-5 .wrap,
	}*/
	
	/*a[href^="http"]{*/
	.wrap{
		word-wrap: break-word;
		word-break: break-all;
	}
}

.wrap-all{
	word-wrap: break-word;
	word-break: break-all;
}

/*  検索  */
.jci-search-input-wrap{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 120px;
	padding-right: 35px;
	
	margin-top: -500px;
	z-index: 99999;
	
	transition: margin-top .5s;
}

.jci-search-box-on .jci-search-input-wrap{
	margin-top: 0;
}


#header h1,
#jci-button-hb-menu,
.jci-lang-menu{
	opacity: 1;
	transition: opacity 1.1s;
}


.jci-search-box-on #header h1,
.jci-search-box-on #jci-button-hb-menu,
.jci-search-box-on .jci-lang-menu{
	opacity: 0;
}



.jci-btn-search-close{
	color: #2b82ce;
	font-weight: bold;
	text-decoration: none;
}


#jci-btn-search-close {
	position:absolute;
	top: 10px;
	right: 3px;
	/*display: none;*/
	height: 45px;/*height: 55px;*/
	width: 45px;/*width: 55px;*/
	/*background-color: #000;*/
	z-index: 9999999;
	cursor:pointer;
	overflow: hidden;
	text-indent: -999px;
}

#jci-btn-search-close::before{
	content: "";
	display: block;
	width: 28px;
	height: 1px;
	background-color: #808080;
	transform: rotate(-45deg);
	position: absolute;
	top: 21px;
	left: 9px;	
}

#jci-btn-search-close::after{
	content: "";
	display: block;
	width: 28px;
	height: 1px;
	background-color: #808080;
	transform: rotate(45deg);
	position: absolute;
	top: 21px;
	left: 9px;	
}


.gsc-control-cse{
	background-color: transparent!important;
	border-color: transparent!important;
}

.gsc-input-box{
	border-color: #ccc!important;
	border-radius: 18px!important;
	height: 36px!important;
	overflow: hidden!important;
}

.gsc-search-button-v2{
	background-color: #2b82ce!important;
	height: 38px!important;
	width: 38px !important;
	border-radius: 18px!important;
	padding-left: 8px!important;
	padding-right: 8px!important;
	border: 0px none!important;
	
}

input.gsc-input{
	font-size: 18px!important;
	padding-left: 5px!important;
	padding-top: 3px!important;
	border: 0px none;
	border-radius: 10px!important;
}
.gsst_a{
	padding-top: 12px!important;
	padding-right: 8px!important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input{
	padding-right: 6px !important;
}


@media all and (max-width: 700px){
	
	.gsc-results-wrapper-overlay{
		left: 6.6%!important;
	}
}





.jci-btn-search-open{
	background-image: url(lib/img/_com/jci-icon-search.png);
	background-repeat: no-repeat;
	background-position: 12px 10px;
	display: inline-block;
	vertical-align: top;
	height: 40px;
	width: 40px;
	position: relative;
	top: -12px;
	left: -5px;
	overflow: hidden;
	/*background-color: #eee;*/
	text-indent: -999px;
}

.jci-sub-page .jci-btn-search-open:hover{
	background-image: url(lib/img/_com/jci-icon-search-on.png);
}

.jci-home .jci-btn-search-open:hover{
	background-image: url(lib/img/_com/jci-icon-search-wt.png);
}

/*     Header menu  Auto Child Menu   　<b>ー</b>   */

#header nav ul li.cat-item a{
	font-size: .937rem;
	padding-left: 1.8rem;
}

#header nav ul li a::before{
	content: "▶";
	font-size: .7rem;
	vertical-align: middle;
	margin-right: 5px;
	margin-left:  3px;
	position: relative;
	top: -2px;
}

#header nav ul li.cat-item a::before{
	content: "▷";
	font-size: .55rem;
	vertical-align: middle;
	margin-right: 5px;
	top: -2px;
}

/* ------------ Top Page  -------------*/

.jci-section-info{
	background-color: #ededed;
	padding-top: 1px;
}

.jci-section-info > h2:first-child{
	margin-bottom: 0;
	margin-top: 50px;
}

.jci-section-info .posts-inner .post h2{
	padding-left: 0;
	padding-right: 0;
}

/*  お知らせ  もっと見る   */

.jci-info-more-link{
	text-align: center;
	margin: 0;
	padding: 0 0 30px;
	
}

.jci-info-more-link a{
		/*display: block;*/
	display: inline-block;
	border-radius: 19px;
	padding: 11px 13px 9px;
	font-size: 1.125rem;
	line-height: 1.0;
	background-color: #2b82ce;
	color: #fff;
	text-decoration: none;
}

.jci-info-more-link a:hover{
	/*background-color: #003b86;*/
	background-color: #0058a4;
}



/* ------------  Category  List Header Menu  -------------*/

.jci-header-category-list-menu,
.jci-header-category-list-menu li{
	list-style: none;
	margin: 0;
	padding: 0;
}
/*
.jci-header-category-list-menu,*/
.jci-header-category-list-menu{
	text-align: center;
	/*display: flex;
	flex-wrap: wrap;
	justify-content: center;*/
	padding-bottom: 20px;
}

.jci-header-category-list-menu li{
	display: inline-block;
	margin-left: -2px;
}

.jci-header-category-list-menu ul{
	display:inline;
}

.jci-header-category-list-menu li span,
.jci-header-category-list-menu li a{
	/*display: block;*/
	display: inline-block;
	border-radius: 18px;/*19px;*/
	background-color: #d3d3d3;/*#2b82ce;*/
	padding: 10px 13px 9px;/*11px 13px 9px;*/
	font-size: 1.0rem;/*1.125rem*/
	line-height: 1.0;
	color: #333;
	text-decoration: none;
	vertical-align:middle;
	margin-bottom: 5px;
	
}


.jci-header-category-list-menu > li:first-child.current-cat > a{/*    カテゴリーページ（すべて）非表示     */
	display: none;
}


@media all and (max-width: 647px){
	.jci-header-category-list-menu li span,
	.jci-header-category-list-menu li a{
		padding: 9px 9px 7px;
		font-size: .875rem;
		font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
		font-feature-settings : "palt";
	}
}

.jci-header-category-list-menu li.current-cat span,
.jci-header-category-list-menu li.current-cat a,
.jci-header-category-list-menu li a.jci-header-category-list-menu-end-archive,
.jci-header-category-list-menu li.current-cat span:hover,
.jci-header-category-list-menu li a:hover,
.jci-header-category-list-menu li span:hover{
	background-color: #2b82ce;
	color: #fff;
}

.jci-header-category-list-menu li a.jci-header-category-list-menu-end-archive:hover,
.jci-header-category-list-menu li.current-cat span:hover,
.jci-header-category-list-menu li.current-cat a:hover{
	/*background-color: #003b86;*/
	background-color: #0058a4;
}

#jci-header-category-list-menu > li:first-child + li{
	display: none;
}

#jci-header-category-list-menu > li:first-child.current-cat + li{
	display: inline-block;
}


#jci-header-category-list-menu li.jci-list-menu-inselect{
	display: none;
}

#jci-header-category-list-menu li.current-cat + li.jci-list-menu-inselect{
	display: inline-block;
}

#jci-header-category-list-menu li.current-cat + li.jci-list-menu-inselect span{
	background-color: #2b82ce;
	color: #fff;
}

#jci-header-category-list-menu li.current-cat + li.jci-list-menu-inselect span:hover{
	/*background-color: #003b86;*/
	background-color: #0058a4;
}

#jci-header-category-list-menu > li:first-child > a{
	width: 1.6em;/*3.1em;*/
	white-space: nowrap;
	overflow: hidden;
}

@media all and (max-width: 647px){
	#jci-header-category-list-menu > li:first-child > a{
		width: 2.8em;
	}
}

#jci-header-category-list-menu > li:first-child > a::before{
	/*content: "すべて　　　";*/
	content: "All";
	margin-right: 50px;
	margin-left: .25em;
}



/*   ===   category-title  ===  */
/*   ===   archive-title  ===  */
.jci-archive-title,
.jci-category-title{
	margin: 0;
	padding: 0 0 18px 0;
	text-align: center;
	font-size: 2.5rem;
	font-weight: normal;
}

@media all and (max-width: 647px){
	.jci-archive-title,
	.jci-category-title{
		font-size: 2.0rem;
	}
}

@media all and (max-width: 500px){
	.jci-archive-title,
	.jci-category-title{
		font-size: 1.8rem;
		margin-top: .8rem;
	}
}


/*    Archive    */
li.jci-list-menu-inselect select{
	/*background-color: #2b82ce;
	color: #2b82ce;*/
	font-size: 20px;
	border-radius: 18px;
	height: 36px;
	vertical-align: middle;
	opacity: 0;
	position: relative;
	position: absolute;
	left: 0;
	top: 0;
}


li.jci-list-menu-inselect span{
	position: relative;
	border-radius: 18px;/*19px;*/
	overflow: hidden;
	
	height: 36px;/*38px;*/
	box-sizing: border-box;
	/*background-color: #2b82ce;*/
	/*background-image: url(../img/_com/jci-dotdot.png);
	background-repeat: no-repeat;*/
	background-position: 12px 15px;
	
	vertical-align:middle;
	white-space: nowrap;
}

@media all and (max-width: 647px){
	li.jci-list-menu-inselect span{
		padding: 9px 9px 7px;
		height: auto;
		font-size: .875rem;
		font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
		font-feature-settings : "palt";
	}
}

#jci-header-archive-list-menu li.jci-list-menu-inselect span{
	width: auto;
}



#jci-header-archive-list-menu li.jci-list-menu-inselect span em{
	font-style: normal;
}

#jci-header-archive-list-menu li.jci-list-menu-inselect span em::after{
	content: "▼";/*  For ENGLISH content: "▾";  */
	font-size: 80%;
	vertical-align: top;
	margin-left: 3px;
	margin-right: -2px;
}

#jci-header-archive-list-menu li.jci-list-menu-inselect span strong{
	display: none;
}

#jci-header-archive-list-menu li.jci-list-menu-inselect span{
	background-color: #2b82ce;
	color: #fff;
}

#jci-header-archive-list-menu li.jci-list-menu-inselect span:hover{
	/*background-color: #003b86;*/
	background-color: #0058a4;
}


#jci-header-archive-list-menu li.current-cat + li.jci-list-menu-inselect span,
#jci-header-archive-list-menu li.current-cat + li + li.jci-list-menu-inselect span,
#jci-header-archive-list-menu li.current-cat + li + li + li.jci-list-menu-inselect span{
	background-color: #d3d3d3;
	color: #333;
	/*width: 48px;*/
}

#jci-header-archive-list-menu li.current-cat + li.jci-list-menu-inselect span em,
#jci-header-archive-list-menu li.current-cat + li + li.jci-list-menu-inselect span em,
#jci-header-archive-list-menu li.current-cat + li + li + li.jci-list-menu-inselect span em{
	display: none;
}

#jci-header-archive-list-menu li.current-cat + li.jci-list-menu-inselect span strong,
#jci-header-archive-list-menu li.current-cat + li + li.jci-list-menu-inselect span strong,
#jci-header-archive-list-menu li.current-cat + li + li + li.jci-list-menu-inselect span strong{
	display:inline;
	margin-left: .1em;
}

#jci-header-archive-list-menu li.current-cat + li.jci-list-menu-inselect span:hover,
#jci-header-archive-list-menu li.current-cat + li + li.jci-list-menu-inselect span:hover,
#jci-header-archive-list-menu li.current-cat + li + li + li.jci-list-menu-inselect span:hover{
	background-color: #2b82ce;
	color: #fff;
}

#jci-header-archive-list-menu.jci-archives-all li a{
	background-color: #2b82ce;
	color: #fff;
}

#jci-header-archive-list-menu.jci-archives-all li a:hover{
	background-color: #0058a4;
}

/* ------------  Post  in List   -------------*/


.jci-posts-list{}

.jci-posts-list #posts{
	background-color: #ededed;
	padding-bottom: 20px;
	padding-top: 20px;
}

.jci-posts-list .posts-inner{
	display: flex;
	width: 972px;
	margin: 0 auto;
	flex-wrap: wrap;
}

@media all and (max-width: 971px){
	
	.jci-posts-list .posts-inner{
		width: 648px;
	}

}

@media all and (max-width: 647px){
	
	.jci-posts-list .posts-inner{
		width: 324px;
	}

}

@media all and (max-width: 330px){
	
	.jci-posts-list .posts-inner{
		width: auto;
	}
	
	.jci-posts-list .posts-inner .post{
		width: auto;
	}

}

.jci-posts-list .posts-inner .post{
	background-color: #fff;
	box-sizing: border-box;
	width: 310px;
	margin: 7px;
	padding: 7px;
	position: relative;
	padding-bottom: 30px;
}

.jci-posts-list .posts-inner .post:hover{
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,.1);
}

.jci-posts-list .post-image{
	text-align: center;
	height: 146px;
	overflow: hidden;
	background-color: #999;
}

.jci-posts-list .post a{
	text-decoration: none;
	color: #333;
}

.jci-img-no-image{
}

.jci-posts-list .post-image img{
	
	min-height: 146px;
	width: 100%;
	
}
/*   Post-Meta  post-category    */




.jci-post-container .post-meta .post-categories,
.jci-post-container .post-meta .post-categories li
.jci-posts-list .post-meta .post-categories,
.jci-posts-list .post-meta .post-categories li{
	display: block;
	list-style: none;
}

.jci-post-container .post-meta .post-categories::after,
.jci-posts-list .post-meta .post-categories::after{
	content: "";
	display: block;
	clear: both;
}

.jci-post-container .post-meta .post-categories,
.jci-posts-list .post-meta .post-categories {
	margin: 3px 0;
}

.jci-post-container .post-meta .post-categories li a,
.jci-posts-list .post-meta .post-categories li a{
	float: left;
	background-color: #2b82ce;
	padding: 7px 8px 5px;
	border-radius: 12px;
	margin: 5px 3px 0 0;
	display: inline-block;
	color: #fff;
	font-size: .875rem;
	line-height: 1.0;
	text-decoration: none;
	vertical-align: middle;
}

.jci-post-container .post-meta .post-categories li a:hover,
.jci-posts-list .post-meta .post-categories li a:hover{
	/*background-color: #003b86;*/
	background-color: #0058a4;
}

/***  english ***/
.jci-post-container .post-meta .post-categories li a[href$="/news-topics/"],
.jci-posts-list .post-meta .post-categories li a[href$="/news-topics/"] {
	display: none;
}

/*   //////   */

.jci-posts-list .post-body{
	color: #333;
	line-height: 1.3;/*1.24;*/
}

.jci-posts-list .post-body p:last-child{
	margin-bottom: .5rem;
}

.jci-posts-list .post a h2{
	font-size: 1.125rem;
	line-height: 1.18;
	margin-top: 10px;
	margin-bottom: 18px;
	font-weight: normal;
}


.post-footer{
	text-align: right;
	position: absolute;
	bottom: 7px;
	right: 7px;
}


/* ------------  PageNation   -------------*/

.jci-page-navi{
	margin: 50px auto;
	text-align: center;
	display: flex;
	justify-content: center;
}

.jci-page-navi .page-numbers{
	background-color: #b3b3b3;
	color: #333;
	font-size: 20px;
	text-decoration: none;
	padding: 11px 0 0;
	text-align: center;
	box-sizing: border-box;
	height: 40px;
	min-width: 40px;
	border-radius: 20px;
	white-space: nowrap;
	margin: 0 2px;
}

.page-numbers:hover,
.page-numbers.current{
	background-color: #2b82ce;
	color: #fff;
}

.page-numbers.prev,
.page-numbers.next{
	background: url(lib/img/_com/jci-pagination-arrow.png) no-repeat transparent;
	width: 40px;
	overflow: hidden;
	text-indent: -999px;	
}

.page-numbers.prev{
	background-position: 4px 0px;
}

.page-numbers.next{
	background-position: -44px 0;
}

.page-numbers.next:hover{
	background-position: -44px -40px;
}

.page-numbers.prev:hover{
	background-position: 4px -40px;
}



/* ------------     Application ( with Top Company List Under )     -------------*/

/*    jci-section-application   */

.jci-section-application{
	background-color: #ccdeed;
}

.jci-section-application{
	padding-top: 1px;
	padding-bottom: 1px;
	/*margin-top: 90px;*/
}

.jci-section-application h2{
	text-align: center;
	margin-top: 10px;
}

.jci-section-application .jci-section-inner{
	max-width: 964px;
	margin: 0px auto;
	/*background-color: rgba(255, 255, 255, .85);*/
	padding-top: 40px;
	padding-bottom: 40px;
}


.jci-section-4-end-contact-sanka{
	line-height: 1.0;
}

.jci-section-4-end-contact-sanka .jci-section-inner{
	padding-top: 0;
	padding-bottom: 0;
	margin: 0 auto;
}


.jci-section-4-end-contact-sanka .jci-section-inner > p:first-child,
#section-application h2 + p{
	font-size: 18px;
	line-height: 1.41;
	color: #000;
}


.jci-section-4-end-contact-sanka .jci-section-inner > p,
#section-application h2 + p,
#section-application h2 + p + p{
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.41;
}

.jci-section-4-end-contact-sanka .jci-app-2box,
.jci-section-application .jci-app-2box{
	width: 840px;
	display: flex;
	margin: 24px auto 0;
}

.jci-section-4-end-contact-sanka .jci-app-2box > div,
.jci-section-application .jci-app-2box > div{
	width: 420px;
	box-sizing: border-box;
}

.jci-section-4-end-contact-sanka .jci-app-2box > div:first-child,
.jci-section-application .jci-app-2box > div:first-child{
	padding-right: 40px;
}

.jci-section-4-end-contact-sanka .jci-app-2box > div:last-child,
.jci-section-application .jci-app-2box > div:last-child{
	padding-top: 29px;
	padding-left: 40px;
}

.jci-section-4-end-contact-sanka .jci-app-2box-left h3,
.jci-section-application .jci-app-2box-left h3{
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	padding-bottom: 10px;
	margin: 0;
}


.jci-section-4-end-contact-sanka .jci-app-2box-right h3,
.jci-section-4-end-contact-sanka .jci-app-2box-right p,
.jci-section-application .jci-app-2box-right h3,
.jci-section-application .jci-app-2box-right p{
	font-weight: normal;
	font-size: 14px;
	margin: 0;
	line-height: 1.7;
}

.jci-section-4-end-contact-sanka .jci-a-button,
.jci-section-application .jci-a-button{
	color: #fff;
	background-color: #2b82ce;
	text-align: center;
	display: block;
	font-size: 20px;
	padding: 24px 10px;
	text-decoration: none;
}

.jci-section-4-end-contact-sanka .jci-a-button:hover,
.jci-section-application .jci-a-button:hover{
	background-color: #0058a4;
}


@media all and (max-width: 990px){
	
	.jci-section-4-end-contact-sanka .jci-section-inner > p,
	#section-application h2 + p,
	#section-application h2 + p + p{
		max-width: 800px;
	}
	
	.jci-section-4-end-contact-sanka .jci-section-inner,
	.jci-section-application .jci-section-inner{
		width: auto;
	}
	
	.jci-section-application .jci-section-inner{
		padding-left: 40px;
		padding-right: 40px
	}
	
	.jci-section-4-end-contact-sanka .jci-app-2box,
	.jci-section-application .jci-app-2box{
		width: 800px;
		/*width: auto;*/
	}
	
	.jci-section-4-end-contact-sanka .jci-app-2box > div:first-child,
	.jci-section-application .jci-app-2box > div:first-child{
		padding-right: 0;
		/*width: 380px;*/
		width: 45%;
	}
	
	.jci-section-4-end-contact-sanka .jci-app-2box > div:last-child,
	.jci-section-application .jci-app-2box > div:last-child{
		padding-left: 30px;
		width: 55%;
	}
	
}

@media all and (max-width: 880px){
	
	.jci-section-4-end-contact-sanka .jci-app-2box, 
	.jci-section-application .jci-app-2box{
		width: auto;
	}
	
	.jci-section-4-end-contact-sanka .jci-app-2box > div:first-child,
	.jci-section-application .jci-app-2box > div:first-child{
		width: 40%;
	}
	
	.jci-section-4-end-contact-sanka .jci-app-2box > div:last-child,
	.jci-section-application .jci-app-2box > div:last-child{
		width: 60%;
	}

}

@media all and (max-width: 719px){
	
	.jci-section-4-end-contact-sanka .jci-app-2box, 
	.jci-section-application .jci-app-2box{
		display: block;
	}
	
	.jci-section-4-end-contact-sanka .jci-app-2box > div:first-child,
	.jci-section-application .jci-app-2box > div:first-child{
		padding-right: 0;
		/*width: 380px;*/
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.jci-section-4-end-contact-sanka .jci-app-2box > div:last-child,
	.jci-section-application .jci-app-2box > div:last-child{
		padding-left: 15px;
		width: 380px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media all and (max-width: 540px){
	
	
	.jci-section-application .jci-section-inner{
		padding-left: 20px;
		padding-right: 20px
	}
	
	.jci-section-4-end-contact-sanka .jci-app-2box > div:first-child,
	.jci-section-application .jci-app-2box > div:first-child{
		width: auto;
	}
	
	.jci-section-4-end-contact-sanka .jci-app-2box > div:last-child,
	.jci-section-application .jci-app-2box > div:last-child{
		padding-left: 0px;
		width: auto;
		text-align: center;
	}
	
	.jci-section-4-end-contact-sanka .jci-app-2box > div:last-child h3,
	.jci-section-4-end-contact-sanka .jci-app-2box > div:last-child p,
	.jci-section-application .jci-app-2box > div:last-child h3,
	.jci-section-application .jci-app-2box > div:last-child p{
		line-height: 1.21;
		margin: 12px 0;
	}
	
	
	.jci-section-4-end-contact-sanka .jci-app-2box > div:last-child span,
	.jci-section-4-end-contact-sanka .jci-app-2box > div:last-child a,
	.jci-section-application .jci-app-2box > div:last-child span,
	.jci-section-application .jci-app-2box > div:last-child a{
		display: inline-block;
	}

}

@media all and (max-width: 390px){
	
	.jci-section-4-end-contact-sanka .jci-app-2box > div:last-child a,
	.jci-section-application .jci-app-2box > div:last-child a{
		display: block;
	}
	
}

/*       投稿ページ　　*/

.jci-post-container{
	width: 980px;
	margin: 0 auto;
}

.jci-post-container .post-header{
	margin-top: 10px;/* 20px;*/
}

.jci-post-container .post-meta{
	padding-bottom: 10px;
}

.jci-post-container .post-meta::after{
	content: "";
	display: block;
	clear: both;	
}

.jci-post-meta-day{
	font-weight: bold;
	float: left;
	vertical-align: middle;
	padding-right: 10px;
	padding-top: 10px;
}

@media all and (max-width: 480px){
	
	.jci-post-meta-day.txt18{
		font-size: 1rem;
		padding-right: 5px;
		padding-top: 12px;
	}
}

@media all and (max-width: 400px){
	
	.jci-post-meta-day.txt18{
		font-size: .875rem;
		padding-right: 5px;
		padding-top: 12px;
	}
}


.jci-post-container .post-header h2{
	font-size: 2.375rem;/*38px*/
	font-weight: normal;
	margin-bottom: 30px;
	line-height: 1.21;
}


@media all and (max-width: 767px){
	.jci-post-container .post-header h2{
		font-size: 2rem;/*32px*/
		margin-bottom: 20px;
	}
}

@media all and (max-width: 480px){
	.jci-post-container .post-header h2{
		font-size: 1.875rem;/*    30px   */
		margin-bottom: 15px;
	}
}

.jci-post-container .post-body{
 line-height: 1.41;
}

.jci-post-container .post-body em{
	display: inline-block;
}


.jci-post-container .post-body p:first-child{
	margin-top: 0;
}

.jci-post-container .post-body h1,
.jci-post-container .post-body h2,
.jci-post-container .post-body h3,
.jci-post-container .post-body h4,
.jci-post-container .post-body h5,
.jci-post-container .post-body h6{
	font-size: 1.875rem;/*    30px   */
	font-weight: normal;
	margin-top: 1rem;/*    16px   */
	margin-bottom: 1rem;/*    16px   */
}

.jci-post-container .post-body h4{
	font-size: 1.6875rem;/*    27px   */
}

.jci-post-container .post-body h5{
	font-size: 1.5rem;/*    24px   */
}

.jci-post-container .post-body h6{
	font-size: 1.3125rem;/*    21px   */
}


.jci-post-container .post-body ul,
.jci-post-container .post-body ol{
	margin-left: 2rem;
}

.jci-post-container .post-body ul li,
.jci-post-container .post-body ol li{
	margin-top: 1em;
	margin-bottom: 1em;
}

.jci-post-container .post-body li li{
	margin-top: .5em;
	margin-bottom: .5em;
}

.jci-post-container .post-body a{
	word-wrap: break-word;
	word-break: break-all;
}

/*
.jci-post-container .post-body li p + ul li:first-child{
	margin-top: 0;
}*/
.jci-post-container .post-body li p + ul{
	margin-top: -.5em;
}

.jci-post-container .post-body li ul,
.jci-post-container .post-body li ol{
	margin-left: 2rem;
}

.jci-post-container .post-body ul li p:first-child,
.jci-post-container .post-body ol li p:first-child{
	margin-top: .8em;
}

.jci-post-container .post-body li li{
	list-style:disc;
}

@media all and (max-width: 767px){
	.jci-post-container .post-body h1,
	.jci-post-container .post-body h2,
	.jci-post-container .post-body h3{
		font-size: 1.75rem;/*    28px   */
	}
	
	.jci-post-container .post-body h4{
		font-size: 1.5rem;/*    24px   */
	}
	
	.jci-post-container .post-body h5{
		font-size: 1.3125rem;/*    21px   */
	}
	
	.jci-post-container .post-body h6{
		font-size: 1.125rem;/*    18px   */
	}
	
}


@media all and (max-width: 440px){
	
	.jci-post-container .post-header h2{
		font-size: 1.6875rem;/*    27px   */
	}
	
	.jci-post-container .post-body h1,
	.jci-post-container .post-body h2,
	.jci-post-container .post-body h3{
		font-size: 1.5rem;/*    24px   */
	}
	
	.jci-post-container .post-body h4{
		font-size: 1.375rem;/*    22px   */
	}
	
	.jci-post-container .post-body h5{
		font-size: 1.25rem;/*    20px   */
	}
	
	.jci-post-container .post-body h6{
		font-size: 1.125rem;/*    18px   */
	}
	
	.jci-post-container .post-body ul,
	.jci-post-container .post-body ol{
		margin-left: 1.8rem;/*2rem*/
	}

	.jci-post-container .post-body li ul,
	.jci-post-container .post-body li ol{
		margin-left: 1.2rem;
	}
}


.jci-post-container .post-body a[target]::after{
	content: url(lib/img/_com/link_tab_win.png);
	vertical-align: middle;
	margin-left: 5px;
	margin-bottom: -2px;
		
}



/*    =====   Single Page (POST)  ======     */

.jci-post-container::after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}


.jci-post-container #sidebar{
	float: right;
	width: 260px;
}

.jci-post-container .post-content{
	float: left;
	width: 680px;
}





.jci-post-container.jci-page.jci-page-1col .post-content{/*   固定ページ  */
	float: none;
	width: auto;
}

.jci-post-container.jci-page.jci-page-1col.jci-page-ref-info .post-content{/*   固定ページ -参考資料   */

	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
}





.jci-post-container .post-header{
	/*width: 980px;*/
}

.jci-post-container .navigation{
	clear: both;
}

/*    =====   Single Page  Image  ======     */

.alignleft,
.alignright,
.aligncenter {
	height: auto;
	max-width: 100%;
}


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

.alignright {
	float: right;
	margin: 0.5em 0 0.5em .9em;
}

.alignleft {
	float: left;
	margin: 0.5em 1em 0.5em 0;
}

p .alignleft,
p .alignright{
	margin-bottom: 0;
	margin-top: 0;
}

.alignleft,
.alignright{
	width: 33.333%;/*41.1764%;*/
}

@media all and (max-width: 960px){
	.alignleft,
	.alignright{
		width: 39%;
	}
}

@media all and (max-width: 767px){
	.alignleft,
	.alignright{
		width: 36%;
	}
}

@media all and (max-width: 479px){
	.alignleft,
	.alignright{
		width: 43%;
		margin-top: 0.25em;
	}
}

@media all and (max-width: 430px){
	.alignleft,
	.alignright{
		width: 47.5%;
		margin-top: 0.25em;
	}
}


/*    =====   Siidebar Menu ======     */

.jci-sidebar-menu{}

.jci-sidebar-menu h2{
	padding-bottom: 0px;
	border-bottom: 3px solid #2b82ce;
	height: auto;
}

.jci-sidebar-menu ul{
	list-style:none;
}

.jci-sidebar-menu li {
	margin: 6px 0;
}

.jci-sidebar-menu li a{
	font-size: 1.0rem;/*1.125rem;*/
	background-color: #dfdfdf;
	text-decoration:none;
	color: #505050;
	padding: 9px 15px;
	border-radius: 18px;/*19px;*/
	display: block;	
}

.jci-sidebar-menu li a:hover{
	background-color: #2b82ce;
	color: #fff;
}

.jci-sidebar-menu h2 + .widget{
	
}

.jci-sidebar-menu h2 + .widget li ul{
	margin-top: 6px;
}

.jci-sidebar-menu h2 + .widget li ul,
.jci-sidebar-menu .widget + .widget_text {
	border-top: 3px dotted #bbb;
}


.jci-sidebar-menu .widget h3{
	display: none;
}

.jci-sidebar-menu h2 + .widget > ul > li:first-child > a{
	color: rgba(0,0,0,0);
}

.jci-sidebar-menu h2 + .widget > ul > li:first-child > a::before{
	/*content: "すべて";*/
	content: "All";
	color: #505050;
}


.jci-sidebar-menu h2 + .widget > ul > li:first-child > a:hover::before{
	color: #fff;
}

/*    =====   RSD    ======     */


@media all and (max-width: 1080px){
	
	.jci-post-container{
		width: auto;
		padding-left: 40px;
		padding-right: 40px
	}
	
	.jci-post-container .post-content{
		width: calc(100% - 300px);
	}
	

}

@media all and (max-width: 860px){
	
	.jci-post-container #sidebar{
		width: 232px;
	}
	
	.jci-sidebar-menu li a{
		font-size: 1rem;
	}
	
	.jci-post-container .post-content{
		width: calc(100% - 260px);
	}
	
}


@media all and (max-width: 767px){
	
	.jci-post-container{
		padding-left: 30px;/*  20px;  */
		padding-right: 30px;/*  20px;  */
	}
	
	.jci-post-container .post-content{
		width: auto;
		float: none;
	}
	
	.jci-post-container #sidebar{
		width: auto;
		float: none;
	}
	
	.jci-navigation-bottom-pagenavi.jci-pc{
		display: none;
	}
	
}

@media all and (max-width: 600px){
	
	.jci-post-container{
		padding-left: 20px;/*  20px;  */
		padding-right: 20px;/*  20px;  */
	}

}

@media all and (max-width: 400px){
	
	.jci-post-container{
		padding-left: 10px;/*  20px;  */
		padding-right: 10px;/*  20px;  */
	}

}








/*    =====   Single Page Bottom Navigation   ======     */

.navigation{}
.jci-navigation-bottom-pagenavi{
	padding: 40px 0;
	/*height: 30px;*/
}

.jci-navigation-bottom-pagenavi::after{
	content: "";
	display: block;
	clear: both;
}

.jci-navigation-bottom-pagenavi.jci-smp{
	display: none;
}

@media all and (max-width: 767px){
	
	.jci-navigation-bottom-pagenavi.jci-smp{
		display: block;
	}
	
}

.jci-navigation-bottom-pagenavi .prev{
	float: left;
	white-space: nowrap;
}

.jci-navigation-bottom-pagenavi .next{
	float: right;
	white-space: nowrap;
}

.jci-navigation-bottom-pagenavi div{
	display: inline-block;
	vertical-align: middle;
	margin: .3rem 0;
}

.jci-navigation-bottom-pagenavi a{
	padding: 10px 12px 10px 15px;
	box-sizing: border-box;
	background-color: #2b82ce;
	text-decoration: none;
	display: inline-block;
	color: #fff;
	border-radius: 20px;
	max-width: 340px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
}

@media all and (max-width: 999px){
	
	.jci-navigation-bottom-pagenavi a{
		max-width: 300px;
	}
	
}


@media all and (max-width: 480px){
	
	.jci-navigation-bottom-pagenavi a{
		max-width: 260px;
	}
	
}


@media all and (max-width: 410px){
	
	.jci-navigation-bottom-pagenavi,
	.jci-navigation-bottom-pagenavi > div{
		width: 100%;
	}
	
	.jci-navigation-bottom-pagenavi a{
		/*max-width: 260px;*/
		max-width: calc(100% - 110px);
	}
	
}




.jci-navigation-bottom-pagenavi a:hover{
	background-color: #0058a4;
}

.jci-arrow-next,
.jci-arrow-prev{
	display: inline-block;
	vertical-align: middle;
	background-image: url(lib/img/_com/jci-single-arrow-prev.png);
	background-repeat: no-repeat;
	width: 30px;
	height: 19px;
	overflow: hidden;
	text-indent: -999px;
}

.jci-arrow-next{
	background-image: url(lib/img/_com/jci-single-arrow-next.png);
}




/*  ======= New ========= */

.post-image{
	position: relative;
}

.post-image::after{
	content: "NEW";
	font-size: 12px;
	position:absolute;
	transform: rotate(45deg);
	right: 2px;
	top: 12px;
	font-weight: bold;
	color: #fff;
}

.post-image::before{
	content: "";
	display: block;
	height: 0;
	width: 0;
	
	border-top: 24px solid rgba(35,88,159,.75);
  	border-right: 24px solid rgba(35,88,159,.75);
  	border-bottom: 24px solid rgba(0,0,0,0);
  	border-left: 24px solid rgba(0,0,0,0);
	
	position:absolute;
	right: 0;
	top: 0;
	font-weight: bold;
	color: #fff;
}


.category-news-topics .post:first-child .post-image::before,
.category-news-topics .post:first-child .post-image::after,
.post:first-child .post-image::before,
.post:first-child .post-image::after{
	display: block;
}

.category .post .post-image::before,
.category .post .post-image::after,
.date .post .post-image::before,
.date .post .post-image::after,
.post .post-image::before,
.post .post-image::after,
.paged .post .post-image::before,
.paged .post .post-image::after{
	display: none;
}


.home .post.sticky + .post .post-image::before,
.home .post.sticky + .post .post-image::after,
.post.sticky .post-image::before,
.post.sticky .post-image::after{
	display: block;
}


.paged .post .post-image::before,
.paged .post .post-image::after{
	display: none!important;
}


/* -----------------------------------------------
 *          YOU TUBE
 * ----------------------------------------------- */

@media all and (max-width: 540px){
	.vimeo iframe,
	iframe[src*="youtube"] {
		max-width: 500px;
		width: 100%;
		/*height: auto;*/
		/*height: calc((100vw-40px)*0.562);*/
		/*width: auto;*/
	}
}

/* -----------------------------------------------
 *          VIMEO
 * ----------------------------------------------- */

	.vimeo iframe,
	iframe[src*="vimeo"] {
		
		max-width: 500px;
		width: 100%;

	}


/*   ================   Over Wright  ==================   */

.b{
	font-weight: bold;
}

.n{
	font-weight:normal;
}

.nowrap{
	white-space: nowrap;
}