@charset "utf-8";

@media screen and (min-width: 768px) {
.pc_only{visibility:visible;}
.sp_only{display:none !important;}

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

/*	wrapper	*/

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

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

/* header*/

/* ================================================================================ */
/* ================================================================================ */
/*	figmain	*/
/* ================================================================================ */
.figmain_top{
width:100%;
margin:0 auto 0;
padding:0;
line-height:0;
height:500px;
z-index:1;
position:relative;
}
.wrp_slider{
width:100%;
height:500px;
overflow-x: hidden;/*mainvisual */
overflow: hidden;/*mainvisual */
}
.swiper-slide::before{
position:absolute;
top: 0;
left: 0;
right: 0;
content:"";
width:1100px;
height:500px;
background:url(../imgs/ptrn2.png) 0 0;
background: -webkit-repeating-linear-gradient(-45deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 0px,rgba(255,255,255,0) 4px, rgba(255,255,255,0) 4px);
background:repeating-linear-gradient(-45deg, rgba(24,172,246,.1), rgba(24,172,246,.1) 1px,rgba(255,255,255,0) 4px, rgba(255,255,255,0) 4px);
background-color:transparent;
margin: auto;
z-index:3;
}
.figmain_top img{
max-width:1100px;
height:auto;
min-height:500px;
}


.swiper-slide img{
width:100%;
height:500px;
object-fit:cover;
}

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

	メインビジュアルに重ねるテキスト

------------------------------*/
.wrp_readBox{
position:absolute;
width:1100px;
height:500px;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index:4;
display:table;
background:url(../imgs/bk_read.png) no-repeat 0 0;
}
.readBox{
display:table-cell;
vertical-align:bottom;
padding-left:33px;
padding-bottom:39px;
font-size:1.2rem;
color:#fff;
line-height:2;
text-align:left;
letter-spacing:0.08rem;
}
.readBox .m_main{ /*メインビジュアル内の文字*/
padding-bottom:12px;
margin-bottom:0;
font-size:3.0rem;
line-height:1;
letter-spacing:0.01rem;
font-family:"ヒラギノ角ゴ Pro W3", Myriad Pro,"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}
.readBox .m_sub{ /*メインビジュアル内の文字*/
font-size:1.8rem;
letter-spacing:0.08rem;
}

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

/*	contContainer	*/

/* ================================================================================ */
.contContainer {
width:100%;
min-width:1100px;
margin:165px auto 0;
padding:0;
position:relative;
z-index:101;
}

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

	会社概要

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

/* セクション幅（w100% 画面幅フルサイズ） */
.contContainer section.sect{
width:100%;
margin:0 auto 60px;
}

section.sect_gaiyou{
width:100%;
margin:0 auto 60px;
background:  url(../imgs/bk_gaiyou.png) no-repeat 75% 50%,linear-gradient(to left, rgba(249,249,254,1) 0%, rgba(255,255,255,1) 15%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
background-size:auto 130%;
position:relative;
overflow:hidden;
	z-index:10;
}
section.sect_gaiyou .innerBlock.Box_l{ /*ホーム 会社概要*/
width:1100px;
margin:0 auto;
padding-bottom:60px;
text-align:left;
padding-right:420px;
background: url(../imgs/fg_gaiyou.png) no-repeat right 50%,linear-gradient(to left, rgba(255,255,255,0) 25%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%);
box-sizing:border-box;
z-index:6;
}
.Box_field{
margin:4rem 33px;
}
.Box_field p{
margin-right:6rem;
}
section.sect_gaiyou::before{
content:"";
position:absolute;
left:0;
top:0;
width:200px;
height:100%;
background: linear-gradient(to right, rgba(249,249,254,1) 0%,rgba(249,249,254,0.5) 50%,rgba(255,255,255,1) 100%);
z-index:4;
}
section.sect_gaiyou::after{
content:"";
position:absolute;
right:0;
top:0;
width:200px;
height:100%;
background: linear-gradient(to left, rgba(249,249,254,1) 0%,rgba(249,249,254,0.5) 50%,rgba(249,249,254,0) 100%);
z-index:5;
}


@media (max-width: 1400px) { /*左右グラデーション調整*/
section.sect_gaiyou{
width:100%;
background: #fff url(../imgs/bk_gaiyou.png) no-repeat 75% 50%;
background-size:auto 130%;
position:relative;
overflow:hidden;
z-index:2;
}
section.sect_gaiyou::before{
content:"";
position:absolute;
left:0;
top:0;
width:1px;
height:100%;
background:#fff;
z-index:4;
}
section.sect_gaiyou::after{
content:"";
position:absolute;
right:0;
top:0;
width:1px;
height:100%;
background:#fff;
z-index:5;
}
}

/* セクション内レイアウトフレーム（w1100px） */
.contContainer .innerBlock {
overflow:hidden;
width:1100px;
margin:0 auto;
padding:0 0 60px;
box-sizing:border-box;
position:relative;
}

/* ================================================================================ */
/*      ニュース　エリア     */  
/* ================================================================================ */
/*------------------------------

	ニュース　エリア

------------------------------*/
section.sect_news{
clear:both;
width:100%;
margin:0 auto 50px;
}
section.sect_news .innerBlock{
width:1010px;
margin:0 auto 20px;
padding:0;
position:relative;
box-sizing:border-box;
display:flex;
justify-content: space-between;
}

/*------------------------------
	ニュース本体
------------------------------*/
.sect_news .innerBlock h2{
display:block;
width:23%;
margin-bottom:0;
padding-top:9px;
padding-left:45px;
line-height:1.4;
font-size:2.8rem;
font-weight:900;
color:rgb(24,172,246);
border-left:1px solid rgb(24,172,246);
border-right:1px solid rgb(24,172,246);
position:relative;
box-sizing:border-box;
}
.sect_news .innerBlock h2 span{
display:block;
font-size:1.5rem;
font-weight:normal;
color:#999;
}
.sect_news .innerBlock h2::before{
content:url(../imgs/ico_news.png);
font-weight:900;
position:absolute;
top:10px;
left:15px;
}
.sect_news .innerBlock h2 a,
.sect_news .innerBlock h2 a:hover{
text-decoration:none;
color:rgb(24,172,246);
}
.newsBox{
width:75%;
margin:0;
padding:0;
position:relative;
box-sizing:border-box;
height:80px;
}
.wrp_scroll{
position: relative;
width:100%;
height: 80px;
}
.newsBox ul{ 
margin:0;
padding:0;
width:100%;
height:100%;
}

.newsBox ul li{
list-style:none;
font-size:1.4rem;
position: relative;
display:table;
}
.newsBox ul li p{
line-height:1.6;
padding:12px 6px 0 6px;
display:table-cell;
}

/*日付*/
.newsBox ul li p.date{
width:10%;
font-size:1.2rem;
font-family: "メイリオ", Meiryo,"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}
/*アイコン カテゴリー*/
.newsBox ul li p.tag_cat{
text-align:center;
margin:0 1em;
display:block;
width:95%;
margin:0 auto;
padding:4px 1em;
font-size:1.2rem;
line-height:1.1;
border:1px solid rgb(24,172,246);
color:rgb(24,172,246);
letter-spacing:0.05rem;
}
/*アイコン カテゴリー*/
.newsBox ul li p.newsTit{
width:76%;
}

/*お知らせ一覧　リンク*/
.sect_news .btn_link{
width:1010px;
margin:0 auto 0px;
text-align:right;
}
.sect_news .btn_link a{
padding:0.6em 2em;
font-size:1.3rem;
letter-spacing:2px;
}


/* ================================================================================ */
/*事業案内（prBox）*/
/* ================================================================================ */
.wrp_prBox{
width:100%;
margin:0px auto 0px;
overflow:visible;
}
.wrp_prBox .innerBlock{
width:1100px;
margin:0 auto;
padding:0;
display:flex;
justify-content: space-between;
}

/**/
.wrp_prBox h1{
width:1100px;
margin:0px auto 42px;
font-size:3.0rem;
color:rgb(50,45,45);
line-height:1.5;
letter-spacing:0.1rem;
border:none 0;
text-align:center;
display: flex;
align-items: center;
position:relative;
/*テスト*/
font-family: "Noto Sans Japanese", sans-serif,'-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.wrp_prBox h1+span{
padding-top:30px;
}
.wrp_prBox h1 span.rbye{
display:block;
position:absolute;
top: 45px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
font-size:1.1rem;
color:rgba(170,168,168,1);
letter-spacing:0.1rem;
text-transform:uppercase;
}
.wrp_prBox h1::before,
.wrp_prBox h1::after {
content:"";
height:24px;
	display: inline; /* for IE */
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex: 1;
	flex-grow: 1;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: -ms-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);/* IE */
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.wrp_prBox h1::before {
margin-right: 2rem;
}

.wrp_prBox h1::after {
margin-left: 2rem;
}



/**/

.prBox{
margin-bottom:60px;
padding-bottom:12px;
width:328px;
padding:0;
display:block;
text-align:center;
line-height:1.6;
background:#fff;
border:6px solid rgb(213,229,242);
box-sizing:border-box;
position: relative;
}
.prBox h2{
padding-top:9px;
padding-bottom:194px;
margin-bottom:0;
font-size:2.8rem;
background-color:rgb(24,172,246);
color:#fff;
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
position:relative;
}

.prBox h2 a{
color:#fff;
text-decoration:none;
display:block;
}

/* サブテキスト */
.subtxt1{
margin-bottom:12px;
padding:6px 3px;
font-size:1.3rem;
line-height:1.8;
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-family: "メイリオ", Meiryo,"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
background:rgb(230,239,248);
}
.prBox p{
line-height:1.8;
}
/*ヘッド画像*/

.prBox:first-child h2::after{
content:"";
position:absolute;
left:0;
bottom:0;
display:block;
width: 100%;
height: 185px;
background:url(../imgs/tp_prBox1.jpg) no-repeat;
background-size:cover;
transform: scale(1.0);
}
.prBox:nth-child(2) h2::after{
content:"";
position:absolute;
left:0;
bottom:0;
display:block;
width: 100%;
height: 185px;
background:url(../imgs/tp_prBox2.jpg) no-repeat;
background-size:cover;
transform: scale(1.0);
}
.prBox:last-child h2::after{
content:"";
position:absolute;
left:0;
bottom:0;
display:block;
width: 100%;
height: 185px;
background:url(../imgs/tp_prBox3.jpg) no-repeat;
background-size:cover;
transform: scale(1.0);
}

.prBox ul{
margin:0;
font-size:1.6rem;
text-align:left;
padding-bottom:12px;
}
.prBox ul li{
margin: 0;
cursor: pointer;
position: relative;
font-weight: 700;
}
.prBox ul li::before {
content: '\f138';
font-family: 'Font Awesome 5 Free';
font-weight: 700;
position: absolute;
top: 50%;
left: .9rem;
right: auto;
bottom: auto;
transform: translateY(-50%);
color:rgb(24,172,246);
}

.prBox ul li a{
padding: .3rem .5rem .3rem 3rem;
text-decoration:none;
display:block;
}

.prBox ul li a:hover{
color:rgb(24,172,246);
}


/*------------------------------
その他　スタイル
------------------------------*/
.wrap_float{
width:90%;
margin:0 5%;
}
.wrap_float .float_r{
width: 70%;
}
.wrap_float .float_l{
width: 30%;
}

.wrap_float .float_l img{
margin:0 auto 10px;
text-align:center;
}





/* ================================================================================ */
/*      FONT STYLE    */  
/* ================================================================================ */
h2{
margin-bottom:42px;
line-height:1.4;
font-size:24px;
font-weight:normal;
color:rgb(15,65,126);
}

/*お知らせ h2*/
section.sect_newsBlock .Box_main h2{
margin:30px auto 36px;
font-size:2.8rem;
text-align:center;
line-height:1.6;
font-family:Myriad Pro, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
letter-spacing:0.1rem;
color: rgb(90,56,0);
    display: flex;
align-items: center;
position:relative;
}
section.sect_newsBlock .Box_main h2::before,
section.sect_newsBlock .Box_main h2::after {
	content: "";
	height: 1px;
	background: #ccc;
	flex-grow: 1;
}


section.sect_newsBlock .Box_main h2:before {
  margin-right: 0.5em;
}

section.sect_newsBlock .Box_main h2:after {
  margin-left: 0.5em;
}


.contContainer section.sect_newsBlock .Box_main h2 span{
position:absolute;
top:40px;
left:0;
right:0;
font-size:1.6rem;
}

/* コンテンツ　最下部　お知らせ・お問い合わせ */
section.sect_footer h2{
margin:0px 0 12px;
padding-bottom:6px;
line-height:1.4;
font-size:24px;
font-weight:normal;
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-family:"メイリオ", Meiryo, sans-serif;

color:rgba(68,38,16,1.0);
border-bottom:1px solid #ccc;
letter-spacing:0.5rem;
}

/**/
.sectTit01{
font-size:24px;
margin:0px 0 42px;
line-height:1.4;
font-weight:normal;
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-family:"メイリオ", Meiryo, sans-serif;
color:rgb(102,51,0);
color:rgb(114,78,22);
color:rgba(96,56,19,1.0);
color:#724e16;
}

.sectTit02{
margin:0px 0 20px;
line-height:1.4;
font-weight:normal;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
letter-spacing:0.3em;
font-size:24px;
font-size:16px;
color:#724e16;
position:relative;
}
.sectTit02:before{
position:absolute;
border-left:1px solid #724e16;
content:"";
width:20px;
height:20px;
top:-0.5em;
left:28%;
transform: rotate(-45deg);
}

.sectTit02:after{
position:absolute;
border-left:1px solid #724e16;
content:"";
width:20px;
height:20px;
top:-0.5em;
right:28%;
transform: rotate(-135deg);
}

.sectTit03{
font-size:24px;
margin:0px 0 42px;
line-height:1.4;
font-weight:normal;
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-family:"メイリオ", Meiryo, sans-serif;
color:rgb(153,134,117);
color: #a67c52;
}

/* ---------------------------------------------------- */
p{
line-height:2;
	font-family:"メイリオ", Meiryo, sans-serif;
 }

.iro_01{
color:rgba(96,56,19,1.0);
}

/* ---------------------------------------------------- */
#idno_movie video {
	width: 500px;
	height: 400px;
}

}


@media screen and (max-width: 1100px) and (min-width: 768px) {

.header .wrap{
width:1100px;
margin:0 auto;
position:relative;
}

#nav .menu-list-wrap{
width: 100%;
margin:0 auto;
}
}