body {
	font-size:14px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
}
.text-area p{font-size: 1.2em; line-height: 1.8em;}
.navbar-brand {
  background: url("../img/jt_logo.svg") no-repeat left center;
  background-size: contain;
  height: 50px;
  width: 250px;
}
.phrase h2 {font-size: 1.6em; color: #2194D2; text-align: center;  line-height: 1.8;}
.underline-gradient{
  font-size: 1.5em;
  font-weight: bold;
  background-image: linear-gradient(to right, #FFF35A,  #007278);
  background-repeat: no-repeat;
  background-size: 100% 7%;
  background-position: bottom;
}

.text-white{color: #fff;}

.main-top{
	background-color: #AED5FD;
  padding: 0;
}

.main-image h1{ padding: 0; margin: 0;}

.main-image{
	position: relative;
	}
.sakura-r {
    position: absolute;
    right: 0px;
    top: 50px;
}
.sakura-l {
    position: absolute;
    left: -220px;
    top: 0px;
}

@media screen and (max-width: 980px) {
  .sakura-r {
    position: absolute;
    right: -180px;
    top: -110px;
    width: 50%;
  }
  .sakura-l {
    position: absolute;
    left: -150px;
    top: 0px;
    width: 50%;
  }
}


@media screen and (max-width: 480px) {
.t01 {font-size: 1.2em;}
.t02 {font-size: 1.5em; line-height: 1.8; margin-bottom: 10px;}
.t03 {font-size: 1.3em;}
.sakura-r {display: none;}
.sakura-l {display: none;}
}



.works{background-color: #0085CC;}
.works h3{color: #fff; text-align: center; }


.btn-works {
	background: #0085CC;
	color: #fff;
	border: 1px solid #fff;
	display: inline-block;
	padding: .6em 2.5em .6em 2em;
	margin: 0 0 1em;
	cursor: pointer;
	position: relative;
}

.btn-works:hover, .btn-works:focus,
.btn-works:active, .btn-works:active:focus, .btn-works:active:hover, .btn-works:active.focus,
.btn-works.active, .btn-works.active:focus, .btn-works.active:hover, .btn-works.active.focus,
.open > .dropdown-toggle.btn-works,
.open > .dropdown-toggle.btn-works:hover,
.open > .dropdown-toggle.btn-works:focus,
.open > .dropdown-toggle.btn-works.focus,
.btn-works.disabled:hover, .btn-works[disabled]:hover, fieldset[disabled] .btn-works:hover,
.btn-works.disabled:focus, .btn-works[disabled]:focus, fieldset[disabled] .btn-works:focus,
.btn-works.disabled.focus, .btn-works[disabled].focus, fieldset[disabled] .btn-works.focus {
    background: #3DA3E3;
    color: #fff;
}

.btn-works.outline {
    border: 3px solid #fff;
    color: #000;
}

.btn-works::after {
  position: absolute;
  content: '\f061';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  top: 50%;
  right: .8em;
  left: auto;
  bottom: auto;
  transform: translateY(-50%);
}


.works .title{
	background-image:url("../img/bg_title_b.svg");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top;
	color: #fff;
	font-size: 3.0em;
	padding: 1.0em 0em;
	text-align: center;
	}

@media (min-width: 768px) {
	.navbar-nav > li > a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}

}
@media  (max-width: 580px){
		.works .title{
		background-image:url("../img/bg_title_b.svg");
		background-size:contain;
		background-repeat:no-repeat;
		background-position:top;
		color: #fff;
		font-weight: bold;
		font-size: 1.5em;
		padding: 1.4em 0em;
		text-align: center;
	}
}

.navbar-cambodia {
  background-color: #fff;
}
.navbar-cambodia .navbar-brand {
	margin: 10px;
  color: #0085CC;
}
.navbar-cambodia .navbar-brand:hover,
.navbar-cambodia .navbar-brand:focus {
  color: #fff;
}
.navbar-cambodia .navbar-text {
  color: #0085CC;
}
.navbar-cambodia .navbar-nav > li > a {
  color: #0085CC;margin-top: 10px;
}
.navbar-cambodia .navbar-nav > li > a:hover,
.navbar-cambodia .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #AED5FD;
}
.navbar-cambodia .navbar-nav > .active > a,
.navbar-cambodia .navbar-nav > .active > a:hover,
.navbar-cambodia .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #0085CC;
}
.navbar-cambodia .navbar-nav > .open > a,
.navbar-cambodia .navbar-nav > .open > a:hover,
.navbar-cambodia .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #009FE7;
}
.navbar-cambodia .navbar-toggle {
  border-color: #009FE7;
    margin-top: 17px;
}
.navbar-cambodia .navbar-toggle:hover,
.navbar-cambodia .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-cambodia .navbar-toggle .icon-bar {
  background-color:  #009FE7;
	transition: all .3s;
}
.navbar-cambodia .navbar-collapse,
.navbar-cambodia .navbar-form {
  border-color: #3e0e2a;
}
.navbar-cambodia .navbar-link {
  color: #3e0e2a;
}
.navbar-cambodia .navbar-link:hover {
  color: #d6a5bc;
}

.navbar-cambodia .clicked {
  position: relative;
  width: 44px;
  height: 34px;
  background-color:#fff;
}

.navbar-cambodia .clicked span:nth-of-type(2) {
	position: absolute;
	transform: rotate(-45deg);
	transition: all .3s;
	top: 45%;
	left: 25%;
}

.navbar-cambodia .clicked span:nth-of-type(3) {
	opacity: 0;
	transition: all .3s;
}

.navbar-cambodia .clicked span:nth-of-type(4) {
	position: absolute;
	transform: rotate(-135deg);
	transition: all .3s;
	top: 32%;
	left: 25%;
}

.comingsoon{background-color:#fff;}

caption{}


.scroll_top {
  position: fixed;
  width: 4rem;
  height: 4rem;
  box-sizing: border-box;
  bottom: 0.5rem;
  right: 0.5rem;
  text-decoration: none;
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
/* カンボジアトップのリンク */
.terms_menu{
	display: flex;
  background:#0085CC;
}
.topics{
	background: #D4EAF6;
	padding: 15px 20px;
	margin-left: auto;
	margin-right: auto;
}
.topics_left{padding: 0;}
.topics_right{
	position: relative;
	height: 100%;
}

.topics img{
	width: 100%;
}
.topics_special{
	margin-top: 0;
	padding: 5px;
	width: 170px;
  text-align: center;
	border-radius: 15px;
	font-size: 1em;
	font-weight: bold;
	background: #0085cc;
	color: #fff;
	line-height: 1;
}
.topics_content{
	position: absolute;
	top: 30%;
	margin-left: 25px;
}
.topics_date{
	margin-top: 1.0em;
	font-size: 0.8em;
	color: #0085cc;
}
.topics_title{
	font-size: 1.1em;
	font-weight: bold;
	padding-right: 10px;
}
.topics_title a{
	font-size: 1.2em;
	text-decoration: underline;
}
.topics_content:lang(km){
	top: 25%;
}
.topics_title a:lang(km){
	font-size: 1em;
}

@media (max-width: 768px){
	.topics_right{
		margin-top: 30px;
		height: auto;
	}
	.topics_content{
		position: inherit;
	}
}

/* リンク集有り */

.terms_menu{
	display: flex;
  background:#0085CC;
}
.topics{
	background: #D4EAF6;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
.topics_left{
	padding: 20px;
}
.topics_left .topics_title{
	margin-top: 0;
	font-weight: bold;
	font-size: 0.7em;
	color: #0085CC;
}
.topics_right{
	position: relative;
	height: 100%;
	
}
.topics_right .terms_title{
	margin: 10px 0 10px 0;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
}

.topics a{
	display: block;
  position: relative;
	width: auto;
}
.topics a img{
	width: 100%;
	background: #fff;
}
.topics a:hover img{
	opacity: 0.7;
}
.topics_text{
	position: absolute;
	bottom: 0;
	padding: 0 3%;
	background-color: rgba(255,255,255 ,0.2);
	color: #fff;
}

.terms_link{
	padding: 20px;
}

.terms_link a{
	position: relative;
	display: inline-block;
	width: 48%;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 10px 15px;
	background: #fff;
	font-size: 14px;
	font-weight: bold;
	color: #888888;
	transition: .4s;
}

.terms_link a:hover{
	text-decoration: none;
	background: #D4EAF6;
	transition: .4s;
}
.terms_link a::after {
	position: absolute;
	top: 7px;
	right: 12px;
  margin-left: 10px;
	font-size: 20px;
  content: "\f1c1";
  color: #DA5F6B;
  font-family: "Font Awesome 5 Free";
}


@media (max-width: 768px){
	.topics_right{
		height: auto;
}
	.topics_content{
		position: inherit;
	}
	.terms_link a{
		width: 100%;
	}
	.topics_text{
		font-size: 1.5em;
	}
}



.Library_link_bt{
	padding: 40px;

}

.Terms_bt {
  display: inline-block;
  padding: 1.2em 1.2em;
  text-decoration: none;
  background: #05479F;/*ボタン色*/
  color: #FFF;
 border:1px #fff solid;
  border-radius: 8px;
  width: 100%;
  font-size: 18px;
  margin-bottom: 20px;
}

.Terms_bt:visited,
.Terms_bt:hover,
.Terms_bt:active {
	color: #FFF;
	text-decoration: none;
	background: #033474;/*ボタン色*/
}


.Users_bt {
  display: inline-block;
  padding: 1.2em 1.2em;
  text-decoration: none;
  background: #08ACB2;/*ボタン色*/
  color: #FFF;
 border:1px #fff solid;
  border-radius: 8px;
  width: 100%;
  font-size: 18px;
  margin-bottom: 20px;
}
.Users_bt:visited,
.Users_bt:hover,
.Users_bt:active  {
	color: #FFF;
	text-decoration: none;
	background: #02767E;/*ボタン色*/

}






@media (max-width: 768px){

	.Library_link_bt a{
		width: 100%;
	}
}






/*-- footer---*/
#footer{ background-color:#f9f9f9;}
#footer a{ color:#000; text-decoration:underline;}
#footer a:hover{ color:#488b85; text-decoration:underline;}
.footer_sitemap_list ul {display: flex;padding-left:15px;padding-right:15px;margin:30px 0;}
.footer_sitemap_list li {list-style-type: none;color: #000;flex-grow: 1;text-align: center;}
.footer_sitemap_list li + li {border-left: 1px solid #ccc;}
#footer_logo{padding:20px 0px; text-align:center;}
#copyright{ background-color:#333; color:#FFF; font-size:63%; text-align:center; padding:1.8em;}
@media screen and (max-width:767px) {.footer_sitemap_list li {font-size: 12px;}}



/* margin */
.mt00 { margin-top:  0px !important;}.mt05 { margin-top:  5px !important;}.mt10 { margin-top: 10px !important;}.mt15 { margin-top: 15px !important;}.mt20 { margin-top: 20px !important;}.mt25 { margin-top: 25px !important;}.mt30 { margin-top: 30px !important;}.mt35 { margin-top: 35px !important;}.mt40 { margin-top: 40px !important;}.mr00 { margin-right:  0px !important;}.mr05 { margin-right:  5px !important;}.mr10 { margin-right: 10px !important;}.mr15 { margin-right: 15px !important;}.mr20 { margin-right: 20px !important;}.mr25 { margin-right: 25px !important;}.mr30 { margin-right: 30px !important;}.mr35 { margin-right: 35px !important;}.mr40 { margin-right: 40px !important;}.mb00 { margin-bottom:  0px !important;}.mb05 { margin-bottom:  5px !important;}.mb10 { margin-bottom: 10px !important;}.mb15 { margin-bottom: 15px !important;}.mb20 { margin-bottom: 20px !important;}.mb25 { margin-bottom: 25px !important;}.mb30 { margin-bottom: 30px !important;}.mb35 { margin-bottom: 35px !important;}.mb40 { margin-bottom: 40px !important;}.ml00 { margin-left:  0px !important;}.ml05 { margin-left:  5px !important;}.ml10 { margin-left: 10px !important;}.ml15 { margin-left: 15px !important;}.ml20 { margin-left: 20px !important;}.ml25 { margin-left: 25px !important;}.ml30 { margin-left: 30px !important;}.ml35 { margin-left: 35px !important;}.ml40 { margin-left: 40px !important; }
/* padding */
.pt00 { padding-top:  0px !important; }.pt05 { padding-top:  5px !important; }.pt10 { padding-top: 10px !important; }.pt15 { padding-top: 15px !important; }.pt20 { padding-top: 20px !important; }.pt25 { padding-top: 25px !important; }.pt30 { padding-top: 30px !important; }.pt35 { padding-top: 35px !important; }.pt40 { padding-top: 40px !important; }.pr00 { padding-right:  0px !important; }.pr05 { padding-right:  5px !important; }.pr10 { padding-right: 10px !important; }.pr15 { padding-right: 15px !important; }.pr20 { padding-right: 20px !important; }.pr25 { padding-right: 25px !important; }.pr30 { padding-right: 30px !important; }.pr35 { padding-right: 35px !important; }.pr40 { padding-right: 40px !important; }.pb00 { padding-bottom:  0px !important; }.pb05 { padding-bottom:  5px !important; }.pb10 { padding-bottom: 10px !important; }.pb15 { padding-bottom: 15px !important; }.pb20 { padding-bottom: 20px !important; }.pb25 { padding-bottom: 25px !important; }.pb30 { padding-bottom: 30px !important; }.pb35 { padding-bottom: 35px !important; }.pb40 { padding-bottom: 40px !important; }.pl00 { padding-left:  0px !important; }.pl05 { padding-left:  5px !important; }.pl10 { padding-left: 10px !important; }.pl15 { padding-left: 15px !important; }.pl20 { padding-left: 20px !important; }.pl25 { padding-left: 25px !important; }.pl30 { padding-left: 30px !important; }.pl35 { padding-left: 35px !important; }.pl40 { padding-left: 40px !important; }

.terms {
	color: #fff;
	padding-bottom: 1rem;
}