@charset "utf-8";

#contents_ > header {font-size:2.0rem;}
#contents_ > header > strong {display:block; color:#7998ac; font-size:2.8rem;}
#contents_ > header > p {margin-top:3em;}

#philosophy {}
#philosophy > p {margin-top:2em;}

#basic-values {}
#basic-values > ul {
	display:-webkit-flex; display:flex;
	-webkit-justify-content:space-around; justify-content:space-around; 
	text-align:center;}
#basic-values > ul::before {display:none;}
#basic-values > ul > li {-webkit-flex:0 1 340px; flex:0 1 340px;}
#basic-values > ul > li > .image {}
#basic-values > ul > li > .image > img {display:block;}
#basic-values > ul > li > h2 {color:#7998ac; font-size:2.4rem; font-weight:500; font-family:BrandonText;}
#basic-values > ul > li > p {margin-top:1em;}

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

#contents_ > header {font-size:inherit; text-align:left;}
/*dp add 20240723*/
/*#contents_ > header > strong {font-size:inherit;}*/
#contents_ > header > strong {font-size: 2.2rem;line-height: 1.2;}
#contents_ > header > p {margin-top:2em;}
/*end*/

#philosophy {}
#philosophy > p {}
#philosophy > p br {display:none;}

#basic-values {}
#basic-values > ul {display:block; margin:-6vw 0 0; padding:6vw 0 0; text-align:left;}
#basic-values > ul::before {}
#basic-values > ul > li {margin:6vw 0 0;}
#basic-values > ul > li::after {display:block; content:''; clear:both; height:0;}
#basic-values > ul > li > * {margin-left:23vw;}
#basic-values > ul > li > .image {float:left; width:20vw; margin:0;}
#basic-values > ul > li > .image > img {width:200%; height:auto; margin:0 -50%;}
#basic-values > ul > li > h2 {font-size:1.5rem;}
#basic-values > ul > li > p {margin-top:0;}
#basic-values > ul > li > p br {display:none;}


}