@charset "UTF-8";


/*  ==============================

reset

============================== */
html{
}
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,
brockquote, pre, table, caption, th, td, address,
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
  font-weight:normal;
}
a, ins {
  text-decoration: none;
}
address, em, cite, dfn, var {
  font-style: normal;
}
input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}
img {
  border: none;
}
a img {
  border: none;
}
table th,
table td{
	font-weight:normal;
	color:#C9E0F4;
}


/*  ==============================

共通htmltag

============================== */
body{
	color:#C9E0F4;
	line-height:2.8;
	margin:0px;
	padding:0px;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	background-color: #242935;/*背景色 */
}

a{
color: #3082D4;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #111;
  text-decoration: underline;
}
a:hover img{
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
a:hover div{
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}
.align_right{
	text-align:right;
}
.align_center{
	text-align:center;
}
.align_left{
	text-align:left;
}
p{
	padding-bottom:30px;
}
h1,h2{
	line-height:2.8;
}
h1{
	color:#C9E0F4;
}
.common_h1_title{
	padding-top:50px;
	padding-bottom:50px;
	font-size:1.5rem;
	letter-spacing:15px;
	color:#FFF;
}
h2{
	font-size:140%;;
}
h3.iezukuri{
	font-size:100%;
	color:#FFF;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
}
h3.iezukuri_koutei{
	font-size:100%;
	color:#FFF;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:10px;
}


/*  ==============================

共通装飾

============================== */
.color1{
	color: #FFF;
}
.color2{
	color: #E9BF2B;
}
.color3{
	color:#C9E0F4;
}
.font_gothic{
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;

}
.font_mincyo{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
.font_italic{
	font-style:italic;
}
.font_small{
	font-size:80%;
}
.font_big{
	font-size:120%;
}
.font_bigbig{
	font-size:140%;
}
.marker{
	background: linear-gradient(transparent 70%, #FDE7A0 30%);
}
/*パソコンとスマホで改行位置を調整*/
.br-pc { display:block; }
.br-sp { display:none; }


/*画像*/
.common_img_width{
	max-width:300px;
	padding: 5px;
	border:1px solid #ccc;
	background-color:#E7E7E7;
}

/*divに対してリンク設定時に色を透過する*/
.common_hover:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}



/*  ==============================

共通レイアウト

============================== */
.common_pagetop{
	text-align:right;
	font-size:0.8rem;
	padding-top:20px;
	padding-bottom:20px;
}




/*  ==============================

共通アニメーション

============================== */
/*スクロールして可視範囲に入ったら要素を表示するアニメーション【jQuery】*/
.fadein {
  opacity : 0;
  transform : translate(0, 20px);
  transition : all 1s;
}
 
.fadein.active{
  opacity : 1;
  transform : translate(0, 0);
}





/*  ==============================

個別ページレイアウト

============================== */
.index_topmessage{
	color:#FFF;
	font-size:1.2rem;
	padding:350px 0 350px 100px;
	text-align:left;
}

.index_concept{
	padding-top:140px;
	background-color:rgba(36,41,53,0.6);
	padding-bottom:140px;
}
.index_concept_title{
	padding-bottom:50px;
	text-align:center;
}
.index_concept_border{
	background:url(../../images/common/bg_part_yellow.png) center repeat-y;
}
.index_concept .banner{
	padding-top:40px;
}

.index_message{
	padding-top:140px;
	background-color:rgba(36,41,53,0.6);
	padding-bottom:140px;
	text-align:center;
}
.index_message_title{
	padding-bottom:50px;
	text-align:center;
}
.index_message_title_border{
	padding-top:20px;
	border-top:1px solid #FFFF00;
}

.index_iezukuri_image{
	background:url(../../images/index/index_iezukuri_bg.jpg) center;
	width: 100%;
	height: 300px;
	background-size: cover;
}
.index_iezukuri{
	line-height:2;
}

.index_iezukuri_left{
	background-color:rgba(36,41,53,0.8);
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}
.index_iezukuri_right{
	background-color:rgba(36,41,53,0.8);
	border-left:1px solid #fff;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}
.index_iezukuri a{
	color:#c9e0f4;
	text-decoration: none;
}
.index_iezukuri a:hover,
.index_iezukuri a:focus {
  text-decoration: none;
}

.index_news{
	padding-top:140px;
	background-color:rgba(201,224,244,0.8);/*#c9e0f4 rgba(201,224,244,0.8)*/
	color:#242935;
	padding-bottom:140px;
	text-align:left;
}
.index_news a{
	color:#242935;
	text-decoration: none;
}
.index_news a:hover,
.index_news a:focus {
	color:#242935;
  text-decoration:underline;
}

.index_news p{
	padding-bottom:20px;
}


.index_news_title{
	padding-bottom:50px;
	text-align:left;
	padding-bottom:20px;
	margin-bottom:40px;
}
.index_news_title_border{
	padding-bottom:20px;
	border-bottom:1px solid #FFFF00;
}

.index_search_image{
	background:url(../../images/index/index_search_bg.jpg) center;
	width: 100%;
	height: 300px;
	background-size: cover;
}
.index_search{
	height: 300px;
	text-align:center;
}
.index_search a{
	color:#c9e0f4;
	text-decoration: none;
}
.index_search a:hover,
.index_search a:focus {
  text-decoration: none;
}
.index_search_box{
	width:50%;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:20px;
	background-color:rgba(36,41,53,0.8);
}

.index_fudousan{
	padding-top:40px;
	background-color:rgba(36,41,53,0.8);
	padding-bottom:20px;
	text-align:center;
}

.index_photo3 .col-4{ padding: 0;}

#news_frame{
	border:1px solid #242935;
}


.iezukuri_new_content{
	padding-bottom:100px;
}
.iezukuri_concept_img{
	padding-right:30px;
}
.iezukuri_melit{
	background-color:#48526B;
	padding:30px 10px 10px 30px;
	margin-bottom:100px;
}

h2.iezukuri{
	color:#FFF;
	letter-spacing:5px;
	margin:0px 0px 30px 0px;
	padding:0px 0px 20px 0px;
	text-align:right;
	border-bottom:1px solid #434B53;
	line-height:1em;
}
ol.iezukuri_list,
ol.iezukuri_list_row{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
}
ol.iezukuri_list li,
ol.iezukuri_list_row li{
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 1.5em 0.5em 1.5em 50px;
  line-height:2em;
}

ol.iezukuri_list li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #C9E0F4;
  color: #242935;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.iezukuri_list_row li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #C9E0F4;
  color: #242935;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;

}


.iezukuri_process{
	background:url(../../images/iezukuri/iezukuri_process.jpg) center;
	width: 100%;
	height: 300px;
	background-size: cover;
}

.voice_content{
	padding-bottom:150px;
}
.voice_content p{
	line-height:2em;
	padding-bottom:15px;
}
.voice_content_title{
	padding-top:30px;
	color: #fff;/*color: #E9BF2B;*/
	font-size:1rem;
	line-height:0.5em;
}
.voice_content_title_first{
	color: #fff;
	font-size:1rem;
	line-height:0.5em;
}
.voice_picture_left{
	padding-left:0px;
}
.voice_picture_right{
	padding-right:0px;
}

.works_content{
	padding-bottom:100px;
}
.works_content .col-sm-6{
	padding:0px;
}
.works_title{
	text-align:center;
	margin-bottom:30px;
}
.works_title_border{
	padding-top:20px;
	padding-bottom:10px;
	border-bottom:1px solid #FFFF00;
	text-align:center;
	
}

.company_table table.table th,
.company_table table.table td{
	padding:30px 30px 30px 0px;
	line-height:2em;
	border:none;
}
.company_table table.table th{
	font-weight:bold;
	color: #E9BF2B;
	white-space: nowrap;
}
.company_table table.table th p,
.company_table table.table td p{
	padding-bottom:15px;
}
.contact_error{
	padding:10px;
	margin-bottom:30px;
	background-color:#4D5873;
	font-weight:bold;
	line-height:2em;
}
.contact_message{
	padding-top:10px;
	padding:20px;
	padding-bottom:10px;
	background-color:#11141B;
	margin-top:40px;
	margin-bottom:40px;
}
.contact_message ul{
	padding-left:30px;
	padding-top:10px;
}
.contact_message ul li{
	padding-bottom:10px;
}
.contact_confirm{
	border:1px solid #CCC;
	padding:30px;
}
.contact_confirm p{
	padding-bottom:10px;
}
.contact_bt_color{
	background-color:#171A23;
	border-color:#4D5873;
}
.contact_bt_color{
	background-color:#171A23;
	border-color:#4D5873;
}
.contact_bt_color a:hover,
.contact_bt_color a:focus {
  background-color:#3082D4;
}


.control-label{
	color: #E9BF2B;
}

.recruit_table{
	margin-bottom:40px;
}
.recruit_table table.table th,
.recruit_table table.table td{
	padding:30px 30px 30px 0px;
	line-height:2em;
	border:none;
}
.recruit_table table.table th{
	font-weight:bold;
	color: #E9BF2B;
	white-space: nowrap;
}
.recruit_table table.table th p,
.recruit_table table.table td p{
	padding-bottom:15px;
}

.tomonokai_message_title{
	display:inline-block;
	padding-top:50px;
	margin-bottom:20px;
	text-align:left;
	color:#fff;
	font-size:1.3rem;
	border-bottom:1px solid #FFFF00;
}
.tomonoka_box{
	line-height:2em;
	text-align:center;
	border:1px solid #fff;
	width:50%;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:20px;
	background-color:rgba(36,41,53,0.8);
}

.tomonoka_box a{
	color:#c9e0f4;
	text-decoration: none;
}
.tomonoka_box a:hover,
.tomonoka_box a:focus {
  text-decoration: none;
}