#main_visual{
	width:100%;
	height:80vh;
	margin:0 auto;
    -webkit-clip-path: content-box; /* workaround for Safari border-radius issue */
	position:relative;
}
.main_center{
	width:1150px;
	height:75vh;
	margin:0 auto;
	position:relative;
}

h2.main_title_01{
	color:#FFF;
	text-shadow:2px 2px #535353;
	padding-top:160px;
	text-align:center;
	font-size:250%;
	letter-spacing:3px;
}
p.logo_text{
	font-weight:700;
	color:#FFF;
	text-shadow:2px 2px #535353;
	font-size:161.6%;
	text-align:center;
	letter-spacing:2px;
	font-weight:800;
	width:930px;
	margin:0 auto;
}
.big_text_01{
	font-size:146.5%;
}

span.blue{
	color:#FFF !important;
	font-size:153.9%;
}


#yajirushi{
	margin-left:-33px;
	position:absolute;
	top:80%;
	left:50%;
	cursor:pointer;
}
#line{
	height:1px;
	position:absolute;
	bottom:0px;
	background:#900;
}


/* =======================================
	新着情報
======================================= */
#contents_news{
	clear:both;
    min-width:1150px;
	background:#f9fdff;
	background-image: linear-gradient(-45deg, #f2faff 25%, transparent 25%, transparent 50%, #f2faff 50%, #f2faff 75%, transparent 75%, transparent);
    background-size: 9px 9px;
	padding:25px 50px 25px 50px;
	border-bottom:2px solid #f5f5f5;
}
.sub_con_01{
	width:1150px;
	position:relative;
	margin:0 auto;
}



#important_box{
	position:relative;
	width:260px;
	padding: 15px 25px 15px 0;
	vertical-align:middle;
	border-right:5px solid #3093d8;
	float:left;
}
h2.important_title{
	font-weight:normal;
	color:#383838;
	font-size:123.1%;
	text-align:center;
	letter-spacing:2px;
}
span.s_title{
	font-size:85%;
	color:#383838;
	padding-left:5px;
}

ul#important_list{
	float:right;
	width:830px;
}

ul#important_list li{
	width:830px;
	height:33px;
	background:url(../img/yajirushi.gif) no-repeat scroll 105px 4px;
	border-bottom:1px dotted #999;
	overflow:hidden;
	position:relative;
}
#important_list li:last-child {
    border-bottom:none;
}
span.day01{
	font-size:93%;
	font-weight:bold;
	width:40px;
	color:#333;
	position:absolute;
	top:10px;
}
#important_list a{
	display:block;
	color:#333;
	position:absolute;
	top:10px;
	left:130px;
	width:700px;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
    text-overflow: ellipsis;
	font-size:93%;
	letter-spacing:3px;
}
#important_list a:hover{
	color:#3093d8;
}

/* =======================================
	ボタン
======================================= */

.button_01.btn_01 {
	display:none;
}
	
.button{
	background-color: #3093d8;
	border: 2px solid #ccc;
	display: inline-block;
  　font-family: webfontHorizontal, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:60%;
	color:#FFF;
	margin-top:15px;
	padding:0px 20px;
	/*************************************************************************************
	outlineプロパティは、アウトラインのスタイル・太さ・色をまとめて指定する際に使用します。
	borderプロパティとは異なり、outlineプロパティには上下左右の概念はありません。 
	アウトラインをつける（縁取りをする）対象が丸い場合には、アウトラインも丸くなります。
	*************************************************************************************/
	outline: none;
	text-decoration:none !important;
	border-radius:5px !important;
}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	border-radius:5px !important;
}
.button,
.button::before,
.button::after {
	/*********************************************************
	「box-sizing」はボックスサイズの算出方法を指定する 
	content-box
	パディングとボーダーを幅と高さに含めない（初期値）
	border-box
	パディングとボーダーを幅と高さに含める
	inherit
	親要素の値を継承する
	**********************************************************/
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
	/*transitionで変化を設定 これにより滑らかに動く*/
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}

/* btn3 */
.btn3 {
	z-index: 2;
	color:#fff !important;
	line-height: 30px;
	letter-spacing:2px;
	position:relative;
	border-radius:5px !important;
}
.btn3:hover {
	border-radius:5px !important;
	background-color: #fff;
	border-color: #3093d8;
	color: #3093d8 !important;
}
.btn3::before,
.btn3::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #3093d8;
}
.btn3::before {
	right: 0;
}
.btn3::after {
	left: 0;
}
.btn3:hover::before,
.btn3:hover::after {
	width: 0;
	background-color: #3093d8;
	border-radius:5px !important;
}



/*====================#blog====================*/

#wrap {
	margin-bottom:100px;
}


.container {
	padding-top:100px;
	width:1100px;
	margin:0 auto;
	position:relative;
}
h2.blog_section_title {
	font-size:2rem;
	text-align:center;
	text-shadow:2px 2px 0 #fff;
	letter-spacing:0.1em;
	color:#3093d8;
	font-weight:500;
	z-index:101;
	margin-bottom:20px;
}


p.text_001{
	text-align:justify;
	line-height:1.7;
	font-size:123.1%;
	letter-spacing:2px;
	color:#535353;
}

#blog .dot_circle {
	width:150px;
	height:150px;
	background-size:30px 30px;
	border-radius:50%;
  background-color: transparent;
  background-image: radial-gradient(#bae9ff 15%, transparent 17%),
                    radial-gradient(#bae9ff 15%, transparent 17%);
  background-position: 0 0, 15px 15px;
	position:absolute;
	z-index:100;
	left:50%;
	top:-50px;
	opacity:0;
	transform: translateX(-50%) translateY(200px);
	transition:0.9s ease-out;
	transition-delay:0.4s;
}

#blog .dot_circle.started {
	opacity:0.8;
	transform: translateX(-50%) translateY(0px);
}

.blog_list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	border-radius:40%;
	position:relative;
	z-index:101;
}
		

.blog_list li {
	width:320px;
	background:#eafdf9;
	border-radius:40px;
	text-align:center;
	margin-bottom:40px;
}

.blog_list li:nth-child(even) {
	background:#ffefe5;
}

.blog_list .post_date {
	font-family:'Roboto',sans-serif;
	padding:15px;
	text-shadow:2px 2px 0 #fff;
	color:#888;
	letter-spacing:0.1em;
}

.blog_list .post_img{
	width:250px;
	height:250px;
	border-radius:30%;
	margin:0 auto;
	position:relative;
	z-index:50;
	overflow:hidden;
	transition:0.3s;
}

.blog_list .post_img img {
	display:block;
	margin:0 auto;
	transition:0.3s;
}

.blog_list li:hover .post_img {
	border-radius:10%;
}

.blog_list li:hover .post_img img {
	transform:scale(1.1);
	opacity:0.8;
}

.blog_list .post_category {
	position:absolute;
	z-index:51;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	background:rgba(0,0,0,0.5);
	color:#fff;
	font-weight:700;
	letter-spacing:0.1em;
	padding:0px 20px;
	border-radius:5px;
	
}

.blog_list .post_title {
	padding:15px;
	font-weight:700;
	letter-spacing:0.1em;
	text-shadow:2px 2px 0 #fff;
}

.blog_list .post_title a {
	color:#888;
}

.blog_list .post_title a:hover {
	color:#3093d8;
}

.blog_list .post_content {
	padding:0px 25px 25px;
	text-align:left;
}

.blog_more_btn {
	text-align:center;
}


.blog_more_btn a {
	display:inline-block;
	padding:15px 35px;
	letter-spacing:0.1em;
	background:#bae9ff;
	border-radius:15px;
	color:rgba(0,0,0,0.5);
	font-weight:700;
	box-shadow:1px 1px 0 rgba(0,0,0,0.1);
	transition:0.1s;
}

.blog_more_btn a:hover {
	transform:translate(2px,2px);
	box-shadow:0px 0px 0 rgba(0,0,0,0.1);
}

.blog_more_btn a:active {
	transform:translate(3px,3px);
	box-shadow:-1px -1px 0 rgba(0,0,0,0.3);
}


.blog_more_btn a i {
	padding-right:0.5em;
}



/*====================アニメーション====================*/

.movetext{opacity:0;}
.movetext span{opacity:0;}


.fade_up_anime {
	opacity:0;
	transform:translateY(100px);
	transition:0.7s ease-in-out;
}

.fade_up_anime.delighter.started {
	opacity:1;
	transform:none;
}



.wrap_s{
	width:100%;
	height:460px;
    background-image: url(../img/job_01.jpg);
    background-size: cover;
    background-position: center;
	}
h2.top_title{
	font-size: 230%;
	text-align:center;
	text-shadow:2px 2px 0 #535353;
	letter-spacing:0.1em;
	color:#FFF;
	font-weight:500;
	z-index:101;
	line-height:450px;
}



.wrap{
	width:100%;
	background:#f9f9f9;
	height:auto;
}
.contents{
	width:1100px;
	height:auto;
	margin:0 auto;
	position:relative;
	padding-bottom:250px;
	clear:both;
}
.photo_01{
	float:left;
	width:640px;
	height:427px;
	position:relative;
	top:90px;
}
.photo_02{
	float:right;
	width:640px;
	height:427px;
	position:relative;
	top:90px;
	margin-bottom:100px;
}

p.text_01{
	margin-top:170px;
	float:right;
	width:420px;
	text-align:justify;
	font-size:116%;
	letter-spacing:2px;
	line-height:1.7;
	color:#333;
	margin-bottom:120px;
}
p.text_02{
	clear:both;
	margin-top:170px;
	float:left;
	width:420px;
	text-align:justify;
	font-size:116%;
	letter-spacing:2px;
	line-height:1.7;
	color:#333;
}


span.blue_01{
	color:#09C;
	font-size:146.5%;
	font-weight:700;
}
span.demo05{
	background: linear-gradient(transparent 60%, #ff0 10%); 
}

	
	
	
	

.wrap_01{
	width:100%;
	background:#FFF;
	height:auto;
}

h3.blog_title{
	font-size:2em;
	letter-spacing:0.1em;
	color:#3093d8;
	font-weight:500;
	text-align:center;
	width:380px;
	height:45px;
	line-height:45px;
	position:absolute;
	left:360px;
	top:-23px;
	background:#FFF;
	border-top:1px solid #b0b0ae;
	border-bottom:3px double #b0b0ae;
	font-size:146.5%;
	letter-spacing:2px;
	font-weight:normal;
}
ul.pickup_list{
	padding:100px 0;
	width:1100px;
	height:220px;
}


ul.pickup_list_01{
	clear:both;
	padding:65px 0;
	width:1100px;
	height:180px;
}


.pickup_list li{
	width:520px;
	height:100px;
	float:left;
}
.pickup_list_01 li{
	width:520px;
	height:100px;
	float:left;
}

li.pickup_right{
	width:520px;
	height:100px;
	margin-left:60px;
}
.swiping {
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.swiping img {
	position: absolute;
	width: 100%;
}
.swiping-back {
	position: absolute;
	width: 100%;
	height: 100%;
}
p.contact_text{
	text-align:center;
	letter-spacing:2px;
	font-size:123.1%;
	color:#535353;
	position:relative;
}

p.sanyo_text{
	clear:both;
	font-size:116%;
	letter-spacing:1px;
	margin:0 auto;
	color:#535353;
	margin-top:15px !important;
	padding-top:15px !important;
}







p.mitsmori_btn a{
	display:block;
	clear:both;
	position:relative;
	top:65px;
	width:350px;
	height:75px;
	font-size:123.1%;
	letter-spacing:2px;
	margin:0 auto;
	line-height:77px;
	background:#099;
	color:#FFF;
	text-align:center;
	border-radius:10px;
	transition-duration: .5s;
}
	

p.mitsmori_btn a:hover {
  transform: scale(1.1);
  background:#F30;
}