@charset "utf-8";
/***----------------------------------------------
styles.css
Copyright WaterCoat. All rights reserved.
--------------------------------------------- ***/

/***------------
default
------------***/

* {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6,div,ul,li,p {
margin:0px;
padding:0px;
}

img {
border:none;
margin:0;
padding:0;
}

a:link {
color:#000000;
text-decoration:none;
}

a:visited {
color:#333333;
text-decoration:none;
}

a:hover {
text-decoration:none;
color:#999999;
}

label{
cursor:pointer;
}

.l {
float:left;
}
.r {
float:right;
}
.c_both{
clear:both;
}

.red {
color:#cc0000;
}

.blue {
color:#0066FF;
}

.white {
color:#ffffff;
}

.small {
font-size:0.8em;
}

.center {
width:525px;
text-align:center;
}

/***------------
body
------------***/
body {
width:750px;
margin:0 auto 0 auto;
font-size:0.8em;
line-height:120%;
background:#ffffff;
font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}

#body {
width:750px;
text-align:left;
position:relative;
}

/***------------
header
------------***/
#header {
width:748px;
height:70px;
border:solid 1px #cccccc;
background-image:url(../img/header.gif);
}

#header h1 {
padding-left:10px;
float:left;
}
#header .logo{
	padding-left:10px;
	float:left;
}

#header p {
padding-top:10px;
padding-left:10px;
float:left;
}

#header .ttl {
width:150px;
float:left;
}

#header .menu {
width:420px;
}

#header .menu ul {
margin-top:2px;
margin-right:2px;
list-style:none;
}

#header .menu li {
margin-left:2px;
float:right;
}

/***------------
footer
------------***/
#footer {
width:738px;
text-align:left;
padding:5px;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
background:#103293;
clear:both;
}

#footer .address {
width:480px;
margin-top:3px;
color:#ffffff;
line-height:120%;
float:left;
}

#footer .footer_r {
float:right;
}

#footer .copyright {
width:auto;
padding-top:40px;
float:right;
}

/***------------
top
------------***/
#top {
width:748px;
height:auto;
float:left;
}

#top .photo {
	border-bottom:1px solid #cccccc;
	width:748px;
	height:266px;
	text-align:center;
	padding-top:1px;
	background-image: url(../img/pho_watercoat.jpg);
	background-repeat: no-repeat;
}

#top .left {
width:555px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
float:left;
}

#top .whatnew {
width:545px;
padding-bottom:5px;
background:#EFEFEF;
}

#top dl{
margin-top:5px;
padding-left:5px;
padding-right:5px;
}

#top dl dt{
width:100px;
color:#333333;
margin-bottom:0.1em;
float:left;
}

#top dl dd{
width:430px;
padding-bottom:0.3em;
margin-bottom:0.5em;
margin-left:0;
color:#666666;
background:url(../img/dot.gif) repeat-x bottom;
float:left;
}

#top .left_bana {
margin-top:10px;
}

#top .com {
width:545px;
margin-top:10px;
line-height:140%;
}

#top .right {
width:170px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
float:right;
}

#top .right_bana {
width:160px;
padding:5px;
background:#cccccc;
}

#top .right_counter {
width:80px;
padding:3px;
float:right;
}
.right_bana p {
margin-bottom:5px;
}

/***------------
content
------------***/
#content {
width:748px;
margin:0;
padding-bottom:10px;
text-align:left;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
clear:both;
}

#content .menu {
width:748;
padding:0;
margin:0;
}

#content .menu ul {
margin:0;
list-style:none;
}

#content .menu li {
float:left;
}

#content .menu_bac {
width:748px;
background:#E7E7E7;
}

#content .D_List {
padding-right:5px;
padding-bottom:5px;
padding-left:10px;
}

.D_List ul {
list-style-type:none;
padding-top:2px;
}
.D_List li {
width:auto;
padding-left:10px;
margin-right:14px;
background-image:url(../img/list_d.gif);
background-repeat:no-repeat;
float:left;
}

#content .D_List2 {
padding-top:3px;
padding-right:5px;
padding-bottom:5px;
padding-left:10px;
background:#ffffff;
border-bottom:1px solid #cccccc;
}

.D_List2 ul {
list-style-type:none;
}
.D_List2 li {
width:auto;
padding-left:10px;
margin-right:15px;
background-image:url(../img/list_d2.gif);
background-repeat:no-repeat;
color:#666666;
float:left;
}

/***------------
main
------------***/
#main {
width:748px;
height:auto;
float:left;
}

#main .stt {
margin-top:10px;
margin-bottom:10px;
}

#main .sst {
width:200px;
margin-bottom:5px;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
color:#18358E;
font-size:1.2em;
font-weight:bold;
border-left:5px solid #18358E;
border-bottom:1px solid #666666;
}

#main .sst2 {
width:280px;
margin-bottom:5px;
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
color:#18358E;
font-size:1.2em;
font-weight:bold;
border-left:5px solid #18358E;
border-bottom:1px solid #666666;
}

#main .sss {
width:718px;
padding:5px;
margin-bottom:10px;
margin-top:10px;
background:#eeeeee;
border:1px solid #cccccc;
font-size:1em;
font-weight:normal;
}

#main .sss2 {
color:#FFFFFF;
font-weight:bold;
width:350px;
padding:3px;
background:#6699CC;
}

/***------------
watercoat
------------***/
#watercoat {
	padding-left:9px;
	padding-right:9px;
	height:auto;
	background:#ffffff;
	width: 730px;
}

#watercoat .page-title--grad{
	margin: 10px 0;
	padding: 5px 10px 1px 6px;
	border-left: solid 8px #203b90;
	box-sizing: border-box;
	background: linear-gradient(to bottom,#203b90,#27a8c5);
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: calc(1em + 5px);
	text-shadow: 2px 2px 4px #1c6b9e;
	letter-spacing: .15em;
}

#watercoat a:link {
color:#0033CC;
text-decoration:none;
}

#watercoat a:visited {
color:#3399FF;
text-decoration:none;
}

#watercoat a:hover {
text-decoration:none;
color:#0033FF;
background-color:#66CCFF;
}

#watercoat p3 {
width:730px;
line-height:130%;
}

#watercoat td.bn{
	margin:0px;
	padding:2px;
	width:235px;
	height:59px;
}

#watercoat td {
padding:4px;
}

.back1{
width:560px;
background-image:url(../watercoat/img/back_1.jpg);
background-attachment: fixed;
background-position: right bottom;
}

.back2{
width:560px;
background-image:url(../watercoat/img/back_2.jpg);
background-position: top;
background-repeat: no-repeat;
}

.back3{
width:560px;
background-image:url(../watercoat/img/back_3.jpg);
background-position: bottom;
background-repeat: no-repeat;
}

.back0{
background-image:url(../watercoat/img/back_0.gif);
}

.water_c  td,th  {
padding:3px;
}

.2shu td{
padding:4px;
}

/* grad-title */
.grad-title{
	display: flex;
	align-items: center;
	height: 27px;
	margin: 10px 0;
	padding: 2px 0 0 15px;
	box-sizing: border-box;
	background: url(../img/pagetitle_bg_grad.png) no-repeat top left / auto;
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 1px 1px 2px rgba(26,55,141,.5);
}

/***------------
barrier
------------***/
.barrier_m{
margin-left:85px;
margin-bottom:10px;
}

.barrier_photo{
float:right;
width:200px;
padding-right:85px;
}

.barrier_photo2{
width:200px;
padding-left:85px;
}

.barrier_bun1 dl {
width:350px;
padding-left:85px;
margin-top:20px;
}
.barrier_bun1 dt {
font-weight:bold;
color:#EA3434;
}
.barrier_bun1 dd {
padding-left:40px;
}

.barrier_bun2 dl {
width:350px;
float:right;
padding-right:85px;
margin-top:20px;
}
.barrier_bun2 dt {
font-weight:bold;
color:#18358E;
}
.barrier_bun2 dd {
padding-left:40px;
}

.barrier_nano{
width:548px;
margin-top:15px;
margin-left:85px;
padding:5px;
background-color:#EAEAEA;
border:solid #999999 1px;
}

.barrier_care1{
width:270px;
padding-left:85px;
margin-top:15px;
}
.barrier_care2{
float:right;
width:270px;
padding-right:85px;
margin-top:15px;
}

.totop{
float:right;
margin-top:15px;
padding-right:85px;
}

/***------------
k1
------------***/
.k1_m{
width:560px;
margin-left:85px;
}

.k1_bun1{
width:260px;
margin-bottom:10px;
padding:5px;
border:solid #17189F 1px;
}
.k1_bun2{
float:right;
margin-bottom:10px;
width:260px;
padding:5px;
border:solid #17189F 1px;
}

.k1_m h1 {
background-color:#17189F;
width:260px;
padding:5px;
font-size:1em;
color:#FFFFFF;
font-weight:bold;
}
.k1_m h5 {
width:270px;
margin-bottom:5px;
margin-top:5px;
text-align:right;
font-size:1em;
font-weight:bold;
}
.k1_m h2 {
padding-right:35px;
float:right;
font-weight:100;
font-size:1em;
}
.k1_m h3 {
margin-top:5px;
border-top:solid #cccccc 1px;
border-left:solid #cccccc 1px;
border-right:solid #cccccc 1px;
padding:2px;
width:350px;
background-color:#EAEAEA;
color:#17189F;
font-weight:100;
font-size:1em;
}
.k1_m h4 {
border-left:solid #cccccc 1px;
border-right:solid #cccccc 1px;
border-bottom:solid #cccccc 1px;
padding:2px;
width:350px;
background-color:#EAEAEA;
color:#17189F;
font-weight:bold;
font-size:1.2em;
}

.k1_bun3{
padding:5px;
width:348px;
}
.k1_bun4{
margin-top:5px;
border:solid #17189F 1px;
padding:5px;
width:345px;
}

.k1_m table{
border-top:solid #666666 3px;
}
.k1_m td{
padding:3px;
}
.k1_bun5{
border:solid #cccccc 1px;
background-color:#EAEAEA;
margin-top:5px;
padding:5px;
width:258px;
}
.k1_bun6{
float:left;
padding:5px;
width:348px;
}

.k1_photo1{
width:195px;
float:right;
}
.k1_photo2{
width:134px;
margin-bottom:10px;
margin-top:5px;
margin-right:8px;
float:left;
}
.k1_photo3{
margin-bottom:10px;
width:134px;
margin-top:5px;
float:left;
}

.k1_m h6 {
border:solid #cccccc 1px;
padding:2px;
width:350px;
background-color:#EAEAEA;
color:#17189F;
font-weight:bold;
font-size:1.2em;
}
.k1_m ul {
margin-left:25px;
margin-top:5px;
}
/***------------
soudan
------------***/
.area1{
width:200px;
}
.area2{
width:300px;
}
.textarea{
width:300px;
}

.soudan_f{
margin-left:85px;
}
/***------------
info
------------***/
.info_table{
width:500px;
border:solid 1px #666666;
line-height:150%;
text-align:left;
}
.info_table td{
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
}
.c1{
font-weight:bold;
background-image:url(../info/img/title_back.gif);
background-repeat:repeat-y;
border-bottom:dotted 1px #666666;
}
.next_back{
padding-top:3px;
padding-bottom:3px;
margin-top:10px;
border-bottom:dotted 1px #666666;
border-top:dotted 1px #666666;
}

/***------------
special
------------***/

.koushuu_h{
font-size:1.3em;
}

.h_jyushou {
	font-size:1.2em;
	padding-top:5px;
	margin:10px 0;
	border-bottom:2px solid #aaa;
}

.dl_sp dd {
	padding:0 0 5px 15px;
}

.p_r10 {
	padding-right:10px;
}

.p_l5 {
	padding-left:5px;
}

/***------------
shinnsui
------------***/
.shin_p1 {
	padding:0 0 10px 85px;
	width:350px;
	line-height:1.2em;
}

.tb_shin,.tb_shin_b {
	width:670px;
	margin:5px 0 5px 30px;
}

.tb_shin td {
	height:20px;
	font-size:12px;
}

.td_shin1 {
	border:1px solid #ccc;
	white-space:nowrap;
	background-color:#DBFFA9;
}

.td_shin2 {
	border:1px solid #ccc;
	white-space:nowrap;
	background-color:#FFFFA9;
}

.td_shin22 {
	background-color:#FFFFCD;
	border:1px solid #ddd;
}

.td_shin3 {
	border:1px solid #ccc;
	white-space:nowrap;
	background-color:#CBF7F7;
}

.td_shin33 {
	border:1px solid #ddd;
	background-color:#E4FBFB;
}

.td_bd {
	background-image: url(../car/img/bord1.gif);
	background-repeat: repeat-x;
	background-position: center;
}

.tb_shin_b {
	border-collapse:collapse;
	border-bottom:1px solid #999;
}

.tb_shin_b td {
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #ddd;
	border-bottom:1px solid #e7e7e7;
	padding:10px;
}

.tb_shin_b th {
	padding:10px;
	border-bottom:1px solid #999;
	font-weight:normal
}

.th_shin_b1  {
	background-color:#FFFFA9;
	border:1px solid #999;
}

.th_shin_b2  {
	background-color:#CBF7F7;
	border:1px solid #999;
}


.td_shin_b1  {
	background-color:#f8f8f8;
	white-space:nowrap;
}

.td_shin_b2  {
	background-color:#FFFFCD;
}

.td_shin_b3  {
	background-color:#E4FBFB;
}

/******************************/

p.top{
	margin-top:5px;
	text-align:center;
}

p.p_sp{
	width:450px;
	line-height:1.5em;
}

dl.dl_sp2{
	float:left;
	margin-left:10px;
	line-height:1.5em;
	display:inline;
}

dl.dl_sp2 dt{
	font-weight:bold;
}

dl.dl_sp2 dd{
	margin-left:25px;
}

dl.dl_sp2 dd.name{
	margin-bottom:20px;
	font-weight:bold;
	font-size:120%;
	color:#CC0000;
}

dl.dl_sp2 dd.tokutyo{
	padding:10px 0px 20px 10px;
	background-color:#EFFCE5;
}

.lh{
	line-height:1.5em;
}

.mb5{
	margin-bottom:5px;
}

.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
.mb50{
	margin-bottom:50px;
}

table.base{
	margin-bottom:10px;
	padding:5px;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
}

table.base th,.base td{
	border-right:1px solid #999;
	border-top:1px solid #999;
}

/***------------
2011.03
------------***/
#watercoat1 {
	padding-left:9px;
	padding-right:9px;
	height:auto;
	background:#ffffff;
	width: 730px;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.mr5{
	margin-right:5px;
}
.mr10{
	margin-right:10px;
}
.mr20{
	margin-right:20px;
}
#repo {
	width:560px;
	margin: 0 auto;
}
#repo p{
	text-align:left;
}
#repo h3{
	background:#000099;
	color:#FFFFFF;
	padding: 5px 10px;
	margin-bottom: 10px;
	text-align: center;
}
#repo h4{
	color:#000099;
	margin-bottom: 10px;
	border-bottom:#CCCCCC 1px dotted;
	padding-bottom: 5px;
	clear: both;
}
#repo .re_l{
	width:270px;
	float:left;
}
#repo .re_r{
	width:270px;
	float:right;
}
#repo .re_ul1{
	clear: both;
}
#repo .re_ul1 li{
	float:left;
	list-style:none;
	width: 270px;
	display: block;
}
#repo .re_ul1 li img{

}
#repo .re_table1{
	border-collapse:collapse;
	border:#CCCCCC 1px solid;
	width: 270px;
}
#repo .re_table1 th{
	padding: 3px;
	border:#CCCCCC 1px solid;
	font-weight: normal;
	text-align: center;
}
#repo .re_table1 td{
	text-align:center;
	padding: 3px;
	border:#CCCCCC 1px solid;
}
#repo .re_table2{
	border-collapse:collapse;
	border:#CCCCCC 1px solid;
	width: 130px;
	float: right;
}
#repo .re_table2 th{
	padding: 3px;
	border:#CCCCCC 1px solid;
	font-weight: normal;
	text-align: center;
}
#repo .re_table2 td{
	text-align:center;
	padding: 3px;
	border:#CCCCCC 1px solid;
	width: 50%;
}
#repo .re_dl1{
	width:560px;
}
#repo .re_dl1 dt{
	float:left;
}
#repo .re_dl1 dd{
	padding-left: 6em;
	margin-bottom: 5px;
}
#repo .re_dl2{
	width:560px;
	clear: both;
}
#repo .re_dl2 dt{
	margin-bottom: 5px;

}
#repo .re_dl2 dd{
	margin-bottom: 5px;
}
#repo .re_dl2 table{
	border-collapse:collapse;
	border:#CCCCCC 1px solid;
	width:560px;
}
#repo .re_dl2 table th{
	padding: 3px;
	border:#CCCCCC 1px solid;
	font-weight: normal;
	text-align: center;
}
#repo .re_dl2 table td{
	padding: 3px;
	border:#CCCCCC 1px solid;
}



/* proshop */
.main{
	width:525px;
	margin:0 auto;
	padding-top:20px;
}
.top_text,
.top_text2{
	margin-bottom:10px;
	width:100%;
}
.main h4{
	padding-top:10px;
	font-size:22px;
	font-weight:bold;
	color:#00F;
	float:left;
}
.top_text2 h4{
	width:255px;
}
.main h4 span{
	font-weight:normal;
	font-size:10px;
	color:#000;
}
.top_text div{
	float:right;
	font-size:11px;
}
.top_text2 div{
	width:250px;
	float:right;
	font-size:11px;
}
.main h5{
	font-size:16px;
	font-weight:bold;
	color:#00F;
	letter-spacing:-1px;
}
.main h5 span.txtstyle{
	color:#000;
}
.txtc{
	text-align:center !important;
}
#txtc_l{
	float:left;
}
#txtc_c{
	float:left;
}S
.main h6{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
.main table{
	border-collapse:collapse;
	width:100%;
}
#watercoat .main table td{
	vertical-align:top;
	padding:0;
}
.widphot{
	width:100px;
}
.widphot p{
	width:89px;
	font-size:12px;
}
.con_div,
.con_div2,
.con_div3{
	margin-bottom:40px;
}
.con_div .l h5{
	text-align:left;
}
.con_div .l{
	width:349px;
	line-height:19px;
}
.con_div .r{
	width:166px;
}
.con_div3 .l{
	width:120px;
}
.con_div3 .r{
	width:380px;
	line-height:19px;
}

.con_div .r h6{
	font-size:12px;
	letter-spacing:0;
	text-align:center;
}
.con_div2,
.con_div3{
	margin-bottom:40px;
	width:525px;
}

.con_div2 .l{
	width:250px;
}
.con_div2 .r{
	width:250px;
}
.con_div2 .l .l_div{
	width:96px;
	float:left;
	text-align:center;
}
.con_div2 .l .r_div{
	width:140px;
	float:right;
}
.con_div2 .r .l_div{
	width:97px;
	float:left;
	text-align:center;
}
.con_div2 .r .r_div{
	width:140px;
	float:right;
}

.r_img,
.l_img{
	margin-bottom:10px;
	clear:both;
}
.r_img img{
	float:left;
	margin:0 10px 30px 0;
	clear:both;
}
.l_img img{
	float:right;
	margin:0 0 30px 10px;
	clear:both;
}
.con_div4 img{
	float:left;
	width:333px;
}
.con_div4 {
	margin-bottom:10px;
	width:525px;
}
.con_div4 div{
	float:right;
	width:157px;
}
.con_div4 div img{
	width:157px;
	float:none;
}
.proshop7 h5 {
	text-align:center;
	clear:both;
}
.proshop7 h5 span{
	font-size:12px;
	display:block;
}
.proshop7 p{
	line-height:18px;
}
.con_div5 {
	margin-bottom:40px;
	width:525px;
}
.con_div5 div.l{
	width:380px;
	line-height:18px;
}
.con_div5 div.r{
	width:124px;
	text-align:center;
}
.con_div5 div img{
	width:124px;
	float:none;
}
.con_div6 {
	margin-bottom:40px;
	width:525px;
}
.con_div6 div.l{
	width:420px;
	line-height:18px;
}
.con_div6 div.r{
	width:90px;
	text-align:center;
}
.main .con_div6 h5 span.txtstyle{
	font-size:12px;
}
.txtr{
	text-align:right !important;
}

.con_div7 {
	margin-bottom:40px;
	width:525px;
}
.con_div7 div.l{
	width:370px;
	line-height:18px;
}
.con_div7 div.r{
	width:140px;
	text-align:center;
}
.con_div8{
	margin-bottom:40px;
	width:525px;
}
.con_div8 .l{
	width:90px;
}
.con_div8 .r{
	width:130px;
}
.con_div8 .txt{
	width:300px;
	float:left;
	margin-left:5px;
}
.con_div9{
	margin-bottom:40px;
	width:525px;
}
.con_div9 .l{
	width:370px;
}
.con_div9 .l p{
	width:370px;
}
.con_div9 .r{
	width:150px;
}

.con_div8{
	margin-bottom:40px;
	width:525px;
}
.con_div10 .r{
	width:90px;
}
.con_div10 .l{
	width:130px;
}
.con_div10 .txt{
	width:300px;
	float:left;
	margin-left:5px;
}
<---!2013104 sasaki--->
.main_photo{
	width:525px;
	margin:0 auto;
	padding-top:20px;
}

#main_photo_left{
	float:left;
}
#main_photo_right{
	float:right;
}
.txt{
	width:525px;
	height:auto;
	margin:0 0;
}
p.txt{
	float:left;
	width:380px;
	padding-bottom:15px;
}
#txt_photo{
	float:right;
}
.left_photo{
	float:left;
}
.right_photo{
	float:right;
}
#shachou{
	float:left;
	width:225px;
}
#staff{
	float:right:
}
#v20_photo_1{
	float:left;
}
#v20_photo_2{
	float:right;
}

#comment_2{
	float:right;
}
.clear{
	clear:both;
}
<---!2013104 sasaki--->

.sdgs{
}
.sdgs-head{
	display: flex;
	width: 560px;
	display: flex;
	text-align: left;
	align-items: center;
	margin-bottom: 12px;
	font-size: 1.1em;
	line-height: 180%;
}
.sdgs-head img{
  width: 300px;
}
.sdgs-head p.sdgs-pdf-link{
	text-align: right;
}
.sdgs-content {
	width: 560px;
	display: flex;
	text-align: left;
	align-items: center;
	margin-bottom: 27px;
}
.sdgs-content dt{
	margin-bottom: 7px;
	font-weight: bold;
}
.sdgs-content p{
	margin-bottom: 7px;
}
.sdgs-content dd{
	width: 410px;
	margin-right: 20px;
}
.sdgs-content ul{
	list-style: inside;
}
.sdgs-content img{
	width: 55px;
	margin: 4px;
}
.sdgs-content img.left-item{
	float: left;
}

/*-------------
mini-history
-------------*/
.mn-hist-container{
	width: 560px;
	margin: 25px auto 50px;
}
.mn-hist-list{
	margin: 0;
    padding: 0;
    list-style: none;
}
.mn-hist-list *{
	box-sizing: border-box;
	letter-spacing: .04em;
}
.mn-hist-list-item:not(:last-child){
	margin-bottom: 25px;
}
.mn-hist-list-item__title{
	margin-bottom: 7px;
    padding-left: 6px;
	border-left: solid 4px #18358E;
	color: #103293;
	font-size: 1.25em;
	line-height: calc(1em + 6px);
}
.mn-hist-list-item-body p{
	line-height: calc(1em + 9px);
}
.mn-hist-list-item-body p:not(:last-child){
	margin-bottom: 4px;
}
.mn-hist-list-item__title--middle{
	margin: 11px 0 2px;
	color: #111;
	font-size: 1.09375em;
	line-height: calc(1em + 6px);
}

/*-------------
brir-water
-------------*/
.brir-water-container{
	width: 560px;
	margin: 20px auto 50px;
}
.brir-water-container *{
	box-sizing: border-box;
	letter-spacing: .04em;
}
.brir-water-lead{
	margin-bottom: 35px;
}
.brir-water-lead__title{
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: solid 1px #18358E;
	font-weight: bold;
	font-size: 1.40625em;
}
.brir-water-lead__text{
	line-height: calc(1em + 9px);
}
.brir-water-lead__table{
	width: 100%;
	margin: 15px 0 17px;
	border-collapse: collapse;
    border-spacing: 0;
}
.brir-water-lead__table :is(th,td){
	padding: 6px 12px!important;
	border: solid 1px #ccc;
}
.brir-water-lead__table .head-row{
	background: #eee;
}
.brir-water-dtl__title{
	margin-bottom: 15px;
	color: #103293;
	font-size: 1.40625em;
	font-weight: bold;
	line-height: calc(1em + 6px);
	text-align: center;
}
.brir-water-dtl__title--sub{
	display: block;
	margin-top: 2px;
	font-size: smaller;
	line-height: 1;
}
.brir-water-dtl-flow{
	padding: 9px;
	border: solid 1px #ccc;
}
.brir-water-dtl-flow-caption{
	margin-top: 15px;
	padding: 10px;
	border-radius: 3px;
	background: #eee;
}
.brir-water-dtl-flow-caption__term{
	margin-bottom: 2px;
	color: #103293;
	font-size: 1.09375em;
	font-weight: bold;
}
.brir-water-dtl-flow-caption__term__sup{
	margin-right: 3px;
	font-weight: normal;
}
.brir-water-dtl-flow-caption__desc{
	line-height: calc(1em + 9px);
}
.brir-water-dtl__file{
	margin-top: 15px;
}
.brir-water-dtl__file a{
	display: block;
	position: relative;
	padding: 10px 10px 10px 30px;
	border: solid 1px #ccc;
	border-radius: 5px;
	color: #03c!important;
	text-decoration: underline!important;
}
.brir-water-dtl__file a:hover{
	background: #fff!important;
	text-decoration: none!important;
}
.brir-water-dtl__file a::before{
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%) rotate(45deg);
	width: 6px;
	height: 6px;
	border-top: solid 2px #39f;
	border-right: solid 2px #39f;
	content: "";
}
/*sin-company*/
.sin-company{
	margin-bottom: 10px;
}
.sin-company_pho{
	text-align: center;
}
.sin-company_title{
	margin-bottom: 20px;
}
/*sin-content*/
.sin-content{
	width: 560px;
	margin: 0 auto 40px;
}
.sin-title1{
	font-family: "メイリオ", Meiryo, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	color: #0033CC;
	margin-bottom: 25px;
}
.sin-title2{
	font-family: "メイリオ", Meiryo, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 16px;
	color: #0033CC;
	margin-bottom: 10px;
}
.sin-content-sec:not(:last-of-type){
	margin-bottom: 25px;
}
.ver2 .sin-content-sec:not(:last-of-type){
	margin-bottom: 60px;
}
.sin-content-sec p{
	line-height: 1.7;
}
.sin-content-sec p:not(:last-child){
	margin-bottom: 10px;
}
.sin-content .flex-box{
	display: flex;
	justify-content: space-between;
}
.sin-content .flex-box:after{
	content: none;
}
.sin-content .flex-box div{
	margin-left: 15px;
}

/* video-box */
.video-box{
	width: min(100%, 560px);
	margin: 30px auto;
}
.video-box video{
	width: 100%;
	aspect-ratio: 16 / 9;
}