@charset "utf-8";
/*
Theme Name: original
Theme URI: https://luckweb.jp
Author: Yamato-Agency
Author URI: https://yamato-agency.com
Description: luckweb original theme.
*/
/*******************************
/* トップページ
********************************/



.ft-flexbox {
    display: flex;
	max-width: 445px;
}
.ft-flexbox a {
    font-size:14px;
}
.ft-flexitem {
	width: 50%;
	margin:  0 10px 10px 0;
	padding: 10px;
	text-align: center!important;
	vertical-align: middle!important;
	background: #ffffff;
	border: 1px solid #cccccc;
}
.ft-flexitem-sns {
	margin:  0 10px 10px 0;
}

.ft_left a {
    font-weight:bold;
    font-size:14px;
    border-bottom: 1px solid #000000;
    padding-bottom:3px;
}




.top_slider {
	position:relative;
	padding-top:20px;
}
.slider_cont {text-align:center;height:100%;}
.slider_cont img {

	height:100%;
	width:auto;
}
.slider1_img {
	background:url(img/top/slider1_bg.jpg) no-repeat center center;
	background-size:cover;
}
.slider2_img {
	background:url(img/top/slider2_bg.jpg) no-repeat center center;
	background-size:cover;
}
.slider3_img {
	background:url(img/top/slider3_bg.jpg) no-repeat center center;
	background-size:cover;
}
.slider4_img {
	background:url(img/top/slider4_bg.jpg) no-repeat center center;
	background-size:cover;
}
.slider5_img {
	background:url(img/top/slider5_bg.jpg) no-repeat center center;
	background-size:cover;
}

/*動画*/
.movie1_img {
	background:url(img/top/move1.jpg) no-repeat center center;
	background-size:cover;
}

.movie2_img {
	background:url(img/top/move2.jpg) no-repeat center center;
	background-size:cover;
}

/*
.top_movie:after{
  content:" ";
  width: 100%;
  height: 100%;
  background: url(img/top/main_dotted.png) repeat center top;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
*/
.videoContainer {
    position: relative;
    width: 100%;
    height: 100%;
}
.videoContainer video {
    min-width: 100%;
    min-height: 100%;
    position: relative;
    z-index: 1;
}
.videoContainer .overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background: url(img/top/main_dotted.png) repeat center top;
}
/*.fotorama__html video{*/
.top_movie{
padding-top: 0px;        
}
.top_movie .video{
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
}

/*.fotorama__html video{*/
.top_movie .video{
position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
}

/*  fotorama */
.fotorama__nav-wrap {
	position:absolute;
	bottom:10px;
}

/*  背景動画 */
#wrapper2 {position:relative;z-index:800;margin-top:60%;}
#wrapper2  article {background-color:#fff;}

.tp_movie{
	position:fixed;
	top:110px;
	width:100%;
	z-index:-10;
}
footer {
position:relative;z-index:800;
}
#tubular-shield{
	width: 100%;
	height: 100%;
	opacity:0.3;
	background: url(/yws/wp-content/themes/theme/img/top/main_dotted.png);
	z-index: 2; position: absolute; left: 0; top: 0;
 }

#tubuar-container{
        position: relative;
        padding-bottom: 56.25%!important;

        height: 0;
}
 
#tubuar-container iframe {
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 100%!important;
}
.youtube-wrapper{
        position: relative;
        padding-bottom: 56.25%;
        margin-top:30px;
        height: 0;
}
 
.youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1199px){
#wrapper2 {margin-top:65%;}

/*トップページ動画スライダー箇所*/
/*
.top_movie:after{
  content:" ";
  width: 100%;
  height: 100%;
  background: url(img/top/main_dotted.png) repeat center top;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
*/
.videoContainer {
    position: relative;
    width: 100%;
    height: 100%;
}
.videoContainer video {
    min-width: 100%;
    min-height: 100%;
    position: relative;
    z-index: 1;
}
.videoContainer .overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background: url(img/top/main_dotted.png) repeat center top;
}

.top_movie .video{
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
}

}

/* リード  */
.top_middle {margin-top:60px!important;}
.top_message {
	margin-top:50px;
	margin-bottom:120px
	background:url(img/top/top_left_img.png) no-repeat top 50px left 2% , url(img/top/top_bg_human.jpg) no-repeat top  50px right 15%
}
.top_message .big {
	text-align:center;
	font-weight:bold;
	font-size:22px;
	color:#1A1311;
	margin:50px auto; 
	line-height:2.0em;
}

#top_mes_container {
	max-width: 700px;
	margin: 0 auto;
}
#top_mes_main {
	width: 100%;
	text-align:center;
}
.top_mes_big {
	text-align:center;
	font-weight:bold;
	font-size:22px;
	color:#1A1311;
	margin:20px auto; 
	line-height:1.8em;
}
.top_mes_tex {
	text-align:center;
	margin:30px auto; 
}
.top_mar30 {margin-top:30px!important;}


@media screen and (min-width: 650px){	
	.br-pc { display:block; }
	.br-sp { display:none; }
}
@media screen and (max-width: 650px){
	.br-pc { display:none; }
	.br-sp { display:block; }
}
.big {
	text-align:center;
	font-weight:bold;
	font-size:22px;
	color:#1A1311;
	margin:50px auto; 
	line-height:2.0em;
}



/* お知らせ */
.ul_news {border-top:1px solid #CCCCCC;}
.ul_news li {
	position:relative;
	padding-left:100px!important;
}
.ul_news .date {
	display:inline-block;
	min-width:100px;
	position:absolute;
	left:0px;
	top:18px;
}

/* リスト */
ul li .ul-disc{
	margin: 1em 0;
	padding-left: 40px;
	list-style-type: disc;
}


/*******************************
/* 2階層目
********************************/
/*** 私たちの想い ***/
.policy_mss {
	width:700px;
	margin:0 auto;
}
.img_hatashima {
	float:left;
	margin-right:60px;
}
.policy_mss .txt{padding-top:30px;}
.policy_mss .name {	margin-top:60px;}
.policy_mss .name  img {
	margin-top:15px;
}
.policy_slo {
	width:700px;
	margin:0 auto;
}
.policy_slo .h_sub{
	font-weight:normal;
	font-size:small;
	text-align:center;
}
.policy_h_sub{
	font-weight:normal;
	font-size:large;
	text-align:center;
}
.policy_slo_item {margin-bottom:30px;}
.policy_slo_item dt {
	font-weight:bold;
	color:#003D92;
	font-size:16px;
	text-align:center;
	margin-bottom:30px;
	text-align:center;
}
.policy_slo_item dd {
	border-top:1px solid #cccccc;
	padding:15px;
	text-align:left;
}
.policy_slo .cen{
	text-align:center;
}
/***  金田の強み ***/
.red_text {
	font-size:22px;
	text-align:center;
	color:#CF221C;
	font-weight:bold;
}
.adv_area {margin-top:60px;}
.adv_item {
	margin-bottom:40px;
	text-align:center;
}
.adv_item .txt {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:15px 0px;
}
/*** 会社概要 ***/
.company_bg {
	background:url(img/2f/company_bg.gif)no-repeat right top;
}
.tbl_outline th {
	font-weight:normal !important;
}



.cp_timeline04 {
position: relative;
margin: 3em auto;
padding-bottom: 2em;
}
.cp_timeline04:before {
position: absolute;
top: 0px;
left: 45px;
width: 3px;
height: 100%;
content: '';
background: #e91e63;
}
.cp_timeline04 .timeline_item {
margin: 0px 0px 0px 80px;
}
.cp_timeline04 .timeline_item .time_date .time {
font-family: serif;
font-size: 6em;
font-weight: bold;
position: relative;
margin: 0;
letter-spacing: 3px;
color: rgba(233,30,99,0.1);
}
.cp_timeline04 .timeline_item .time_date .time:before {
position: absolute;
top: 50%;
left: -42px;
width: 10px;
height: 10px;
content: '';
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border: 3px solid #e91e63;
background: #fff;
}
.cp_timeline04 .timeline_item .time_date .flag {
font-size: 1.5em;
font-weight: bold;
margin: 0;
margin-top: -60px;
color: #880e4f;
}
.cp_timeline04 .timeline_item .desc {
font-size: 0.8em;
line-height: 20px;
margin-top: 10px;
padding-left: 20px;
border-left: 1px solid #880e4f;
}
@media only screen and (max-width: 767px) {
.cp_timeline04:before {
left: 15px;
}
.cp_timeline04 .timeline_item .time_date .time:before {
left: -32px;
}
.cp_timeline04 .timeline_item {
margin: 0px 0px 0px 40px;
}
.cp_timeline04 .timeline_item .desc {
padding-left: 0px;
border-top: 1px solid #880e4f;
border-left: none;
}
}







/*** 70周年 ***/
.aniv_bg {	background:url(img/2f/banner_bg.gif) repeat-x top center;}
.aniv_moushitsu {	margin: 160px auto !important;}
.aniv_mess {
		text-align:center;
	font-weight:bold;
	font-size:22px;
	color:#1A1311;
	margin:50px auto; 
	line-height:2.0em;
}
.aniv_mean {
	border:1px solid #000000;
	padding:25px 15px 35px 15px;
}
.subtitle {
	text-align:center;
	padding: .75em 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.gray_bg {
	padding:0.5em 0.75em;
	background-color:#e6e6e6;
	border-radius:3px;
	margin:0;
}


/*** 機械・設備紹介 ***/
.machine_img {text-align:left;font-size:0px;margin-top:60px;width:960px;margin:0 auto;}
.machine_img .item {
	width:240px;
	vertical-align:top;
	display:inline-block;
	margin-bottom:25px;
	font-size:13px;
}
.machine_img img {
	max-width:100%;
	height:auto;
}
.tbl_machine {
	width:450px!important;
}
.tbl_machine td {width:160px;}


/*** 【NEW】機械・設備紹介 ***/
.new_machine_img {text-align:left;font-size:0px;margin-top:60px;width:960px;margin:0 auto;}
.new_machine_img .item {
	width:320px;
	vertical-align:top;
	display:inline-block;
	margin-bottom:25px;
	font-size:13px;
}
.new_machine_img img {
	max-width:100%;
	height:auto;
}



/*** 工場一覧 ***/
.bg_factory {
background:url(img/2f/bg_factory.jpg) no-repeat top center;
}
.fac_mss {
		text-align:center;
	font-weight:bold;
	font-size:22px;
	color:#1A1311;
	margin:50px auto; 
	line-height:2.0em;
	margin-top:100px;
}
.fac_img {margin-top:20px;}

/***  施工・制作実績 ***/
.result_img {font-size:0px;margin-top:40px;text-align:left;width:960px;margin:40px auto 0;}
.result_img .item {
	display:inline-block;
	width:240px;
	vertical-align:top;
	margin-bottom:30px;
	font-size:12px;
	text-align:right;
}
.result_img .item .thum {
	display:inline-block;
	width:240px;
	height:160px;
}

/***  金田のこれから ***/
.future_moushitsu {margin:0px auto !important;}
.future_h_sub{
	font-weight:normal;
	font-size:large;
	text-align:center;
}

/***  これからの金田 ***/
.from {
	width:500px;
	margin:0 auto;
}
.from .h_sub{
	font-weight:normal;
	font-size:small;
	text-align:center;
}
.from .h_sub{
	font-weight:normal;
	font-size:small;
	text-align:center;
}
.from_moushitsu {margin:20px auto !important;}
.from_h_sub{
	font-weight:normal;
	font-size:large;
	text-align:center;
}
.from_area {margin-top:60px;}
.from_item {
	margin-bottom:60px;
	text-align:center;
}
.from_item .txt {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:15px 0px;
	text-align:left;
}

/***  プライバシーポリシー ***/
.privecy_item {margin-bottom:80px;}
.privecy_item dt {
	font-weight:bold;
	color:#003D92;
	font-size:16px;
	text-align:center;
	margin-bottom:30px;
	text-align:center;
}
.privecy_item dd {
	border-top:1px solid #cccccc;
	padding:15px;
	text-align:left;
}
/***  採用情報 ***/
.rec_mess {
	text-align:center;
	font-weight:bold;
	font-size:22px;
	color:#1A1311;
	margin:50px auto; 
	line-height:2.0em;
	margin-top:80px;
}
.contact_btn {
	background-color:#5a88c8;
	border-radius:3px;
	color: #000;
	font-weight: bold;
	border: none;
	padding: 8px 25px;
	outline: none;
	-webkit-appearance: none;
	margin-top:90px;
	color:#fff;
	display:inline-block;
}

/* 斜め背景 白 */
.recruit-wbg {
	position: relative;
	background-color:#FFF;
	width:100%;
	padding-bottom: 50px;
}
.recruit-wbg::before {
  content:"";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  /*ここで三角形のサイズを決める。
  必ず幅100vwにして、ブラウザサイズいっぱいにしてください。*/
  border-width: 0 0 100px 100vw ;
  border-color: transparent transparent #679AD3 transparent;
}

/* 背景　青 */
.recruit-bbg {
	position: relative;
	background-color:#679AD3;
	width:100%;
	padding-bottom: 50px;
}






/**********************
フォーム
***********************/
.mail_item {
	margin-bottom:30px;
}
.h_mail  span {
	background-color:#5a88c8;
	border-radius:3px;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	margin-left:10px;
	padding:0px 5px;
}
input[type="number"],input[type="email"],input[type="text"],input[type="tel"],textarea {
    outline: none;
    border: 1px solid #cccccc;
    padding: 15px;
	background:#f2f2f2;
	width:100%;
}
textarea {width:100%;min-height:150px;}
select {
	width:60%;
	padding:5px;
    border: 1px solid #cccccc;
	border-radius:5px;
	font-size:12px;
}
input:focus , textarea:focus{
    background: #FFF;
}


.wpcf7 .wpcf7-mail-sent-ok {
    color: #3A87AD;
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
}

.submit_area {margin-top:90px;}
input[type="submit"] {
	background-color:#5a88c8;
	border-radius:3px;
	color: #fff;
	font-weight: bold;
	border: none;
	padding: 8px 25px;
	outline: none;
	-webkit-appearance: none;
	display:inline-block;
cursor : pointer; 
}
input[type="button"] {
	background-color:#b3b3b3;
	border-radius:3px;
	color: #fff;
	font-weight: bold;
	border: none;
	padding: 8px 25px;
	outline: none;
	-webkit-appearance: none;
	display:inline-block;
	cursor : pointer; 
	margin-right:40px;
}
.submit_area input:hover { opacity:0.8;}

/* 確認 */
input.wpcf7c-conf  ,select.wpcf7c-conf   , textarea.wpcf7c-conf   {
    border:none;
	border-bottom:1px solid #cccccc;
	background:#fff!important;
	color:#003d92;
	font-weight:bold;
	padding:25px;
}
textarea.wpcf7c-conf  {
	height:auto;
	width:100%;
	min-height:auto;
}
.wpcf7-not-valid {
    border :1px solid #cf221c!important;
	background:#f2f2f2!important;
}
.wpcf7-not-valid-tip {color: #cf221c;font-weight:bold;}
.wpcf7 .wpcf7-validation-errors {
	background:#cf221c;
	color:#fff;
	font-weight:bold;
	border-radius:0px;
	border:none;
}
.wpcf7 .wpcf7-response-output {
    margin: 10px 0 20px;
    padding: 2px 35px 2px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius:0px;
}
/**********************
記事
***********************/

.single-content strong ,  .single-content b{    font-weight:bold;}
.single-content u{      text-decoration:underline;}
.single-content em{     text-decoration:italic;}
.single-content ul li {list-style-position:inside;list-style-type:disc;}
.single-content ol li {list-style-position:inside;list-style-type:decimal;}
.single-content blockquote {margin-left:40px;}
.single-content img {
	max-width:100%;
	height:auto;
}