@charset "utf-8";

/*-----------------------------

　リセットCSS + サイト共通設定

------------------------------*/

/*------------------------------------------*/
/*	変数(定数)宣言
/*------------------------------------------*/
:root{
	/*幅*/
	--ScreenWidth	: 500px;
	}

/*------------------------------------------*/
/* 全ての要素に対する余白初期値設定 */
/*------------------------------------------*/
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe,img{
	margin				: 0;
	padding				: 0;
	font-size			: 100%;
	border				: 0;
	}

.wrap{
	}

/* デフォルト文字設定 */
body{
	font-family			: YuGothic,	'Yu Gothic', sans-serif, "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif";
	font-size			: 15px;
	line-height			: 175%;
	color				: rgba(54,54,54,1.0);
	background			: rgba(255,255,255,1.0);
	letter-spacing		: 0.65px;
	-webkit-text-size-adjust: none;
	}

/* テーブルセルのボーダーの設定 */ 
table {
	border-collapse	: collapse; 
	border-spacing	: 0;
	}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea { 
	vertical-align: middle;
	}

/* リストマーカーを非表示 */
ul,ol{
	list-style-type		: none;
	}

/* 画像リンクの設定 */
a img{
	opacity				: 1;
	filter				: alpha(opacity=100);
	}

a:hover img{
	opacity				: 0.7;
	filter				: alpha(opacity=90);
	transition			: all 0.3s;
	-webkit-transition	: all 0.3s;
	-o-transition		: all 0.3s;
	}

a:hover{
	color				: rgba(190,211,169,1.0);
	}

a:-webkit-any-link {
    color				: -webkit-link;
    text-decoration		: none;
    color				: rgba(51,51,51,1.0);
	cursor				: pointer;
	}

a:visited {/*訪問後のリンク*/
    text-decoration		: underline;
	}

/*------------------------------------------*/
/*	共通機能
/*------------------------------------------*/
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.header{
	width				: 500px;
	margin				: 0 auto;
	}

.anchor {
	margin-top			: -70px;
	padding-top			: 70px;
}
.accordion{
	width				: 900px;
	margin				: 0 auto;
	padding-top			: 50px;
	}

.switch {
	clear				: both;
    cursor				: pointer;
    font-weight			: bold;
	width				: 890px;
	border-top			: 1px solid #296790;
    padding				: 10px 0px 10px 10px;
    font-size			: 20px;
    background			: #E9ECEF;	/*42210b;*/
    position			: relative;
    color				: #296790;
	}

.switch:after {
    position			: relative;
    top					: 53%;
	float				: right ;
	background			: url(../../images/accordion_plus.png)no-repeat;
    margin-top			: 3px;
	width				: 50px;
    content				: '　　';/
    font-size			: 20px;
    font-weight			: bold;
    -moz-transition		: all, 0.25s, linear;
    -o-transition		: all, 0.25s, linear;
    -webkit-transition	: all, 0.25s, linear;
    transition			: all, 0.25s, linear;
    font-family			: sans-serif;
    color				: #FFFFFF;
	}

.switch.open:after {
    top: 53%;
	background			: url(../../images/accordion_minus.png)no-repeat;
	float				: right;
    margin-top			: 3px;
	width				: 50px;
    content				: '　　';
    font-size			: 20px;
    font-weight			: bold;
    font-family			: sans-serif;
	}

.switch img{
	height:40px;
	padding-right:10px;
	}

.contentWrap {
	margin: 10px;
	}

.displayNone {
    display: none;
	}

.fixpoint{
	clear: both;
	height: 0px;
	}

.text_left	{text-align	: left;}
.text_right	{text-align	: right;}
.text_center{text-align	: center;}


.contents{
	/*width		: 500px;*/
	margin		: 0 auto;
	}

.main_contents{
	margin-left:250px;
	}

.float_l{
	float				: left;
	}

.float_r{
	float				: right;
	}

num{
    border-radius		: 50%;
    padding-top			: 1.6px;
    padding-left		: 8px;
    padding-right		: 8px;
    color				: rgba(255,255,255,1.0);
    background			: rgba(80,134,198,1.0);
	}

.sp_br::before {
	content: "\A" ;
	white-space: pre ;
	}

/*------------------------------------------*/
/*	Footer
/*------------------------------------------*/
.footer_frame{
	margin				: 0 auto;
	background			: rgba(219,227,218,1.0);
	}

.footer_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 20px 20px 20px;
	text-align			: left;
	}

.footer_frame h2{
	text-align			: left;
	}

.footer_frame h2 span{
	font-size			: 20px;
	}

.footer_frame h3{
	padding				: 25px 0;
	text-align			: left;
	font-size			: x-large;
	}

.footer_box{
	margin				: 0 auto;
	padding				: 10px 0px;
	box-sizing			: border-box;
	}

.footer_box_l{
	width				: 450px;
	padding				: 20px 50px;
	box-sizing			: border-box;
	float				: left;
	}

.footer_box_r{
	width				: 540px;
	padding				: 20px 0 0;
	box-sizing			: border-box;
	float				: left;
	}

.footer_info_img{
	margin-top			: 10px;
	margin-right		: 10px;
	float				: left;
	}

.sitemap_frame{
	width				: 460px;
	float				: left;
	}

.sitemap_link{
	width				: 150px;
	padding				: 10px;
	float				: left;
	}

.sitemap_link a {
	display				: block;
	-webkit-transition	: color 0.28s ease;
	-o-transition		: color 0.28s ease;
	transition			: color 0.28s ease;
	cursor				: pointer;
	text-decoration		: none;
	}

.sitemap_link a:hover {
	color				: rgba(54,54,54,0.7);
	text-decoration		: none;
	}

.sitemap_link dt{
	font-Weight			: bold;
	margin-top			: 0px;
	}

.address_frame{
	width				: 360px;
	padding				: 20px 0 0;
	float				: right;
	}

.address_frame img{
	padding				: 0 0 20px;
	}

.address_textbox{
	width				: 240px;
	padding				: 0px;
	float				: left
	}

.address_box p{
	padding				: 10px;
	float				: left
	}

.address_logo{
	width				: 160px;
	height				: 80px;
	padding				: 10px;
	float				: left
	}

/*------------------------------------------*/
/*	コピーライト / Coptright
/*------------------------------------------*/
.copyright_frame{
	background			: rgba(104,105,106,1.0);
	padding				: 10px 0 10px;
	margin				: 0 auto;
	clear				: both;
	}

.copyright_frame p{
	color				: rgba(255,255,255,1.0);
	text-align			: center;
	clear				: both;
	}

/*------------------------------------------*/
/*	フェードイン / FEDEIN
/*------------------------------------------*/
.fadein{
    opacity 			: 0.0;
    transition			: all 1000ms;
    }

.fadein_top{
    transform			: translate(0, 50px);
	}
 
.fadein_bottom{
    transform			: translate(0, -50px);
	}
 
.fadein_left{
    transform			: translate(-50px, 0);
	}
 
.fadein_right{
    transform			: translate(50px, 0);
	}
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity				: 1;
    transform			: translate(0, 0);
    }

.view_title{
	width				: 400px;
	}

/*------------------------------------------*/
/*	LINE EFFECT
/*------------------------------------------*/
.line_effect {
	position			: relative;
	float				: left;
	overflow			: hidden;
	min-width			: 440px;
	max-width			: 440px;
	width				: 100%;
	background			: rgba(0,0,0,1.0);
	margin :0px;
	}

.line_effect *,
.line_effect *:before,
.line_effect *:after {
	-webkit-box-sizing	: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all 0.55s ease;
	transition			: all 0.55s ease;
	}

.line_effect img {
	max-width			: 100%;
	backface-visibility	: hidden;
	vertical-align		: top;
	}

.line_effect figcaption {
	position			: absolute;
	top					: 0;
	left				: 0;
	bottom				: 0;
	right				: 0;
	padding				: 0;
	}

.line_effect figcaption:before,
.line_effect figcaption:after {
	height				: 2px;
	width				: 440px;
	position			: absolute;
	content				: '';
	background-color	: rgba(255,255,255,1.0);
	}

.line_effect figcaption:before {
	top					: 0;
	left				: 0;
	-webkit-transform	: translateX(100%);
	transform			: translateX(100%);
	}

.line_effect figcaption:after {
	bottom				: 0;
	right				: 0;
	-webkit-transform	: translateX(-100%);
	transform			: translateX(-100%);
	}

.line_effect figcaption div:before,
.line_effect figcaption div:after {
	width				: 2px;
	height				: 300px;
	position			: absolute;
	content				: '';
	background			: rgba(255,255,255,1.0);
	}

.line_effect figcaption div:before {
	top					: 0;
	left				: 0;
	-webkit-transform	: translateY(100%);
	transform			: translateY(100%);
	}

.line_effect figcaption div:after {
	bottom				: 0;
	right				: 0;
	-webkit-transform	: translateY(-100%);
	transform			: translateY(-100%);
	}

.line_effect a {
	position			: absolute;
	top					: 0;
	bottom				: 0;
	left				: 0;
	right				: 0;
	}

.line_effect:hover img,
.line_effect.hover img {
	zoom				: 1;
	filter				: alpha(opacity=70);
	-webkit-opacity		: 0.7;
	opacity				: 0.7;
	}

.line_effect:hover figcaption:before,
.line_effect.hover figcaption:before,
.line_effect:hover figcaption:after,
.line_effect.hover figcaption:after,
.line_effect:hover figcaption div:before,
.line_effect.hover figcaption div:before,
.line_effect:hover figcaption div:after,
.line_effect.hover figcaption div:after {
	-webkit-transform	: translate(0, 0);
	transform			: translate(0, 0);
	}

.line_effect:hover figcaption:before,
.line_effect.hover figcaption:before,
.line_effect:hover figcaption:after,
.line_effect.hover figcaption:after {
	-webkit-transition-delay: 0.15s;
	transition-delay	: 0.15s;
	}
/*------------------------------------------*/
/*	スライドショー / SlideShow
/*------------------------------------------*/
.bg-slider {
	width				: 100vw;
	height				: 100vh;
	background-position	: center center;
	background-size		: cover;
	background-attachment: fixed;
	display				: flex;
	align-items			: center;
	justify-content		: center;
    overflow			: hidden;
	}

.bg-slider__title{
	color: #fff;
	font-size: 48px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}

/*------------------------------------------*/
/*	スライドショー / SlideShow
/*------------------------------------------*/
.index_view_frame{
	width				: 100%;
	height				: 100%;
	box-sizing			: border-box;
	position			: relative;
	}


.slide-desc {
	top					: 130px;
	left				: 40px;
	width				: 100%;
	text-align			: center;
	position			: absolute;
	max-width			: 85%;
	display				: inline-block;
	}

.slide-desc > h2 {
	color				: rgba(255,255,255,1.0);
	font-size			: 40px;
	margin-bottom		: 10px;
	margin-top			: 10px;
	text-shadow			: 2px 2px 3px rgba(0,0,0,1.0); 
	}

.slide_frame{
	width			: 100%;
	margin			: 0 auto;
	clear			: both;
	}

.slide_width{
	width			: 100%;
	height			: auto;
	margin			: 0 auto;
	}

.slideshow {
	position		: relative;
	width			: 100%; /* ボックスの横幅 */
	}

.slideshow p {
	position		: absolute;
	top				: 0;
	left			: 0;
	z-index			: 8;
	opacity			: 0.0;
	margin			: 0;
	background-color: white; /* ボックスの背景色(必須) */
	}

.slideshow p.active {
	z-index			: 10;
	opacity			: 1.0;
	}

.slideshow p.last-active {
	z-index			: 9;
	}

.slideshow p img {
	width			: 100%; /* 画像の横幅 */
	display			: block;
	border			: 0;
	}

/*------------------------------------------*/
/*	TopView / 
/*------------------------------------------*/
.view_frame{
	margin				: 0 auto;
	background-position	: center center;
	background-size		: cover;
    overflow			: hidden;
	position			: relative;
	}

.view_frame img{
	width				: 100%;
	}

.view_frame subtitle{
	font-size			: 30px;
	}

.view_frame_fixed{
	margin				: 0 auto;
	text-align			: center;
	position			: relative;
	}

.view_frame_fixed title{
	top					: 50%;
	left				: 50%;
	-webkit-transform	: translate(-50%,-50%);
	-moz-transform		: translate(-50%,-50%);
	-ms-transform		: translate(-50%,-50%);
	-o-transform		: translate(-50%,-50%);
	transform			: translate(-50%,-50%);
	width				: 100%;
	font-size			: x-large;
	font-weight			: bold;
	text-align			: center;
	position			: absolute;
	max-width			: 85%;
	display				: inline-block;
	}

h1{
	box-sizing			: border-box;
	font-size			: 50px;
	color				: rgba(255,255,255,1.0);
	line-height			: 1.0;
	}

.top_button {
	display				: inline-block;
	width				: 350px;
	padding				: 10px;
	font-size			: 24px;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	border				: 2px solid rgba(255,255,255,1.0);
	color				: rgba(255,255,255,1.0);
	line-height: 50px;
	}

.top_button::before,
.top_button::after {
	position			: absolute;
	z-index				: -1;
	display				: block;
	content				: '';
	}

.top_button,
.top_button::before,
.top_button::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.top_button:hover {
	background-color	: rgba(255,255,255,0.2);
	/*
	border-color		: #59b1eb;
	color				: #59b1eb;
	*/
	}

/*------------------------------------------*/
/*	お知らせ / NEWS
/*------------------------------------------*/
.news_frame{
	margin				: 0 auto;
	}

.news_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 20px 20px;
	text-align			: left;
	}

.news_frame h2{
	padding				: 20px 0;
	font-size			: 40px;
	text-align			: center;
	box-sizing			: border-box;
	line-height			: 0.7;
	color				: rgba(42,167,56,1.0);
	}

.news_subject{
	font-size			: medium;
	color				: initial;
	}

.news_box{
	margin				: 0 auto;
	padding				: 5px 0px;
	background-repeat	: no-repeat;
	box-sizing			: border-box;
	}

.news_img{
	width				: 500px;
	margin				: 0 auto;
	padding				: 0px;
	box-sizing			: border-box;
	float				: left;
	}

.news_img_contents{
	width				: 200px;
	}

table.news_table{
	width				: 100%;
	border-collapse		: separate;
	text-align			: left;
	line-height			: 1.4;
	box-sizing			: border-box;
	font-weight			: bold;
	}

table.news_table ul{
	list-style-type		: disc !important;
	padding				: 0 30px;
	}

table.news_table th{
	width				: 120px;
	padding				: 5px 10px 0 0;
	vertical-align		: top;
	text-align			: left;
	box-sizing			: border-box;
	}

table.news_table td{
	vertical-align		: top;
	box-sizing			: border-box;
	}

news_date{
	padding				: 5px 10px;
	color				: rgba(255,255,255,1.0);
	background			: rgba(42,167,56,1.0);
	-webkit-border-radius	: 10px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 10px;	/* Firefox用 */
	}

.news_topics{
	width				: 100%
	padding				: 5px 0px;
	box-sizing			: border-box;
	border-bottom		: 1px solid rgba(95,93,93,1.0);
	}

.news_event_box{
	width				: 490px;
	padding				: 40px;
	box-sizing			: border-box;
	}

.inlineframe{
    height				: 215px;
    overflow-y			: auto;
    -ms-overflow-style	: none;
	}

/*inlineframe内のスクロールバー削除*/
.inlineframe::-webkit-scrollbar {
	display				: none;
	}

.event_button {
	display				: inline-block;
	width				: 390px;
	padding				: 35px 30px;
	font-size			: 24px;
	text-align			: left;
	text-decoration		: none;
	outline				: none;
	border				: 1px solid rgba(255,255,255,1.0);
	background			: rgba(9,5,4,1.0);
	color				: rgba(255,255,255,1.0);
	line-height: 50px;
	}

.event_button::before,
.event_button::after {
	position			: absolute;
	z-index				: -1;
	display				: block;
	content				: '';
	}

.event_button,
.event_button::before,
.event_button::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.event_button:hover {
	background-color	: rgba(255,255,255,0.2);
	}

/*====================================================================================*/
/*	HOME / INDEX
/*====================================================================================*/
/*------------------------------------------*/
/*	事業内容 / BUSINESS
/*------------------------------------------*/
.business_frame{
	margin				: 0 auto;
	background			: url(../../images/business_bk.png),rgba(251,248,242,1.0);
	background-repeat	: no-repeat;
	background-position	: center bottom;
	background-size		: contain;
    overflow			: hidden;
	}

.business_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 30px 20px 180px;
	text-align			: left;
	}

.business_frame h2{
	padding				: 20px 0;
	font-size			: 40px;
	text-align			: center;
	box-sizing			: border-box;
	line-height			: 100%;
	color				: rgba(12,84,20,1.0);
	}

.business_frame h2 span{
	font-size			: 20px;
	color				: initial;
	}

.business_frame h3{
	padding				: 5px 0;
	font-size			: large;
	text-align			: center;
	box-sizing			: border-box;
	}

.business_box{
	margin				: 0 auto;
	padding				: 10px 10px;
	box-sizing			: border-box;
	}

.business_case_box{
	margin				: 0 auto;
	padding				: 15px 15px;
	text-align			: center;
	box-sizing			: border-box;
	}

.business_case_inbox{
	width				: 358px;
	margin				: 10px;
	float				: left;
	box-sizing			: border-box;
	text-align			: left;
	overflow			: hidden;
	}

.business_case_text{
	height				: 140px;
	padding				: 10px 20px;
/*	background			: rgba(255,255,255,1.0);*/
	box-sizing			: border-box;
	z-index				: 200;
	}

.business_case_inbox p{
	padding				: 5px 0px;
	}

.business_case_img{
	width				: 358px;
	height				: 200px;
	overflow			: hidden;
	}

.business_case_inbox img {
    -moz-transition		: -moz-transform 	0.5s linear;
    -webkit-transition	: -webkit-transform 0.5s linear;
    -o-transition		: -o-transform 		0.5s linear;
    -ms-transition		: -ms-transform 	0.5s linear;
    transition			: transform 		0.5s linear;
	}

.business_case_inbox img:hover {
    -webkit-transform	: scale(1.2);
    -moz-transform		: scale(1.2);
    -o-transform		: scale(1.2);
    -ms-transform		: scale(1.2);
    transform			: scale(1.2);
	}

/*------------------------------------------*/
/*	C-CARD									*/
/*------------------------------------------*/
.c-card {
	display				: block;
	margin-bottom		: 13%;
	background			: rgba(255,255,255,1.0);
	-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.05);
	        box-shadow: 1px 1px 0 rgba(0,0,0,.05);
	position			: relative;
	overflow			: hidden;
	}

.c-card.clear {
	background			: transparent;
	-webkit-box-shadow	: none;
	        box-shadow	: none;
	}

.c-card.badge {
	overflow			: visible;
	margin-top			: 40px;
	}

a.c-card {
	-webkit-transition	: -webkit-box-shadow .2s;
	transition			: -webkit-box-shadow .2s;
	transition			: box-shadow .2s;
	transition			: box-shadow .2s, -webkit-box-shadow .2s;
	}
a.c-card:hover {
	-webkit-box-shadow	: 0 -1px 20px rgba(0,0,0,.15);
	        box-shadow	: 0 -1px 20px rgba(0,0,0,.15);
	}

a.c-card:before,
a.c-card.badge > i:before {
	content				: "";
	width				: 60px;
	height				: 50px;
	background			: rgba(42,167,56,1.0);
	position			: absolute;
	bottom				: 0;
	right				: 0;
	-webkit-transform	: skew(-48deg) translateX(90px);
	    -ms-transform	: skew(-48deg) translateX(90px);
	        transform	: skew(-48deg) translateX(90px);
	opacity				: 0;
	-webkit-transition	: opacity .3s, -webkit-transform .2s;
	transition			: opacity .3s, -webkit-transform .2s;
	transition			: transform .2s, opacity .3s;
	transition			: transform .2s, opacity .3s, -webkit-transform .2s;
}
a.c-card:hover:before,
a.c-card.badge:hover > i:before {
	-webkit-transform	: skew(-48deg) translateX(43px);
	    -ms-transform	: skew(-48deg) translateX(43px);
	        transform	: skew(-48deg) translateX(43px);
	opacity				: 1;
	-webkit-transition	: opacity .3s .2s, -webkit-transform .2s .2s;
	transition			: opacity .3s .2s, -webkit-transform .2s .2s;
	transition			: transform .2s .2s, opacity .3s .2s;
	transition			: transform .2s .2s, opacity .3s .2s, -webkit-transform .2s .2s;
}

a.c-card:after,
a.c-card.badge > i:after {
	content				: "";
	width				: 6px;
	height				: 10px;
	background			: url(../../images/c-sprite01.png) no-repeat -150px -50px;
	position			: absolute;
	bottom				: 8px;
	right				: 8px;
	-webkit-transform	: translateX(36px);
	    -ms-transform	: translateX(36px);
	        transform	: translateX(36px);
	opacity				: 0;
	-webkit-transition	: opacity .3s, -webkit-transform .3s;
	transition			: opacity .3s, -webkit-transform .3s;
	transition			: transform .3s, opacity .3s;
	transition			: transform .3s, opacity .3s, -webkit-transform .3s;
	}

a.c-card:hover:after,
a.c-card.badge:hover > i:after {
	-webkit-transform	: translateX(0);
	    -ms-transform	: translateX(0);
	        transform	: translateX(0);
	opacity				: 1;
	-webkit-transition	: opacity .2s .2s, -webkit-transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.275) .35s;
	transition			: opacity .2s .2s, -webkit-transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.275) .35s;
	transition			: transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.275) .35s, opacity .2s .2s;
	transition			: transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.275) .35s, opacity .2s .2s, -webkit-transform .2s cubic-bezier(0.175, 0.885, 0.32, 1.275) .35s;
	}

.clm3Wrap {
/*	margin-top			: -20px;*/
	}

.clm3Wrap:before, .clm3Wrap:after {
	content				: '';
	display				: table;
	}

.clm3Wrap:after {
	clear				: both;
	}

.clm3Wrap > li, .clm3Wrap > .clm {
/*	float				: left;*/
	margin				: 20px auto;
	width				: 400px;
	}

.articleList .thumb{
	background			: #FFF;
	height				: 302px;
	margin				: 0;
	overflow			: hidden;
	-moz-transition		: background-color 0.2s;
	-o-transition		: background-color 0.2s;
	-webkit-transition	: background-color 0.2s;
	transition			: background-color 0.2s;
	}

.articleList .imgBgBox {
	background-position	: 50% 50%;
	background-repeat	: no-repeat;
	background-size		: cover;
	height				: 100%;
	-moz-transition		: all 0.2s ease-out;
	-o-transition		: all 0.2s ease-out;
	-webkit-transition	: all 0.2s ease-out;
	transition			: all 0.2s ease-out;
    position			: relative;
	}

.articleList .imgBgBox::before {
/*
    content				: "";
    top					: 0;
    left				: 0;
    border-bottom		: 60px solid transparent;
    border-left			: 60px solid rgba(42,167,56,1.0);
    position			: absolute;
*/
    z-index				: 50;
	}

.articleList .imgBgBox::after {
	font-size			: 12px;
    content				: "aa";
	color:white;
    display				: block;
    bottom				: 10px;	/*文字の位置*/
    transform			: rotate(135deg);
    right				: 0px;
    position			: absolute;
    z-index				: 51;
	}

.articleList .articleTag {
	color				: #004898;
	margin				: 0 0 0 10px;
	}

.articleList .articleTit {
	font-weight			: bold;
	line-height			: 1.57143;
	}

.articleList a:hover{
	text-decoration		: none;
	}
.articleList a:hover .thumb {
	background			: rgba(0,0,0,1.0);
	}

.articleList a:hover .imgBgBox {
	opacity				: .7;
	-moz-transform		: scale(1.1, 1.1);
	-ms-transform		: scale(1.1, 1.1);
	-webkit-transform	: scale(1.1, 1.1);
	transform			: scale(1.1, 1.1);
	}

/*------------------------------------------*/
/*	採用情報 / RECRUIT
/*------------------------------------------*/
.index_recruit_frame{
	margin				: 0 auto;
	background			: url(../../images/index_recruit_bk.png) repeat;
	background-position	: center center;
	background-size		: cover;
	background-attachment: fixed;
    overflow			: hidden;
	}

.index_recruit_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 50px 70px 50px;
	text-align			: left;
	}

.index_recruit_frame h2{
	padding				: 20px 0;
	font-size			: 40px;
	text-align			: center;
	box-sizing			: border-box;
	line-height			: 100%;
	color				: rgba(12,84,20,1.0);
	}

.index_recruit_frame h2 span{
	font-size			: 20px;
	color				: initial;
	}

.index_recruit_frame h3{
	font-size			: x-large;
	color				: rgba(255,255,255,1.0);
	}

.index_recruit_box{
	margin				: 0 auto;
	padding				: 50px 0;
	}

.index_recruit_inbox{
	margin-left			: 100px;
	width				: 560px;
	padding				: 30px;
	background			: rgba(29,82,35,0.8);
	}

.index_recruit_list{
	padding				: 10px 20px 20px;
	list-style-type		: none;
	font-size			: large;
	color				: rgba(255,255,255,1.0);
	}

.index_recruit_list li{
	padding				: 30px 0 5px;
	border-bottom		: solid 1px rgba(255,255,255,1.0);
	}

.index_recruit_list a:-webkit-any-link {
    color				: -webkit-link;
    text-decoration		: none;
    color				: rgba(255,255,255,1.0);
	cursor				: pointer;
	}

/*------------------------------------------*/
/*	会社情報 / COMPANY
/*------------------------------------------*/
.index_company_frame{
	margin				: 0 auto;
	background			: url(../../images/index_company_bk.png) repeat;
	background-position	: left -200px center;
	background-size		: cover;
	background-attachment: fixed;
    overflow			: hidden;
	}

.index_company_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 30px 20px;
	text-align			: left;
	}

.index_company_frame h2{
	padding				: 20px 0;
	font-size			: 40px;
	text-align			: center;
	box-sizing			: border-box;
	line-height			: 100%;
	color				: rgba(12,84,20,1.0);
	}

.index_company_frame h2 span{
	font-size			: 20px;
	color				: initial;
	}

.index_company_frame h3{
	font-size			: x-large;
	color				: rgba(255,255,255,1.0);
	}

.index_company_box{
	margin				: 0 auto;
	padding				: 50px 0;
	}

.index_company_inbox{
	float				: right;
	margin-right		: 0px;
	width				: 460px;
	padding				: 30px 20px;
	background			: rgba(255,255,255,0.8);
	box-sizing			: border-box;
	}

.index_company_list{
	padding				: 0px 20px 20px;
	list-style-type		: none;
	font-size			: large;
	color				: initial;
	}

.index_company_list li{
	padding				: 30px 0 5px;
	border-bottom		: solid 1px rgba(54,54,54,1.0);
	}

.index_company_list a:-webkit-any-link {
    color				: -webkit-link;
    text-decoration		: none;
    color				: initial;
	cursor				: pointer;
	}

/*====================================================================================*/
/*	会社情報 / ABOUT
/*====================================================================================*/
/*------------------------------------------*/
/*	TOPVIEW	/* ABOUT */
/*------------------------------------------*/
.about_view_frame{
	margin				: 0 auto;
	background			: rgba(223,235,241,1.0);
	padding-bottom		: 20px;
	}

.about_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 50px 0 30px;
	text-align			: center;
	}

.about_wrap h2{
	font-size			: 40px;
	color				: rgba(31,93,121,1.0);
	line-height			: 1.1;
	font-style			: oblique;
	}

.about_wrap h2 span{
	font-size			: x-large;
	font-style			: normal;
	}

p.about_line {
	border-bottom		: 5px solid rgba(151,161,166,1.0);
	}

/*------------------------------------------*/
/*	社長挨拶
/*------------------------------------------*/
.ceo_frame{
	margin				: 0 auto;
	background			: rgba(255,255,255,1.0);;
	}

.ceo_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 50px 20px;
	text-align			: left;
	}

.ceo_frame h2{
	padding				: 20px 0px;
	font-size			: 40px;
	box-sizing			: border-box;
	line-height			: 100%;
	color				: rgba(0,160,232,1.0);
	}

.ceo_box{
	padding				: 10px 10px;
	box-sizing			: border-box;
	}

.ceo_greetingbox{
	width				: 440px;
	height				: 370px;
	text-align			: left;
	background			: rgba(255,255,255,0.7);
	padding				: 20px 10px 5px;
	box-sizing			: border-box;
	}

.ceo_greetingbox p{
	padding				: 5px 0px;
	line-height			: 1.4;
	}

.ceo_sign{
	width				: 440px;
	box-sizing			: border-box;
	}

/*------------------------------------------*/
/*	会社概要 / OUTLINE
/*------------------------------------------*/
.outline_frame{
	margin				: 0 auto;
	background			: rgba(221,244,224,1.0);
	}

.outline_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 50px 20px;
	text-align			: left;
	}

.outline_frame h2{
	padding				: 20px 0px;
	font-size			: 40px;
	text-align			: left;
	box-sizing			: border-box;
	line-height			: 100%;
	color				: rgba(68,118,142,1.0);
	}

.outline_frame h2 span{
	color				: initial;
	font-size			: 20px;
	}

.outline_box{
	margin				: 0 auto;
	padding				: 40px 0px;
	box-sizing			: border-box;
	}

table.outline_table{
	margin				: 0 auto;
	text-align			: left;
	box-sizing			: border-box;
	padding				: 10px;
	}

table.outline_table th{
	width				: 100px;
	padding				: 10px 5px 10px 5px;
	font-weight			: normal;
	vertical-align		: top;
	text-align			: left;
	box-sizing			: border-box;
	color				: rgba(255,255,255,1.0);
	background			: rgba(168,198,171,1.0);
	}

table.outline_table td{
	width				: 360px;
	padding				: 10px 20px;
	vertical-align		: top;
	box-sizing			: border-box;
	background			: rgba(255,255,255,1.0);
	}

table.outline_table td img{
	width				: 320px;
	}

.tr_border{
    border-bottom		: 1px solid rgba(190,204,192,1.0);
	}

.outline_box ul{
	list-style-type		: none;/*decimal;*/
	padding-left		: 0px;
	}

.outline_box ul li{
	padding				: 3px 0;
	}

/*------------------------------------------*/
/*	沿革 / HISTORY
/*------------------------------------------*/
.history_frame{
	margin				: 0 auto;
	background			: url(../../images/about_history_bk.png) no-repeat;
	background-position	: center center;
	background-size		: 200%;
	background-attachment: fixed;
    overflow			: hidden;
	}

.history_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 50px 20px;
	text-align			: left;
	}

.history_frame h2{
	padding				: 20px 0;
	font-size			: 40px;
	text-align			: left;
	box-sizing			: border-box;
	line-height			: 100%;
	color				: rgba(68,118,142,1.0);
	}

.history_frame h2 span{
	color				: initial;
	font-size			: 20px;
	color				: rgba(255,255,255,1.0);
	}

.history_box{
	width				: 460px;
	margin				: 0 auto;
	padding				: 10px 10px 50px;
	box-sizing			: border-box;
	background			: rgba(255,255,255,0.7);
	}

table.history_table{
	margin				: 0 auto;
	text-align			: left;
	box-sizing			: border-box;
	padding				: 10px;
	color				: initial;
	}

table.history_table th{
	width				: 120px;
	padding				: 10px 5px;
	font-weight			: normal;
	vertical-align		: top;
	text-align			: left;
	box-sizing			: border-box;
	}

table.history_table td{
	width				: 300px;
	padding				: 10px 20px;
	vertical-align		: top;
	box-sizing			: border-box;
	}

table.history_table tr{
    border-bottom		: 1px solid rgba(71,71,71,1.0);
	}

/*------------------------------------------*/
/*	アクセス / ACCESS
/*------------------------------------------*/
.access_frame{
	margin				: 0 auto;
	background			: rgba(234,245,233,1.0);
	}

.access_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 50px 20px;
	text-align			: left;
	}

.access_frame h2{
	padding				: 20px 0px;
	font-size			: 40px;
	text-align			: left;
	box-sizing			: border-box;
	line-height			: 100%;
	color				: rgba(68,118,142,1.0);
	}

.access_frame h2 span{
	color				: initial;
	font-size			: 20px;
	}

.access_frame h3{
	font-size			: large;
	padding				: 10px 0;
	}

.access_box{
	margin-left			: 0px;
	padding				: 10px;
	box-sizing			: border-box;
	}

.access_textbox{
	width				: 300px;
	padding				: 10px;
	float				: left;
	box-sizing			: border-box;
	}

.access_mapbox{
	width				: 440px;
	padding				: 0px;
	}

.access_map{
	width				: 440px;
	height				: 300px;
	border				: 0;
	}

/*====================================================================================*/
/*	事業内容 / SERVICE
/*====================================================================================*/
/*------------------------------------------*/
/*	TOPVIEW	/* SERVICE */
/*------------------------------------------*/
.service_view_frame{
	margin				: 0 auto;
	background			: rgba(223,235,241,1.0);
	padding-bottom		: 20px;
	}

.service_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 50px 0 30px;
	text-align			: center;
	}

.service_wrap h2{
	font-size			: 40px;
	color				: rgba(0,160,233,1.0);
	line-height			: 1.1;
	font-style			: oblique;
	}

.service_wrap h2 span{
	font-size			: x-large;
	color				: initial;
	font-style			: normal;
	}

p.service_line {
	border-bottom		: 5px solid rgba(151,161,166,1.0);
	}

/*------------------------------------------*/
/*	事業内容 / BUSINESS(SERVICE用)
/*------------------------------------------*/
.service_business_frame{
	margin				: 0 auto;
	background			: rgba(255,255,255,1.0);
	}

.service_business_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 30px 20px;
	text-align			: left;
	background			: url(../../images/service_bk.png);
	background-size		: contain;
	background-repeat	: no-repeat;
	background-position	: right top;
	}

.service_business_frame h2{
	padding				: 0px 0px;
	font-size			: x-large;
	text-align			: left;
	box-sizing			: border-box;
	line-height			: 100%;
	}

.service_business_frame h3{
	padding				: 0;
	font-size			: large;
	text-align			: left;
	box-sizing			: border-box;
	color				: rgba(42,167,56,1.0);
	}

.service_business_box{
	margin				: 0 auto;
	padding				: 30px 0px;
	box-sizing			: border-box;
	}

.service_business_img{
	width				: 460px;
	}

.service_business_textbox{
	width				: 460px;
	padding				: 10px 10px;
	box-sizing			: border-box;
	}

.service_business_inbox{
	padding				: 5px 10px;
	}

.service_business_bk1{
	background			: url(../../images/service_business_bk1.png);
	background-repeat	: no-repeat;
	background-position	: right bottom;
	}

.service_business_bk2{
	background			: url(../../images/service_business_bk2.png);
	background-repeat	: no-repeat;
	background-position	: right bottom;
	}

.service_business_bk3{
	background			: url(../../images/service_business_bk3.png);
	background-repeat	: no-repeat;
	background-position	: right bottom;
	}

.service_business_textbox p{
	padding				: 0 5px;
	}

.service_business_strength{
	background			: rgba(215,238,218,1.0);
	}

.service_contact_buttonbox{
	margin				: 0 auto;
	text-align			: center;
	padding				: 40px 0 10px;
	}

.service_contact_button{
	display				: inline-block;
	padding				: 20px 100px;
	font-size			: large;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	background			: rgba(248,151,98,1.0);
	color				: rgba(255,255,255,1.0);
	}

.service_contact_button,
.service_contact_button::before,
.service_contact_button::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.service_contact_button:hover {
	background			: rgba(248,151,98,0.7);
	}

/*====================================================================================*/
/*	採用情報 / RECRUIT
/*====================================================================================*/
/*------------------------------------------*/
/*	採用情報 / JOBSELECT
/*------------------------------------------*/
.recruit_jobselect_frame{
	margin				: 0 auto;
	background			: rgba(255,255,255,1.0);
	}

.recruit_jobselect_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 30px 20px;
	text-align			: left;
	background			: url(../../images/recruit_bk.png);
	background-size		: contain;
	background-repeat	: no-repeat;
	background-position	: center top;
	}

.recruit_jobselect_frame h2{
	padding				: 10px 0px;
	font-size			: x-large;
	text-align			: left;
	box-sizing			: border-box;
	line-height			: 100%;
	}

.recruit_jobselect_box{
	margin				: 0 auto;
	padding				: 30px 0px;
	box-sizing			: border-box;
	}

.recruit_jobselect_img{
	width				: 460px;
	}

.recruit_jobselect_textbox{
	width				: 460px;
/*	height				: 340px;*/
	padding				: 10px 10px;
	box-sizing			: border-box;
	}

.recruit_jobselect_inbox{
	padding				: 5px 10px;
	}

.recruit_jobselect_bk1{
	background			: url(../../images/recruit_jobselect_bk1.png);
	background-repeat	: no-repeat;
	background-position	: right 50px bottom;
	}

.recruit_jobselect_bk2{
	background			: url(../../images/recruit_jobselect_bk2.png);
	background-repeat	: no-repeat;
	background-position	: left 50px bottom;
	}

.recruit_jobselect_bk3{
	background			: url(../../images/recruit_jobselect_bk3.png);
	background-repeat	: no-repeat;
	background-position	: right 50px bottom;
	}

.recruit_jobselect_textbox p{
	padding				: 5px 5px;
	}

/*------------------------------------------*/
/*	応募方法 / FLOW
/*------------------------------------------*/
.recruit_flow_frame{
	margin				: 0 auto;
	background			: rgba(246,253,239,1.0);
	}

.recruit_flow_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 50px 20px;
	text-align			: left;
	}

.recruit_flow_frame h2{
	padding				: 10px 10px 30px;
	font-size			: 25px;
	text-align			: left;
	box-sizing			: border-box;
	line-height			: 100%;
	}

.recruit_flow_box{
	margin				: 0 auto;
	padding				: 10px 20px 10px 20px;
	text-align			: center;
	box-sizing			: border-box;
	}

.recruit_flow_subject{
	width				: 400px;
	padding				: 10px 20px;
	float				: left;
	box-sizing			: border-box;
	}

.recruit_flow_note{
	width				: 400px;
	padding				: 10px 10px;
	float				: left;
	text-align			: left;
	box-sizing			: border-box;
	}

.recruit_flow_arrow{
	padding				: 0 0 0 200px;
	text-align			: left;
	}

.recruit_flow_subject_bk1{background:rgba(255,255,255,1.0);color:initial;}
.recruit_flow_subject_bk2{background:rgba(200,247,213,1.0);color:initial}
.recruit_flow_subject_bk3{background:rgba(174,199,148,1.0);color:initial}
.recruit_flow_subject_bk4{background:rgba(138,163,113,1.0);color:initial}
.recruit_flow_subject_bk5{background:rgba( 88,119, 58,1.0);color:rgba(255,255,255,1.0)}

/*====================================================================================*/
/*	採用情報(材木事業部/サッシ事業部/建築事業部) / RECRUIT
/*====================================================================================*/
/*------------------------------------------*/
/*	仕事内容 / CONTENTS
/*------------------------------------------*/
.recruit_contents_frame{
	margin				: 0 auto;
	background			: rgba(255,255,255,1.0);
	}

.recruit_contents_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 50px 0px 10px;
	text-align			: left;
	background			: url(../../images/recruit_bk.png);
	background-size		: contain;
	background-repeat	: no-repeat;
	background-position	: center top;
	}

.recruit_contents_frame h2{
	padding				: 20px 0px;
	font-size			: x-large;
	text-align			: left;
	box-sizing			: border-box;
	line-height			: 100%;
	}

.recruit_contents_box{
	margin				: 0 auto;
	padding				: 0px 20px 20px;
	box-sizing			: border-box;
	}

.recruit_contents_img{
	width				: 460px;
	padding				: 10px 0;
	}

.recruit_contents_bar_img{
	width				: 100%;
	}

.recruit_contents_textbox{
	padding				: 0px 10px;
	box-sizing			: border-box;
	}

.recruit_contents_textbox p{
	padding				: 5px 5px;
	}

/*------------------------------------------*/
/*	沿革 / HISTORY
/*------------------------------------------*/
.recruit_jobflow_frame{
	margin				: 0 auto;
	background			: rgba(255,255,255,1.0);
	}

.recruit_jobflow_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 20px 20px;
	text-align			: left;
	}

.recruit_jobflow_frame h2{
	padding				: 30px 0px;
	font-size			: x-large;
	text-align			: left;
	box-sizing			: border-box;
	line-height			: 100%;
	}

.recruit_jobflow_frame h2 span{
	color				: initial;
	font-size			: 20px;
	color				: rgba(255,255,255,1.0);
	}

.recruit_jobflow_box{
	margin				: 0 auto;
	padding				: 10px 0px 50px;
	box-sizing			: border-box;
	background			: rgba(255,255,255,0.7);
	}

table.recruit_jobflow_table{
	margin				: 0 auto;
	text-align			: left;
	box-sizing			: border-box;
	padding				: 10px;
	color				: initial;
	}

table.recruit_jobflow_table th{
	width				: 110px;
	padding				: 10px 5px 10px 20px;
	font-weight			: normal;
	vertical-align		: top;
	text-align			: left;
	box-sizing			: border-box;
	}

table.recruit_jobflow_table td{
	width				: 330px;
	padding				: 10px 10px;
	vertical-align		: top;
	box-sizing			: border-box;
	}

table.recruit_jobflow_table tr{
    border-bottom		: 1px solid rgba(71,71,71,1.0);
	}

/*------------------------------------------*/
/*	先輩社員の声 / VOICE
/*------------------------------------------*/
.recruit_voice_frame{
	margin				: 0 auto;
	}

.recruit_voice_frame_bk1{
	background			: rgba(237,254,239,1.0);
	}

.recruit_voice_frame_bk2{
	background			: rgba(252,251,235,1.0);
	}

.recruit_voice_frame_bk3{
	background			: rgba(251,242,234,1.0);
	}

.recruit_voice_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 20px 20px 20px;
	text-align			: left;
	}

.recruit_voice_frame h2{
	padding				: 30px 0px;
	font-size			: x-large;
	text-align			: left;
	box-sizing			: border-box;
	line-height			: 1.4;
	}

.recruit_hilight1{
	padding				: 5px 10px;
	color				: rgba(255,255,255,1.0);
	background			: rgba(68,141,76,1.0);
	-webkit-border-radius	: 5px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 5px;	/* Firefox用 */
	}

.recruit_hilight2{
	padding				: 5px 10px;
	color				: rgba(255,255,255,1.0);
	background			: rgba(121,117,61,1.0);
	-webkit-border-radius	: 5px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 5px;	/* Firefox用 */
	}

.recruit_hilight3{
	padding				: 5px 10px;
	color				: rgba(255,255,255,1.0);
	background			: rgba(174,135,97,1.0);
	-webkit-border-radius	: 5px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 5px;	/* Firefox用 */
	}

.recruit_voice_h2_bk1{
	color				: rgba(68,141,76,1.0);
	}

.recruit_voice_h2_bk2{
	color				: rgba(121,117,61,1.0);
	}

.recruit_voice_h2_bk3{
	color				: rgba(174,135,97,1.0);
	}

.recruit_voice_box{
	margin				: 0 auto;
	padding				: 0px 0px 30px;
	box-sizing			: border-box;
	}

.recruit_voice_img{
	width				: 460px;
	padding				: 20px 5px;
	box-sizing			: border-box;
	}

.recruit_voice_textbox{
	width				: 460px;
	float				: left;
	padding				: 0px 10px;
	box-sizing			: border-box;
	}

.recruit_voice_textbox p{
	padding				: 10px 10px 20px;
	}

/*------------------------------------------*/
/*	募集要項 / REQUIRE
/*------------------------------------------*/
.recruit_require_frame{
	margin				: 0 auto;
	background			: rgba(255,255,255,1.0);
	}

.recruit_require_frame_bk1{
	background			: rgba(249,253,249,1.0);
	}

.recruit_require_frame_bk2{
	background			: rgba(237,237,236,1.0);
	}

.recruit_require_frame_bk3{
	background			: rgba(254,254,254,1.0);
	}


.recruit_require_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 20px 20px;
	text-align			: left;
	}

.recruit_require_frame h2{
	padding				: 30px 0px;
	font-size			: x-large;
	text-align			: center;
	box-sizing			: border-box;
	line-height			: 100%;
	}

.recruit_require_box{
	margin				: 0 auto;
	padding				: 10px 20px 50px;
	box-sizing			: border-box;
/*	background			: rgba(255,255,255,0.7);*/
	}

table.recruit_require_table{
	margin				: 0 auto;
	text-align			: left;
	box-sizing			: border-box;
	padding				: 10px;
	color				: initial;
	}

table.recruit_require_table th{
	width				: 150px;
	padding				: 10px 20px;
	font-weight			: normal;
	vertical-align		: top;
	text-align			: left;
	box-sizing			: border-box;
	}

table.recruit_require_table td{
	width				: 500px;
	padding				: 10px 20px;
	vertical-align		: top;
	box-sizing			: border-box;
	}

table.recruit_require_table tr{
    border-bottom		: 1px solid rgba(71,71,71,1.0);
	}

.recruit_require_buttonbox{
	margin				: 0 auto;
	text-align			: center;
	padding				: 40px 0 10px;
	}

.recruit_require_button1{
	display				: inline-block;
	padding				: 20px 100px;
	font-size			: large;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	background			: rgba(29,69,33,1.0);
	color				: rgba(255,255,255,1.0);
	}

.recruit_require_button1,
.recruit_require_button1::before,
.recruit_require_button1::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.recruit_require_button1:hover {
	background			: rgba(29,69,33,0.7);
	}

.recruit_require_button2{
	display				: inline-block;
	padding				: 20px 100px;
	font-size			: large;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	background			: rgba(167,159,51,1.0);
	color				: rgba(255,255,255,1.0);
	}

.recruit_require_button2,
.recruit_require_button2::before,
.recruit_require_button2::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.recruit_require_button2:hover {
	background			: rgba(167,159,51,0.7);
	}

.recruit_require_button3{
	display				: inline-block;
	padding				: 20px 100px;
	font-size			: large;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	background			: rgba(149,108,71,1.0);
	color				: rgba(255,255,255,1.0);
	}

.recruit_require_button3,
.recruit_require_button3::before,
.recruit_require_button3::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.recruit_require_button3:hover {
	background			: rgba(149,108,71,0.7);
	}

/*====================================================================================*/
/*	お問い合わせ / CONTACT
/*====================================================================================*/
/*------------------------------------------*/
/*	応募方法 / FLOW
/*------------------------------------------*/
.contact_flow_frame{
	margin				: 0 auto;
	background			: rgba(255,255,255,1.0);
	}

.contact_flow_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 50px 20px 0;
	text-align			: left;
	}

.contact_flow_frame h2{
	padding				: 10px;
	font-size			: 25px;
	text-align			: left;
	box-sizing			: border-box;
	line-height			: 100%;
	}

.contact_flow_box{
	margin				: 0 auto;
	padding				: 10px 20px 10px 20px;
	text-align			: left;
	box-sizing			: border-box;
	}

.contact_flow_box ul{
	list-style-type		: decimal;
	padding				: 10px 0 20px 30px;
	}