@charset "utf-8";

/*********************
 window resize 1024px
*********************/
@media screen and (max-width: 1024px) {

	/*********************
	 main_top
	*********************/
	#main_top #top_image{
		height: auto;
		width:100%;
	}
	#main_top .imgBox img{
		width: 80vw;
		max-width: 80%;
	}

	/*********************
	 term_banner
	*********************/
	#term_banner{
		padding:60px 15px 0;
	}

	/*********************
	 japan_map
	*********************/
	#japan_map{
		background-image:url(../img/japan_map_bg_sp.jpg);
		padding:20px 0 20px;
	}
	#japan_map h1 {
		font-size:1.4em;
		padding-left:15px;
		margin-bottom:0;
		border-bottom:1px solid #004ea2;
		padding-bottom:5px;
	}
	#japan_map h1 span{
		padding-left:10px;
	}
	#japan_map div{
		display: inline-block;
		text-align:center;
		padding:0 15px;
		width:100%;
	}
	#japan_map img.japanmap{
		width: 100%;
		margin:30px 0 10px;
	}
	#japan_map #office{
		text-align:left;
		width: 100%;
		margin-left:0;
	}
	#japan_map p{
		font-size:0.7em;
		margin-bottom:10px;
	}
	#japan_map #global_banner{
		padding:0 15px;
	}

	/*********************
	 service
	*********************/
	#service{
		padding:50px 0 40px;
	}
	#service h1 {
		font-size:1.4em;
		padding-left:15px;
		border-bottom:1px solid #004ea2;
		padding-bottom:5px;
	}
	#service article.iconBox{
		background:#fff;
		padding:0 15px 15px 15px;
		margin:0;
	}
	#service li{
		box-shadow: 5px 5px #81d7ff;
	}
	#service li div {
		text-align:center;
		height:45px;
		display: table;
		padding:0;
	}
	#service li div h2{
		display: table-cell;
		vertical-align: middle;
		font-size:0.8em;
		line-height:1.2em;
		margin-bottom:0;
		letter-spacing: .0em;
	}
	#service li div h2::after {
		content: '';
	}
	#service li div p{
		display:none;
	}

	/*********************
	 info
	*********************/
	#info h1 {
		font-size:1.4em;
		padding-left:15px;
	}
	#info ul{
		padding:0 15px;
	}
	#info a {
		padding:10px 15px;
		line-height:1.4em;
	}
	#info a font{
		display:block;
		font-size:0.8em;
	}
	#info a p{
		padding-right:40px;
		font-size:0.8em;
	}
	#info div{
		text-align:center;
	}
	#info li {
		position: relative;
	}
	#info li::after {
		content: '';
		width: 8px;
		height: 8px;
		margin-top: -5px;
		border-top: solid 1px #0076ac;
		border-right: solid 1px #0076ac;
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
	}
	#info a.more_btn{
		font-size:0.8em;
		width:250px;
		padding:12px 30px;
	}

	/*********************
	 menu
	*********************/
	#menu article {
		padding-bottom: 20px;
		margin-bottom: 0px;
	}
	#menu h1 {
		font-size:1.4em;
		padding-left:15px;
		border-bottom:1px solid #004ea2;
		padding-bottom:5px;
	}
	#menu li{
		width:calc(100% / 2);
	}
	#menu li div.textBox{
		height:auto;

	}
	#menu li div.textBox h2{
		font-size:0.8em;
		padding-right:20px;
	}
	#menu li div.textBox p{
		display:none;
	}
	#menu li div.textBox::after {
		content: '';
		width: 8px;
		height: 8px;
		margin-top: -5px;
		border-top: solid 1px #0076ac;
		border-right: solid 1px #0076ac;
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
	}
	#menu .morebtnBox{
		text-align:center;
	}
	#menu a.more_btn{
		font-size:0.8em;
		width:250px;s
		padding:12px 30px;
		line-height:1.4em;
	}

	#menu .slick-prev {
		left: -15px;
	}
	#menu .slick-next {
		right: -5px;
	}

	/*********************
	 linkbox
	*********************/
	#linkbox ul{
		display: inline-block;
	}
	#linkbox li{
		width:100%;
		margin-bottom:30px;
	}
	#linkbox li:last-child{
		margin-bottom:0;
	}

}