@charset "UTF-8";






.list {}
.list ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.list ul li {width:calc(46% - 2px);margin: 0 8% 8% 0;border: 1px solid #e5e5e5;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);transition-duration:0.5s;}
.list ul li:nth-child(2n) {margin-right: 0;}
.list ul li:last-child,.list ul li:nth-last-child(2):nth-child(odd) {margin-bottom: 0;}
.list ul li a {color: #000000;}
.list ul li:hover {opacity: 0.7;box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);}
.list ul li .list_pic {width: 100%; position: relative;overflow: hidden;}
.list ul li .list_pic::before {
content: '';
display: block;
padding-top:66.67%;
}
.list ul li .list_pic img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.list ul li .list_title {padding: 30px 30px 20px;text-align: left;}
.list ul li .list_title h2 {font-size: 24px;line-height: 1.6;letter-spacing: 0.05em;font-family: 'Noto Serif JP', serif;padding: 10px 0 0;}
.list ul li .list_title p {font-size: 14px;line-height: 1;color: #ffffff; background-color: #004276;padding: 0.4em 0.8em;display: inline-block;}
@media screen and (max-width: 1060px) {
.list {}
.list ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.list ul li {width:calc(48% - 2px);margin: 0 4% 4% 0;border: 1px solid #e5e5e5;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);transition-duration:0.5s;}
.list ul li:nth-child(2n) {margin-right: 0;}
.list ul li:last-child,.list ul li:nth-last-child(2):nth-child(odd) {margin-bottom: 0;}
.list ul li a {color: #000000;}
.list ul li:hover {opacity: 0.7;box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);}
.list ul li .list_pic {width: 100%; position: relative;overflow: hidden;}
.list ul li .list_pic::before {
content: '';
display: block;
padding-top:66.67%;
}
.list ul li .list_pic img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.list ul li .list_title {padding: 8%;text-align: left;}
.list ul li .list_title h2 {font-size: 2vw;line-height: 1.6;letter-spacing: 0.05em;font-family: 'Noto Serif JP', serif;padding: 2.5% 0 0;}
.list ul li .list_title p {font-size: 1.4vw;line-height: 1;color: #ffffff; background-color: #004276;padding: 0.4em 0.8em;display: inline-block;}
}
@media screen and (max-width:767px){
.list {}
.list ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.list ul li {width:100%;margin: 0 0 5% 0;border: 1px solid #e5e5e5;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);transition-duration:0.5s;}
.list ul li:nth-child(2n) {margin-right: initial;}
.list ul li:last-child,.list ul li:nth-last-child(2):nth-child(odd) {margin-bottom: 5%;}
.list ul li:last-child {margin-bottom: 0;}
.list ul li a {color: #000000;}
.list ul li:hover {opacity: 0.7;box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1);}
.list ul li .list_pic {width: 100%; position: relative;overflow: hidden;}
.list ul li .list_pic::before {
content: '';
display: block;
padding-top:66.67%;
}
.list ul li .list_pic img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.list ul li .list_title {padding: 5%;text-align: left;}
.list ul li .list_title h2 {font-size: 4vw;line-height: 1.6;letter-spacing: 0.05em;font-family: 'Noto Serif JP', serif;padding: 2.5% 0 0;}
.list ul li .list_title p {font-size: 3vw;line-height: 1;color: #ffffff; background-color: #004276;padding: 0.4em 0.8em;display: inline-block;}
}




.voice_banner {padding: 80px 0 0;}
.voice_banner img {width: 100%;height: auto;transition-duration:0.5s;}
.voice_banner a img:hover {opacity: 0.7;}

@media screen and (max-width: 1060px) {
.voice_banner {padding: 5% 0 0;}
.voice_banner img {width: 100%;height: auto;transition-duration:0.5s;}
.voice_banner a img:hover {opacity: 0.7;}
}
@media screen and (max-width:767px){

}




.ditail_pic {margin: 0 0 40px;}
.ditail_pic ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.ditail_pic ul li {width: 32%!important;margin: 0 2% 2% 0;width: 100%;height: 100%;position: relative;overflow: hidden;}
.ditail_pic ul li:nth-child(3n) {margin-right: 0;}
.ditail_pic ul li::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.ditail_pic ul li img {
position: absolute;
top: 50%!important;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
}
.ditail_pic p {font-size: 14px;line-height: 1.6;text-align: left;}


@media screen and (max-width: 1060px) {

}
@media screen and (max-width:767px){
.ditail_pic {margin: 0 0 5%;}
.ditail_pic p {font-size: 3vw;line-height: 1.6;text-align: left;}
}




.outline {margin: 0 0 40px;}
.outline h3 {}
.outline ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.outline ul li {
width: 48%;
border-bottom: 1px solid #d4d4d4;
font-size: 16px;
padding: 15px 0;
display: flex;
flex-flow: nowrap;
justify-content: flex-start;
text-align: left;
font-size: 14px;line-height: 1.6;
}
.outline ul li:nth-of-type(odd) {
margin-right: 4%;
}
.outline ul li p:nth-of-type(1) {width: 25%;font-weight: 700;}
.outline ul li p:nth-of-type(2) {width: 75%;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width:767px){
.outline {margin: 0 0 5%;}
.outline h3 {}
.outline ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.outline ul li {
width: 100%;
border-bottom: 1px solid #d4d4d4;
padding: 0.5em 0;
display: flex;
flex-flow: nowrap;
justify-content: flex-start;
text-align: left;
font-size: 3vw;line-height: 1.6;
}
.outline ul li:nth-of-type(odd) {
margin-right: inherit;
}
.outline ul li p:nth-of-type(1) {width: 25%;font-weight: 700;}
.outline ul li p:nth-of-type(2) {width: 75%;}
}



.madori {padding: 60px; background: rgba(51, 51, 51, 0.1);margin: 0 0 40px;}
.madori ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.madori ul li {width: 49%!important;margin: 0 2% 0 0;background: #ffffff;}
.madori ul li p {font-size: 24px;line-height: 2;font-weight: 700;margin: -24px 0 0;}
.madori ul li:nth-child(2n) {margin-right: 0;}

.madori ul li .madori_pic {position: relative;overflow: hidden;}
.madori ul li .madori_pic::before {
content: "";
display: block;
padding-top: 100%;
}
.madori ul li .madori_pic img {
position: absolute;
top: 50%!important;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
top: 0;
}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width:767px){
.madori {padding: 5%; background: rgba(51, 51, 51, 0.1);margin: 0 0 5%;}
.madori ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.madori ul li {width: 100%!important;margin: 0 0 5%;}
.madori ul li p {font-size: 4vw;line-height: 2;font-weight: 700;margin: -4vw 0 0;}
.madori ul li:nth-child(2n) {margin-right: 0;margin-bottom: 0;}
.madori ul li .madori_pic::before {
content: "";
display: block;
padding-top: 100%;
}
.madori ul li .madori_pic img {
position: absolute;
top: 50%!important;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
top: 0;
}
}



.point {margin: 0 0 40px;}
.point h3 {margin: 0 0 2%;}
.point ul {}
.point ul li {margin: 0 0 2%;text-align: left;}

.point ul li .point_pic {width: 100%; position: relative;overflow: hidden;margin: 0 0 10px;}
.point ul li .point_pic::before {
content: '';
display: block;
padding-top:66.67%;
}
.point ul li .point_pic img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.point ul li img {width: 100%;height: auto;margin: 0 0 20px;}
.point ul li h4 {font-size: 18px;line-height: 1.6;font-weight: 700;}
.point ul li p {font-size: 14px;line-height: 1.6;}

@media screen and (max-width: 1060px) {

}
@media screen and (max-width:767px){
.point {margin: 0 0 5%;}
.point h3 {margin: 0 0 5%;}
.point ul {}
.point ul li {margin: 0 0 2.5%;text-align: left;}

.point ul li .point_pic {width: 100%; position: relative;overflow: hidden;margin: 0 0 2.5%;}
.point ul li .point_pic::before {
content: '';
display: block;
padding-top:66.67%;
}
.point ul li .point_pic img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.point ul li img {width: 100%;height: auto;margin: 0 0 5%;}
.point ul li h4 {font-size: 3.6vw;line-height: 1.6;font-weight: 700;}
.point ul li p {font-size: 3vw;line-height: 1.6;}
}



.before {}
.before h3 {margin: 0 0 2%;}
.before ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.before ul li {width: 49%;margin: 0 2% 2% 0;}
.before ul li:nth-child(2n) {margin-right: 0;}
.before ul li .before_pic {width: 100%; position: relative;overflow: hidden;}
.before ul li .before_pic::before {
content: '';
display: block;
padding-top:66.67%;
}
.before ul li .before_pic img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width:767px){
.before {}
.before h3 {margin: 0 0 5%;}
.before ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.before ul li {width: 49%;margin: 0 2% 2% 0;}
.before ul li:nth-child(2n) {margin-right: 0;}
.before ul li .before_pic {width: 100%; position: relative;overflow: hidden;}
.before ul li .before_pic::before {
content: '';
display: block;
padding-top:66.67%;
}
.before ul li .before_pic img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
}





.detail_main {width: 100%; position: relative;overflow: hidden;margin: 0 0 40px;}
.detail_main::before {
content: '';
display: block;
padding-top:66.67%;
}
.detail_main img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}



@media screen and (max-width: 1060px) {

}
@media screen and (max-width:767px){
.detail_main {margin: 0 0 5%;}
.detail_main img {width: 100%;height: auto; margin: auto}
}


.detail_title {text-align: left;margin: 0 0 40px;padding: 40px 0; border-bottom: 1px dotted #cccccc;border-top: 1px dotted #cccccc;}
.detail_title h2.title {font-size: 32px;line-height: 1.6;margin: 0 0 10px;font-family: 'Noto Serif JP', serif;}
.detail_title p.kind {font-size: 14px;line-height: 1.6; padding: 0.2em 0.8em;border: 1px solid #999999;display: inline-block;margin: 0 0 10px;}
.detail_title p.property {font-size: 22px;line-height: 1.6;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width:767px){
.detail_title {text-align: left;margin: 0 0 5%;padding: 5% 0; border-bottom: 1px dotted #cccccc;border-top: 1px dotted #cccccc;}
.detail_title h2.title {font-size: 4.4vw;line-height: 1.6; margin: 0 0 2.5vw;}
.detail_title p.kind {font-size: 3vw;line-height: 1.6; padding: 0.2em 0.8em;border: 1px solid #999999;display: inline-block;margin: 0 0 2.5vw;}
.detail_title p.property {font-size: 3.4vw;line-height: 1.6;}
}


h3.sub_title {font-size: 18px;line-height: 1.6;font-family: 'Noto Serif JP', serif;color: #004276;text-align: left;padding: 0.5em 0; border-bottom: 1px solid #004276;border-top: 1px solid #004276;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width:767px){
h3.sub_title {font-size: 4vw;line-height: 1.6;font-family: 'Noto Serif JP', serif;color: #004276;text-align: left;padding: 0.5em 0; border-bottom: 1px solid #004276;border-top: 1px solid #004276;}
}



.category {padding: 30px 30px 20px;background: rgba(51, 51, 51, 0.1);margin: 0 0 80px;}
.category  p {font-size: 1.6em;line-height: 1;font-weight: 700;background: #004276;color: #ffffff;margin: 0 0 30px;display: inline-block;padding: 0.6em 1.2em;}
.category  ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.category  ul li {margin: 0 10px 10px 0;}
.category  ul li a {font-size: 1.2em;line-height: 1;font-weight: 700;display: inline-block; border: 1px solid #000;background: #FFF;color: #000; transition: all 1s;padding: 0.6em 1.2em;
border-radius: 50vh;
-webkit-border-radius:50vh;
-moz-border-radius:50vh;
}
.category  ul li a:hover {background: #000;color: #fff;}



.category ul li span {font-size: 1.2em;line-height: 1;font-weight: 700;display: inline-block; border: 1px solid #000;background: #000;color: #fff;
padding: 0.6em 1.2em;
border-radius: 50vh;
-webkit-border-radius:50vh;
-moz-border-radius:50vh;}

.tag {padding:20px 0 0;}
.tag ul {}
.tag ul li {width: inherit; margin: 0 10px 10px 0!important;font-size: 1em;line-height: 1;font-weight: 700;display: inline; border: 1px solid #000;background: #FFF;color: #000; transition: all 1s;padding: 0.6em 1.2em;
border-radius: 50vh;
-webkit-border-radius:50vh;
-moz-border-radius:50vh;
box-shadow: inherit;
}
.tag ul li:nth-child(2n) {margin: 0 10px 10px 0!important;margin: inherit;}

.detail_tag {padding: 20px 0 0 ;}
.detail_tag ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.detail_tag ul li {margin: 0 10px 10px 0;}
.detail_tag ul li a {font-size: 1.2em;line-height: 2.4;font-weight: 700;display: inline-block; border: 1px solid #000;background: #FFF;color: #000; transition: all .6s;padding: 0 1.2em;
border-radius: 50vh;
-webkit-border-radius:50vh;
-moz-border-radius:50vh;
}
.detail_tag ul li a:hover {background: #000;color: #fff;}

@media screen and (max-width: 1060px) {

}
@media screen and (max-width:767px){
.category {padding: 5% 5% 0;background: rgba(51, 51, 51, 0.1);margin: 0 0 5%;}
.category  p {font-size: 1.6em;line-height: 1;font-weight: 700;background: #004276;color: #ffffff;margin: 0 0 5%;display: inline-block;padding: 0.6 1.2em;}
.category  ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.category  ul li {margin: 0 10px 10px 0;}
.category  ul li a {font-size: 1.2em;line-height: 1;font-weight: 700;display: inline-block; border: 1px solid #000;background: #FFF;color: #000; transition: all 1s;padding: 0.6em 1.2em;
border-radius: 50vh;
-webkit-border-radius:50vh;
-moz-border-radius:50vh;
}
.category  ul li a:hover {background: #000;color: #fff;}

.tag {padding:20px 0 0;}
.tag ul {}
.tag ul li {width: inherit; margin: 0 10px 10px 0!important;font-size: 1em;line-height: 1;font-weight: 700;display: inline; border: 1px solid #000;background: #FFF;color: #000; transition: all 1s;padding: 0.6em 1.2em;
border-radius: 50vh;
-webkit-border-radius:50vh;
-moz-border-radius:50vh;
box-shadow: inherit;
}
.tag ul li:nth-child(2n) {margin: 0 10px 10px 0!important;margin: inherit;}

.detail_tag {padding: 20px 0 0 ;}
.detail_tag ul {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.detail_tag ul li {margin: 0 10px 10px 0;}
.detail_tag ul li a {font-size: 1.2em;line-height: 2.4;font-weight: 700;display: inline-block; border: 1px solid #000;background: #FFF;color: #000; transition: all .6s;padding: 0 1.2em;
border-radius: 50vh;
-webkit-border-radius:50vh;
-moz-border-radius:50vh;
}
.detail_tag ul li a:hover {background: #000;color: #fff;}
}