html{
 font-family: "M PLUS Rounded 1c","Noto Sans Japanese","游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI",sans-serif;}


.sysmess{
	color:red;
	text-align: center;
}

.wrapper{
	margin-bottom: 1em;
	padding: 1em;
background:#fff;
	border: 1px solid #ddd;
	border-top: 4px solid #115898;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.3);
}

.wrapper>p{
	border-bottom: 1px solid #666666;
	font-size: 20px;
}

.fleft{
	float: left;
}

h1{ margin-top: 0px;
	font-size: 18px;
	text-align: center;
	font-color:#115898;
}

h2,
h3,
.heading{
	margin: 0;
	padding-left: 10px;
	border-left: 4px solid #55a8b3;
	color: #115898;
	font-size: 16px;
	font-weight: bold;
}


.box1 ul{
	border-bottom: 1px solid #A5D7CD;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.box1 ul::before {
    content: "." !important;
    display: inline;
    visibility: hidden;
}

.wrapper li{
	float: left;
	list-style: none;
	margin: 0.2em;
	padding: 0.2em 0.2em;
	border-radius: 2px;
	font-size: 12px;
	border: 1px solid;
line-height:150%;
}


.company_name{
	display: block;
	content: "";
	clear: both;
	padding: 1em 0;
}

.company_name p,
.company_name div
{
	border-bottom: solid 1px #666666;
	font-size: 20px;
}



address{
	font-style: normal;
}

.addr{
	width: 100%;
	word-break: break-all;
}

.addr{
	padding-bottom: 1em;
}

.addr div p:last-child{
	text-indent: 1em;
}

.addr div p{
	display: inline-block;
}

.addr p,
.url p,
.tel p,
.company_name p{
	margin: 0;
}

.url{
	width: 60%;
}

.tel{
	width: 40%;
}

.url,
.tel{
	float:left;
	word-break: break-all;
	padding-right: 1em;
	box-sizing: border-box;
	margin-top: 1em;
}


.box1{
	display: -ms-flexbox;
 	display: -webkit-box;
	display: flex;
	padding: 1em 0;
	border-width: 1px 0;
}

@media print,screen and (max-width: 768px){
	.box1{
		display: block;
	}
}


.hidden{
 display: none !important;
}

.photo{
	margin-right:10px;
}

@media print,screen and (max-width: 768px){
.photo{
	float:none;
	width:100%;
	margin:0 0 20px 0;
}
}

.photo img{
	width: 300px;
	max-height: 240px;
	object-fit: contain;
}

@media print,screen and (max-width: 768px){
	.photo img{
	width: 100%;
	max-height: auto;
}
}

.tagarea{
	border: 1px solid  #A5D7CD;
	overflow: hidden;
}

.tag{
	/* display: flex; */
	width: 100%;
	height: auto;
}

.tag >p{
	margin: 0;
	background-color: #2DB1C1 !important;
	color: #ffffff;
	float: left;
	width: 100px;
	padding-bottom: 190px;
	margin-bottom: -190px;
	font-size: 14px;
	border-top:1px solid;
	text-align: center;
}

.tag:first-child p{
	border:none;
}

.tag:last-child ul{
	border:none;
}

.DISBASE1{
	margin-left:70px;
}
@media print,screen and (max-width: 768px){
.DISBASE1{
	margin-left:0;
}
}

.DISTAG0::after,
.DISTAG1::after,
.DISTAG2::after,
.DISTAG3::after,
.DISTAG4::after{
	display: block;
	content: "";
	clear: both;
}

.DISTAG0 li{
	color: #003563;
}

.DISTAG1 li{
	color: #de5500;
}

.DISTAG2 li{
	color: #336300;
}

.DISTAG3 li{
	color: #cccc00;
}

.DISTAG4 li{
	color: #cc66cc;
}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

.content{
	margin-top: 30px;
}

.content section{
	display: inline-block;
	width: 45%;
	margin: 0 1em 20px;
	word-break: break-all;
	min-height:180px;
	vertical-align: top;
}

.content section>p{
	padding: 0 0 0 1em;
font-size:15px !important;
line-height:150%;
}

@media print {
	.sysmess{
		display:none;
	}
}
.pdf_link{
 text-align:right;
}
.pdf_link a{
 display: inline-block;
 padding: 0.5em 1em;
 text-decoration: none;
 background: #0f5898;
 color: #FFF;
 border-radius: 3px;
}

/*phone*/
@media only screen and (max-width: 768px){
	body{
		width: 100%;
	}

	h3{
		float:none !important;	
		}

	.tag >p,
	.url,
	.tagarea,
	.tel{
		float:none;
		}
	
	
	.url, .tel{
		word-break: normal;
		margin-top:1em;
	}
	
	.url,
	.tel,
	.tagarea{
			width:100%;
		}
	.tag >p{
		width:100%;
		margin:0;
		padding: 0;
}
.content section{
	float:none;
	width:100%;
	overflow: inherit;
	min-height:auto;
	max-height: none;
	margin: 0;
	}

	.clearfix{
		display: inline-block;
		width: 100%;
	}

	.wrapper>p,.company_name p, .company_name div{
		font-size:16px;
	}

.pdf_link{
 text-align:center;
}
}
/*PC*/
@media print, screen and (min-width: 769px){

.content article section:last-child{
	width:95%;
	text-align: center;
}

.content section:last-child h2{
position: relative;
display: inline-block;
padding: 0 55px;
}

.content section:last-child h2 {
    border: none;
}


.content section:last-child h2:before, 
.content section:last-child h2:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

.content section:last-child h2:before {left:0;}
.content section:last-child h2:after {right: 0;}
}