@charset "UTF-8";
.headline {
  background: url(../img/philosophy/headline.jpg) no-repeat center 35%/ cover;
}
/*-----------------------------------
	base
-----------------------------------*/

/*-----------------------------------
	#philosophy_block
-----------------------------------*/
#philosophy_block {
  padding-bottom: 40px;
}
/*philosophy01*/
#philosophy01 .strong_text, #philosophy02 .strong_text{
  width: fit-content;
  font-size: 18px;
  font-weight: 500;
  padding-left: 14px;
  line-height: 1.8;
  position: relative;
}
#philosophy01 .strong_text span{
  color: #0195d4;
}
#philosophy_block #philosophy01 .text:not(:last-child) {
  padding-bottom: 10px;
}

/*philosophy02*/
#philosophy_block #philosophy02 .strong_text{
  padding-bottom: 20px;
  /* margin-left: 14px; */
}
#philosophy_block #philosophy02 .strong_text span{
  color: #0195d4;
}
#philosophy_block #philosophy02 ul li{
  margin-left: 44px;
  margin-bottom: 10px;
}
#philosophy_block #philosophy02 ul li .red{
  font-size: 16px;
  background-color: #e30d0d;
  color: #ffffff;
  padding: 5px;
}
#philosophy_block #philosophy02 ul li .red_border{
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  position: relative;
  padding-left: 10px;
}
#philosophy_block #philosophy02 ul li .red_border .red_strong{
  color: #e30d0d;
  font-weight: 700;
}
#philosophy_block #philosophy02 ul li .blue{
  font-size: 16px;
  background-color: #2bb4f1;
  color: #ffffff;
  padding: 5px;
}
#philosophy_block #philosophy02 ul li .blue_border{
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  position: relative;
  width: fit-content;
  padding-left: 10px;
}
#philosophy_block #philosophy02 ul li .blue_border .blue_strong{
  color: #2bb4f1;
  font-weight: 700;
}
/* #philosophy_block #philosophy02 ul li .blue_border::after{ */
  /* content: ""; */
  /* width: 100%; */
  /* height: 3px; */
  /* background-color: #2bb4f1; */
  /* position: absolute; */
  /* bottom: -7px; */
  /* left: 0; */
/* } */
#philosophy_block #philosophy02 ul li .green{
  font-size: 16px;
  background-color: #679f01;
  color: #ffffff;
  padding: 5px;
}
#philosophy_block #philosophy02 ul li .green_border{
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  position: relative;
  width: fit-content;
  padding-left: 10px;
}
#philosophy_block #philosophy02 ul li .green_border .green_strong{
  color: #679f01;
  font-weight: 700;
}
/* #philosophy_block #philosophy02 ul li .green_border::after{ */
  /* content: ""; */
  /* width: 100%; */
  /* height: 3px; */
  /* background-color: #679f01; */
  /* position: absolute; */
  /* bottom: -7px; */
  /* left: 0; */
/* } */

/*philosophy03*/
#philosophy_block #philosophy03 ul{
  display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
  gap: 30px;
}
#philosophy_block #philosophy03 ul li{
  width: calc((100% - 30px)/2);
  background: #f6fcff;
  border: 2px solid #5fc0eb;
  padding: 10px 20px;
}
#philosophy_block #philosophy03 ul li .title{
  display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #00A5EA;
  text-align: center;
  margin-bottom: 10px;
}
#philosophy_block #philosophy03 ul li .title img{
  width: 30px;
  height: auto;
}
@media screen and (max-width: 450px) {
  #philosophy_block #philosophy03 ul{
    gap: 20px;
  }
  #philosophy_block #philosophy03 ul li{
    width: 100%;
    background: #f6fcff;
    border: 2px solid #5fc0eb;
    padding: 10px 20px;
  }
}