@charset "UTF-8";

#kengakukaiBLOCK{
  max-width: 1280px;
  width: 95%;
  margin: 2.0rem auto;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

#kengakukaiBLOCK h3{
  font-weight: 600;
}

#kengakukaiBLOCK .catch{
  position: relative;
  text-align: center;
	/* 20px /420 - 34px/1000 */
	color: #004a6d;
	font-size:clamp(1.25rem, 0.779rem + 1.79vw, 2.125rem);
	letter-spacing: 0.05em;
	font-weight: 600;
  margin: 6.0rem auto;
}
#kengakukaiBLOCK .catch::before,
#kengakukaiBLOCK .catch::after{
  content: '';
  position: absolute; 
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  background-position: center;
  background-size: contain; 
  background-repeat: no-repeat;
}
#kengakukaiBLOCK .catch.first::before{
  right: 0;
  width: 230px;
  height: 230px;
  background-image: url('https://www.shobundo.co.jp/common/images/human05.png');
}
#kengakukaiBLOCK .catch.first::after{
  left: 0;
  width: 230px;
  height: 230px;
  background-image: url('https://www.shobundo.co.jp/common/images/human03.png');
}

#kengakukaiBLOCK .catch.last::before{
  left: 150px;
  width: 200px;
  height: 200px;
  background-image: url('https://www.shobundo.co.jp/common/images/human10.png');
}
#kengakukaiBLOCK .catch.last::after{
  right: 100px;
  width: 220px;
  height: 220px;
  background-image: url('https://www.shobundo.co.jp/common/images/human09.png');
}

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

#kengakukaiBLOCK .catch{
  margin: 2.0rem auto;
}

#kengakukaiBLOCK .catch::before,
#kengakukaiBLOCK .catch::after{
  display: none;
}

}



#kengakukaiBLOCK h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    margin: 2.0rem auto;
}

#kengakukaiBLOCK h3::before,
#kengakukaiBLOCK h3::after {
    width: 3px;
    height: 40px;
    background-color: #004a6d;
    content: '';
}

#kengakukaiBLOCK h3::before {
    transform: rotate(-35deg);
    margin-right: 30px;
}

#kengakukaiBLOCK h3::after {
    transform: rotate(35deg);
    margin-left: 30px;
}


.kengakukaiLIST {
  max-width: 1100px;
  width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
  margin: auto;
}
.kengakukaiLIST .item {
	width:46%;
  margin: 2%;
  border-radius:10px;
	color: #004a6d;
	/* 16px /420 - 22px/1200 */
	font-size:clamp(1rem, 0.798rem + 0.77vw, 1.375rem);
	letter-spacing: 0.05em;
	font-weight: 600;
}
.kengakukaiLIST .item {
  position: relative;
  padding: 2.0rem;
  background-color: #e0efff;
}

.kengakukaiLIST .item::after {
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 20px 20px 0;
    border-style: solid;
    border-color: #c0cfdf #fff;
    box-shadow: -1px 1px 1px rgb(0 0 0 / 5%);
    content: '';
}
@media only screen and (max-width: 768px) {

.kengakukaiLIST .item {
  width: 90%;
  margin: 1% auto;
    padding: 1rem;
}

}

.kengakukaiMIRYOKU {
    max-width: 800px;
    margin: 0 auto;
    border: 3px solid #004a6d;
    border-radius: 10px;
    color: #000000;
}
.kengakukaiMIRYOKU + .kengakukaiMIRYOKU{
  margin-top: 4.0rem;
}

.kengakukaiMIRYOKU div {
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
    position: relative;
    top: -20px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #004a6d;
    font-weight: 600;
    vertical-align: top;
	/* 20px /768 - 24px/1200 */
	font-size:clamp(1.25rem, 0.806rem + 0.93vw, 1.5rem);
}

.kengakukaiMIRYOKU div::before {
    width: 40px;
    height: 40px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8995 6.85453L17.1421 11.0972L7.24264 20.9967H3V16.754L12.8995 6.85453ZM14.3137 5.44032L16.435 3.319C16.8256 2.92848 17.4587 2.92848 17.8492 3.319L20.6777 6.14743C21.0682 6.53795 21.0682 7.17112 20.6777 7.56164L18.5563 9.68296L14.3137 5.44032Z' fill='%23004a6d'%3E%3C/path%3E%3C/svg%3E");
}

.kengakukaiMIRYOKU p {
  margin-top: -20px;
  padding:1rem 2rem;
  font-weight: 600;
	/* 16px /430 - 20px/1200 */
	font-size:clamp(1rem, 0.865rem + 0.51vw, 1.25rem);
}

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

.kengakukaiMIRYOKU {
  width: 90%;
    margin: 0 auto;
}
.kengakukaiMIRYOKU + .kengakukaiMIRYOKU{
  margin-top: 2.0rem;
}

}

.kengakukaiTAISYO{
    max-width: 800px;
    margin: 4.0rem auto;
  padding: 2.0rem;
  border-top: 5px solid #c1c1c1;
  border-radius: 3px;
  background-color: #f2f2f2;
}
.kengakukaiTAISYO h4{
  text-align: center;
  font-weight: 500;
}
.kengakukaiTAISYO .cation{
  text-align: center;
  font-weight: 500;
}
.kengakukaiTAISYO ul{
  text-align: center;
  font-weight: 600;
  margin: 2.0rem 0;
}

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

.kengakukaiTAISYO{
  width: 90%;
    margin: 2.0rem auto;
  padding: 1.0rem;
  border-top: 3px solid #c1c1c1;

}
.kengakukaiTAISYO h4{
  text-align: center;
  font-weight: 500;
}
.kengakukaiTAISYO .cation{
  text-align: center;
  font-weight: 500;
}
.kengakukaiTAISYO ul{
  text-align: center;
  font-weight: 600;
  margin: 2.0rem 0;
}

}