@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,400);
@import url(/css/enfold/usr/operation/sp/font/font.css);

body {
    text-align: left;
    font-family: Roboto;
    letter-spacing: 0px;
    color: #333333;
    font-size: 24px;
    padding: 0 4.73%;
}

img {
    width: -webkit-fill-available;
}

h2 {
    text-align: center;
    font-weight: 500;
    margin-top: 100px;
    margin-bottom: 135px;
}

h3 {
    text-align: left;
    border-bottom: solid 1px #000;
    margin: 10% 0;
    font-weight: 500;
} 
h3.enf-toggle-trigger:before {
    content: "　";
    background: url(/img/usr/enfold/common/under.png) no-repeat 100% 0;
    background-size: 64px 56px;
    transform: translateY(10px);
    margin-top: -30px;
    font-size: 100px;
    position: absolute;
    right: 60px;
}

h3.enf-toggle-trigger:after {
    content: "　";
    background: url(/img/usr/enfold/common/above.png) no-repeat 100% 0;
    background-size: 60px 48px;
    transform: translateY(18px);
    margin-top: -30px;
    content: "　";
    font-size: 100px;
    opacity: 0;
    position: absolute;
    right: 60px;
}

.is-open:before {
    opacity: 0;
}

.is-open:after {
    opacity: 1 !important;
}