@charset "UTF-8";
/* CSS Document */
html{
}
body{
	margin:0px;
	padding:0px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 14px;
	line-height: 160%;
	color: #333333;
	background-image:url(../img/common/bg.gif);
	background-repeat:repeat;
}
p,ul,li,dl,dt,dd,img,h1,h2{
	margin:0px;
	padding:0px;
}
a {
    overflow: hidden;
    outline: none;
}
a:link,a:hover,a:visited{
	text-decoration:none;
	}
li{
	list-style-type:none;
}
img{
	vertical-align: bottom;
	border-style:none;
	box-shadow: #000 0 0 0;
}
input[type="text"]:focus {
  outline: 0;
}
x:-moz-any-link, x:default {
	box-shadow: #000 0 0 0;
}
table,th,td{
border-collapse: collapse;
border: 0 ;
}
.right{
	float:right;
}
.left{
	float:left;
}
.clear::after{
	content: '.';
    display: block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
.y_color_a{
	color: rgba(90,177,119,1);
}
.y_color_b{
	color: rgba(143,195,31,1);
}
.m_color_c{
	color:rgba(231,131,140,1);
}
.m_color_d{
	color: rgba(240,136,60,1);
}
.k_color_e{
	color:rgba(53,161,213,1);
}
.k_color_f{
	color:rgba(129,161,212,1);
}

/*==============================
　ヘッダー
==============================*/
header{
	width:100%;
	background-color:#000000;
}
header ul{
	background-color:#ffffff;
}
header li{
	width:25%;
	float:left;
	box-sizing:border-box;
	border-right:#ffffff 1px solid;
}
header li a{
	display:block;
	color:#ffffff;
	text-align:center;
	background-color:#000000;
}
header li#apply_btn a{
	background-color:#f7b52b;
	background-image: -moz-linear-gradient(top, #f7b52b, #f39801);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f7b52b), color-stop(1.0, #f39801));
	color:#000000;
	font-weight:bold;
}
header.fixed{
	position:fixed;
	z-index:50;
	top:0;
}
/*==============================
　フッター
==============================*/
footer{
	width:100%;
	background-color:#000000;
	color:#ffffff;
	text-align:center;
	padding:0.8em 0;
}
/*==============================
　MAP
==============================*/
.google_map{
	box-sizing:border-box;
	background-color:#cccccc;
}
#yonago_area .google_map{
	border: 2px solid rgba(90,177,119,1);
}
#matsuyama_area .google_map{
	border: 2px solid rgba(231,131,140,1);
}
#kouchi_area .google_map{
	border: 2px solid rgba(53,161,213,1);
}
/*==============================
　モーダル
==============================*/
.modal_contents{
	display:none;
}
#modal-win {
	width: 100%;
	position: absolute;
	z-index:99;
}
#modal-win-inner {
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	margin: 0 auto;
	position: relative;
	z-index: 101;
}
#modal-bg {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}
/*==============================
　応募ボタン
==============================*/
.apply_btn a{
	display:block;
	background-color:#f7b52b;
	background-image: -moz-linear-gradient(top, #f7b52b, #f39801);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f7b52b), color-stop(1.0, #f39801));
	color:#000000;
	font-weight:bold;
	position:relative;
	border-radius:10px;
}
.apply_btn a::after{
	content: '　';
    position: absolute;
    right: 2%;
    top: 0;
    bottom: 0;
    margin: auto;
    box-sizing: border-box;
    width: 0.3em;
    height: 0.3em;
    border: 0.4em solid transparent;
    border-left: 0.6em solid #000;
	transition:all ease 200ms;
}