main .rinrn_box {
padding-bottom: 0;
}
@media only screen and (min-width: 769px) {
main .rinrn_box {
padding: 0 20px;
}
}
main .history_box {
padding-bottom: 0;
}
main .cnt .about {
display: block;
width: 500px;
margin: 45px auto 0;
border-radius: 10px;
}
main .cnt .title_rinen_hako {
margin: 0 auto 50px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
main .cnt .title_rinen {
font-family: "Zen Kurenaido", sans-serif;
display: inline-block;
color: #333333;
font-size: 32px;
line-height: 1.4em;
padding: 5px;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fff));
background: linear-gradient(transparent 0%, #fff 0%);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
main .cnt .rinen_hako {
margin-bottom: 15px;
}
main .cnt .text_rinen {
display: inline-block;
color: #333333;
line-height: 1.4em;
padding: 5px;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fff));
background: linear-gradient(transparent 0%, #fff 0%);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
margin-bottom: 15px;
}
main .cnt .table01 tr {
width: 100%;
display: inline-table;
}
main .cnt .table01 tr .th02 {
text-align: left;
vertical-align: top;
width: 20%;
}
main .cnt .table01 tr .td02 {
width: 80%;
}
main .cnt .pj_hako {
margin: 45px auto;
text-align: center;
display: flex;
}
@media only screen and (max-width: 768px) {
main .cnt .pj_hako {
flex-direction: column;
align-items: center;
}
}
@media only screen and (min-width: 769px) {
main .cnt .pj_hako {
justify-content: center;
}
}
main .cnt .pj_hako .pj_link {
padding-bottom: 10px;
}
@media only screen and (min-width: 769px) {
main .cnt .pj_hako .pj_link {
width: 50%;
}
}
main .cnt .pj_hako .pj_img {
max-width: 245px;
}
@media only screen and (max-width: 768px) {
main .cnt .pj_hako .pj_img {
max-width: 150px;
}
}
.content2 .content_a .shacho_hako {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 769px) {
.content2 .content_a .shacho_hako {
max-width: 850px;
margin: 0 auto;
}
}
@media only screen and (max-width: 768px) {
.content2 .content_a .shacho_hako {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.content2 .content_a .shacho_hako .right {
line-height: 1.5;
text-align: left;
padding-bottom: 20px;
}
@media only screen and (min-width: 769px) {
.content2 .content_a .shacho_hako .right {
width: 55%;
}
} .content2 .content_a .shacho_hako .right .signature_title {
font-size: 15px;
display: flex;
justify-content: flex-end;
padding-right: 50px;
} .content2 .content_a .shacho_hako .right .signature_name {
font-size: 24px;
display: flex;
justify-content: flex-end;
padding-right: 5px;
} .content2 .content_a .shacho_hako .left .shacho_img {
border-radius: 10px;
pointer-events: none;
}
@media only screen and (min-width: 769px) {
.content2 .content_a .shacho_hako .left .shacho_img {
max-width: 100%;
}
} 
@media only screen and (max-width: 768px) {
.content2 .content_a .shacho_hako .left .shacho_img {
max-width: 65%;
}
}
@media only screen and (min-width: 769px) {
.content2 .content_a .shacho_hako .left {
width: 45%;
margin-right: 20px;
}
}
.content2 .content_end {
padding-bottom: 15px;
margin-bottom: 135px;
}
@media only screen and (max-width: 768px) {
.content2 .content_end {
padding-bottom: 10px;
margin-bottom: 60px;
} main .a-title {
text-align: center;
}
main .content_a .a-title {
display: flex;
justify-content: center;
align-items: center;
color: darkslategrey;
}
main .content_a .a-title::before,
main .content_a .a-title::after {
content: '';
width: 30px;
height: 2px;
background-color: powderblue;
}
main .content_a .a-title::before {
margin-right: 15px;
}
main .content_a .a-title::after {
margin-left: 15px;
}
main .content_b .a-title {
display: flex;
justify-content: center;
align-items: center;
color: ivory;
}
main .content_b .a-title::before,
main .content_b .a-title::after {
content: '';
width: 30px;
height: 2px;
background-color: orangered;
}
main .content_b .a-title::before {
margin-right: 15px;
}
main .content_b .a-title::after {
margin-left: 15px;
}
}