@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/


/*ボタン*/
/* .BUTTONS{display: flex;justify-content: center;margin-bottom: 70px;}
.btn{position: relative;overflow: hidden;text-decoration: none;display: inline-block;border: 2px solid #333;text-align: centeroutline: nonetransition: ease .2s;width: 275px;text-align: center;margin: 10px;padding: 10px 0;box-shadow: 2px 2px 4px #ccc;}
.btn span {position: relative;z-index: 3;color:#333;font-size: 19px;letter-spacing: 2px;}
.btn:hover span{color:#fff;}
.bgskew::before {content: '';position: absolute;top: 0;left: -130%;background:#333;width:120%;height: 100%;transform: skewX(-25deg);}
.bgskew:hover::before {animation: skewanime .5s forwards;}
@keyframes skewanime {100% {left:-10%;}}
.BUTTONS small{font-size: 13px;} */

.SEI {background: #333;}
.SEI span{color: white;}
.SAFE{background: white;}
.SAFE span{color: #333;}
.back_gray {background: #D6D6D6;}

/*ポイント*/
.TYTLE {text-align: center;}
.TYTLE_ENG {font-size: 66px;letter-spacing: 11px;}
.TYTLE_JAP {letter-spacing: 4px;font-size: 24px;margin-bottom: 30px;margin-top: 30px;}
.SAFETY{width: 1000px;margin: 0 auto;padding-top: 30px;padding-bottom: 50px;}
.SAFETY_TYTLE{text-align: center;font-size: 18px;letter-spacing: 2px;font-weight: bold;border-bottom: 1px solid #161616;padding-bottom: 10px;}
.SAFETY_CONTENTS{display: flex;flex-direction: row;}
.SAFETY_CONTENTS_LEFT{width: 500px;}
.SAFETY_CONTENTS_RIGHT {width: 400px;margin-left: 50px;}

.POINT_TYTLE{font-size: 18px;letter-spacing: 2px;font-weight: bold;border-bottom: 1px dotted #ccc;padding-bottom: 10px;}
.POINT_TYTLE span{font-size: 33px;letter-spacing: 2px;margin-top: 0;color: rgba(81, 78, 95, 0.23);font-weight: 600;}
.POINT_TEXT{padding-top: 10px;letter-spacing: 1px;}
.POINT{margin: 40px 0;}
.POINT_TYTLE {position: relative;padding: 0.1em 0.3em;border-left: 6px solid #161616;line-height: 19px;padding-left: 14px;}


/*データ*/
.TEXT{letter-spacing: 2px;}
.DATA_IMG {margin: 0 auto;margin-top: 0px;padding: 0;width: auto;}
.DATA{padding: 40px 0 70px 0;}
.DATA2_IMG{width: 850px;border: 1px solid #ccc;margin-top: 20px;}
.DATA_BORDER{width: 860px;margin: 0 auto;margin-top: 40px;border: none;}
.CHU{width: 750px;margin: 0 auto;margin-top: 5px;letter-spacing: 1px;}
.DATA_IMG div{margin-top: 15px;text-align: justify;}
.TEXT2{width: 880px;margin: 0 auto;text-align: center;letter-spacing: 1px;margin-top: 40px;}


/*コメント*/
.COMMENT_BOX{width: 850px;background: white;margin: 0 auto;display: flex;flex-direction: row;margin-top: 50px;padding: 30px 80px;}
.COMMENT_TEXT{letter-spacing: 2px;width: 500px;margin-right: 20px;}
.COMMENT_TEXT strong{letter-spacing: 1px;font-size: 18px;}
.COMMENT_IMG{width: 170px;}

/*PC・SP*/
.pc{display: block;}
.sp{display: none;}




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

/*ボタン*/
.BUTTONS{width: 93vw;margin: 0 auto;margin-bottom: 70px;flex-wrap: wrap;justify-content: flex-start;}
.btn{margin: 1vw;width: 43vw;}
.BUTTONS small {font-size: 12px;letter-spacing: 1px;}

/*ポイント*/
.TYTLE_JAP {font-size: 23px;}
.SAFETY{width: 90vw;}
.SAFETY_CONTENTS{flex-direction: column;}
.SAFETY_CONTENTS_LEFT{width: 90vw;}
.SAFETY_CONTENTS_RIGHT{width: 90vw;margin-left: 0;}
.TYTLE_ENG {font-size: 50px;}

/*データ*/
.TEXT{width: 90vw;text-align: justify;margin: 0 auto;}
.DATA_BORDER {width: 90vw;margin-top: 20px;}
.DATA_IMG{width: 90vw;margin-top: 10px;}
.DATA_IMG div{letter-spacing: 1px;margin-top: 15px;text-align: justify;}
.CHU{width: 90vw;margin-top: 10px;}

/*コメント*/
.COMMENT_BOX{width: 90vw;padding: 0;flex-direction: column;padding-top: 40px;padding-bottom: 40px;flex-direction: column-reverse;margin: 0 auto;margin-top: 50px;}
.COMMENT_TEXT{width: 80vw;margin: 0 auto;text-align: justify;}
.COMMENT_TEXT strong{margin-bottom: 10px;display: inline-block;text-align: center;width: 80vw;margin-top: 15px;}
.COMMENT_IMG{margin: 0 auto;}
.TEXT2{width:90vw;text-align: justify;}


/*PC・SP*/
.pc{display: none;}
.sp{display: block;}

#footer .pc{display: none;}
#footer .sp{display: flex;justify-content: center;}
#footer strong a{align-items: center;}
#footer strong a img{height: 24px;}
}