@charset "utf-8";

/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main{
}
#Main h2{
	margin: 0 0 56px;
	font-size: 18px;
	text-align: center;
}
@media screen and (max-width: 767px){
	#Content{
		padding: 52px 0 20px;
	}
	#Main h2{
		margin: 0 0 19px;
		font-size: 14px;
	}
}


/*-----------------------------------------------------
search
-------------------------------------------------------*/
#Main section.search{
	width: 980px;
	margin: 0 auto;
	padding: 0 0 60px;
}
#Main section.search div.wrap{
	width: 980px;
	overflow: hidden;
	margin: 0 0 60px;
}

/* h3
---------------------*/
#Main section.search h3{
	font-size: 14px;
}

/*-------------------------------------
keyword
---------------------------------------*/
#Main section.search div.keyword{
	overflow: hidden;
	margin: 0 0 58px;
}

/* h3
---------------------*/
#Main section.search div.keyword h3{
	padding: 13px 0 0;
	float: left;
}

/* p
---------------------*/
#Main section.search div.keyword p{
	float: right;
}

/* input
---------------------*/
#Main section.search div.keyword input[type="text"]{
	width: 770px;
	height: 50px;
	padding: 0 15px;
	color: #666;
	border: none;
	background: #fff;
}
#Main section.search div.keyword input.input-focus{
	outline: 0;
	background: #fff;
}
#Main section.search div.keyword input.input-focus::-webkit-input-placeholder{
	color: #fff;
}
#Main section.search div.keyword input.input-focus::-ms-input-placeholder{
	color: #fff;
}
#Main section.search div.keyword input.input-focus::-moz-placeholder{
	color: #fff;
}

/*-------------------------------------
menu
---------------------------------------*/
#Main section.search div.menu{
	width: 200px;
	float: left;
	margin: 0 0 0 60px;
}
#Main section.search div.menu:first-child{
	margin-left:0;
}

/* h3
---------------------*/
#Main section.search div.menu h3{
	margin: 0 0 25px;
}

/* label
---------------------*/
#Main section.search div.menu label{
	width: 200px;
	height: 48px;
	overflow:hidden;
	position:relative;
	float: left;
	margin: 0 30px 0 0;
	background: #e7e7e7;
}
#Main section.search div.menu label:after{
	width: 11px;
	height: 8px;
	position: absolute;
	top:21px;
	right:15px;
	background: url(/jp/corporate/common/images/ico_arw02.png) no-repeat 0 0;
	content:'';
}

/* select
---------------------*/
#Main section.search div.menu select{
	width:100%;
	height: 48px;
	position:relative;
	display:block;
	margin:0;
	padding: 0 15px;
	color: #666;
	font-size:12px;
	outline:none;
	border:0;
	background:transparent;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	z-index:2;
	cursor: pointer;
}

/* ul
---------------------*/
#Main section.search div.menu ul li{
	margin: 10px 0 0;
}
#Main section.search div.menu ul li:first-child{
	margin: 0;
}
#Main section.search div.menu ul li a{
	display: block;
	padding: 3px 0 2px;
	font-size: 12px;
	text-align: center;
	background: #e7e7e7;
}
#Main section.search div.menu ul li.on a{background-color:#fff;}
@media screen and (min-width: 768px){
	#Main section.search div.menu label{-webkit-transition:all 0.2s;transition:all 0.2s;}
	#Main section.search div.menu label:hover{
		background: #fff;
	}
	#Main section.search div.menu ul li a{-webkit-transition:all 0.2s;transition:all 0.2s;}
	#Main section.search div.menu ul li a:hover{background-color:#fff;}
}

/* btn
---------------------*/
#Main section.search p.btn{
	width: 240px;
	margin:0 auto;
}
#Main section.search p.btn input[type="submit"]{
	width: 238px;
	height: 46px;
	color: #fff;
	border:none;
	background: #7f0600;
	cursor: pointer;
	outline:none;
	border: 1px solid #7f0600;
}

@media screen and (min-width: 768px){
	#Main section.search p.btn input{-webkit-transition:all 0.2s;transition:all 0.2s;}
	#Main section.search p.btn:hover input{
		color: #7f0600;
		background: none;
	}
}

@media screen and (max-width: 767px){
	/*-----------------------------------------------------
	search
	-------------------------------------------------------*/
	#Main section.search{
		width: auto;
		margin: 0 20px;
		padding: 0 0 30px;
	}
	#Main section.search div.wrap{
		width: auto;
		margin: 0;
	}

	/* h3
	---------------------*/
	#Main section.search h3{
		font-size: 13px;
	}

	/*-------------------------------------
	keyword
	---------------------------------------*/
	#Main section.search div.keyword{
		margin: 0 0 27px;
	}

	/* h3
	---------------------*/
	#Main section.search div.keyword h3{
		padding:0 0 10px;
		float: none;
	}

	/* p
	---------------------*/
	#Main section.search div.keyword p{
		float: none;
	}

	/* input
	---------------------*/
	#Main section.search div.keyword input[type="text"]{
		width: 100%;
		height: 40px;
		padding: 0 13px;
		box-sizing:border-box;
		border-radius: 0;
	}

	/*-------------------------------------
	menu
	---------------------------------------*/
	#Main section.search div.menu{
		width: 100%;
		float: none;
		margin: 0 0 19px;
	}

	/* h3
	---------------------*/
	#Main section.search div.menu h3{
		margin: 0 0 10px;
	}

	/* label
	---------------------*/
	#Main section.search div.menu label{
		width: 100%;
		height: 40px;
		float: none;
		display: block;
		margin: 0;
	}
	#Main section.search div.menu label:first-child{
		margin: 0;
	}
	#Main section.search div.menu label:after{
		width: 9px;
		height: 6px;
		top:18px;
		background: url(/jp/corporate/common/images/ico_arw02_sp.png) no-repeat 0 0;
		background-size: 9px 6px;
	}
	#Main section.search div.menu select{
		height: 40px;
	}

	/* ul
	---------------------*/
	#Main section.search div.menu ul{
		overflow: hidden;
	}
	#Main section.search div.menu ul li{
		width: 50%;
		float: left;
		margin: 0 0 10px;
	}
	#Main section.search div.menu ul li:first-child{
		margin: 0 0 10px;
	}
	#Main section.search div.menu ul li a{
		margin: 0 5px 0 0;
		padding: 7px 0 6px;
	}
	#Main section.search div.menu ul li:nth-child(even) a{
		margin: 0 0 0 5px;
	}

	/* btn
	---------------------*/
	#Main section.search p.btn{
		width: 100%;
	}
	#Main section.search p.btn input[type="submit"]{
		width: 100%;
		height: 40px;
		font-size: 12px;
		border-radius: 0;
		-webkit-appearance: none;
		border: none;
	}
}


/*-----------------------------------------------------
result
-------------------------------------------------------*/
#Main section.result{
	width: 100%;
	padding: 53px 0 57px;
	background: #fff;
}
#Main section.result div.wrap{
	width: 980px;
	overflow: hidden;
	margin: 0 auto 4px;
}

#Main section.result p.no_entry{
	width: 980px;
	margin: 0 auto;
}

/* box
---------------------*/
#Main section.result div.box{
	width: 450px;
	float: left;
	padding: 0 40px 52px 0;
}
#Main section.result div.box:nth-child(odd){
	clear: both;
}
#Main section.result div.box:nth-child(even){
	padding: 0 0 50px 40px;
	float: right;
}
#Main section.result div.box a{
	display: block;
}
#Main section.result div.box h4{
	margin: 0 0 8px;
	font-size: 14px;
}
#Main section.result div.box h4 span{
	width: 7px;
	height: 7px;
	display: inline-block;
	position: relative;
	top:-2px;
	left: 13px;
	background: url(/jp/corporate/common/images/ico_arw.png) no-repeat 0 0;
}
#Main section.result div.box dl dt{
	width: 5em;
	display: inline-block;
}
#Main section.result div.box dl dd{
	display: inline-block;
}
#Main section.result div.box dl dd:last-child:before{
	content:' / ';
}

/* pager
---------------------*/
#Main section.result ul.pager{
	font-family: 'Lora', serif;
	text-align: center;
}
#Main section.result ul.pager li{
	display: inline-block;
}
#Main section.result ul.pager li a,
#Main section.result ul.pager li span{
	padding: 0 10px;
	text-decoration: underline;
}
#Main section.result ul.pager li span{text-decoration:none;}

@media screen and (min-width: 768px){
	#Main section.result div.box a span{-webkit-transition:all 0.2s;transition:all 0.2s;}
	#Main section.result div.box a:hover span{left:16px;}
	#Main section.result ul.pager li a:hover{text-decoration:none;}
}

@media screen and (max-width: 767px){
	#Main section.result{
		padding: 28px 0 30px;
	}

	/* h2
	---------------------*/
	#Main section.result h2{
		margin: 0 0 8px;
	}
	#Main section.result p.no_entry{
		margin: 0 20px;
		padding: 20px 0;
	}
	#Main section.result div.wrap{
		width: auto;
		margin: 0 20px;
	}

	/* box
	---------------------*/
	#Main section.result div.box{
		width: auto;
		float: none;
		padding:20px 0;
		font-size: 10px;
		border-top: 1px solid #e7e7e7;
	}
	#Main section.result div.box:first-child{
		border-top:none;
	}
	#Main section.result div.box:nth-child(even){
		float: none;
		padding:20px 0;
	}
	#Main section.result div.box h4{
		margin: 0 0 8px;
		font-size: 12px;
	}
	#Main section.result div.box h4 span{
		top:-2px;
		left: 10px;
		background: url(/jp/corporate/common/images/ico_arw_sp.png) no-repeat 0 0;
		background-size:7px 7px;
	}
	#Main section.result div.box dl dt{
		display: block;
		clear: both;
		float: left;
	}
	#Main section.result div.box dl dd{
		display: block;
		margin: 0 0 0 5em;
	}
	#Main section.result div.box dl dd:last-child:before{
		display: none;
	}

	/* pager
	---------------------*/
	#Main section.result ul.pager{
		margin: 20px 20px 0;
		font-size: 12px;
	}
	#Main section.result ul.pager li a,
	#Main section.result ul.pager li span{
		padding: 0 10px;
	}
}

/*-----------------------------------------------------
oversea
-------------------------------------------------------*/
#Main section.oversea{
	width: 980px;
	overflow: hidden;
	margin: 0 auto;
	padding: 53px 0 0;
}

/* box
---------------------*/
#Main section.oversea div.box{
	width: 245px;
	overflow: hidden;
	float: left;
	position: relative;
}

/* h2 */
#Main section.oversea h2{
	margin: 0 0 35px;
}

/* h3 */
#Main section.oversea div.box h3{
	position: relative;
	font-size: 14px;
	text-align: center;
}
#Main section.oversea div.box h3 img{
	width: 150px;
}
#Main section.oversea div.box h3 span{
	width: 245px;
	display: block;
	position: absolute;
	top:50%;
}

/* ul */
#Main section.oversea div.box ul{
	float: left;
	position: relative;
	margin: 24px auto 0;
	left:50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}
#Main section.oversea div.box ul li a{
	display: block;
	position: relative;
	margin: 0 0 5px;
	padding: 0 5px 0 14px;
	font-size: 14px;
}
#Main section.oversea div.box ul li a:before{
	width: 6px;
	height: 1px;
	display: block;
	position: absolute;
	top:10px;
	left:0;
	background: #888;
	content:'';
}

@media screen and (min-width: 768px){
	#Main section.oversea div.box ul li a{
		-webkit-transition: all .15s;
		   -moz-transition: all .15s;
		    -ms-transition: all .15s;
		     -o-transition: all .15s;
		        transition: all .15s;
	}
	#Main section.oversea div.box ul li a:hover{
		padding: 0 0 0 19px;
	}
}
@media screen and (max-width: 767px){
	#Main section.oversea{
		width: auto;
		margin: 0 20px;
		padding: 28px 0 0;
	}

	/* box
	---------------------*/
	#Main section.oversea div.box{
		width: 50%;
		float: left;
		margin: 0 0 17px;
	}

	/* h2 */
	#Main section.oversea h2{
		margin: 0 0 8px;
	}

	/* h3 */
	#Main section.oversea div.box h3{
		font-size: 10px;
	}
	#Main section.oversea div.box h3 img{
		width: 100px;
	}
	#Main section.oversea div.box h3 span{
		width: 100%;
	}

	/* ul */
	#Main section.oversea div.box ul{
		position: relative;
		margin: 8px auto 0;
	}
	#Main section.oversea div.box ul li a{
		margin: 3px 0 0;
		padding: 0 0 0 10px;
		font-size: 10px;
	}
	#Main section.oversea div.box ul li a:before{
		top:8px;
	}
}

/*-------------------------------------
2016.03.15 メディアリンク
---------------------------------------*/
.media_link{
    margin-top: 10px;
}

.media_link h4{
    margin-bottom: 25px;
    font-size: 18px;
    letter-spacing: 0.04em;
}

.media_link ul{
}

.media_link li{
}

.media_link li a{
    display: inline-block;
	font-size: 14px;
    background-color:#f5f5f5!important; 
}


.media_link li a span{
	width: 7px;
	height: 7px;
	display:inline-block;
	margin:0 0 1px 8px;
	background: url(/jp/corporate/common/images/ico_arw.png) no-repeat 100% 0;
}

@media screen and (min-width: 768px){
	.media_link li a span{
		-webkit-transition: margin .2s;
		   -moz-transition: margin .2s;
		    -ms-transition: margin .2s;
		     -o-transition: margin .2s;
		        transition: margin .2s;
	}
	.media_link li a:hover span{
		margin:0 0 1px 13px;
	}
}

@media screen and (max-width: 767px){
	.media_link{
	margin: 0 0px 25px;
    padding: 0px;
	}
	.media_link h4{
	margin-bottom: 15px;
    font-size: 13px;
	}
	
	
	.media_link li a{
		padding: 0 15px 0 0;
		font-size: 11px;
    background-color:#f5f5f5!important;
    text-align: left!important;
	}
	.media_link li a span{
		width: 7px;
		height: 7px;
		margin: 5px 0 0 10px;
		background: url(/jp/corporate/common/images/ico_arw_sp.png) no-repeat 100% 0;
		background-size: 7px 7px;
	}
}