<style type="text/css">
/* common */
*{margin:0; padding:0;
color:#111;
border:none; box-sizing:border-box;
font-weight:400;
list-style-type:none;}
*:before, *:after{position:absolute; content:"";}
img{max-width:100%;}
body{width:100%;
font-family:"Lato","Kosugi","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
text-align:center; letter-spacing:.12em; line-height:1.7; word-break:break-all;}
body, input, textarea, h2{font-size:11px;}
/* end common */

/* headline&link&mark */
a{text-decoration:none;
border-bottom:#afafaf solid 1px;}
h1{display:inline-block;
margin:10px 0 5px 0;
font-size:14px; font-weight:700;}
h2{margin-bottom:8px;
font-weight:700;
color:#afafaf;}
h3 a{display:inline-block;
font-size:10px;
margin-top:10px; padding:.3em .7em;
color:#fff; background:#afafaf;
border:#afafaf solid 1px;}
mark{background:linear-gradient(transparent 60%, #eff0f5 0);}
.sub{font-size:10px; color:#999;}
/* end headline&link&mark */

/* block */
main{margin:0 auto;
padding:45px 45px 25px 45px;
max-width:540px;}
article{margin:15px 0; padding:15px 0 30px 0;
text-align:justify;
border-bottom:#eee solid 1px;}
article:first-of-type{margin-top:40px;}
article:last-of-type{margin-bottom:5px; border:none;}
.maru{margin:0 auto;
width:100px; height:100px;
background-image:url("##IMAGE_DATA_3##");
background-size:cover;
border:#fff solid 4px; border-radius:50%;
box-shadow:0 0 10px 1px #e3e3e3;}

#box{
    width: 80px;
    height: 60px;
    /* border: 1px solid #ddabaa;*/
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-color: #ffffff;
    background-image: -webkit-linear-gradient(-45deg, #ee5e62 25%, transparent 25%,
          transparent 50%, #ee5e62 50%, #ee5e62 75%,
          transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #ee5e62 25%, transparent 25%,
          transparent 50%, #ee5e62 50%, #ee5e62 75%,
          transparent 75%, transparent);
}

/* end block */

/* accordion */
.check, nav{display:none;}
label{cursor:pointer;}
nav{margin-top:10px;}
.check:checked ~ nav{display:block;}
/* accordion end */

/* form */
input, textarea{padding:.5em .75em .45em .9em;
background:#fff;
border:#afafaf solid 1px;
letter-spacing:.1em; line-height:1.5;
outline:none;}
/* form */
</style>