@charset "utf-8";
/* CSS Document */
.pankz{background-color:#F7F8F8; margin-top:80px }.icon{ width:90% ; margin:0 auto}
section{ width:100% ; margin:50px auto;}
.date{ margin:10px 0 5px auto; padding:5px 10px; border:#CCC 1px solid; width:120px; text-align:center }
article h1{ border-left:5px solid #49BAA8; padding:5px 20px;background-color:#F7F8F8; margin:0 0 20px 0 }
.photo{ float:right; margin:0 0 20px 20px; max-width:300px;}
.pdf{ background:url(../img/business/pdf.png) no-repeat center left; padding:10px 0 0 30px; color:#333; font-size:16px; line-height:20px; min-height:30px; display:block; margin:20px 0 }
.line{border-left:1px solid; margin:0 0 20px 0; padding:10px;
	border-image: linear-gradient(180deg, #43B8A6 200px,#fff 200px, #fff 100%);
	border-image-slice: 1; border-top:1px solid #43B8A6; clear:both  }
.ttl{margin: 0 10px; font-size:20px; line-height:30px; color:#666;}
.text:before { content:"・" }
.img{ width:90%; margin:30px 5%}
article p{ margin:0 0 0 20px}
.f_color{color: #49BAA8;}
article{ clear:both }
article h2{ margin:40px 0 !important; padding:5px; font-size:24px; line-height:30px; border-bottom:#EAEAEA 5px solid; }
a { color:#333}
h3{font-size:20px; line-height:0px; width:90%; max-width:1400px; margin:30px auto; padding:0; display: flex; align-items: center; }
h3::before {border-top:#49BAA8 3px solid; content: ""; width:20px; margin-right:20px;}

@media only screen and (max-width:1024px) {
.pankz{ margin-top:60px}
}
@media only screen and (max-width: 768px) {
section h2{ margin:30px 0 10px 0}
section div{ margin:0; }
.line{ margin:0; padding:10px; }
.photo1{ display:none;}
.photo2{ display:block; width:96%; margin:10px 0 0 4% }
.photo3{width:100%}
.photo4 img{ width:96%;margin:10px 0 0 4% }
}

@media only screen and (max-width:700px) {
.photo{ margin:0 ; width:100%;max-width:100%}
}