@charset "utf-8";

@media (max-width: 767px) { 


img{
max-width: 100% ;
height: auto;
width:auto;
}

/* ================================================================================ */
/*      wrapper    */  
/* ================================================================================ */
.wrapper{
width:100%;
margin:0 auto;
position: relative;
min-width: 100px;
background-color:rgb(249,249,254);
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -250px;
}

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

/* header*/

/* ================================================================================ */
/* ================================================================================ */
/*	figmain	*/
/* ================================================================================ */

.figmain_top{
width:100%;
margin:0px auto 0;
padding:0;
line-height:0;
min-height:180px;
position:relative;
overflow:hidden;
}

/* 基本 */
.wrp_slider{
width:100vw;
min-height:180px;
overflow-x: hidden;/*mainvisual */
overflow-y: hidden;/*mainvisual */
}
.swiper-slide{
width:100vw;
height:calc(100vw * 500 / 1100);
text-align: center;
    line-height: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.swiper-slide img{
 display: inline;
height:auto;
align-self: center;
}

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

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

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

.wrp_readBox{
width:100%;
height:100%;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index:4;
background:rgba(24,172,246,.1) url(../imgs/bk_read.png) no-repeat 0 0;
background-size:100% 100%;
}
.readBox{
width:90%;
margin:0 auto;
padding-bottom:5%;
height:100%;
color:#fff;
text-align:left;
	letter-spacing:0.08rem;
display: flex;
flex-direction: column;
box-sizing:border-box;
}
.readBox p{
font-size:1.5vw;
line-height:1.5em;
text-shadow:0 0 5px rgba(50,50,50,.8);
}
.readBox .m_main{ /*メインビジュアル内の文字*/
margin-top:auto;
padding-bottom:1.2vw;
font-size:4vw;
line-height:1em;
letter-spacing:0.01rem;
font-family:"ヒラギノ角ゴ Pro W3", Myriad Pro,"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}
.readBox .m_sub{ /*メインビジュアル内の文字*/
font-size:2.5vw;
letter-spacing:0.08rem;
}


/* ================================================================================ */
/*      contContainer     */  
/* ================================================================================ */

.contContainer {
width: 100%;
margin:20px auto 60px;
position:relative;
}
.contContainer .innerBlock{
width:85%;
margin: 0 auto;
}

.sect_gaiyou h2 br{
display:none;}


/*------------------------------
	ニュース本体
------------------------------*/
.sect_news{
margin-bottom:10vw;
margin:30px auto;
}


.sect_news .innerBlock h2{
	display:block;
	width:100%;
	margin-bottom:20px;
	padding-left:1vw;
	line-height:1.4;
	font-size:2.4rem;
	font-weight:900;
	color:rgb(24,172,246);
	position:relative;
	box-sizing:border-box;
}
.sect_news .innerBlock h2 span{
	font-size:1.2rem;
	font-weight:normal;
	color:#999;
	padding-left:1vw;
}
.sect_news .innerBlock h2::before{
	content:url(../imgs/ico_news.png);
	font-weight:900;
	position:relative;
	top:1vw;
	left:-1vw;
}
.sect_news .innerBlock h2 a,
.sect_news .innerBlock h2 a:hover{
text-decoration:none;
color:rgb(24,172,246);
}

.newsBox ul{ 
	margin:0;
	padding:0;
	width:100%;
	border-top:1px solid rgba(15,65,126,.0);
}

.newsBox ul li{
	list-style:none;
	font-size:1.4rem;
margin-bottom:6px;
	padding-bottom:12px;
	position: relative;
background:#fff;
background:rgb(230,239,248);
	border-bottom:1px solid rgba(15,65,126,.0);
border
}

.newsBox ul li p{
	line-height:1.6;
	padding:6px 6px 0;
}

/*日付*/
.newsBox ul li p.date{
display:inline-block;
	width:7em;
	font-size:1.2rem;
}
/*アイコン カテゴリー*/
.newsBox ul li p.tag_cat{
display:inline-block;
	text-align:center;
	padding:1px 1em;
	font-size:1.2rem;
	line-height:1.1;
border:1px solid rgb(24,172,246);
color:rgb(24,172,246);
	letter-spacing:0.1rem;
}
.newsBox ul li p a{display:block;}

/*お知らせ一覧　リンク*/

.sect_news .btn_link{
width:85%;
margin:-12px auto 30px;
text-align:right;
}

.sect_news .btn_link a{
padding:0.6em 2em;
font-size:1.3rem;
letter-spacing:2px;
border-radius:0 0 6px 6px;
border-radius:20px;
}

/*------------------------------
	会社概要
------------------------------*/
.sect_gaiyou{
margin-bottom:50px;
padding:60px 0;
background:rgb(230,239,248);
}
.sect_gaiyou .btn_link{
text-align:center;
}

/*------------------------------
	PR ボックス（prBox）
------------------------------*/
.wrp_prBox{
	width:85%;
	margin:0px auto 0px;
	overflow:visible;
}
.wrp_prBox .innerBlock{
	width:100%;
	margin:0 auto;
	padding:0;
}
.wrp_prBox h1{
	width:100%;
	margin:0 auto;
	font-size:3.0rem;
	position:relative;
}
/**/
.wrp_prBox h1{
	margin:0px auto 42px;
	font-size:3.0rem;
	font-family: 'Open Sans', sans-serif;
	color:rgba(50,45,45,1);
	line-height:1.5;
	letter-spacing:0.1rem;
	border:none;
	text-align:center;
	display: flex;
	align-items: center;
	position:relative;
}
.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{
	width:100;
	margin-bottom:20px;
	padding-bottom:12px;
	padding:0;
	display:block;
	line-height:1.6;
	background:#fff;
	border:6px solid rgb(213,229,242);
	box-sizing:border-box;
	text-align:center;
}

.prBox h2{
	padding:3px 0;
	margin-bottom:0;
	font-size:2.4rem;
	color:#fff;
	background-color:rgb(24,172,246);
	position:relative;
}

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

/* サブテキスト */
.subtxt1{
	margin-bottom:0;
	padding:6px 3px;
	font-size:1.3rem;
	line-height:1.8;
	background:rgb(230,239,248);
}
.subtxt1 br{display:none;}
.prBox p{
	line-height:1.8;
}

.prBox ul{
	padding-left:40%;
	font-size:1.5rem;
	text-align:left;
	position: relative;
	line-height:1.2;
}

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

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

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

/*ヘッド画像*/
.prBox:first-child ul::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	display:block;
	width: 40%;
	height: 100%;
	background:url(../imgs/tp_prBox1.jpg) center center no-repeat;
	background-size:cover;
	transform: scale(1.0);
}
.prBox:nth-child(2) ul::before{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width: 40%;
	height: 100%;
	background:url(../imgs/tp_prBox2.jpg) center center no-repeat;
	background-size:cover;
	transform: scale(1.0);
}
.prBox:last-child ul::before{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	width: 40%;
	height: 100%;
	background:url(../imgs/tp_prBox3.jpg) center center no-repeat;
	background-size:cover;
	transform: scale(1.0);
}

/* ================================================================================ */
/*      FONT STYLE    */  
/* ================================================================================ */

h2{
	margin:0 auto 30px;
line-height:1.4;
font-size:1.4em;
color:rgb(15,65,126);
}
.contbody h2 br {
display: none;
}

/* ---------------------------------------------------- */
p{
line-height:24px;
 }


/* ================================================================================ */
/*      footer     */  
/* ================================================================================ */




/* ================================================================================ */
/*      ADJUST      */
/* ================================================================================ */
.layout_justify{
text-align:justify;
text-justify:inter-ideograph;
}
.letterspace_intro{
letter-spacing:1px;
}
/* ---------------------------------------------------- */
.txt_r{
text-align:right;
}
.txt_l{
text-align:left;
}
.txt_c{
text-align:center;
}
.txt_indent1{
margin-left:1em;
text-indent:-1em;
}
/* ---------------------------------------------------- */
.margpadd0{
margin:0;
padding:0;
}
/* ---------------------------------------------------- */
.margT0per{
margin-top:0px;
}
.margT150per{
margin-top:12px;
}
.margT200per{
margin-top:24px;
}
.margT300per{
margin-top:36px;
}
.margB100per{
margin-bottom:0;
}
.margB150per{
margin-bottom:12px;
}
.margB300per{
margin-bottom:36px;
}
.margL1em{
margin-left:1em;
}
.margL2em{
margin-left:2em;
}
.margL3em{
margin-left:3em;
}

/* ---------------------------------------------------- */
.paddR1em{
padding-right:1em;
}
.paddR2em{
padding-right:2em;
}

/* ---------------------------------------------------- */
#idno_movie video {
	max-width: 100%;
	max-height: auto;
}


/* iPHone4,iPhone5,iPhone5sのみ */
@media screen and (min-width: 320px) and (max-width: 374px)
{
.contNav ul.navf01 li{
font-size:14px;
}
.contNav ul.navf02 li{
font-size:13px;
}
}

/* iPHone4,iPhone5,iPhone5sのみ */
@media screen and (min-width: 320px) and (max-width: 374px)
{
.header .colm1 img{
width:60%;
}
}


/* iPHone4,iPhone5,iPhone5sのみ */
@media screen and (min-width: 320px) and (max-width: 374px)
{
.fixed .leftcolm img{
width:60%;
}
}

/* iPHone4,iPhone5,iPhone5sのみ */
@media screen and (min-width: 320px) and (max-width: 374px)
{
.contbody p{
font-size:15px;
}
h2, .sectTit01{
font-size:16px;
}
.sectTit02{
font-size:14px;
}
}