@charset "utf-8";
/* CSS Document */

body {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}

#wrapper{width: 100%;max-width: 700px;margin: 0 auto;}
#wrapper img {width: 100%;}

.btn_area{padding: 20px;font-size:24px;}

#footer_menu{display: flex;padding-top: 80px;}

.ECM_CheckboxInput {
padding: 12px 8px;
display: flex;
align-items: top;
cursor: pointer;
}
.ECM_CheckboxInput-Input {
margin: 0;
width: 0;
opacity: 0;
}
.ECM_CheckboxInput:hover{
background: rgba(0,0,0,.05) !important;
}
0.ECM_CheckboxInput-Input:focus + .ECM_CheckboxInput-DummyInput{
border: dashed 2px #333333;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput {
background: #95dc8f;
border: solid 2px #95dc8f;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 40%;
height: 4px;
border-radius: 2px;
transform: translate(-6px, 5px) rotateZ(-135deg);
transform-origin: 2px 2px;
background: #FFFFFF;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 76%;
height: 4px;
border-radius: 2px;
transform: translate(-6px, 5px) rotateZ(-45deg);
transform-origin: 2px 2px;
background: #FFFFFF;
}
.ECM_CheckboxInput-DummyInput {
position: relative;
top: 0;
left: 0;
display: block;
width: 30px;
height: 30px;
border: solid 2px #cccccc;
background: #ffffff;
}
.ECM_CheckboxInput-LabelText {
margin-left: 20px;
display: block;
font-size: 24px;
line-height: 1.4em;
width:calc(100% - 30px);
}

@media only screen and (max-width:600px) {
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::before {
top: 25%;
left: 60%;
}
.ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::after {
top: 25%;
left: 60%;
}
.ECM_CheckboxInput-DummyInput {
width: 20px;
height: 20px;
}
.ECM_CheckboxInput-LabelText {
margin-left: 10px;
font-size: 14px;
}
}