<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
body {
	background: #fff url(../images/bg_body.jpg) no-repeat center top;
}

.only_tb{
	display: none;
}
.only_sp{
	display: none;
}
.only_pc{
	display: block;
}
#gNavi .placement a {
	background: #007984;
}

#gNavi .placement a::after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #007984 transparent transparent transparent;
	left: 50%;
	bottom: -8px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
#conts p {
	margin-bottom: 25px;
	font-size: 1.2em;
	line-height: 2;
}
#conts {
	padding-top: 32px;
}

#conts .comSection01 {
	margin: 0 7px;
}

#conts h3 {
	margin-bottom: 24px;
}

#conts .h3Ttl {
	margin-bottom: 8px;
}
/*----------------.graph-----------------*/

.color_1{
	background: #6bcc98;
}
.color_2{
	background: #b1ebd3;
}
.color_3{
	background: #36b1ff;
}
.color_4{
	background: #fba36e;
}
.color_5{
	background: #d9c858;
}
.color_6{
	background: #9098fa;
}
.color_7{
	background: #fb95c2;
}
.color_8{
	background: #f5f540;
}
.graph{
	margin:60px auto;
}
#conts .graph .ttl{
	margin-bottom: 15px;
	font-size: 14px;
}
#conts .row .sub_ttl{
	margin-bottom: 15px;
	font-size: 14px;
	text-transform: uppercase;
}
.graph_detail{
	background: #f4f4f4;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 60px;
}
.bulker_bar{
	width: 520px;
}
.bulker_bar span,
.graph_detail .row .list .list_style{
	font-size: 18px;
	line-height: 1.4;
	display: inline-block;
	float: left;
	margin: 0;
	padding:8px 0;
	text-align: center;
}
.clear{
	clear: both;
}
.bulker_bar span:nth-child(1){
	width: 146px;
}
.bulker_bar span:nth-child(2){
	width: 135px;
}
.bulker_bar span:nth-child(3){
	width: 203px;
}
.bulker_bar span:nth-child(4){
	width: 26px;
}
.bulker_bar span:nth-child(5){
	width: 10px;
}
.bulker_bar_detail{
	background: #fff;
	border-radius: 10px;
	margin: 15px auto 25px auto;
	padding: 15px;
}
.bulker_bar_detail ul{
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.bulker_bar_detail li{
	width: 33.3%;
	float: left;
	margin-bottom: 15px;
}
.bulker_bar_detail li .list_style{
	width: 38px;
	height: 12px;
	display: inline-block;
	border: 1px dotted #959595;
	margin-right: 8px;
	float: left;
}
.bulker_bar_detail li label{
	float: left;
	width: 110px;
	font-size: 11px;
	line-height: 1.4;
	text-transform: uppercase;
	vertical-align: top;
}
.graph_detail .row .list li{
	width: 33.3%;
	float: left;
}
.graph_detail .row .list li:nth-child(1) .list_style{
	width: 73px;
}
.graph_detail .row .list li:nth-child(2) .list_style{
	width: 36px;
}
.graph_detail .row .list li:nth-child(3) .list_style{
	width: 16px;
}
.country li {
	width: 50%;
	float: left;
	margin-bottom: 20px;
	position: relative;
	padding-left: 86px;
	box-sizing: border-box;
}
.country li:nth-of-type(3),
.country li:nth-of-type(4){
	margin-bottom: 0;
}
.country li img{
	float: left;
	margin-right: 15px;
	position: absolute;
	top: 0;
	left: 0;
}
.country li label{
	font-size: 12px;
	display: inline-block;
	float: left;
	vertical-align: top;
}
.country li span{
	font-size: 18px;
	display: inline-block;
}
#sideBar .photoList li:first-child .img_access_sp{
	display: none;
}
/*----------------end of .graph-----------------*/

/*for tablet*/
@media only screen and (min-width:768px) and (max-width: 1079px){
	.only_pc{
		display: none;
	}
	.only_tb{
		display: block;
	}
	.only_sp{
		display: none;
	}
	#gNavi .placement a::after {
		border-width: 0.927vw 0.556vw 0 0.556vw;
		bottom: -0.741vw;
	}
	.bulker_bar {
    	width: 520px;
    	width: 100%;
	}

	.bulker_bar span:nth-child(1) {
    	width: 115px;
    	width: 22.11%;
	}
	.bulker_bar span:nth-child(2) {
    	width: 133px;
    	width: 25.57%;
	}
	.bulker_bar span:nth-child(3) {
    	width: 214px;
    	width: 41.15%;
	}

	.bulker_bar span:nth-child(4) {
    	width: 38px;
    	width: 7.30%;
	}

	.bulker_bar span:nth-child(5) {
	    width: 20px;
	    width: 3.84%;
	}

	#sideBar .photoList li {
    	margin: 10px 8px 0 0;
    	margin: 2.5% 2% 0 0;
	}
	#sideBar .photoList li {
    	margin: 10px 8px 0 0;
    	margin: 2.5% 2% 0 0;
	}

	#sideBar .photoList li {
	    margin: 10px 0px 0 0;
	    margin: 2.5% 0% 0 0;
    }
    #sideBar .photoList .sidebar_leonis{
    	margin: 10px 8px 0 0;
	    margin: 2.5% 5% 0 0;
    }
      #sideBar .photoList .sidebar_leonis02{
    	margin: 10px 10px 0 0;
	    margin: 2.5% 0 0 0;
    }
    .country li{
    	position: relative;
		padding-left: 86px;
		padding-left: 15.384%;
		box-sizing: border-box;
    }
    .country ul{
    	display: flex;
		flex-wrap: wrap;
    }
    .country li img{
		float: left;
		margin-right: 0;
		width: 26.92%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.country li label {
	    font-size: 12px;
	    font-size:  1.112vw;
	    display: inline-block;
	    float: left;
	    vertical-align: top;
	}
	.country li span {
	    font-size: 18px;
	    font-size: 1.668vw;
	    display: inline-block;
	}
}

/*for sp*/
@media only screen and (max-width:767px){
	.only_pc{
		display: none;
	}
	.only_tb{
		display: none;
	}
	.only_sp{
		display: block;
	}
	body {
		background: #fff url(../images/sp_bg_top_header.jpg) no-repeat top 9.9vw center;
		    -webkit-background-size: 100% auto;
		         -o-background-size: 100% auto;
		            background-size: 100% auto;
	}

/*comSection ttl*/
	#conts{
		padding-top: 45px;
		padding-top: 6%;
	}
	#conts h3{
		width: 100%;
	}
	#conts .comSection h3 span{
		font-size: 3.73334vw;
		background: url(../images/sp_img_comsection.jpg) no-repeat left top;
		-webkit-background-size: 100% 100%;
		     -o-background-size: 100% 100%;
		        background-size: 100% 100%;
		overflow: hidden;
	}
	#conts .comSection .h3Ttl{
		margin-bottom: 47px;
		margin-bottom: 7.175%;
	}
	#conts .comSection p{
		font-size: 3.4663vw;
		line-height: 1.46;
		padding: 0 0 15px 0;
		padding: 0 0 2.29% 0;
	}

	/*graph*/
	#conts .graph{
		margin: 0 auto;
		width: 655px;
		width: 87.333%;
	}
	#conts .graph .ttl, 
	#conts .row .sub_ttl{
		font-size: 3.47vw;
		line-height: 1;
	}
	.bulker_bar{
		width: 619px;
		width: 100.65%;
	}
 	.bulker_bar span:nth-child(1){
		width: 136px;
		width: 21.97%;	
	}
	.bulker_bar span:nth-child(2){
    	width: 160px;
    	width: 25.84%; 	
    }
    .bulker_bar span:nth-child(3){
    	width: 255px;
    	width: 41.195%;    	
	}
	.bulker_bar span:nth-child(4) {
    	width: 45px;
    	width: 7.26%;    	
	}
	.bulker_bar span:nth-child(5) {
   		width: 22px;
   		width: 3.55%;
	}
	.bulker_bar span{
		font-size: 3.73vw;
		line-height: 1.23;
		display: inline-block;
		float: left;
		margin: 0;
		padding: 28px 0;
		padding: 4.52% 0;
		text-align: center;
	}
	.graph_detail .row .list li:nth-child(1) .list_style,
	.graph_detail .row .list li:nth-child(2) .list_style,
	.graph_detail .row .list li:nth-child(3) .list_style {
		font-size: 3.73vw;
		width: 126px;
		width:61.76%;
		padding: 20px 0;
		padding: 9.75% 0;
		margin: 0 0 25px 0;
		margin: 0 0 12.19% 0;
	}
	.graph_detail .row .list li:nth-child(2) .list_style {
		width: 70px;
		width: 34.31%;
	}
	.graph_detail .row .list li:nth-child(3) .list_style {
		width: 22px;
		width: 10.78%;
	}
	.graph_detail &gt; .row{
		padding-top: 10px;
		padding-top: 1.62%;
	}
	.bulker_bar_detail li {
	    width: 50%;
	    float: left;
	    margin-bottom: 15px;
    }
    .bulker_bar_detail li .list_style {
	    width: 80px;
	    width: 26.9%;
	    height: 28px;
	}
	.bulker_bar_detail li label {
		width: 200px;
		width: 68.25%;
	    float: left;
	    font-size: 3.3vw;
	    line-height: 1.4;
	    text-transform: uppercase;
	    vertical-align: top;
    }
    .graph_detail .row .list li {
	    width: 33.3%;
	    float: none;
	}
	/*Country*/
	#conts .graph .ttl {
    	margin-bottom: 50px;
    	margin-bottom: 7.63%;
    }
	.country li{
		width: 100%;
	    float: none;
	    position: relative;
		padding: 18px 0 18px 120px;
		padding: 2.752% 0 2.752% 18.348%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		margin: 0;
		
	}
	.country li,
	.country li:nth-of-type(3), 
	.country li:nth-of-type(4){
		margin: 0;
	}
	.country li:nth-of-type(2), 
	.country li:nth-of-type(3){
		margin-bottom: 2%;
	}
	.country li img{
		width: 100%;
		max-width: 94px;
		max-width: 16.7%;
		height: auto;
		margin-right: 12px;
		margin-right: 1.83%;
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-transform: 	translateY(-50%);
		   -moz-transform: 	translateY(-50%);
		    -ms-transform: 	translateY(-50%);
		     -o-transform: 	translateY(-50%);
		        transform: 	translateY(-50%);
	}
	.country li span{
		font-size: 26px;
		font-size: 3.47vw;
		display: inline-block;
	}
	#sideBar .photoList li img.img_access_pc{
		display: none;
	}
    .country li label {
    	font-size: 3.47vw;
    	float: none;
    }
    #sideBar .photoList li:first-child .img_access_sp{
		display: block;
	}
}</pre></body></html>