@charset "utf-8";

/* ---------------------------------------- 
 - mainTitle 
---------------------------------------- */
#mainTitle #mainTitleCol {
	padding:105px 0 90px;
	position:relative;
	width: 100%;
    max-width: 1200px;
	margin:0 auto;
}
#mainTitle #mainTitleCol h2 {
	width:55%;
	max-width:550px;
	margin:0 0 auto 8%;
}
@media screen and (min-width: 1200px) {

}
@media screen and (max-width: 768px) {
	#mainTitle #mainTitleCol {
		padding:5.0em 0 4.5em;
	}
	#mainTitle #mainTitleCol h2 {
		width: 82%;
		margin: 0 auto;
	}
}

/* ---------------------------------------- 
 - lead 
---------------------------------------- */
#lead {
	position:relative;
	width: 100%;
    max-width: 1080px;
	margin-left:auto;
	padding: 0 0 60px 10%;
	box-sizing: border-box;
}
#lead #leadCol {
	position:relative;
	width: 80%;
	max-width: 695px;
	margin:0 auto;
	padding-right: 50px;
}
#lead #leadCol .leadText {
	width: 62%;
    max-width: 430px;
    padding: 0 5%;
    box-sizing: border-box;
}
#lead #leadCol .titleBox {
	width:100%;
	max-width:695px;
	padding: 13px 0 0;
}
#lead #leadCol .titleBox .en {
	width: 50%;
    max-width: 280px;
    margin-left: auto;
    padding: 0 5% 0 0;
}
#lead #leadCol .titleBox .ttl {
	width:90%;
	max-width:615px;
	padding: 12px 5%;
	border-top: solid 1px #003280;
	border-bottom: solid 1px #003280;
}
#lead #leadCol .txt {
	text-align: left;
	padding: 25px 5% 0;
	font-size: 15px;
}
#lead #leadCol .txt span {
	color:#FF0000;
	font-weight: bold;
}
@media screen and (min-width: 1200px) {
	#lead {
		margin: 0 auto;
	}
}
@media screen and (max-width: 768px) {
	#lead {
		padding: 0 0 3.0em;
	}
	#lead #leadCol {
		width: 100%;
		max-width: 100%;
		margin:0 auto;
		padding-right: 0;
	}
	#lead #leadCol .leadText {
		width: 85%;
		padding: 0 10%;
	}
	#lead #leadCol .titleBox {
		width:100%;
		max-width:695px;
		padding: 13px 0 0;
	}
	#lead #leadCol .titleBox .en {
		width: 40%;
		max-width: 280px;
		padding: 0 10% 0 0;
	}
	#lead #leadCol .titleBox .ttl {
		width:80%;
		max-width:80%;
		padding: 1.0em 10%;
		text-align: left;
	}
	#lead #leadCol .titleBox .ttl img {
		width:90%;
	}
	#lead #leadCol .txt {
		padding: 1.5em 10% 0;
		font-size: 14px;
	}
}

/* ---------------------------------------- 
 - tour 
---------------------------------------- */
#tour {
	position:relative;
	width: 100%;
    max-width: 1080px;
	margin-left:auto;
	padding: 0 0 75px 8%;
	box-sizing: border-box;
}
#tour #tourCol {
	position:relative;
	width: 100%;
	max-width: 888px;
	margin:0 auto;
}
#tour #tourCol .ttl {
	width:100%;
	max-width:888px;
}
#tour #tourCol .txt {
	text-align: left;
    padding: 25px 8%;
    font-size: 15px;
    width: 100%;
    max-width: 785px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-right: 50px;
}
@media screen and (min-width: 1200px) {
	#tour {
		margin: 0 auto;
	}
}
@media screen and (max-width: 768px) {
	#tour {
		margin: 0 auto;
		padding: 0 0 3.5em;
	}
	#tour #tourCol {
		width: 100%;
		max-width: 100%;
		margin:0 auto;
	}
	#tour #tourCol .ttl {
		width:100%;
		max-width:100%;
	}
	#tour #tourCol .txt {
		padding: 1.5em 0 0;
		font-size: 14px;
		width: 80%;
		max-width: 785px;
		margin: 0 auto;
		padding-right: 0;
	}
}

/* ---------------------------------------- 
 - abroad 
---------------------------------------- */
.abroad {
	position:relative;
	width: 100%;
    max-width: 1080px;
	margin-left:auto;
	padding: 0 0 80px 10%;
	box-sizing: border-box;
}
.abroad .abroadCol {
	position:relative;
	width: 100%;
	margin:0 auto;
}
.abroad .abroadCol .abroadBox {
	position:relative;
	width: 100%;
	margin:0 0 0 auto;
	background: #fff;
	padding: 50px 4% 40px;
	box-sizing: border-box;
}
.abroad .abroadCol .abroadBox .ttl {
	width:30%;
	max-width:244px;
	position: absolute;
    top: -1.4%;
}
#india .abroadCol .abroadBox .country { /* india */
	width:45%;
	max-width:388px;
	padding: 0 0 25px;
}
#lithuania .abroadCol .abroadBox .country { /* lithuania */
	width:93%;
	max-width:722px;
	padding: 0 0 25px;
}
.abroad .abroadCol .abroadBox .lead {
	text-align: left;
    font-size: 13px;
	padding: 0 0 20px;
}
.abroad .abroadCol .abroadBox .map {
	width:100%;
	max-width:765px;
}
.abroad .abroadCol .abroadBox .pht {
	width:100%;
	max-width:765px;
}
.abroad .abroadCol .abroadBox .txt {
	text-align: left;
    font-size: 13px;
	padding: 10px 0 30px;
}
.abroad .abroadCol .abroadBox dl.town {
	text-align: left;
    font-size: 13px;
}
.abroad .abroadCol .abroadBox dl.town dt {
	font-weight: bold;
}
.abroad .abroadCol .abroadBox .flagBox {
	display: none;
}
@media screen and (min-width: 1200px) {
	.abroad {
		margin: 0 auto;
	}
}
@media screen and (max-width: 768px) {
	.abroad {
		width: 100%;
		max-width: 1080px;
		margin: 0 auto;
		padding: 0 0 2.0em;
	}
	.abroad .abroadCol .abroadBox {
		width: 100%;
		margin:0 auto;
		padding: 2.5em 5% 2.0em;
	}
	.abroad .abroadCol .abroadBox .ttl {
		width:45%;
		max-width:300px;
	}
	#india .abroadCol .abroadBox .country { /* india */
		width:55%;
		max-width:375px;
		padding: 0 0 1.2em;
	}
	#lithuania .abroadCol .abroadBox .country { /* lithuania */
		width:98%;
		max-width:660px;
		padding: 0 0 1.2em;
	}
	.abroad .abroadCol .abroadBox .lead {
		font-size: 13px;
		padding: 0 0 1.0em;
	}
	.abroad .abroadCol .abroadBox .map {
		width:100%;
		max-width:100%;
	}
	.abroad .abroadCol .abroadBox .pht {
		width:100%;
		max-width:100%;
	}
	.abroad .abroadCol .abroadBox .txt {
		font-size: 13px;
		padding: 1.0em 2% 1.5em;
	}
	.abroad .abroadCol .abroadBox dl.town {
		font-size: 13px;
		padding: 0 2%;
	}
	.abroad .abroadCol .abroadBox .flagBox {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.abroad .abroadCol .abroadBox .flagBox .flag {
		width: 35%;
    	padding: 0 5%;
		box-sizing: border-box;
	}
	.abroad .abroadCol .abroadBox .flagBox .flag img {
		width:100%;
		max-width: 160px;
	}
	.abroad .abroadCol .abroadBox .flagBox .textBox {
		width:65%;
		text-align: left;
	}
	.abroad .abroadCol .abroadBox .flagBox .textBox dl {
		display: flex;
		flex-flow: wrap;
		font-size: 10px;
		padding: 1.0em 0;
	}
	.abroad .abroadCol .abroadBox .flagBox .textBox dl dt {
		width:15%;
	}
	.abroad .abroadCol .abroadBox .flagBox .textBox dl dd {
		width:80%;
	}
	.abroad .abroadCol .abroadBox .flagBox .other {
		font-size: 10px;
		padding: 0 0 1.0em;
	}
}

/* moviedBox */
.abroad .abroadCol .movieBox {
	width: 100%;
	margin:0 0 0 auto;
	padding: 40px 4% 0;
	box-sizing: border-box;
}
.abroad .abroadCol .movieBox ul {
	display: flex;
	width: 100%;
}
.abroad .abroadCol .movieBox ul li {
	width: 43%;
	padding-right:9%;
}
.abroad .abroadCol .movieBox ul li:nth-child(even) {
	padding-right:0;
}
.abroad .abroadCol .movieBox ul li dl dt {
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	padding: 0 0 5px;
}
.abroad .abroadCol .movieBox ul li dl dt span {
	border-left:solid 5px #003280;
	padding: 0 0 0 5px;
}
.abroad .abroadCol .movieBox ul li dl dd {
	font-size: 12px;
	text-align: left;
	padding: 0 0 10px;
}
.abroad .abroadCol .movieBox .movie {
    position: relative;
    width: 100%;
    padding-top: 56%;
    overflow: hidden;
}
.abroad .abroadCol .movieBox ul li .movie > a,
.abroad .abroadCol .movieBox ul li .movie > span{
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
	display: block;
}
.abroad .abroadCol .movieBox ul li .movie > a img,
.abroad .abroadCol .movieBox ul li .movie > span img{
    position: absolute;
    top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
.abroad .abroadCol .movieBox ul li .movie > a:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 30px;
    content: '';
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    /*opacity: .7;*/
    border-radius: 7px;
    background: #ff0000;
}
.abroad .abroadCol .movieBox ul li .movie > a:hover:before {
    background: #000;
}
.abroad .abroadCol .movieBox ul li .movie > a:after {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    content: '';
    -webkit-transform: translate(-30%,-50%);
    transform: translate(-30%,-50%);
    border-width: 7px 0 5px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}
@media screen and (max-width: 768px) {
	.abroad .abroadCol .movieBox {
		width: 100%;
		margin:0 auto;
		padding: 2.0em 7%;
	}
	.abroad .abroadCol .movieBox ul {
		display: block;
		width: 100%;
	}
	.abroad .abroadCol .movieBox ul li {
		width: 100%;
		padding:0 0 2.5em;
	}
	.abroad .abroadCol .movieBox ul li:nth-child(even) {
		padding:0 0 2.5em;
	}
	.abroad .abroadCol .movieBox ul li:last-child {
		padding:0 0 0;
	}
	.abroad .abroadCol .movieBox ul li dl dt {
		font-size: 20px;
	}
	.abroad .abroadCol .movieBox ul li dl dd {
		font-size: 12px;
	}
}

/* ---------------------------------------- 
 - notice 
---------------------------------------- */
#notice {
	position:relative;
	width: 100%;
    max-width: 1080px;
	margin-left:auto;
	padding: 0 0 80px 10%;
	box-sizing: border-box;
}
#notice #noticeCol {
	position:relative;
	width: 100%;
	margin:0 auto;
}
#notice #noticeCol dl {
	width:87%;
	margin: 0 4%;
	border-top: solid 1px #003280;
	border-bottom: solid 1px #003280;
	padding: 30px 0;
	text-align: left;
}
#notice #noticeCol dl dt {
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 5px;
	color:#003280;
}
#notice #noticeCol dl dd {
	font-size: 13px;
}
@media screen and (min-width: 1200px) {
	#notice {
		margin: 0 auto;
	}
}
@media screen and (max-width: 768px) {
	#notice {
		padding: 0 0 12.0em;
	}
	#notice #noticeCol {
		position:relative;
		width: 86%;
		margin:0 auto;
	}
	#notice #noticeCol dl {
		width:100%;
		padding: 1.0em 0;
		margin: 0 auto;
	}
	#notice #noticeCol dl dt {
		font-size: 22px;
	}
	#notice #noticeCol dl dd {
		font-size: 13px;
	}
}