@charset "UTF-8";
/*-----------------------------------
h1_title
----------------------------------*/
.head_title img {
  width: 60%;
  max-width: 480px;
  margin-bottom: 10px;
}
@media screen and (max-width:740px){
	.head_title img {
	  width: 80%;
	}
}
/*-----------------------------------
about
----------------------------------*/
#about .img_01{
	width: 90%;
	max-width: 680px;
}
#about .img_02{
	width: 90%;
	max-width: 640px;
}
#about .bkbox .bg_w {
	padding-bottom: 40px;
}
@media screen and (max-width:740px){
	#about .bkbox .bg_w {
	  padding-bottom:30px;
	}
}
/*-----------------------------------
top3
----------------------------------*/
#top3 dl{
	padding: 10px 0 15px;
	border-bottom: dotted 3px #ff7b00;
}
#top3 dl dt{
	width: 30%;
	display: inline;
	padding: 10px 2% 10px 0;
}
#top3 dl dd{
	display: inline;
	padding: 10px 0;
}
#top3{
	background: url("../img/common/bg_radial.png");
	background-repeat: no-repeat;
	background-size: 120%;
}
#top3 div.deco_01{
	width: 20%;
	max-width: 140px;
	top:200px;
	right: -3%;
}
#top3 div.deco_02{
	width: 20%;
	max-width: 140px;
	top:200px;
	left: -3%;
}
#top3 h2{
	width: 90%;
  	max-width: 740px;
	bottom:-60px;
	left: 0;
	right: 0;
}
#top3 dl:before{
	content: url("../img/common/icon_crown.svg");
	width: 60px;
	display: inline-block;
	margin-right: 10px;
}
#top3 .bg_w{
	padding: 60px 3% 20px;
}

@media screen and (max-width:740px){
	#top3 dl::before {
	  width: 30px;
	}
	#top3 div.deco_01{
		top:100px;
	}
	#top3 div.deco_02{
		top:100px;
	}
}
/*-----------------------------------
interview
----------------------------------*/
#interview .box{
	max-width: 840px;
	width: 98%;
	border: solid 5px #fff;
	padding-top: 40px;
}

#interview ul li{
	padding: 20px 2.5%;
	border: solid 4px #000;
}
#interview ul li .bg_bk{
	width: 90px;
	height: 90px;
	padding-top: 28px;
	top:-30px;
	right: -10px;
	z-index: 1;
}
#interview ul li .img{
	width: 40%;
}
#interview ul li .txt{
	width: 56%;
}
#interview ul li:nth-child(2n) .bg_bk{
	left: -10px;
	right: inherit;
}
#interview ul li .fz32 {
	margin-bottom: 5px;
	padding-bottom: 5px;
  border-bottom: solid 2px #000;
}
@media screen and (max-width:740px){
	#interview .box {
	  width: 96%;
	  border: solid 3px #fff;
	  padding-top: 20px;
	}
	#interview ul li {
	  border: solid 2px #000;
	}
	#interview ul li .bg_bk{
		width: 60px;
		height: 60px;
		padding-top: 18px;
	}
}