@charset "utf-8";

body{
	background-image:url(https://www.snrs.or.jp/img/common/);
	background-repeat:repeat-x;
	background-position:top center;
	background-attachment:fixed;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	color: #1C1C1C;
}
img{
	max-width:100%;
}
@media(min-width:651px){
	.sponly{
		display:none !important;
	}
}
@media(max-width:650px){
	.pconly{
		display:none !important;
	}
}

.main *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul#fontSize {
	zoom: 1; /*forIE6,7*/
	/*margin-bottom: 10px;*/
	margin-top: 10px;
	margin-top: 19px;
	display:block;
	float:right;
	font-size:85%;
}
@media(max-width:992px){
	ul#fontSize {
        margin: 10px 0;
 }
}

ul#fontSize:after {
	content: "";
	display: block;
	clear: both; 
}
ul#fontSize li a{
	color:#FFF;
}

#fontSize .comment{
	background-color:#FFF;
}
#fontSize .comment:hover{
	background-color:#FFF;
}
ul#fontSize li {
	background-color: #009de5;
	padding: 0px 6px;
	margin-right: 5px;
	float: left;
	cursor: pointer;
	display: block;
}
ul#fontSize li:hover {
	background-color: #5dc4f3;
}
ul#fontSize li.active {
	background-color: #a2ddff;
}
ul#fontSize li.active:hover {
	background-color: #ceedff;
}
dl.list309 dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 5.5em;
  color: #5E2E1B;
  font-weight:bold;
}

dl.list309 dd {
  margin-bottom: 0.8em;
  margin-left: 6.0em;
	border-bottom:solid 1px #cccccc;
}

.header_mail_menu img{
	width: 46px;
}
.header_mail_menu{
	float: right;
}
@media(min-width:768px){
	.header_mail_menu{
        display:none;
	}	
}

.saiyou {
	background-image:url(https://www.snrs.or.jp/css/img/btn_rec.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:70px;
}
.top_msg{
	border:3px solid #255dab;
	padding:20px;
	margin:0 10px 15px;
	font-size:120%;
}
.msg_upper{
    background-color:#255dab;
    padding:6px;
    font-family:sans-serif;
    line-height:1.3;
    margin-bottom:20px;
}
.msg_upper .top_msg{
	border:0;
	padding:20px;
	margin:auto;
	font-size:120%;
	max-width:900px;
	background-color:#fff;
}
.msg_upper .top_msg_blue, .msg_upper .top_msg_white{
	border:0;
	padding: 10px 20px;
	margin:auto;
	font-size:120%;
	max-width:900px;
}
.msg_upper .top_msg_blue{
	color:#fff;
}
.msg_upper .top_msg_white{
	background-color:#fff;
}


.waku-sdw {
	background-color:#FFF;
	
	/* box-shadow 
box-shadow:0px 0px 10px 0px #e3e3e3;
-moz-box-shadow:0px 0px 10px 0px #e3e3e3;
-webkit-box-shadow:0px 0px 10px 0px #e3e3e3;*/
border: solid 0px #eeeeee;

/* border */
}

.head_bg{
	
}

 ul,ul li{
	 margin:0;
	 padding:0;
	list-style-type:none;
 }
.list li{
	 margin-left:20px;
	 padding:0;
	 list-style-image:url(https://www.snrs.or.jp/img/btn_arrow.png);
	 }
  
  
.fs130 {
	font-size:130%;
}
.fs80 {
	font-size:80%;

}
h1{
	margin-top:10px !important;
	margin-bottom:6px !important;
}

.lineheight140{
	line-height:140%;
}
.kakaku{
	text-align:right;
	font-size:120%;
}
.bottom_bg{
    background:url(https://www.snrs.or.jp/img/bottom_bg.png) right top repeat-y;
    background-size:35vw;
    border-top:2px solid #eee;
}
.footer {
    bottom: 0;
    width: 100%;
    padding-top: 4vw;
}
.boshu_bottom{
	display:block;
	max-width: 800px;
	margin:0 auto;
}


body > .container {
  padding: 0 15px 15px;
  
}
.container {


}
.bg{
	background-color:#FFF;
	padding:30px 20px;
}
.container .text-muted {
  margin: 20px 0;
}
 
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

.iro {
	color: #b91e2f;
}
.iro2 {
	color:#1CA300;
}


.bgiro{
	background-color:#FC0;
}
.bld {
	font-weight:bold;
}
.cntr {
	text-align:center;
	margin:0 auto;
}

.gtrans{
    text-align:right;   
}
@media(max-width:767px){
	.gtrans{
		text-align:right;
		margin-right: 105px;
		margin-top:-42px;
	}
}
@media(max-width:470px){
	.gtrans{
		width:100%;
		text-align:center;
		padding-right:0px;
		margin-top:0px;
	}
}

@media only screen and (min-width: 993px), print {
.sm_center {
	text-align:left;
	margin:0 auto;
}
}

@media only screen and (min-width: 391px) and (max-width: 992px) {
 .sm_center {
	 width:100%;
	text-align:center;
	margin:0 auto;
}
}

@media only screen and (max-width: 390px) {
	.sm_center {
		 width:100%;
		text-align:center;
		margin:0 auto;
	}
}

.copyright{
	text-align:center;
	margin: 0 auto;
	display:block;
	padding: 20px 0 calc(3vw + 40px);
	border-top:dotted 1px #ccc;
}


.img-thumbnail-dotted {
  padding: 2px;
  border: 1px dotted #555;
  border-radius: 2px;
}

.brdr_bottom{
	border-bottom:1px dotted #999;
	
}
.ttl{
	padding:40px 0 20px 0;
}

.list01 {
	 padding:0;
	 margin:0;
}
.list01 li {
	 list-style:none;
	 background-image:url(https://www.snrs.or.jp/img/shikaku_arrow.png);
	 background-repeat:no-repeat;
	 background-position:left center;
	 padding:0 0 0 20px;
	 margin:0;
}
.list02 { 
	display:none;
	 padding:0;
	 margin:0;
}
.list02 li {
	 list-style:none;
	 padding:0 0 0 0px;
	 margin:0;
	 text-align: left;
}
.list02 li ul,.list02 li ul li {
	font-size:95%;
	list-style:none;
	padding:0 0 0 10px;
	margin:0;
}
@media(max-width:922px){
	.list02 { 
		display:none;
	}
}


@media only screen and (min-width: 993px), print {
	.mdsmain_bk{
		/* height:110px; */
		width:auto;
	}
	 .mds01 {
		 padding:30px 0 20px 10px;
		  text-align:left;
		  border-bottom:#CCC solid 1px;
		  margin-bottom:30px;
	}
}

@media only screen and (min-width: 391px) and (max-width: 992px) {
	.mdsmain_bk{
		/* height:80px; */
		width:auto;
	}
	 .mds01 {
		 padding:20px 0 10px 10px;
		  text-align:left;
		  border-bottom:#CCC solid 1px;
		  margin-bottom:20px;
	}
}

@media only screen and (max-width: 390px) {
	.mdsmain_bk{

	}
	.mds01 {
		 padding:10px 0 0 10px;
		 border-bottom:#CCC solid 1px;
		 margin-bottom:20px;
	}
}

.catch{
    line-height:1.3;    
}
.catch span{
	display:block;
	color:#333;
	font-size:88%;
	margin-bottom:5px;
}
@media only screen and (min-width: 993px), print {

 .catch {
	font-size:32px;
}
 .catch2 {
	font-size:24px;
	line-height:160%;
	
}
.catch3 {
	font-size:21px;
	line-height:140%;
}
}
@media only screen and (min-width: 391px) and (max-width: 992px) {
.catch {
	font-size:26px;
	
}
.catch2 {
	font-size:18px;
	line-height:140%;
}
.catch3 {
	font-size:16px;
	line-height:140%;
}
}

@media only screen and (max-width: 390px) {
    .catch {
		font-size: 25px;
	}
	.catch2 {
		font-size:15px;
		font-weight:bold;
		line-height:120%;
	}
	.catch3 {
		font-size:15px;
		font-weight:bold;
		line-height:120%;
	}
}

.list_none {
	padding:0;
	margin:0;
}
.list_none li {
	list-style-type:none;
	padding:0 0 5px 0;
	margin:0;
}

.brdrbtm {
	border-bottom:#333 dotted 1px;
}

.gly-bk {
	border:dotted 1px #ccc;
	background-color:#F4F4F4;
	padding:10px;
	margin-bottom:10px;
	width:auto;
}
.gly-bk2 {
	background-color:#F4F4F4;
	padding:10px;
	margin-bottom:10px;
	width:auto;
}

.orng-bk {
	background-color:#ED965A;
	border:solid 1px #E85A24;
	padding:20px;
	color:#FFF;
}
.orng-waku {
	border:solid 1px #E85A24;
	padding:20px;
	color:#333;
}
.waku {
	background-color:#FFF;
	padding:20px;
	border: 2px solid #F4F4F4;
  border-radius: 2px;
}
.green_bk {
	background-color:#FFF;
	padding:20px 20px 10px 20px;
	border: 5px solid #5E2E1B;
	border-radius: 2px;
}

.green_bk2 {
	background-color:#FFF;
	color:#000;
	padding:20px;
	border:#5E2E1B solid 1px;
	text-decoration:none;
	
}
a .green_bk2:hover {
	background-color:#9AC1AC;
	color:#FFF;
	padding:20px;
	border:#5E2E1B solid 1px;
	
}

.gly_orange {
	background-color:#FFF;
	padding:20px;
	border: 3px solid #39B24A;
  border-radius: 2px;
}

.sankaku{
	padding:0;
	margin:0 auto;
	text-align:center;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 20px solid #39B24A;
}

.tbl{
  width:100%;
 border-top: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
}
 
.tbl th{
  padding: 3px;
  border-left: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
}
 
.tbl td{
	padding: 3px;
border-left: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
}
 
 
 
.tbl-rsp{
  width:100%;
 border-top: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
 
.tbl-rsp th{
  padding: 6px 8px 5px;
  border-left: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #F4F4F4;
}
 
.tbl-rsp td{
/*padding: 5px 10px;*/
text-align: left;
vertical-align: top;
border-left: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
 
@media (max-width: 400px){
.tbl-rsp{
  /*border:none;*/
}
.tbl-rsp th{
	
  width:100%;
  display:block;
  margin: 0 auto;
  /*border:none;
  border-radius: 3px;*/
}
.tbl-rsp td{
  display: list-item;
  width: 100%;
  border-top: none !important;
  border-right: none !important;
}
}
.lineheight140{
	line-height:140%;
}
.lineheight14{
	line-height:1.4em;
}


.leftbrdr_orange{
	border-left:solid 6px #39B24A;
	padding-left:10px;
}
.orange {
	color:#70655F;
}
.kuro
{
	color:#333;
}
hr{
    border:none;
    border-top:dotted 1px #666666;
    height:1px;
    color:#FFFFFF;
    margin: 0 6 0 6;
	padding:0;
}
.mds-bk_iro{
	background-color:#F4F4F4;
	color:#39B24A;
	padding:10px;
	margin:20px 0;
	font-weight:bold;
}
.mds-bk_iro2{
	background-color:#39B24A;
	color:#FFF;
	padding:10px;
	margin:20px 0;
}
.heading2{
	position:relative;
	padding-left:30px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	line-height: 38px;
}
 
.heading2:after, .heading2:before{
	content:''; 
	height:18px; 
	width:4px; 
	display:block; 
	background:#00A8FF; 
	position:absolute; 
	top:8px; 
	left:15px; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
 
.heading2:before{
	height:10px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:16px; 
	left:7px
}
.shikaku_arrow {
	background-image: url(https://www.snrs.or.jp/img/shikaku_arrow.png);
	background-repeat: no-repeat;
	background-position:0px 6px;
	padding-left:23px;
	list-style:none;
	line-height:22px;
	
}

@media only screen and (min-width: 993px), print {
 
}

@media only screen and (min-width: 391px) and (max-width: 992px) {
 
}

@media only screen and (max-width: 390px) {
 
}
/**/
.mds_stripe {
	padding: .5em .75em;
	background: -webkit-repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
	background: repeating-linear-gradient(45deg, #3498db, #3498db 5px, #69b4e6 5px, #69b4e6 10px);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}
.mds_ribbon {
	color:#FFF;
	position: relative;
	padding: .5em 1em;
	background-color: #39B24A;
}
.mds_ribbon::before,
.mds_ribbon::after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
}
.mds_ribbon::before {
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #198E24;
}
.mds_ribbon::after {
	right: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-top-color: #198E24;
}
.mds_ribbon_bg{
	padding:0 20px;
}
/**/
@media only screen and (min-width: 993px), print {
 .brdrtate{
	 border-left:1px solid #ccc;
}
}

@media only screen and (min-width: 750px) and (max-width: 992px) {
 .brdrtate{
	  border-left:1px solid #ccc;
}
}

@media only screen and (max-width: 749px) {
 .brdrtate{
	 border-left:none;
}
}
/**/
#sidebar_box {
	width: 100%;
	border: 1px solid #cccccc;
}

#sidebar_box li a {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	background-image: url(https://www.snrs.or.jp/img/arrow2.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
    padding-left: 39px;
    background-position: 15px center;
	background-color: #fff;
	font-size: 0.96em;
	color: #232323;
}
#sidebar_box li a:hover {
	background-color: #f5f5f5;
}
#sidebar_box h3 {
	display: block;
	font-size: 1.1em;
	padding-top: 20px;
	padding-bottom: 15px;
	font-weight:bold;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #479ad5;
	color: #454545;
	padding-left: 20px;
	background-color: #f5f5f5;
	margin:0px;
	border-bottom: 1px solid #cccccc;
}

#sidebar_box1 {
	width: 100%;
	border: 1px solid #cccccc;
}
#sidebar_box1 li a {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	background-repeat: no-repeat;
padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 82px;
    background-position: 5px center;
	background-color: #fff;
	font-size: 1em;
	color: #232323;
}
.ii1 a {
	display: block;

	background-image: url(https://www.snrs.or.jp/img/common/shasin1.png);
	background-repeat: no-repeat;
	
}

.ii2 a {
	display: block;

	background-image: url(https://www.snrs.or.jp/img/common/shasin2.png);
	background-repeat: no-repeat;
	
}
.ii3 a {
	display: block;

	background-image: url(https://www.snrs.or.jp/img/common/shasin3.png);
	background-repeat: no-repeat;
	
}
#sidebar_box1 li .ii2 a {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	background-image: url(https://www.snrs.or.jp/img/common/shasin2.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
    padding-left: 10px;
    background-position: 10px center;
	background-color: #fff;
	font-size: 1em;
	color: #232323;
}

#sidebar_box1 li .ii3 a {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	background-image: url(https://www.snrs.or.jp/img/common/shasin3.png);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
    padding-left: 10px;
    background-position: 10px center;
	background-color: #fff;
	font-size: 1em;
	color: #232323;
}
#sidebar_box1 li a:hover {
	background-color: #F8F1F2;
}
#sidebar_box1 h3 {
	display: block;
	font-size: 1.2em;
	background-color: #382c25;
	padding-top: 20px;
	padding-bottom: 15px;
font-weight:bold;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #820010;
	color: #454545;
	padding-left: 20px;
    background-color: #F8F1F2;
	margin:0px;
	border-bottom: 1px solid #cccccc;
}

.post-date {
	font-size: 11px;
	color: #666;
}
.mb5{
	padding-bottom:5px;
}
.mb10{
	padding-bottom:10px;
}
.mb15{
	padding-bottom:15px;
}
.mb20{
	padding-bottom:20px;
}
.mb30{
	padding-bottom:30px;
}
.mb40{
	padding-bottom:40px;
}
li{
	list-style-type: none !important;
	list-style: none !important;
}
a .outer {
    display: ;
    height: auto;
    width: 100%;
    background: #FFF;
    color: #222222;
    border: solid 1px #dddddd;
    padding: 10px;
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

a:hover .outer {
    display: ;
    height: auto;
    width: 100%;
    background: #FFF;
    color: #222222;
    border: solid 1px #dddddd;
    padding: 10px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 47%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 47%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 47%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}



a .outer1 {
    display: ;
    height: auto;
    width: 100%;
    background: #F8F1F2;
    color: #454545;
	font-weight:bold;
    padding: 10px;border:solid 1px #888888;
list-style-type: none !important;
	list-style: none !important;
	font-size:16px;
	
}

a:hover .outer1 {
       display: ;
    height: auto;
    width: 100%;
    background: #820010;
    color: #ffffff;
    padding: 10px;
	opacity: 0.7;
	list-style-type: none !important;
	list-style: none !important;
    background: #F8F1F2;
    color: #454545;
	font-weight:bold;
    padding: 10px;border:solid 1px #77000f;
}



.index-news {
	background: rgba(255, 255, 255, 0.8) ;
	width: 100%;
border:solid 1px #cccccc;
	padding: 10px 0 ;
	height:340px;
	    overflow: auto;
}
.index-news ul{
	padding:10px;
}
.index-news li {
	display: table ;
	width: 100%;
	margin: 0 ;
	padding: 15px 30px ;
	vertical-align: middle ;
	border-bottom: 1px dotted #cccccc ;
}
.index-news li:last-child {
	border-bottom: none ;
}
.index-news li span {
	display: table-cell ;
}
.index-news li span.cat {
	width: 80px ;
	text-align: center ;
	vertical-align: middle ;
}
.index-news li span.cat em {
	display: block ;
	padding: 4px 0 ;
	background: #ff4654 ;
	font-size: 11px;
	line-height: 10px ;
	font-weight: normal ;
	text-align: center ;
	line-height: 1.1 ;
	color: #ffffff ;
}
.index-news li span.cat em1 {
	display: block ;
	padding: 4px 0 ;
	background: #D0021B ;
font-size: 11px;
	line-height: 10px ;
	font-weight: normal ;
	text-align: center ;
	line-height: 1.1 ;
	color: #ffffff ;
}
.index-news li span.cat em2 {
	display: block ;
	padding: 4px 0 ;
	background: #446eff ;
font-size: 11px;
	line-height: 10px ;
	font-weight: normal ;
	text-align: center ;
	line-height: 1.1 ;
	color: #ffffff ;
}
.index-news li span.cat em3 {
	display: block ;
	padding: 4px 0 ;
	background: #3eb432;
font-size: 11px;
	line-height: 10px ;
	font-weight: normal ;
	text-align: center ;
	line-height: 1.1 ;
	color: #ffffff ;
}
.index-news li span.cat em4 {
	display: block ;
	padding: 4px 0 ;
	background: #ffa100;
font-size: 11px;
	line-height: 10px ;
	font-weight: normal ;
	text-align: center ;
	line-height: 1.1 ;
	color: #ffffff ;
}

.index-news li span.cat em5 {
	display: block ;
	padding: 4px 0 ;
	background: #820010;
font-size: 11px;
	line-height: 10px ;
	font-weight: normal ;
	text-align: center ;
	line-height: 1.1 ;
	color: #ffffff ;
}
.index-news li span.day {
	width: 120px ;
	text-align: center ;
	vertical-align: middle ;
	font-size: 14px ;
	line-height: 14px ;
	color: #666666 ;
}
.index-news li span.tit {
	width: 600px ;
	vertical-align: middle ;
	font-size: 14px ;
	line-height: 1.2 ;
}
.index-news li span.tit em {
	color: #C50030;    
}

.index-news li a {
	color: #000000 ;
	text-decoration: none ;
}
.index-news li a:hover,
.index-news li a:active {
	color: #ffcc00 ;
	text-decoration: underline ;
}

.index-blog {
	padding: 20px 0 60px 0 ;
	text-align: center ;
}

@media only screen and (max-width: 767px) {
.index-news {
	background: rgba(255, 255, 255, 0.8) ;
	width: 100% ;
	margin: 0 auto 20px auto ;
}
.index-news li {
	display: table ;
	width: 100% ;
	margin: 0 ;
	padding: 12px 10px ;
	vertical-align: middle ;
	border-bottom: 1px solid #cccccc ;
	box-sizing:border-box !important;
	-webkit-box-sizing:border-box !important;
	-moz-box-sizing:border-box !important;
}
#old-style .index-news li {
	box-sizing:border-box !important;
	-webkit-box-sizing:border-box !important;
	-moz-box-sizing:border-box !important;
}
.index-news li:last-child {
	border-bottom: none ;
}
.index-news li span {
	/*
	display: table-cell ;
	*/
}
.index-news li span.cat {
    width: 80px;
    text-align: center;
    vertical-align: middle;    display: inline-block;
}
	.index-news li span.day {
	width: 120px ;
	text-align: center ;
	vertical-align: middle ;
	font-size: 14px ;
	line-height: 14px ;
	color: #666666 ;    display: inline-block;
}
.index-news li span.tit {
    width: 100%;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.2;    display: block;
}
}

.midasi11 {
	padding-top:15px;
	margin-top:-15px;
	position: relative;
    padding-bottom: .4em;
    border-bottom: 5px solid #e6e6e6;
    font-size: 25px;
    margin-bottom: 15px;
	letter-spacing: 1.4px;
}
.tit_box {
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #820010;
    background-color: #f4f4f4;
    padding-top: 12px;
    padding-bottom: 8px;
    padding-left: 25px;
    font-size: 140%;
    line-height: 1.4em;
    margin-bottom: 20px;
}


.midasi12 {
	position: relative;

    font-size: 25px;
    margin-bottom: 15px;
color:#820010;
	letter-spacing: 1.4px;
}
.midasi11::after {
	position: absolute;
	bottom: -5px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 5px;
	background-color: #5c97db;
}

.block02_title {
  background-color: #fff6e4;
  color: #f77f1f;
  background-color: #d2efff;
  color: #457996;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px 15px;
}
.block02_waku {
  background-color: #fff6e4;
  color: #f77f1f;
  background-color: #e1f4ff;
  color: #457996;
  font-size: 14px;
  border: solid 1px #457996;
  font-weight: bold;
  border-radius: 4px;
  padding: 10px 15px;
}

.block03_title {
  background-color: #e0f7ef;
  color: #1F9950;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px 15px;
}
.block03_waku {
  background-color: #E4FFF5;
  color: #1F9950;
  font-size: 14px;
  border:solid 1px #1F9950;
  font-weight: bold;
  border-radius: 4px;
  padding: 10px 15px;
}

.block04_title {
  background-color: #f7f9db;
  color: #8a7e19;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px 15px;
}
.block04_waku {
  background-color: #fdffe4;
  color: #8a7e19;
  font-size: 14px;
  border:solid 1px #8a7e19;
  font-weight: bold;
  border-radius: 4px;
  padding: 10px 15px;
}

@media only screen and (max-width: 767px) {
.midasi11 {
	position: relative;
	padding-bottom: .2em;
	border-bottom: 5px solid #ccc;
	font-size:18px;
	font-weight:;margin-bottom: 15px;
	font-weight:600;
}
.midasi11::after {
	position: absolute;
	bottom: -5px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 5px;
	background-color: #5c97db;
}	
	.midasi12 {
	position: relative;
	padding-bottom: .2em;
	margin-bottom: 15px;
    color:#820010;
		font-weight:600;
	font-size:18px;
	font-weight:;
}

}
.aka{
	color: #d01126;
}
.f16{
	font-size:16px;
}
.f20{
	font-size:20px;
}
.f24{
	font-size:24px;
}



#fh5co-clients {
    padding: 0.3em 0;
    background: #003366;
    background: #2b6bb5;
    position: fixed !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}
#fh5co-clients-nami{
	background-image: url(https://www.snrs.or.jp/img/nami.png);
	background-repeat:no-repeat;
	background-size:cover;
	position: fixed;
	bottom: 0;
	left:0;
	width: 100%;
	height: calc(10px + 10vw);
	z-index: 1000;
}

@media(min-width:650px){
	#fh5co-clients-nami{
    	background-image: url(https://www.snrs.or.jp/img/nami_pc.png);
	    background-size:100% 50%;
	    background-position:center bottom;
	    padding-top: calc(10vw - 50px);
    }	
}
@media(min-width:1000px){
	#fh5co-clients-nami{
    	padding-top: 90px;
    	height: 130px;
    }	
}
.nami-icon {
	width: 50%;
	max-width:250px;
}
.nami-icon a{
	display:inline-block;
	width: 40%;
	margin-top: calc(-2.5vw - 10px);
	margin-right:1vw;
}

.nami-flex{
	display:flex;
	align-items:flex-start;
}
.nami-box1{
	width: 50%;
	min-width:500px;
	margin: 0 auto;
	position:absolute;
	bottom:0;
	right:0;
}
.nami-box1 a{
    display:inline-block;
    width: 47%;  
}
.nami-box2{
	width:75%;
	display:flex;
	align-items:center;
	margin-left:30px;

}
.nami-box2 a{
    display:inline-block;
    width: 20%;  
}

.flex_heder{
	/* width:40%; */
	display: flex;
	align-items: flex-end;
}
.heder-logo-1{
	width: 50%;
}
.heder_tel{
	/* width: 25%; */
	margin:0 10px 0 0
	
}
.heder_tel_yoko{
}


.fh5co-page-heading-lead {
    text-align: center;
    padding: 0px 0 60px 0;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.fh5co-page-heading-lead {
    position: relative;
    padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.fh5co-page-heading-lead .fh5co-border {
   width: 100px;
    height: 2px;
    background: #820010;
    margin-left: -25px;
    left: 47%;
    bottom: 0;
    position: absolute;
	
}
.midasisaisho {
    font-size: 42px;
    font-weight: 600;

    color: #004a82;
}
	
}

@media only screen and (max-width: 767px) {
.fh5co-page-heading-lead .fh5co-border {
   width: 100px;
    height: 4px;
    background: #820010;
    margin-left: -25px;
    left: 43%;
    bottom: 0;
    position: absolute;
	
}
.midasisaisho {
    font-size: 28px;
    font-weight: 600;

    color: #004a82;
}
}
@media only screen and (min-width: 768px) {
	.sphyouzi{
		display:none;
	}
	.pchyouzi{

	}
}

@media only screen and (max-width: 767px) {
		.sphyouzi{
		clear:both;
	}
	.pchyouzi{
		 display:none;
	}
}
.borderwaku {
    border: solid 3px #dddddd;
}

.brdrbtm {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 2%;
    padding-bottom: 1%;
}
.brdrbtm {
    color: #333;
    font-size: 120%;
    border-bottom: #333 dotted 1px;
    letter-spacing: 0.9px;
    font-weight: bold;
    line-height: 32px;
}
.pad-top40 {
    padding-top: 40px;
}


@media only screen and (min-width: 768px) {
.page_ttl {
    position: relative;
    background: url(https://www.snrs.or.jp/img/kksp.jpg) no-repeat #FFFFFF;
    text-align: center;
	background-size:cover;
	padding: 30px;
    margin-bottom: 40px;
	border:solid 1px #cccccc;
}


.page_ttl {
    width: 100%;
    font-size: 22px;
    font-weight: normal;

    margin-bottom: 28px;
font-weight: bold;
color: #300;
    padding: 30px;

}	
}

@media only screen and (max-width: 767px) {
.page_ttl {
    position: relative;
    background: url(https://www.snrs.or.jp/img/kksp.jpg) no-repeat #FFFFFF;
    text-align: center;
	background-size:cover;
    padding: 25px;
    margin-bottom: 40px;
	border:solid 1px #cccccc;
}


.page_ttl {
    width: 100%;
    font-size: 20px;
    font-weight: normal;

    margin-bottom: 28px;
font-weight: bold;
color: #300;
    padding: 25px;

}	
}

.bordera{
    border:solid 1px #cccccc;
}
.mainiro{
	color: #2b6bb5;
}

a .akusesuwaku {
    background-color: #f1f5f8;
    color: #333333;
    font-size: 14px;
    border:solid 1px #cccccc;
    font-weight: bold;
    border-radius: 4px;
    padding: 10px 10px;
}

 a:hover .akusesuwaku{
 	background-color: #c3dfff;
 	color: #820010;
 	font-size: 14px;
 	border:solid 1px #cccccc;
 	font-weight: bold;
 	border-radius: 4px;
 	padding: 10px 10px;
}

.akusesuwaku_title {
    background-color: #e1f4ff;
    color: #2b6bb5;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 10px 15px;
}

.center{
	text-align: center;
}
.bold{
	font-weight: bold;
}
.taishouwaku{
	border: solid 2px #6c92be;
	border-radius: 4px;
	padding:8px;
	font-size: 16px;
}
.ttop{
	vertical-align: top;
}

.osirase11{
	padding:6px;
	text-align: center;
	background:#ffffff;
	color: #820010;
	border-radius: 4px;
	width: 22%;margin-right:8px;
		float: left;
	border: solid 1px #820010;
	    background-color: #F8F1F2;
}
.osirase12{
	padding:6px;
	text-align: center;
	background:#ffffff;
	color: #820010;
	border-radius: 4px;
	width: 100%;
		float: left;
	border: solid 1px #820010;
	    background-color: #F8F1F2;
}
.osirase1{
	padding:8px;
	text-align: center;
	background:#3eb432;
	color: #ffffff;
	border-radius: 4px;
	width: 22%;margin-right:8px;
		float: left;
}
.osirase2{
	padding:6px;
	text-align: center;
	background:#ffa100;
	color: #ffffff;
	border-radius: 4px;
	width: 22%;margin-right:8px;
		float: left;
}
.osirase3{
	padding:6px;
	text-align: center;
	background:#446eff;
	color: #ffffff;
	border-radius: 4px;
	width: 22%;margin-right:8px;
	float: left;
}
.osirase4{
	padding:6px;
	text-align: center;
	background:#ff4654;
	color: #ffffff;
	border-radius: 4px;
	width: 22%;margin-right:8px;
		float: left;
}
.date02 {
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 1px;
}

.saiyoubotan {
	box-sizing:border-box;
    padding: 5px;
    text-align: center;
    background: #ffffff;
    color: #820010;
    border-radius: 4px;
    width: 100%;
    float: left;
	font-size:13px;
    border: solid 1px #;
    background-color: #eaeaea;
}

.saiyou_pdf_wide{
	display:flex;
}
.saiyou_pdf_wide a,.saiyou_pdf_wide p{
	min-width:50%;
}
.saiyou_pdf_wide p{
	text-align:left;
	width:fit-content;
	margin:0 auto;
	line-height:1.3;
}
.saiyou_pdf_wide a{
	padding-right:30px;
}
.saiyou_pdf_wide .saiyoubotan{
	background-color:#ddeeff;
}

@media(max-width:991px){
	.saiyou_pdf_wide{
		flex-wrap:wrap;
	}
	.saiyou_pdf_wide a{
		width:100%;
	}
	.saiyou_pdf_wide p{
		margin-top:10px;
		line-height:1.3
	}	
	.saiyou_pdf_wide a{
		padding-right:0;
	}
}

.osirase1212 {
    padding: 6px;
    text-align: center;
    background: #ffffff;
    color: #820010;
    border-radius: 4px;
    width: 100%;
	font-size: 12px;
    float: left;
    border: solid 1px #820010;
    background-color: #F8F1F2;
}
.news-blocks iframe{
	height:65vw;
	max-height:660px;
}

.links{
    display:flex;
    flex-wrap:wrap;
}
.links div{
	text-align:center;
	width:46%;
	border:1px solid #ccc;
	margin:10px 2%;
}
.links div img{
	max-width: 80%;
}
.links div h3{
	font-size:110%;
	font-weight:bold;
}

.c_mail_tel_deco span{
	background-color: #beebff;
	padding: 5px 10px;
	margin-bottom: 5px;
	display: inline-block;
}


@media(max-width:930px){
	.news-blocks iframe{
    	height:120vw;
	    max-height:900px;
	}
}
@media(max-width:680px){
	.news-blocks iframe{
    	height:310vw;
	    max-height:2000px;
	}
	.links div{
		text-align:center;
		width:96%;
		border:1px solid #ccc;
		margin:10px 2%;
	}
	.c_mail_tel_deco span{
		display: block;
		padding: 3px;
		margin: 1px;
		text-align: center;
	}
	.c_mail_tel_deco a{
		text-align: center;
	}
	.font_okiku{
		font-size: 200%;
		font-weight: bold;
		letter-spacing: 1px;
	}

}
@media(max-width:570px){
	.news-blocks iframe{
    	height:333vw;
	    max-height:none;
	}
}
/*---------------------2020/10/19-----------------------*/

.danraku{
	margin-bottom: 30px;
}
.danraku a{
	text-align: center;
	display: inline-block;
}
.danraku p:nth-child(4){
	margin-bottom: 30px;
}

.s_mgt{
	margin-top: 20px;
}
.s_mgb{
	margin-bottom: 30px;
}

.s_midashi{
	font-size: 130%;
    background: #2b6bb5;
    text-align: center;
}
.s_midashi p{
	display: inline-block;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 10px 0;
    line-height: 1.2;
    color: #FFF;
}
.s_midashi p:nth-child(odd){
	width: 40%;
}
.s_mozikae{
	color: #2b6bb5;
	margin-top: 20px;
}
.s_mozikae p{
	margin-bottom: 5px;

}
.s_flex{
	display: flex;
}
.s_flex a{
	margin-right:20px;
}

/*-------------------2020/10/20----------------------*/


.g_flex{
	display: flex;
	margin-bottom:40px
}
.g_flex_top{
	display: flex;
}
.g_flex_top p{
	align-self:center;
	margin:0 auto
}
.hanbun1{
	width: 49%;
    padding:1%;
    margin-right:2%;
    background-color:#ebf7ff
}
.hanbun2{
	width: 49%;
	padding:1%;
	background-color:#cedcfa
}
.dotted_border{
	border-bottom: dotted 1px 
}
.g_midashi{
    background: #4598d4;
    text-align: left;
    margin:30px 0 10px;
    font-size:110%
}
.hanbun2 .g_midashi{
	background: #1f489d;
	text-align: left;
	margin:30px 0 10px;
	font-size:110%
}
.g_midashi p{
	display: inline-block;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 10px 10px 0;
	line-height: 1.2;
	color: #FFF;
}
.g_flex a{
	width:90%;
	margin:4px auto;
	display:block;
	text-indent:-1em;
	padding-left:1em;
}
.g_flex img{
	width:50%;
}
.g_mozikae1{
	color:#2b6bb5;
	font-size: 170%;
	font-weight:bold;
	letter-spacing:3px;
	border: ;
}
.g_mozikae2{
	color:#034a8a;
	font-size:170%;
	font-weight:bold;
	letter-spacing:3px;
}

/*-------------------2020/11/24----------------------*/
.service_annai{
	display: flex;
	margin: 0 auto 2%;
}
.sanbun1{
	flex-wrap: wrap;
	width: 32%;
	background-color: #dcecff ;
	margin-right:2%;
	padding:1%
}
.sanbun1 div:nth-child(2){
	text-align:center
}

.sanbun1 p:first-child{
	color: #2b63b5;
	font-size:170%;
	font-weight:bold;
	letter-spacing:3px;
	margin:20px 0 0;
}
.annai_img1{
	width: 100%;
}
.annai_img1 img{
	width: 100%;
}
.sanbun2{
	flex-wrap: wrap;
	width:32%;
	background-color: #e4fff5;
	margin-right:2%;
	padding:1%;
}
.sanbun2 div:nth-child(2){
	text-align:center
}
.sanbun2 p:first-child{
	color:#4CAF50;
	font-size:170%;
	font-weight:bold;
	letter-spacing:3px;
	margin:20px 0 0
}
.sanbun3{
	flex-wrap: wrap;
	width: 32%;
	background-color: #fdffe4;
	padding:1%;
}
.sanbun3 div:nth-child(2){
	text-align:center
}
.sanbun3 p:first-child{
	color: #8a7e19;
	font-size:170%;
	font-weight:bold;
	letter-spacing:3px;
	margin:20px 0 0;
}
/*---------------2020/12/17----------------*/
.t_midashi{
	font-size: 130%;
	background-color: #fdffe4;
	text-align: center;
	margin: 0 auto 20px;
}
.t_midashi p{
	display: inline-block;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 10px 0;
    line-height: 1.2;
    color: #8a7e19;
}
.t_flex{
	display: flex;
	flex-wrap:wrap;
}
.t_flex img{
    max-width:90%
}
.t_center{
	width:50%
}
.t_center img{
	margin-right: 20px;
}
.t_irokae{
	color: #8a7e19;
}


.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

/*---------------2021/2/22----------------*/
.service_tac{
	text-align: center;
}
.service_tac img{
	width: 15px;
}

/*---------------2021/6/22----------------*/
.recruit_daiji h2{
    font-size: 25px;
	padding-top: 15px;
    margin-top: -15px;
}
.recruit_daiji a{
	width: 50%;
	display: block;
}
.recruit_flex{
	display: flex;
	flex-wrap: wrap;
}
.recruit_flex a{
	width: 48%;
	margin:1%;
}
.recruit_img{
	display:inline-block;
	line-height:1;
}

.recruit_img img{
	width: 100%;
	margin: 5px 0 30px;
}
.recruit_img img:last-child{
	margin:15px 0 10px 0;
}

/*採用ページのボタン flex化*/
.saiyou_buttons{
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	padding: 10px;
	margin-bottom:6px;
    border: 2px solid #cccccc;
}
.saiyou_buttons > div{
	width: 46%;
	margin: 5px 2%;
}
.saiyou_buttons > div:nth-child(2n){
	margin-right:0;
}

.no_boshu.waku2{
	/* padding-bottom: 7px; */
}
.no_boshu .saiyoubotan{
	opacity: 0.6;
	/* margin-bottom: 10px; */
	color:#666;
}
.no_boshu p{
    margin:0;
}
.saiyoubotan i{
	font-size:155%;
    vertical-align:-11%;
    margin-right:3px;
}
.saiyoubotan img{
	max-height: 150px;
	margin:10px;
	box-shadow:3px 3px 3px #99999940;
}

/*---------------2023/10/24----------------*/
.back_blue{
	background:#deebf7;
	padding:10px;
	margin:20px auto 
}
.back_blue h3{
	color:#0070c0;
	font-weight:bold
}

.sdgs_box{
	margin:0px 0 0 10px;
	
}
.sdgs_box p{
	margin:0px
}
.sengen_box.tac{
	text-align:center
}
.sengen_box.tac h3{
	font-weight:bold
}
.sengen_box.tac .tar{
	text-align:right;
	margin:20px 0 0 0
}

.topic_ttl{
	position:relative;
	color:#295494;
	margin:30px 0 0;
	font-weight:bold
}
.topic_ttl .topic_ttl_cover{
    width: fit-content;
    background: #fff;
}
.topic_ttl .topic_ttl_cover h3{
	padding:0 10px 0 0;
	margin:0;
	font-weight:bold
}
.topic_ttl::after {
    content: "";
    position: absolute;
    width: 100%;
	height:20px;
    background: url(../img/sdgs/ttl_back.png);
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: -1;
}

.sdgs_box h4{
	font-weight:bold;
	margin:10px 0 0px 0;
	font-size:1em;
}
.gyoto_maru {
	position: relative;
	padding-left:1em;
	
}

.gyoto_maru::before {
	content: "〇";
	position: absolute;
	margin-left:-1em
}

.sdgs_box img{
	margin:10px 0 0;
	max-width:65%
}
.pokipokoki span{
	display:inline-block
}

/*---------------2023/10/27----------------*/
.icon_box.flex{
	display:flex;
	max-width:650px;
	width:90%;
	margin:0 auto 25px;
	align-items:center;
	justify-content: center;
}
.icon_box.flex div{
	margin: 0 25px 0 0;
}
.icon_box.flex div img{
	height:150px;
	width:auto
}
.icon_box.flex div:nth-child(2){
	margin:0
}

.top_sdgs_torikumi{
	text-align:center;
	margin:30px auto;
	max-width:800px;
	width:90%;
}
.top_sdgs_torikumi p{
}
.sdgs_sengen{
	text-align:left;
	margin: 20px auto;
	max-width:600px;
	
}

.sdgsbtn {
	/*影の基点とするためrelativeを指定*/
	position: relative;
	/*ボタンの形状*/
	width: 100%;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	background: transparent;
	border-radius: 5px;
	border: solid 1px #fff;
	outline: none;
	/*アニメーションの指定*/
	transition: all 0.2s ease;
}

/*hoverをした後のボタンの形状*/
.sdgsbtn:hover {
	border: transparent;
	background:transparent;
}


/*== 右下に押し込まれる（立体が平面に） */

/*影の設定*/
.pushright:before {
	content: "";
	/*絶対配置で影の位置を決める*/
	position: absolute;
	z-index: -1;
	top: 5px;
	left: 5px;
	/*影の形状*/
	width: 100%;
	height: 100%;
	border-radius: 5px;
	border: 1px solid #ccc;
	background:#ccc

}

/*hoverの際にX・Y軸に4pxずらす*/
.pushright:hover span {
	background-color: #edf7ff; 
	color: #0061af; 
	transform: translate(5px, 5px);
}

/*ボタン色が変わる*/
.colorchange {
	margin: 1% 2%;
	text-align: center;
	width: 46%;
	height: 50px;

}

.colorchange span {
	text-align: left;
	position: relative;
	z-index: 3;
	/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	/*テキストの形状*/
	display: block;
	padding: 20px 20px;
	height: 100%;
	border-radius: 5px;
	background: #36bbff;
	color: #fff;
	display: flex;
	align-items: center;

	/*アニメーションの指定*/
	transition: all 0.3s ease;
}
.colorchange span::after {
	content: '';
	/*絶対配置で矢印の位置を決める*/
	position: absolute;
	top: 38%;
	right: 22px;
	/*矢印の形状*/
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(135deg);
	/*アニメーションの指定*/
	transition: all .3s;
}


/*---------------2024/4/11----------------*/
.footer_flex{
	display:flex;
	border:1px solid transparent;
	align-items: flex-end;
}
.footer_company_1,
.footer_company_2{

}
.footer_company_1{
	margin:0 5% 0 0
}
.footer_company_1 a:last-child{
	display:inline-block;
	margin-top:15px;
	margin-bottom:15px;
}
.footer_company_1 b{
	display:inline-block;
	margin-bottom:15px;
}

.footer_company_3{
	margin:0 0 0 30px
}
.footer_company_3 a{
	display:block;
	margin: 5px 0 12px;
}
.footer_company_3 a img{
	max-width: 225px;
}



.colorchange:hover span {
	background: #1595d8;
	color: #fff;
}
@media(max-width:800px){
	.colorchange{
		width:80%
	}
}
@media(max-width:650px){
	.colorchange{
		width:90%
	}
	.icon_box.flex{
		margin:10px auto 0;
		justify-content: center;
	}
	.icon_box.flex div img{
		height:100px;
		width:auto
	}
}

@media(max-width:560px){
	.icon_box.flex div img{
		height:60px;
		width:auto
	}
	.sdgs_sengen{
		font-size: 0.87em;
	}
}







@media(max-width:650px){
	.topic_ttl .topic_ttl_cover h3{
		font-size:1em
	}
	.back_blue h3{
		font-size:1.5em
	}
	.sdgs_box img{
		max-width:100%
	}
}

@media(max-width:800px){
	.saiyou_buttons > div{
		width:100%;
		margin:0 0 20px 0;
	}
	.saiyou_buttons > div:last-child{
		margin:0;
		padding:0
	}
	.recruit_img img:last-child{
		margin: 10px 0 30px;
	}

	.footer_flex{
		flex-wrap:wrap
	}
	.footer_company_1,
	.footer_company_2,
	.footer_company_3{
		width:100%;
		text-align:center;
		margin:0
	}
	.footer_company_3 a{
		margin:20px 0
	}
	
}

.waku2 {
	margin-bottom:10px

}
.waku2 p{
	margin:0;
}
.waku2 .saiyoubotan {
    background-color: #ddeeff;

}
.requirements{
	padding: 0 0 15px;
}

.komidashi{
	padding-top: 15px;
    margin-top: 15px;
    padding-bottom: .4em;
    border-bottom: 2px solid #ddeeff;
    font-size: 25px;
    margin-bottom: 15px;
    letter-spacing: 1.4px;
}

.kokomidashi{
	width:fit-content;
	min-width:50%;
	font-size:20px;
	margin-bottom:10px;
	padding:3px 10px 3px 3px;
	background-color: #fff;
	/*background: linear-gradient(180deg, #fff 0%, #fff 85%, #eee 85%, #eee 100%);*/
	color:#000;
}
.kokomidashi img{
	max-height:35px;
	margin:2px 13px 0px 2px;
	vertical-align:text-bottom;
}

@media(max-width:650px){
	.kokomidashi{
        font-size:17px;
        vertical-align:text-top;
        text-align:left;
        font-weight:normal;        
    }
    .kokomidashi img{
    	vertical-align:middle;
    }
}



@media(max-width:680px){
	.s_flex {
		flex-wrap:wrap;
	}
	.s_midashi p:nth-child(odd){
	    width: 100%;
    }
    .g_flex_top{
        display:block;
    }
    .g_flex img{
        width:100%;
    }
    .g_flex .service_tac img{
    	width:15px;
    	margin-top:5px
    } 

    .g_flex_top p{
		align-self:center;
		margin:10px auto 0;
		text-align:center
    }
    .g_midashi{
		margin:10px 0 10px;
		font-size:100%
    }
    .hanbun2 .g_midashi{
		margin:10px 0 10px;
		font-size:100%
    }
    .hanbun1{
		background:none
    }
    .hanbun2{
		background:none
    }
    .g_mozikae1{
		font-size: 110%;
		letter-spacing:1px;
		border: 2px solid #2b6bb5;
		border-radius: 5px;
		background-color: #dcecff ;
		font-weight: normal;
	}
	.mozikae_big_1{
		font-size: 120%;
		font-weight: bold;
	}
    .g_mozikae2{
		font-size: 110%;
		letter-spacing:1px;
		border: 2px solid #034a8a;
		border-radius: 5px;
		background-color: #dcecff ;
		font-weight: normal;
	}
	.mozikae_big_2{
		font-size: 120%;
		font-weight: bold;
	}
    .g_flex{
		margin-bottom:0px;
		margin-top:5px
	}
	.s_center{
		text-align: center;
		width: 100%;
	}
	.s_flex a{
		margin-right:0;
	}
	.blue_sen_1{
		border-left: 1px solid #4598d4;
		border-right: 1px solid #4598d4;
		border-bottom: 1px solid #4598d4;
	}
	.blue_sen_2{
		border-left: 1px solid #034a8a;
		border-right: 1px solid #034a8a;
		border-bottom: 1px solid #034a8a;
	}
	/*--------- 2020/11/24 -------------*/
	.service_annai{
		flex-wrap:wrap
	}
	.sanbun1{
		display: flex;
		width:100%;
		margin:1% 0 ;
		padding:0;
	}
	.sanbun1 div:nth-child(2){
		padding:0 0 0 2%;
		text-align:left
	}
	.sanbun1 p:first-child{
		font-size:120%;
		letter-spacing:0px;
		margin:10px 0 0
	}
	.sanbun1 p:last-child{
		margin:0
	}
	.sanbun2{
		display: flex;
		width:100%;
		margin:1% 0;
		padding:0
	}
	.sanbun2 div:nth-child(2){
		padding:0 0 0 2%;
		text-align:left
	}
	.sanbun2 p:first-child{
		font-size:120%;
		letter-spacing:0px;
		margin:10px 0 0
	}
	.sanbun2 p:last-child{
		margin:0
	}
	.sanbun3{
		display: flex;
		width:100%;
		margin:1% 0;
		padding:0
	}
	.sanbun3 div:nth-child(2){
		padding:0 0 0 2%;
		text-align:left
	}
	.sanbun3 p:first-child{
		font-size:120%;
		letter-spacing:0px;
		margin:10px 0 0
	}
	.sanbun3 p:last-child{
		margin:0
	}
	.annai_img1{
		width:32%
	}
	.t_flex{
		flex-wrap: wrap;
	}
	.t_center{
		text-align: center;
		width: 100%;
	}
	.t_center img{
		margin: 0;
	}
	.t_center p:nth-child(3){
    text-align:center
    }
    .t_center p{
    	text-align:left
    }
	/*-------2021/6/23------*/
	.recruit_daiji h2{
		font-size: 18px;
		font-weight: 600;
		background: none;
		color: #333;
		text-align: left;
	}
	.komidashi{
		font-size: 16px;
		padding-bottom: .2em;
		font-weight: 600;
	}
	.komidashi_btn,.komidashi_btn2,.komidashi_btn3{
		max-width:80%;
		color:#333;
		font-size:18px;
		margin:20px auto 0;
	}



}

/*
     FILE ARCHIVED ON 01:00:03 Oct 04, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:00:22 Apr 06, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 149.794
  exclusion.robots: 0.083
  exclusion.robots.policy: 0.072
  cdx.remote: 0.065
  esindex: 0.009
  LoadShardBlock: 84.751 (3)
  PetaboxLoader3.datanode: 132.943 (6)
  load_resource: 217.485 (2)
  PetaboxLoader3.resolve: 84.044 (2)
  loaddict: 30.964
*/

/* keirin_kanryo */
.hojo_flex{
	display:flex;
	flex-wrap:wrap;
}
.hojo_flex p:nth-child(odd){
	width:25%;
	padding-left:1em
}
.hojo_flex p:nth-child(even){
	width:75%;
}
.hojo_flex p img{
	width:450px;
	max-width:100%;
}

@media(max-width:600px){
	.hojo_flex{
		display:block;
	}
	.hojo_flex p:nth-child(odd){
		padding-left:0.5em;
		width:100%;
		margin-bottom:0;
		font-weight:bold;
	}
	.hojo_flex p:nth-child(even){
		width:100%;
		padding-left:1em;
	}
}

/*サンブライト16*/
.kazyogaki dl{
	display: flex;
}
.san_ttl{
	display: flex;
	align-items:center;
	margin:0 0 20px
}
.san_ttl h2{
	margin:0 20px 0 0;
	line-height:1;
	font-size:25px;
	font-weight:bold;
}
.san_ttl div img{
	height:35px
}
.sanb_intro{
	background:#deebf7;
	padding: 2px 5px;
	margin:10px auto
}
.sanb_intro h3{
	margin:10px 0 10px 0;
	color:#0070c0;
	font-weight:bold
}
.san_ttl_img img{
	height:50px
}
.sanb_txt dl{
	display:flex;
	background-image: linear-gradient(to right, #000 3px, transparent 3px);
    background-size: 15px 3px;
    background-position: 0 12px;
    background-repeat: repeat-x;
    margin: 0 auto 0%;
    font-size: 120%;
    font-weight: bold;
    align-items: baseline;
}
.sanb_txt dd{
	width:15%
}
.sanb_txt dd span{
	background: #fff;
    padding: 0 10px 0 0;
}
.sanb_txt dt{
	background: #fff;
	width:85%;
	padding:0 0 0 10px
}
.sanb_txt .red{
	color:red
}
.sanb_contents.flex{
	display:flex;
	flex-wrap:wrap
}
.sanb_box{
	width: 47.5%;
	margin:2% 0% 0 0;
	display:flex;

}
.sanb_box:nth-child(2n){
	margin:2% 0 0 5%
}
.sanb_box .sanb_box_text{
	width:60%
}
.sanb_box .sanb_box_text h3{
	margin: 5px auto ;
	border-bottom:2px solid;
	font-size:20px;
	padding:0 0 5px 0
}
.sanb_box .sanb_box_text p{
	line-height:1
}
.sanb_box:nth-child(1) .sanb_box_text h3{
	border-bottom:2px solid #727272
}
.sanb_box:nth-child(2) .sanb_box_text h3{
	border-bottom:2px solid #bd5108
}
.sanb_box:nth-child(3) .sanb_box_text h3{
	border-bottom:2px solid #d29402
}
.sanb_box:nth-child(4) .sanb_box_text h3{
	border-bottom:2px solid #1e4998
}
.sanb_box:nth-child(5) .sanb_box_text h3{
	border-bottom:2px solid #2e6ca5
}
.sanb_box:nth-child(6) .sanb_box_text h3{
	border-bottom:2px solid #4b8423
}
.sanb_box .sanb_box_img{
	width:40%;
	padding:0 10px 0 0
}
.sanb_txt iframe{
	width:100%;
	height:250px
}
.route{
	display: flex;
	font-size: 130%;
}
.route p img{
	height:25px;
	width: auto;
}
.san_photo.flex{
	display:flex;
	flex-wrap:wrap
}
.san_photo.flex div{
	width:32%;
	margin:2% 0 0 0
}

.san_photo.flex div:is(:nth-child(2),:nth-child(5)){
	margin:2% 2% 0 ;
}
@media(max-width:880px){
	.san_ttl {
		flex-wrap:wrap
	}
}
@media(max-width:768px){
	.sanb_txt dl{
		background-image: linear-gradient(to right, #000 2px, transparent 2px);
        background-size: 8px 2px;
        background-position: 0 10px;
        margin: 0 0 10px;
	}
}
@media(max-width:600px){
	.san_ttl div img{
		height:25px
	}
	.sanb_box{
		flex-wrap:wrap
	}
	.sanb_box .sanb_box_img,.sanb_box .sanb_box_text{
		width:100%
	}
	.sanb_box .sanb_box_text h3{
		font-size:16px
	}
	.sanb_txt dd{
		width:25%
	}
	.sanb_txt dt{
		width:75%
	}
	.san_photo.flex div{
		width:49%;
	}
	.san_photo.flex div:is(:nth-child(2n)) {
	    margin: 2% 0% 0 2%;
	}
	.san_photo.flex div:nth-child(5){
		 margin: 2% 0% 0 0%;
	}
}