@charset "utf-8";

/**
 * Setup
 */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
html{ font-size: 85%; }
body { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', 'MS PGothic',sans-serif;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
a { color: #000000; text-decoration: none;}
a:hover { text-decoration: none; opacity: 0.7;}
a:visited {} 
img{ max-width: 100%;}
input[type="text"],input[type="password"],textarea{ border: 1px solid #ccc;}
li{ list-style: none;}
hr{ border: 1px solid #ddd;}
div,p{ word-break: break-all;}
strong{}
em{ font-style: normal;}
table{ border-collapse: collapse;}
th{ vertical-align: top; font-weight: normal; text-align: left;}
td{ vertical-align: top;}



/*
 * BACKGROUND Rules = #ffffff or #000000
 * TEXT Rules = #fefefe or #010101
*/



/**
 * clearfix
 */
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}



/**
 * Font color, Text align
 */
.red{ color: #E60012;}
.blue{ color: #33B3FF;}
.green{ color: #89BD00;}
.orange{ color: #ffcc00;}
.pink{ color: #F85291;}
.glay{ color: #999966;}
.bold{ font-weight: bold;}
.small{ font-size:77%;}
.right{ text-align: right;}
.left{ text-align: left;}
.center{ text-align: center;}



/**
 * List Style
 */
.decimal,.circle,.disc,.upper_roman,.lower_roman,.lower-latin{ margin-left: 20px;}
.decimal>li{ list-style-type: decimal;}
.circle>li{ list-style-type: circle;}
.disc>li{ list-style-type: disc;}
.upper_roman>li{ list-style-type: upper-roman;}
.lower_roman>li{ list-style-type: lower-roman;}
.lower-latin>li{ list-style-type: lower-latin;}



/**
 * Basic Table Style
 */
.table{ border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.table th,.table td{ padding: 10px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.table th{ background: #eeeeee;}



/**
 * Font size
 */
.f10 { font-size:65%; }
.f12 { font-size:82%; }
.f14 { font-size:100%; }
.f16 { font-size:115%; }
.f18 { font-size:125%; }
.f20 { font-size:150%; }
.f22 { font-size:165%; }
.f24 { font-size:175%; }
.f25 { font-size:185%; }
.f26 { font-size:195%; }



/**
 * Margin
 */
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb25{ margin-bottom: 25px;}
.mb30{ margin-bottom: 30px;}
.mb35{ margin-bottom: 35px;}
.mb40{ margin-bottom: 40px;}



/**
 * Padding
 */
.pd5{ padding: 5px;}
.pd10{ padding: 10px;}
.pd15{ padding: 15px;}
.pd20{ padding: 20px;}
.pd25{ padding: 25px;}
.pd30{ padding: 30px;}
.pd35{ padding: 35px;}
.pd40{ padding: 40px;}



/**
 * Layout
 */
#wrapper{
}

#contents{
}

#header{
}

#sidebar{
}

#footer{
}



 /**
 * Common Style
 */
#breadcrumb{
}

#pagetitle{
}

#globalnavi{
}







/********************
 * PC
 */

@media screen and (min-width:780px) {

/**
 * Development
 */

.ttl{
	margin-bottom: 40px;
	font-family: 'Noto Sans JP';
	font-weight: 900;
	font-size: 2.8rem;
}

.ttl .en{
	font-family: 'Oswald', sans-serif;
}

.ttl_s{
	margin-bottom: 20px;
	font-family: 'Noto Sans JP';
	font-weight: 900;
	font-size: 1.8rem;
}





.header{
	background: #000;
}

.header .breadcrumb{
	padding: 5px 15px;
	background: #333;
	font-size: 0.8rem;
	color: #ccc;
}

.header .breadcrumb span,
.header .breadcrumb a+a{
	margin-left: 7px;
	padding-left: 10px;
	display: inline-block;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="6" height="9" viewBox="0 0 6 11"><path fill="%23ffffff" d="M15.438,11.694,11.467,7.535a.81.81,0,0,1,0-1.11.732.732,0,0,1,1.062,0l4.5,4.713a.812.812,0,0,1,.022,1.084l-4.518,4.746a.73.73,0,0,1-1.062,0,.81.81,0,0,1,0-1.11Z" transform="translate(-11.246 -6.196)"></path></svg>') left top no-repeat;
}

.header .breadcrumb a{
	display: inline-block;
	text-decoration: none;
	color: #ccc;
}

.header .sitename{
	padding: 15px;
	color: #fefefe;
}

.header .sitename a{
	display: inline-block;
	text-decoration: none;
	color: #fefefe;
}

.header .sitename span.en{
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
}

.header .sitename span{
	display: inline-block;
	vertical-align: middle;
}

.header .sitename span+span{
	margin-left: 5px;
}






.mv{
	position: relative;
}

.mv .logo{
	width: 12%;
	height: 12%;
	position: absolute;
	left: 52%;
	top: 40%;
}

.mv .logo .inner{
	position: relative;
}

.mv .logo .inner img{
	width: 100%;
}

.mv .logo .base{
	position: absolute;
	left: 0;
	top: 0;
   -webkit-animation: spin 8s linear infinite;
    -moz-animation: spin 8s linear infinite;
    -ms-animation: spin 8s linear infinite;
    -o-animation: spin 8s linear infinite;
    animation: spin 8s linear infinite;
}

.mv .logo .minute {
	position: absolute;
	left: 0;
	top: 0;
   -webkit-animation: spin 3.5s linear infinite;
    -moz-animation: spin 3.5s linear infinite;
    -ms-animation: spin 3.5s linear infinite;
    -o-animation: spin 3.5s linear infinite;
    animation: spin 3.5s linear infinite;
}

.mv .logo .second {
	position: absolute;
	left: 0;
	top: 0;
   -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -ms-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.mv .clock{
	position: absolute;
}

.mv .clock a,
.mv .clock span{
	padding: 8px;
	display: block;
	background: rgba(0,0,0,0.7);
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	color: #fefefe;
}

.mv .clock .time{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #707070;
	letter-spacing: 1px;
	font-size: 1.3vw;
	font-family: 'Oswald', sans-serif;
}

.mv .clock .country{
	letter-spacing: -1px;
	font-size: 0.9vw;
	font-family: 'Noto Sans JP';
	font-weight: 400;
}

.mv .jp{
	left: 40%;
	top: 30%;
}

.mv .en{
	right: 20%;
	top: 35%;
}

.mv .cn{
	left: 30%;
	top: 38%;
}

.mv .ru{
	left: 26%;
	top: 17%;
}

.mv .eu{
	left: 5%;
	top: 20%;
}

.mv .au{
	left: 38%;
	bottom: 20%;
}

.mv .sa{
	left: 10%;
	bottom: 30%;
}

.mv .br{
	right: 10%;
	bottom: 30%;
}

.mv .ca{
	right: 28%;
	top: 22%;
}

.mv .in{
	left: 15%;
	top: 40%;
}





.top .search{
	margin: -70px 0 50px;
}

.search{
	margin-bottom: 50px;
	position: relative;
	z-index: 10;
}

.search form{
	width: 70%;
	margin: 0 auto;
	padding: 0 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	background: rgba(255,255,255,0.5);
}

.search form input{
	border: none;
	background: transparent;
}

.search form input[type="text"]{
	width: calc(100% - 50px);
	padding: 10px;
	font-size: 1.5rem;
}

.search form input[type="submit"]{
	width: 44px;
	height: 44px;
	margin: 10px 0;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 42 38"><path fill="%23888888" d="M35.508,31.127l-7.01-7.01a1.686,1.686,0,0,0-1.2-.492H26.156a14.618,14.618,0,1,0-2.531,2.531V27.3a1.686,1.686,0,0,0,.492,1.2l7.01,7.01a1.681,1.681,0,0,0,2.384,0l1.99-1.99a1.7,1.7,0,0,0,.007-2.391Zm-20.883-7.5a9,9,0,1,1,9-9A8.995,8.995,0,0,1,14.625,23.625Z"></path></svg>') no-repeat center center;
	text-indent: -9999px;
	cursor: pointer;
}





.introduce{
	padding: 60px 0;
	background: #eee;
	text-align: center;
}

.introduce .text{
	line-height: 180%;
	font-size: 1.4rem;
}

.introduce .text p+p{
	margin-top: 1em;
}

.introduce .num{
	padding: 0 8px;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
}





.initial{
	padding: 60px 0;
	background: #F8F5F1;
	text-align: center;
}

.initial .list{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
}

.initial .list a{
	padding: 15px 0;
	display: block;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
	text-decoration: none;
	font-size: 1.2rem;
	color: #000;
}

.initial .list a:hover{
	background: #eee;
}

.initial .list ul{
	overflow: hidden;
}

.initial .list li{
	float: left;
	width: 10%;
	padding: 3px;
}





.country_list{
	margin-bottom: 50px;
}

.country_list .ttl{
	padding-top: 60px;
	text-align: center;
}

.country_list .list li:nth-child(odd) a{
	background: #eee;
}

.country_list .list a{
	padding: 0 20px;
	display: block;
	text-decoration: none;
	color: #000;
}

.country_list .list p{
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="9" height="16" viewBox="0 0 6 11"><path fill="%23cccccc" d="M15.438,11.694,11.467,7.535a.81.81,0,0,1,0-1.11.732.732,0,0,1,1.062,0l4.5,4.713a.812.812,0,0,1,.022,1.084l-4.518,4.746a.73.73,0,0,1-1.062,0,.81.81,0,0,1,0-1.11Z" transform="translate(-11.246 -6.196)"></path></svg>') right 50% no-repeat;
	font-weight: bold;
}

.country_list .list strong,
.country_list .list span{
	margin-left: 8px;
	padding: 3px 12px 2px;
	display: inline-block;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 20px;
	font-size: 0.9rem;
	font-weight: normal;
}

.country_list .nothing{
	padding: 100px 0;
	text-align: center;
	font-size: 2rem;
}





.country_detail{
	margin-bottom: 50px;
	background: url("/assets/img/pic_map.png") center top no-repeat;
	background-color: rgba(255,255,255,0.8);
	background-blend-mode: lighten;
	background-size: cover;
}

.country_detail .ttl{
	padding-top: 60px;
	text-align: center;
}

.country_detail .dst,
.country_detail .headline{
	margin-bottom: 10px;
	text-align: center;
}

.country_detail .dst span,
.country_detail .headline span{
	padding: 5px 20px 4px;
	display: inline-block;
	line-height: 100%;
	border-radius: 20px;
	font-size: 0.9rem;
	color: #fefefe;
}

.country_detail .dst span{
	background: #e07272;
}

.country_detail .headline span{
	background: #888;
}

.country_detail .list{
	margin-bottom: 50px;
}

.country_detail .list li{
	text-align: center;
}

.country_detail .list li+li{
	margin-top: 2em;
}

.country_detail .date span{
	font-family: 'Oswald', sans-serif;
	font-size: 3rem;
}

.country_detail .country,
.country_detail .currency,
.country_detail .code_country,
.country_detail .code_phone{
	font-size: 2rem;
}

.country_detail .country .en,
.country_detail .currency .en,
.country_detail .code_country .en,
.country_detail .code_phone .en{
	font-family: 'Oswald', sans-serif;
}

.country_detail .explain,
.country_detail .state{
	font-size: 1.2rem;
}

.country_detail .explain{
	line-height: 180%;
}

.country_detail .explain span{
	margin: 0 5px;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
}

.country_detail .designation{
	padding: 0 0 60px;
	background: #eee;
	text-align: center;
}

.country_detail .news{
	padding: 0 0 60px;
	background: #fafafa;
}

.country_detail .news .news_list{
	width: 70%;
	margin: 0 auto;
}

.country_detail .news .news_list ul{
	display: flex;
	justify-content: center;
}

.country_detail .news .news_list li{
	width: calc(25% - 15px);
}

.country_detail .news .news_list li+li{
	margin-left: 20px;
}

.country_detail .news .news_list a{
	height: 100%;
	padding: 15px;
	display: block;
	border: 1px solid #ccc;
	border-radius: 10px;
	background: #fcfcfc;
}

.country_detail .news .news_list .news_title {
	margin-bottom: 10px;
	line-height: 130%;
	font-size: 1.2rem;
	font-family: 'Noto Sans JP';
	font-weight: 400;
}

.country_detail .news .news_list .news_date {
	margin-bottom: 10px;
	text-align: right;
	font-size: 0.8rem;
	color: #aaa;
}

.country_detail .news .news_list .news_description {
	margin-bottom: 10px;
	line-height: 130%;
	font-size: 0.9rem;
	color: #888;
}

.country_detail .news .news_list .news_link {
	font-size: 0.8rem;
	color: #4a8bab;
}






.static{
	max-width: 1000px;
	margin: 0 auto 50px;
	padding: 0 20px;
}

.static .ttl{
	padding-top: 60px;
	text-align: center;
}

.static .terms_list .section{
	margin-top: 2em;
}

.static .terms_list{
	line-height: 180%;
}

.static .about{
	line-height: 180%;
	font-size: 1.2rem;
}

.static .about+.about{
	margin-top: 60px;
}

.static .about p+p{
	margin-top: 1em;
}

.static .about .num{
	padding: 0 8px;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
}

.static .company{
	line-height: 180%;
	text-align: center;
	font-size: 1.2rem;
}

.static .company .section{
	margin-top: 60px;
}

.static .contact{
	line-height: 180%;
	text-align: center;
	font-size: 1.2rem;
}

.static .contact li+li{
	margin-top: 60px;
}

.static .contact .message{
	margin-bottom: 20px;
}

.static .contact input[type="text"],
.static .contact select,
.static .contact textarea{
	width: 50%;
	padding: 5px;
	font-size: 1.2rem;
}

.static .contact textarea{
	height: 150px;
}

.static .contact input[type="submit"]{
	padding: 5px 20px;
	cursor: pointer;
	font-size: 1.5rem;
}







.footer{
	padding: 40px 0;
	background: #666;
	color: #fefefe;
}

.footer .pagetitle{
	margin: 0 auto 20px;
	text-align: center;
}

.footer .pagetitle span{
	padding: 5px 30px;
	display: inline-block;
	background: #eee;
	border-radius: 20px;
	color: #666;
}

.footer a{
	text-decoration: none;
	color: #fefefe;
}

.footer a:hover{
	text-decoration: underline;
}

.footer .inner{
	margin: 0 auto 20px;
	padding: 0 20px;
	overflow: hidden;
}

.footer .logo{
	margin-bottom: 40px;
	text-align: center;
}

.footer .logo .pic{
	margin-bottom: 10px;
}

.footer .logo .sitename{
	font-family: 'Noto Sans JP';
	font-weight: 400;
}

.footer .links{
	margin-bottom: 40px;
}

.footer .links ul{
	text-align: center;
}

.footer .links li{
	line-height: 120%;
	display: inline-block;
}

.footer .links li+li{
	margin-left: 20px;
}

.footer .copy{
	text-align: center;
}







}












/********************
 * Smart Phone
 */

@media screen and (max-width:779px) {

/**
 * Development
 */

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





.ttl{
	margin-bottom: 40px;
	font-family: 'Noto Sans JP';
	font-weight: 900;
	font-size: 1.6rem;
}

.ttl .en{
	font-family: 'Oswald', sans-serif;
}

.ttl_s{
	margin-bottom: 15px;
	font-family: 'Noto Sans JP';
	font-weight: 900;
	font-size: 1.2rem;
}





.header{
	background: #000;
}

.header .breadcrumb{
	padding: 5px 10px;
	background: #333;
	overflow: scroll;
	white-space: nowrap;
	font-size: 0.75rem;
	color: #ccc;
}

.header .breadcrumb span,
.header .breadcrumb a+a{
	margin-left: 7px;
	padding-left: 10px;
	display: inline-block;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="6" height="9" viewBox="0 0 6 11"><path fill="%23cccccc" d="M15.438,11.694,11.467,7.535a.81.81,0,0,1,0-1.11.732.732,0,0,1,1.062,0l4.5,4.713a.812.812,0,0,1,.022,1.084l-4.518,4.746a.73.73,0,0,1-1.062,0,.81.81,0,0,1,0-1.11Z" transform="translate(-11.246 -6.196)"></path></svg>') left top no-repeat;
}

.header .breadcrumb a{
	display: inline-block;
	text-decoration: none;
	color: #ccc;
}

.header .sitename{
	padding: 10px;
	color: #fefefe;
}

.header .sitename a{
	display: inline-block;
	text-decoration: none;
	color: #fefefe;
}

.header .sitename span.en{
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
}

.header .sitename span{
	display: inline-block;
	vertical-align: middle;
}

.header .sitename span+span{
	margin-left: 5px;
}





.mv{
	margin-bottom: 20px;
	position: relative;
}

.mv .logo{
	width: 15%;
	height: 15%;
	margin: -32% auto 32%;
}

.mv .logo .inner{
	position: relative;
}

.mv .logo .inner img{
	width: 100%;
}

.mv .logo .base{
	position: absolute;
	left: 0;
	top: 0;
   -webkit-animation: spin 8s linear infinite;
    -moz-animation: spin 8s linear infinite;
    -ms-animation: spin 8s linear infinite;
    -o-animation: spin 8s linear infinite;
    animation: spin 8s linear infinite;
}

.mv .logo .minute {
	position: absolute;
	left: 0;
	top: 0;
   -webkit-animation: spin 3.5s linear infinite;
    -moz-animation: spin 3.5s linear infinite;
    -ms-animation: spin 3.5s linear infinite;
    -o-animation: spin 3.5s linear infinite;
    animation: spin 3.5s linear infinite;
}

.mv .logo .second {
	position: absolute;
	left: 0;
	top: 0;
   -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -ms-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.mv .countries{
	padding: 0 10px;
	overflow: hidden;
}

.mv .clock{
	float: left;
	width: calc(50% - 5px);
	text-align: center;
}

.mv .clock:nth-child(even){
	margin-left: 10px;
}

.mv .clock:nth-child(n+3){
	margin-top: 10px;
}

.mv .clock a,
.mv .clock span{
	padding: 10px;
	display: block;
	background: rgba(0,0,0,0.7);
	border-radius: 4px;
	text-decoration: none;
	color: #fefefe;
}

.mv .clock .time{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #707070;
	letter-spacing: 1px;
	font-family: 'Oswald', sans-serif;
	font-size: 1.3rem;
}

.mv .clock .country{
	letter-spacing: -1px;
	font-family: 'Noto Sans JP';
	font-weight: 400;
	font-size: 0.9rem;
}







.search{
	margin-bottom: 20px;
}

.search form{
	width: 90%;
	margin: 0 auto;
	padding: 0 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	background: rgba(255,255,255,0.5);
}

.search form input{
	border: none;
	background: transparent;
}

.search form input[type="text"]{
	width: calc(100% - 50px);
	padding: 10px;
	font-size: 1.5rem;
}

.search form input[type="submit"]{
	width: 44px;
	height: 44px;
	margin: 10px 0;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 42 38"><path fill="%23888888" d="M35.508,31.127l-7.01-7.01a1.686,1.686,0,0,0-1.2-.492H26.156a14.618,14.618,0,1,0-2.531,2.531V27.3a1.686,1.686,0,0,0,.492,1.2l7.01,7.01a1.681,1.681,0,0,0,2.384,0l1.99-1.99a1.7,1.7,0,0,0,.007-2.391Zm-20.883-7.5a9,9,0,1,1,9-9A8.995,8.995,0,0,1,14.625,23.625Z"></path></svg>') no-repeat center center;
	text-indent: -9999px;
}





.introduce{
	padding: 40px 0;
	background: #eee;
	text-align: center;
}

.introduce .text{
	line-height: 180%;
}

.introduce .text p+p{
	margin-top: 1em;
}

.introduce .num{
	padding: 0 8px;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
}





.initial{
	padding: 40px 0;
	background: #F8F5F1;
	text-align: center;
}

.initial .list{
	padding: 0 10px;
	overflow: hidden;
}

.initial .list a{
	padding: 10px 0;
	display: block;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
	text-decoration: none;
	font-size: 0.85rem;
	color: #000;
}

.initial .list a:hover{
	background: #eee;
}

.initial .list span{
	padding: 10px 0;
	display: block;
}

.initial .list ul{
	float: left;
	width: 20%;
	overflow: hidden;
}

.initial .list li{
	padding: 3px;
}





.country_list{
	margin-bottom: 50px;
}

.country_list .ttl{
	padding-top: 60px;
	text-align: center;
}

.country_list .list li:nth-child(odd) a{
	background: #eee;
}

.country_list .list a{
	padding: 0 15px;
	display: block;
	text-decoration: none;
	color: #000;
}

.country_list .list p{
	padding: 15px 15px 15px 0;
	line-height: 110%;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="6" height="11" viewBox="0 0 6 11"><path fill="%23cccccc" d="M15.438,11.694,11.467,7.535a.81.81,0,0,1,0-1.11.732.732,0,0,1,1.062,0l4.5,4.713a.812.812,0,0,1,.022,1.084l-4.518,4.746a.73.73,0,0,1-1.062,0,.81.81,0,0,1,0-1.11Z" transform="translate(-11.246 -6.196)"></path></svg>') right 50% no-repeat;
	font-weight: bold;
}

.country_list .list strong,
.country_list .list span{
	margin-left: 8px;
	padding: 3px 12px 2px;
	display: inline-block;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 20px;
	font-size: 0.9rem;
	font-weight: normal;
}

.country_list .nothing{
	padding: 100px 0;
	text-align: center;
	font-size: 2rem;
}





.country_detail{
	margin-bottom: 50px;
}

.country_detail .ttl{
	padding-top: 60px;
	text-align: center;
}

.country_detail .dst,
.country_detail .headline{
	margin-bottom: 10px;
	text-align: center;
}

.country_detail .dst span,
.country_detail .headline span{
	padding: 5px 20px;
	display: inline-block;
	line-height: 100%;
	border-radius: 20px;
	font-size: 0.9rem;
	color: #fefefe;
}

.country_detail .dst span{
	background: #e07272;
}

.country_detail .headline span{
	background: #888;
}

.country_detail .list{
	margin-bottom: 40px;
}

.country_detail .list li{
	text-align: center;
}

.country_detail .list li+li{
	margin-top: 2em;
}

.country_detail .date span{
	font-family: 'Oswald', sans-serif;
	font-size: 3rem;
}

.country_detail .country,
.country_detail .currency,
.country_detail .code_country,
.country_detail .code_phone{
	font-size: 2rem;
}

.country_detail .country .en,
.country_detail .currency .en,
.country_detail .code_country .en,
.country_detail .code_phone .en{
	font-family: 'Oswald', sans-serif;
}

.country_detail .explain,
.country_detail .state{
	font-size: 1.2rem;
}

.country_detail .explain{
	line-height: 180%;
}

.country_detail .explain span{
	margin: 0 5px;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
}

.country_detail .designation{
	padding: 0 0 40px;
	background: #eee;
	text-align: center;
}

.country_detail .designation input[type="submit"]{
	width: calc(100% - 40px);
	margin-top: 20px;
	font-size: 1.2rem;
}

.country_detail .news{
	padding: 0 0 40px;
	background: #fafafa;
}

.country_detail .news .news_list{
	margin: 0 10px;
}

.country_detail .news .news_list ul{
}

.country_detail .news .news_list li+li{
	margin-top: 10px;
}

.country_detail .news .news_list a{
	height: 100%;
	padding: 15px;
	display: block;
	border: 1px solid #ccc;
	border-radius: 10px;
	background: #fcfcfc;
}

.country_detail .news .news_list .news_title {
	margin-bottom: 10px;
	line-height: 130%;
	font-size: 1.2rem;
	font-family: 'Noto Sans JP';
	font-weight: 400;
}

.country_detail .news .news_list .news_date {
	margin-bottom: 10px;
	text-align: right;
	font-size: 0.8rem;
	color: #aaa;
}

.country_detail .news .news_list .news_description {
	margin-bottom: 10px;
	line-height: 130%;
	font-size: 0.9rem;
	color: #888;
}

.country_detail .news .news_list .news_link {
	font-size: 0.8rem;
	color: #4a8bab;
}





.static{
	margin: 0 auto 50px;
	padding: 0 20px;
}

.static .ttl{
	padding-top: 60px;
	text-align: center;
}

.static .terms_list .section{
	margin-top: 2em;
}

.static .terms_list{
	line-height: 180%;
}

.static .about{
	line-height: 180%;
}

.static .about+.about{
	margin-top: 50px;
}

.static .about p+p{
	margin-top: 1em;
}

.static .about .num{
	padding: 0 8px;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
}

.static .company{
	line-height: 180%;
	text-align: center;
	font-size: 1.2rem;
}

.static .company .section{
	margin-top: 50px;
}

.static .contact{
	line-height: 180%;
	text-align: center;
	font-size: 1.2rem;
}

.static .contact li+li{
	margin-top: 50px;
}

.static .contact .message{
	margin-bottom: 20px;
}

.static .contact input[type="text"],
.static .contact select,
.static .contact textarea{
	width: 100%;
	padding: 5px;
	font-size: 1.2rem;
}

.static .contact textarea{
	height: 100px;
}

.static .contact input[type="submit"]{
	padding: 5px 20px;
	cursor: pointer;
	font-size: 1.5rem;
}





.footer{
	padding: 0 0 40px;
	background: #666;
	color: #fefefe;
}

.footer a{
	text-decoration: none;
	color: #fefefe;
}

.footer .inner{
	margin-bottom: 20px;
	overflow: hidden;
}

.footer .logo{
	text-align: center;
}

.footer .logo .pic{
	margin-bottom: 20px;
}

.footer .logo .sitename{
	font-family: 'Oswald', sans-serif;
}

.footer .links{
	margin-bottom: 40px;
	line-height: 220%;
	overflow: hidden;
}

.footer .links a{
	padding: 15px;
	display: block;
	border-bottom: 1px solid #ccc;
}

.footer .links span{
	display: block;
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="6" height="11" viewBox="0 0 6 11"><path fill="%23cccccc" d="M15.438,11.694,11.467,7.535a.81.81,0,0,1,0-1.11.732.732,0,0,1,1.062,0l4.5,4.713a.812.812,0,0,1,.022,1.084l-4.518,4.746a.73.73,0,0,1-1.062,0,.81.81,0,0,1,0-1.11Z" transform="translate(-11.246 -6.196)"></path></svg>') right 50% no-repeat;
}

.footer .links ul{
	overflow: hidden;
}

.footer .links li{
	float: left;
	width: 50%;
}

.footer .links li:nth-child(even){
	border-left: 1px solid #ccc;
}

.footer .copy{
	text-align: center;
}






}