@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 #555;text-align: centeroutline: nonetransition: ease .2s;width: 315px;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;} */

.TOP{display: flex;flex-direction: row;width: 740px;margin: 0 auto;justify-content: space-between;align-items: flex-end;}
.ELEC {background: #333;}
.ELEC span{color: white;}
.SAFE{background: white;}
.SAFE span{color: #333;}
.back_gray {background: #D6D6D6;}

/*BOX*/
/* .INTRO h2 {text-align: center;font-size: 21px;font-weight: bold;} */
.ELEC_TYTLE{text-align: center;font-size: 24px;letter-spacing: 2px;}
.ELEC_BOX{width: 1000px;background: white;margin: 0 auto;padding: 30px 0;}
.LEFT_TYTLE{width: 215px;margin: 0 auto;margin-bottom: 27px;}
.LEFT{letter-spacing: 2px;line-height: 27px;width: 350px;}
.LEFT_TEXT{text-align: justify;}
.IMGS{width: 740px;margin: 0 auto;margin-top: 50px;}
.IMG{margin: 40px 0;}
.ELEC_WRAP{padding-bottom: 80px;padding-top: 60px;}
.RIGHT{border: 1px solid #ccc;}
.ELEC_TEXT {text-align: center;font-size: 24px;letter-spacing: 2px;margin-bottom: 30px;}
.OTOKU_BOX{width: 1000px;background: white;margin: 0 auto;padding: 30px 0;margin-bottom: 40px;}
.OTOKU{width: 500px;margin: 0 auto;}
.PLUS{text-align: center;margin: 15px 0;font-size: 45px;}


.ELEC_TYTLE{width: 90vw;margin: 0 auto;}
.triangle3 {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid black;
    margin: 0 auto;
    margin-top: 50px;
    }
/*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;}

/* BOX*/
.INTRO_TEXT {text-align: justify;width: 90vw;margin: 0 auto;margin-top: 30px;margin-bottom: 30px;}
.ELEC_BOX{width: 100vw;}
.TOP{flex-direction: column;width: 90vw;}
.LEFT{width: 90vw;margin-bottom: 20px;margin-top: 30px;}
.OTOKU{width: 90vw;}
.IMGS{width: 90vw;}
.ELEC_TEXT{width: 90vw;font-size: 18px;}
.triangle3 {width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid black;margin: 0 auto;margin-top: 30px;margin-bottom: 30px;}

/*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;}
}