@charset "UTF-8";
/* ● pc.css ================== */
@media screen and (min-width: 1297px){
img{ max-width: 100%; height: auto; width /***/:auto; }


/* ▼▼▼ TEL ================== */
a[href^='tel:'] { cursor:default; pointer-events:none; }


/* ▼▼▼ common ================== */
.PC        { display: block !important; }
.PC-S      { display: none !important; }
.PC-All    { display: block !important; }
.PC-AllTB  { display: block !important; }
.PC-AllSP  { display: block !important; }
.PC-S_TBSP { display: none !important; }
.TBSP      { display: none !important; }
.TB        { display: none !important; }
.SP        { display: none !important; }

/*index*/
.contact_br{
	width: 1200px; margin: 120px auto 0px auto; text-align: center; }


/* ▼▼▼ レイアウト ================== */
.wrap      {
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.box_center{
	position: relative; align-items: center; display: flex; justify-content: center; }

.layout_box{ width: 1200px; margin-right:auto; margin-left:auto; }
.layout_bg{ width: 100%; }
.layout_space{ padding: 50px; clear:both; }


/* ▼▼▼ border ================== */


/* ▼▼▼ title ================== */


/* ▼▼▼ header ================== */
/* 見出し */
.site-description{
	color: #ffffff;
	font-size: 0.7em;
	font-weight: normal;
	text-align: center; 	padding: 0 0 0 390px; 
}
/*
#header          { background-color: rgba(11, 52, 110, 0.5); }*/

#header {
position: fixed;
top: 0; left: 0; width: 100%; height: 80px;
background-color:rgba(255,255,255,0.1);
text-shadow: 1px 1px 2px #000; }
#header img{
filter: drop-shadow(2px 2px 2px #333); }
#header.thin {
width: 100%; height: 50px;
background-color: rgba(11, 52, 110, 0.5); }
#header.thin h1{
	display: none; }
#header.thin img{
	padding-top: 10px; filter: drop-shadow(2px 2px 2px #333); }


/* ▼▼▼ footer ================== */
footer{
	width: 100%; padding:50px 0 0 0; margin: 0; }
#footer_icon{
	text-align: right; padding: 0 5% 0 0; margin: 0; }
#footer{
	background: url(../img/footer_bg01.png) repeat; margin: 0;
	font-size: 0.8rem; padding: 50px 0 20px 0; }
#footer p{ padding-bottom: 30px; }
footer .area{
	background: url(../img/footer_bg02.png) repeat; margin: 0;
	color: #ffffff; padding: 50px 8%; 	text-align: justify; font-size: 0.7rem; }
footer .area p{ padding-bottom: 5px; }
footer .area dd{ padding-bottom: 5px; }
footer .area_box{ background: url(../img/bg_area.png) repeat; padding:15px 0 10px 0; }


/* ▼▼▼ index ================== */
.main-visual {} 
/*.main-visual video {
	-o-object-fit: cover; object-fit: cover; position: absolute;
	height: 100%; height: 100vh;
	width: 100%; width: 100vw;
	top: 0; left: 0;
	margin: 0 auto; z-index: 1; display: block; }*/
.main-visual .box{
	font-family: 'Lora', serif;
	font-size: 3rem;
	line-height: 2.8em;
	font-weight: 900;
	color: #ffffff;
	z-index: 2; position: absolute;
	top: 50px; left: 0; right: 0; 	bottom: 0;
	text-shadow: 1px 2px 5px #000; }
.main-visual .box span{
		font-size: 2.4vw; font-weight: 700;}
	
.index_title_txt01{
	float: none; font-family: 'Lora', serif;
	font-size: 2.8rem; line-height: 1.4em; text-align: center; }
.index_title_txt01_space01{ margin: 120px 0 50px 0; }
.index_title_txt01_space02{ margin: 120px 0 80px 0; }
.index_title_txt01_space03{ margin: 0 0 80px 0; }
.index_title_txt01_space04{ margin: 0 0 50px 0; }
.index_title_txt02{
	width: 80%; margin: 0px auto; font-size: 1rem; line-height: 1.4em; }

.index_box02{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap;
	width: 1200px; margin: 0px auto; }
.index_box02_a01{ width: 40%; }
.index_box02_a01 img { width: 100%; height: 420px; object-fit: cover;  padding :0 30px 0 0; }
.index_box02_b01{ width: 60%;}
.index_box02_b01 .box01{ padding: 0 0 0 85px; }
.index_box02_b01 .box02{ padding: 0 0 0 85px; }
.index_box02_b01 div h3{ font-size: 1.6rem; padding: 15px 0 10px 0; color:#004d9f; }
.index_box02_b01 div:first-child{
	background: url(../img/index_b_point01.png) left top no-repeat; }
.index_box02_b01 div:nth-of-type(2){
	background: url(../img/index_b_point02.png) left top no-repeat; }
.index_box02_b01 div:nth-of-type(3){
	background: url(../img/index_b_point03.png) left top no-repeat; }

.index_box04{
	margin:80px 0;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.index_box04_a01{ width: 25%; }

.index_case{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap;
	width: 1200px; margin: 0px auto; }
.index_case div{ width: 16.6666%; }

#index_check_bg{
	background: url(../img/index_menu_bg.png) bottom no-repeat; margin:100px 0;}
#index_check_box{
	width: 900px; padding: 110px 0 110px 200px; }
#index_check_box_Tit{
	font-family: 'Lora', serif;
	font-size: 1.6rem; line-height: 1.8em; font-weight: 600; }
#index_check_box-s{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap;
	padding-top: 40px; }
.index_check_box-s01{ width: 48.4%; margin: 0px auto; }
#index_check_box-s div:nth-child(odd){ margin-right: 20px; }
#index_check_box-s div:nth-child(-n+4){ padding-bottom: 20px; }


#news_box_spc{ margin: 120px 0 40px 0; }
#news_box{
	width:1200px; border: 1px solid #999;
	margin-left:auto; margin-right:auto;
	padding: 50px; }

/* ▼▼▼ space ================== */
.space_txt_L{ padding-left: 20px; }
.space_txt_R{ padding-right: 20px; }
.space_txt_L40{ padding-left: 40px; }
.space_txt_R40{ padding-right: 40px; }
/* --- */
.space_01{ margin-top: 50px; margin-bottom: 50px; }
.space_02{ margin-top: 100px; margin-bottom: 100px; }
.space_03{ padding: 50px 0; }
.space_04{ padding: 20px; }
.space_05{ padding-bottom: 20px; }
.space_06{ padding-top: 100px; padding-bottom: 100px; }
.space_07{ margin:10px 0 0 0; }
.space_08{ padding-bottom: 10px; }
.space_09{ margin-top: 50px; }
.space_10{ margin-bottom: 80px; }
.space_11{ margin-top: 60px; margin-bottom: 100px; }


/* ▼▼▼ Font ================== */
.emphasis{ font-size: 1.2rem; font-weight: 600; }
.small{ font-size: 0.9rem; }


/* ▼▼▼ Title ================== */
.Tit_01{
	border-bottom: 5px solid #0080c0; padding:80px 0 5px 0; }
.Tit_02{
	float: none; font-family: 'Lora', serif; 	font-size: 1.6rem; line-height: 1.4em; }

/* ▼▼▼ Box ================== */
.box_gray{
	border: 1px solid #999; box-sizing:border-box; background-color: #efefef; padding: 20px; }
.box_02{
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; }
.box_02a{ width: 47.5%; }
.box_02a:nth-child(odd){ margin-right: 60px; }
.box_02a:nth-child(-n+2){ margin-bottom: 40px; }
/* --- */
.box_02b{ width: 50%; }
.box_02c{ width: 50%; }
.box_02c img {
	width: 100%; height: 400px; object-fit: cover; }


/* ▼▼▼ backgrand ================== */
#product_bg{
	background: url(../img/product_bg.png) center center no-repeat; height: 550px; width: auto; } 
#company_bg{
	background: url(../img/company_bg.png) center center no-repeat; height: 550px; width: auto; } 
#contact_bg{
	background: url(../img/contact_bg.png) center center no-repeat; height: 550px; width: auto; } 


/* ▼▼▼ list ================== */
.box_gray li{ padding-left: 1em; text-indent: -1em; }


/* ▲▲▲ pc.css ================== */
}