@charset "utf-8";

html{
	background-color:#fff;}

.pr_responsive img{
	vertical-align:bottom;}

.h3_3co{
	position:relative;
}
/*RSSボタン*/
.bt_rss {
    bottom: 10px;
    position: absolute;
	right: 12px;
	transform: translateY(-25%);
}
  
/*------------------
2021 ->
----------------------*/

.h3_3co {
    background-color: #ffffff;
    background-image: linear-gradient(#f5f5f5, #ffffff);
    border: solid 1px #cccccc;
    color: #333333;
    text-align: left;
    font-size: 180%;
	padding: 0;
	font-weight: bold;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  }
  .h3_3co .h3TxtWrap {
    padding: 20px 20px 10px;
    display: block;

  }

.title_area .other_link{background: #f6f6f6;box-shadow:0 3px 3px -3px #8a8a8a inset;margin-bottom: 10px;}

.btn_style1{
	margin:0.5em 10px !important;
    font-weight:bold;
    display:block;
}

.btn_style1::after{
	content:"";
	vertical-align:middle;
	width:0.5em;
	height:0.5em;
	display:inline-block;
	border-right:solid 3px #ea282a;
    border-bottom:solid 3px #ea282a;
    transform:rotate(-45deg);
    margin-left:0.5em;
}


.btn_style1:hover{
	text-decoration:none;
	color:#ffffff;
	opacity:0.8;
}

body.type-list .searchPrBoxi{
	width: auto;
	display:block !important;
}

body.type-list .searchPrBoxi input[type=text]{
	padding:10px;
}

body.type-list .searchPrBoxi input[type=submit]{
	background: #333;
	color: #ffffff;
	width: auto;
	height: auto;
	display: inline-block;
	position: static;
	line-height: 1.7;
	padding: 0 1em;
	box-shadow: -1px 0 2px #d2d2d2;
	text-align:center;
	text-indent: 0;
	overflow: visible;
}

    .h4_offLink h2{
    	font-weight:bold;
    }

body.type-list .bt_rss{
	top:50%;
}    

@media all and (min-width:801px){

    .searchPrBoxi:nth-last-of-type(1){
    	display:none !important;
    }

   .h4_offLink{
   	   font-weight:bold;
   	   margin: 10px 0 !important;
   	   background:none;
   	   padding: 10px 10px;
   	   background: linear-gradient(45deg, #eedfc2 25%, transparent 25%, transparent 75%, #eedfc2 75%),
              linear-gradient(45deg, #eedfc2 25%, transparent 25%, transparent 75%, #eedfc2 75%);
   	   background-color: transparent;
   	   background-size: 2px 2px;
   	   background-position: 0 0, 1px 1px;
   }
    .h4_offLink h2{
    	font-weight:bold;
    	padding: 0;
    	background: none !important;
    	font-size:120%;
    }

    .normal{
    	font-weight:normal;
    }

    .h4_offLink .ttlH4{
    	display:block;
    	line-height:1 !important;
    }

    .h4_offLink .ttlH4::before{
    	content:'';
    	width: 3px;
    	height: 3px;
    	display:inline-block;
    	border:solid 5px #ff4d4d;
    	border-radius:100%;
    	vertical-align:middle;
    	margin-right: 0.25em;
    }

    .h4Con{
    	background:none !important;
    	padding: 0 !important;
    	position: static !important;
    }

    .lineH4{
    display: none;
    }

.h3_3co{
	    border-bottom: solid 3px #ff4d4d;
    border-radius: 5px 5px 0 0;
    border-top:none;
}

  .h3_3co .h3TxtWrap {

    border: solid 1px #ffffff;
	border-radius: 5px 5px 0 0;

  }

.title_area .other_link{
	background:transparent;
	box-shadow:none;
	margin-bottom: 0;
}

	.btn_style1{
		background:#ff4d4d;
		border:none;
	    color:#ffffff;
		font-size:16px;
		padding:1em;
		position:relative;
		top:50%;
		transform:translateY(-50%);
		margin-top:0;
		    border-radius:5px;
    font-weight:bold;
    text-align:center;
		box-shadow:0 1px 1px rgba(19,19,19,0.6),0 1px 3px rgba(168,168,168,0.6);
	}

.title_area .btn_style1{
	display:block;
	margin-right:0;
	margin: 0 !important;
}


body.type-list .searchPrBoxi input[type=submit]{
	padding: 0 2em;

}
.btn_style1::after{
	display:none;
}

}


/*------------------
2021 ->
----------------------*/

/*絞り込み検索（タブレット・スマホ用）*/

.pr_responsive section#search2{
	padding:0 2%;
	margin:2.5% 0 5%;}
	
.pr_responsive section#search2 h5.hdg05{
	position:relative;
	margin-bottom:15px;
	padding-left:35px;}
	
.pr_responsive section#search2 h5.hdg05::before{
	display:block;
	content:'';
	position:absolute;
	width:4px;
	height:4px;
	top:25%;
	left:2%;
	border:#ff4d4d solid 4px;
	border-radius:100%;}
	
.pr_responsive select.selectmenu1{
	-moz-appearance: button;
	-webkit-appearance: none !important;
	appearance: button;
	background: #fff url("/sp/asset/image/common/arrow_under.png") no-repeat scroll right 2% center / 19px 7px;
	border: 1px solid #ddd;
	cursor: pointer;
	padding:10px 10px;
	width: 100%;
}


.pr_responsive select::-ms-expand{
	display:none;}
		
.pr_responsive input#searchBtn{
	background: #ee1122 none repeat scroll 0 0;
	border: medium none;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	height: 42px;
	padding: 0;
	text-decoration: none;
	width: 100px;}
		
.pr_responsive input#resetBtn {
	background: #888888 none repeat scroll 0 0;
	border: medium none;
	border-radius: 5px;
	color: #fff;
	height: 42px;
	padding: 0;
	text-decoration: none;
	width: 100px;	
	}
	
/*カラム*/
.left_col{
	float:left;}

.right_col{
	float:right;}

.col2_list li img,
.col3_list li img,
.col4_list li img{
	max-width:100%;}

/*2カラム*/
.col2_list li{
	float:left;
	width:48.7%;
	margin-right:2.6%;
	margin-bottom:1.5em;}
.col2_list li:nth-of-type(2n){
	margin-right:0;}

/*3カラム*/
.col3_list li{
	float:left;
	width:32%;
	margin-right:2%;
	margin-bottom:1.5em;}
.col3_list li:nth-of-type(3n){
	margin-right:0;}

/*4カラム*/
.col4_list li{
	float:left;
	width:24%;
	margin-right:1.3%;
	margin-bottom:1.5em;}
.col4_list li:nth-of-type(4n){
	margin-right:0;}

/*width*/
.w60{
	width:60%;
	margin:0 auto;}
.w70{
	width:70%;
	margin:0 auto;}
.w80{
	width:80%;
	margin:0 auto;}
.w90{
	width:90%;
	margin:0 auto;}

/*PCでは非表示*/
.pr_responsive section#search2,
.pr_responsive #search_box,
.btn_prlist,
.pr_notice_list,
.prlist_icon{
	display:none;}

/*関連リンク*/
.pr_responsive #relation{
		border:#ccc solid 1px;
		border-top:#ff4d4d solid 3px;
		margin-top:5%;}
	
.pr_responsive #relation .relationLink{
		border:none;
		margin:2%;
		font-size:100%;
		}	

.pr_responsive #relation h3{
		background:linear-gradient(to top,#ffffff 0%,#f5f5f5 100%);
		background: -webkit-linear-gradient(bottom,#ffffff 0%,#f5f5f5 100%);
		padding:14px 17px;
		border-bottom:#ccc dotted 1px;
		position:relative;
		}
	
.pr_responsive #relation h3::before{
		display:block;
		content:'';
		width: 0;
		height: 0;
		border-top: 10px solid #ff4d4d;
		border-right: 10px solid transparent;
		position:absolute;
		top:2px;
		left:2px;}
	
/*Facebookのずれ修正*/
	.fb_iframe_widget > span {
		vertical-align: baseline !important;
		}

/*Facebook記事リンク*/
.pr_responsive #fb_editor dt {
		color: #FFF;
		background-color: #0074C1;
		padding: 1em;
		 border-radius: 0.5em 0.5em 0 0;}
.pr_responsive #fb_editor dd {
		border: 1px #0074C1 solid;
		padding: 1em; }
.pr_responsive #fb_editor dd a{
		background-image: none;}
.pr_responsive #fb_editor #notice{
		text-align: right;
		margin-top: 0.5em;}

/*=========================================
	
	 プレス一覧用
	
=========================================*/
	
.pr_responsive .prListBox{
		margin-bottom:40px;}
	
.pr_responsive .list-link{
	display:table;
	width:100%;}

/*過去の情報*/
.pr_responsive .list-link ul{
	margin:0;}

.pr_responsive .list-link ul{
	width:50%;
	margin-left:auto;}

.pr_responsive .list-link li{
	display:table-cell;}

.pr_responsive .list-link li a{
	display:inline-block;}
		

@media screen and (max-width:800px) {
	
	*::after, *{
		box-sizing:border-box;}
	
	/*ページ内検索エリア・左メニュー非表示*/
	.pr_responsive .searchPrBox,
	.pr_responsive #leftNav2,
	.pr_responsive #leftNav{
		display:none;
	}
	
	.pr_responsive #inner-content-area {
		width:100%;
		padding-top:0;}
	
	.pr_responsive #rightContent{
		max-width:100%;
		width:100%;
		float:none;}
	
	.pr_responsive #breadcrumb div{
		width:100%;
		padding:1% 3%}
	
	.pr_responsive #rightContent .socialBox.left,
	.pr_responsive #rightContent .companyname.right{
		padding:0 2%;}

	.pr_responsive table{
		width:100%;}
	
	.pr_responsive #rightContent .inner{
		padding:5% 3% 5%;}
	
	.pr_responsive #rightContent .inner_has_bg{
		padding:13% 3% 15%;
		position:relative;}

	.pr_responsive #rightContent .inner_has_bg::before{
		position:absolute;
		right:0;
		top:0;
		transform:scale(0.8);
		-webkit-transform:scale(0.8);}
	
	.pr_responsive #rightContent .inner img{
		max-width:100%;}	
	
	/*関連リンク*/
	.pr_responsive #relation{
		margin:5% 2%;}
	
	.pr_responsive #relation li.iblock{
		width:33.333%;
		margin-right:0;}
	
	.pr_responsive #relation li.iblock img{
		max-width:100%;}

	/*Facebook記事リンク*/
	.pr_responsive #fb_editor {
		margin: 5% 2%;}

	
	/*見出し*/	
	.pr_responsive .h3_3co{
		background-image:none;
		background-color:#ee1122;
		border-bottom:none;
		color:#fff;
		text-align:center;
		font-size:130%;}
	
	.pr_responsive .h3_3co .h3TxtWrap{
		background-image:none;
		padding:7px 20px;}
	
	.pr_responsive .h4_offLink,
	.pr_responsive .h4_offLink h2,
	.pr_responsive .h4_offLink h2 span.h4Con,
	.pr_responsive .h4_onLink,
	.pr_responsive .h4_onLink h2,
	.pr_responsive .h4_onLink h2 span.h4Con{
		background:none;}
	
	.pr_responsive .h4_onLink span.h4Con span.ttlH4,
	.pr_responsive .h4_offLink span.h4Con span.ttlH4{
		font-size:88%;
		}
	
	.pr_responsive .h4_onLink span.h4Con span.ttlH4 span.normal,
	.pr_responsive .h4_offLink span.h4Con span.ttlH4 span.normal{
		font-weight:normal;
		}
	
	.pr_responsive .h4_onLink span.h4Con span.lineH4,
	.pr_responsive .h4_offLink span.h4Con span.lineH4{
		display:none;}
	
	.pr_responsive .h4_offLink,
	.pr_responsive .h4_onLink{
		padding-bottom:12px;
		background-color:#ebebeb;
		margin:0 2%;
		position:relative;
		}
	
	.pr_responsive .h4_offLink::after,
	.pr_responsive .h4_onLink::after{
		display:block;
		content:'';
		position:absolute;
		width:10px;
		height:10px;
		border:#ee1122 solid 3px;
		border-radius:100%;
		top:40%;
		left:0.6em;}

	.pr_responsive .prDetailBox{
		border:none;}

	.pr_responsive .prDetailBox h4{
		background-image:none;
		background-color:#fff;
		padding:0.6em 0 0.6em 1em;
		margin:0 2%;
		border-left:#ee1122 solid 5px;
		border-bottom:none;}
	
	.pr_responsive h3.bgOn,
	.pr_responsive h3.bgOof{
		margin:0 0 3%;
		padding:0.5em 0.5em 0.5em 0.7em;
		line-height:1.4em;}
	
	.pr_responsive h3.bgOof{padding:0.5em 0.5em 0.5em 1em;}
	
	.pr_responsive .bgOn span,
	.pr_responsive .bgOof{
		position:relative;
		background-image:none;}
	
	.pr_responsive .bgOn span::before,
	.pr_responsive .bgOof::before{
		display:block;
		content:'';
		position:absolute;
		width:4px;
		height:4px;
		top:50%;
		left:0;
		border:#ff4d4d solid 3px;
		border-radius:100%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);}
	
	/*プレス一覧ボタン*/
	.btn_prlist{
		display:block;
		border-radius:5px;
		border:#ccc solid 1px;
		position:relative;
		margin:7% 2%;
		}
	
	.btn_prlist::after{
		display:block;
		content:'';
		position:absolute;
		border-top:#ee1122 solid 2px;
		border-right:#ee1122 solid 2px;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		width:8px;
		height:8px;
		top:40%;
		right:1em;}
	
	.btn_prlist a{
		display:block;
		width:100%;
		padding:1em;
		color:#333;}
	
	.btn_prlist a:hover{
		text-decoration:none;}	
	
	/*サイト内検索*/
	.pr_responsive #search_box {
		display:block;
		overflow: hidden;
		padding:0;
		margin-bottom:7%;
	}
	
	.pr_responsive #search_box form {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	.pr_responsive #search_box input.search_frm {
		height: 38px;
		font-size: 16px;
		line-height: 1;
		width: 80%;
		border: 1px solid #DDD;
		padding: 0;
	}
	
	.pr_responsive #search_box input.search_btn {
		border: none;
		width: 40px;
		height: 40px;
		background-image: url(/sp/asset/image/common/btn_search.jpg);
		background-size: 40px 40px;
		background-repeat: no-repeat;
		background-position: top left;
		text-indent: -9999px;
	}
	
	.pr_responsive #search_box input[type="button"], input[type="submit"] {
    -webkit-appearance: none;
	}
	
	
	/*=========================================
	
	 プレス一覧用
	
	=========================================*/
	
	.pr_responsive .tabList{
		display:none;}
	
	.pr_responsive .prListBox{
		border:solid 1px #cccccc;
		margin:0 2% 2%;
		border-bottom: none;
		}
	
	.pr_responsive .prListBox dl{
		/* padding:0 3% 3%; */
		width:100%;
		margin-left: 0;
		border-top: solid 1px #cccccc;
		}
	
	.pr_responsive .prListBox dt{
		float:none;
		margin:4% 0 2%;}
	
	.pr_responsive .prListBox dd{
		float:none;
		width:100% !important;
		padding-bottom:3%;
		border-bottom:#ccc solid 1px;}
	
	.pr_responsive .prListBox dd:last-child{
		/* border:none; */
		}
	
	.pr_responsive .prListBox .month{
		border-bottom:none;}
	
	.pr_responsive .pr_notice_list{
		display:block;
		width:100%;
		margin:10% 0;
		font-size:90%;}
	
	.pr_responsive .pr_notice_list ul{
		width:100%;
		display:table;
		border-collapse: separate;
		border-spacing: 0.5em 0;}
	
	.pr_responsive .pr_notice_list ul li{
		width:33.33%;
		display:table-cell;
		vertical-align:middle;
		border:#ccc solid 2px;
		border-radius:5px;
		}
	
	.pr_responsive .pr_notice_list ul li a{
		color: #333;
		display: block;
		font-weight: bold;
		line-height: 1.2;
		margin: 2%;
		padding: 12px 6px;
		text-align: center;
		text-decoration: none;}
	
	/*過去の情報*/
	.pr_responsive .nodata{
		text-align:center;}
	
	/* アコーディオン */
	.pr_responsive .prlist_ttl{
		position:relative;
		font-size:120%!important;
		padding: 3%;
		background:none;
		}
	
	.pr_responsive .prlist_ttl .prlist_icon{
		position:absolute;
		right: 0.7em;
		top: 25%;
		}
	
	.prlist_icon,
	.prlist_icon span {
		display: inline-block;
		transition: all .4s;
		}
	.prlist_icon {
		position: relative;
		width: 24px;
		height: 24px;
		margin-right: 5px;
		background-color:#ee1122;
		border-radius:3px;
		}
	.prlist_icon span {
		position: absolute;
		left: 5px;
		width: 60%;
		height: 2px;
		background-color: #fff;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-ms-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		}
	.prlist_icon span:nth-of-type(1) {
		top: 45%;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		}
	.prlist_icon span:nth-of-type(2) {
		top: 45%;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		}
	/*＋、－切り替え*/
	.prlist_icon.active,
	.active .prlist_icon{
		background-color:#888;}
	
	.prlist_icon.active span:nth-of-type(1),
	.active .prlist_icon span:nth-of-type(1) {
		display:none;
	}
	.prlist_icon.active span:nth-of-type(2),
	.active .prlist_icon span:nth-of-type(2) {
		top: 45%;
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}
	
			
	.pr_responsive .prlist_cont{
		max-height:0;
		overflow:hidden;
		transition: max-height 0.5s;
	}

	.pr_responsive .active .prlist_cont{
	    max-height:500vh;	    
	}	

	/*絞り込み検索（タブレット・スマホ用）表示*/	
	.pr_responsive section#search2{
		display:block;}
	
	/*=========================================
	
	 過去のプレスリリース用
	
	=========================================*/
	
	.pr_responsive .list-link-1 ul{
		width:96%;
		margin:0 2%;}

	.pr_responsive .list-link-1 li{
		border: 1px solid #ccc;
		border-radius: 3px;
		margin-right: 2%;
		margin-bottom:2%;
		padding: 0;
		width:23.5%;
		text-align:center;}
	
	.pr_responsive .list-link-1 li:nth-of-type(4n){
		margin-right:0;}
	
	.pr_responsive .list-link-1 a{
		padding:10px 10px 10px 20px;
		background-position:0.7em 50%;}	
	
	.pr_responsive .list-link-1 a:hover{
		background-position:0.7em 50%;}	

	/*RSSボタン*/
	.bt_rss {
	       display:none;
	}

	.search_area{
	    padding: 0 5px;
	   }

}
@media screen and (max-width:480px) {
	
	.pr_responsive #breadcrumb div{
		padding:3%}
		
	.pr_responsive #rightContent .socialBox.left,
	.pr_responsive #rightContent .companyname.right{
		float:none;
		width:100%;}
		
	.pr_responsive #rightContent .inner_has_bg{
		padding:20% 3%;}
	
	.pr_responsive #rightContent .inner_has_bg::before{
		transform:scale(0.7);
		-webkit-transform:scale(0.7);
		right: -1em;
		top: -0.5em;}
	
	.pr_responsive table{
		font-size:80%;
		display:block;}
		
	.pr_responsive table tbody{
		display:block;
		overflow-x:auto;}
	
	.pr_responsive table caption{
		display:inline-block;
		font-size:127%;}

	.pr_responsive .tableContent table,
	.pr_responsive .tablePattern01 table{
		border:none;}
	
	/*カラム*/
	.left_col,
	.right_col,
	.col2_list li,
	.col3_list li,
	.col4_list li{
	float:none;
	width:100%;}

	.col2_list li,
	.col3_list li,
	.col4_list li{
	margin-right:0;}

	/*width*/
	.w60,
	.w70,
	.w80,
	.w90{width:auto;}
	
	/*関連リンク*/
	.pr_responsive #relation .relationLink{
		margin:5%;}
	
	.pr_responsive #relation li{
		margin-bottom:3%;}
	
	.pr_responsive #relation li:last-child{
		margin-bottom:0;}
	
	.pr_responsive #relation li,
	.pr_responsive #relation li.iblock,
	.pr_responsive #relation li.iblock a,
	.pr_responsive #relation li.iblock img{
		width:100%;}
	
	/*絞り込み検索*/
	.pr_responsive section#search2{
		margin:3.5% 0 5%;}	

	/*=========================================
	
	 プレス一覧用
	
	=========================================*/
	
	/*過去の情報*/
	.pr_responsive .list-link ul{
	width:96%;
	margin:0 2%;}
	
	.pr_responsive .list-link li{
		display:block;}
	
	.pr_responsive .nodata{
		padding:40px 10px;}

	/*=========================================
	
	 過去のプレスリリース用
	
	=========================================*/

	.pr_responsive .list-link-1 li{
		margin-bottom:4%;
		width:32%;}
	
	.pr_responsive .list-link-1 li:nth-of-type(4n){
		margin-right:2%;}
	
	.pr_responsive .list-link-1 li:nth-of-type(3n){
		margin-right:0;}		

	/*=========================================
	
	 Youtube動画
	
	=========================================*/
	.press_movie iframe {
		width:100%;}
	}

}