.table { width: 100%; display: table;}

.row {display: table-row;background: #fff; }
.row.header {font-weight:600; color: #fff; background:#333;}
 
.cell { padding: 10px 12px; display: table-cell; vertical-align:middle;  text-align:Center;  border-bottom:1px solid #ddd; color:#666}
.cell a {color:#333 !important}

.row.header .cell { color: #fff}

.t_tit  {width:70%; text-align:left; font-weight:600; line-height:1.3}
.t_tit a:hover {text-decoration:underline}
.cell.no {width:50px;  }

 
 
@media screen and (max-width:1201px) {
	.t_tit  {width:50%; }
  }


@media screen and (max-width:900px) {
	.table { display: block; }
    .table * {line-height:1.3}
	.row {padding:13px 2%; display: block;  border-bottom:1px solid #ddd}
	.row.header {padding: 0; height: 2px; }
	.row.header .cell { display: none; }
	  
	.row .cell:before { margin-bottom: 3px; content:attr(data-t_title); text-transform: uppercase;color:#555;}
	.cell { padding:0; padding-right:5px; display: block; border-bottom:none;  }
	.cell a {width:100%;  display:inline-block}
	.cell_col {display:inline-block; width:auto; font-size:.9em;  }
	 
	.t_tit  {width:100%; font-size:1.05em; }
	.row .t_tit:before { display:none }

	.no {display:none}
 

}
  
.list_next  {width:100%; display:inline-block;  padding:11px 0; box-sizing:border-box; border-bottom:1px solid #ddd; line-height:0} 
.list_next p {width:100%; display:inline-block; font-size:1rem; line-height:1; color:#999;  overflow: hidden;   text-overflow: ellipsis;    margin:3px 0;  white-space: nowrap;  }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; width:80px; display:inline-block}


 a.list_btn  {  text-align:center; line-height:31px; padding:0 20px; font-weight:400;   font-size:0.95rem; float:right;  margin-top:15px; margin-left:5px; background-color:#333; border-radius:3px;  color:#fff !important;}


.view_content h3 {font-size:1.4em; margin-bottom:5px}
.view_content h3 + p {border-bottom:1px solid #ddd; padding-bottom:14px}
.view_content h3 + p span:after {content:'｜'}
.view_content h3 + p span:last-child:after {content:''}
.view_content img {max-width:100%}
.view_content iframe {max-width:100%}

.view_content .con  {padding:60px 0; border-bottom:1px solid #ddd;  }

.view_content .view_tit_bg {background: linear-gradient(160deg, #10284c, #1f5dca); color:#fff; border-radius:2px;  width:100%; display:inline-block; padding:50px 30px; box-sizing:border-box}
.view_content .view_tit_bg h3 {font-size:2em; margin-bottom:10px; font-weight:600}
.view_content .view_tit_bg h3 + p {border-bottom:none; padding-bottom:0; border-top:1px solid rgba(255,255,255,.15); padding-top:15px}
.view_content .view_tit_bg a {color:#fff}

 @media screen and (max-width:721px) {
		.view_content .view_tit_bg {padding:30px 5% 25px 5%}
		.view_content .view_tit_bg h3 {font-size:1.2em; margin-bottom:15px; }

}



.list_page {text-align:center;  width:100%; margin-top:50px; display:inline-block; font-size:0; }
.list_page ul { width:100%; text-align:center; display:flex; justify-content:center}
.list_page li { display:inline-block; font-size:15px; font-weight:400; position:relative;  }
.list_page a { color:#999; padding:0 12px  }
.list_page a.ov  {color:#000; font-weight:600;  }
.list_page a.ov:after {position:absolute; bottom:-2px; width:18px; height:2px; background-color:#333; display:inline-block; content:''; left:50%; transform: translate(-50%, 0); }


.angle a {padding:0 5px}
.angle i {color:#999}
 
 @media screen and (max-width:900px) {
		.list_page {  margin-top:50px; }

		.list_page a { width:25px; line-height:25px; height:25px;   }
		.list_page img {width:25px; height:25px; vertical-align:top;  }

}

 
 .form_box {margin-top:30px}
.contatct_form {width:100%;  display:flex; flex-wrap:wrap; margin-top:-20px }
.contatct_form > div {width:100%; padding-top:20px;  display:flex; flex-wrap:wrap; box-sizing:border-box}
  
.contatct_form > div.box_50 {width:50%;  padding-right:10px}
.contatct_form > div.box_50 +  div.box_50:nth-child(2n) {padding-left:10px; padding-right:0}
.contatct_form > div h4 {font-size:1.1em; margin-bottom:10px; width:100%}
.contatct_form input {vertical-align:middle}

.contatct_form > div div.box {width:100%; display:flex; flex-wrap:wrap;  margin-top:5px; background-color:#f5f5f5; box-sizing:border-box; padding:13px}
.contatct_form > div span.input_wrap {width:16.666666%; display:flex; }
.contatct_form > div span.input_wrap input {margin-right:5px;   }

.contatct_form > div input[type="text"] {width:100%; height:40px; font-size:1em; border:none; border-bottom:1px solid #000;   -webkit-appearance: none;
-webkit-border-radius: 0; border:1px solid #999}
.contatct_form > div input[type="text"]::placeholder {color:#999}
.contatct_form > div input[type="text"]:focus {outline:none }


.contatct_form > div .mail {width:100%}
.contatct_form > div .mail input[type="text"] {width:calc(50% - 20px)}
.contatct_form > div textarea {width:100%; box-sizing:border-box; padding:10px; height:200px; color:#333; font-size:1em;  line-height:1.3}
.contatct_form > div textarea:focus {outline:none }

.contatct_form > div div.box2 {width:100%;   margin-top:5px; background-color:#f5f5f5; box-sizing:border-box; padding:13px}

 

@media screen and (max-width:900px) {
		 .form_box {margin-top:0}
		.contatct_form > div  { padding-top:30px;  }
 		.contatct_form > div span.input_wrap {width:50%;  box-sizing:border-box;  }
 
		.contatct_form > div.box_50 + div.box_50:nth-child(2n)  {padding-left:0}
		.contatct_form > div.box_50 {width:100%; padding-right:0 }
		 .contatct_form > div.box_50 + div:nth-child(2n) {padding-left:0; padding-right:0}
		 .contatct_form > div:last-child {padding-top:60px}
 }


 
 
.search_box_wrap {align-items:flex-end; margin-bottom:30px}
.search_box  {border-bottom:1px solid #333; margin-left:auto; display:flex; align-items:center   }
.search_box input {border:none; height:30px; font-size:1em}
.search_box input::placeholder {font-size:1em}
.search_box input:focus {outline:none }



 @media all and (max-width:900px) {
        .search_box_wrap {align-items:center; margin-bottom:30px}

		.search_box {margin-left:auto }
		.search_box input {width:200px; max-width:90vw}
		.info .search_box_wrap {flex-wrap:nowrap;  align-items:Center}
		.info .search_box_wrap .search_box {  margin:0 0 0 auto}
 
 
}