@charset "Shift_JIS";
.sample{display:flex;flex-wrap:wrap;}
.sample img{max-width:90%;margin-bottom:10px;}
.sample div p.sampletitle{font-size:1.3em;font-weight:bold;position:relative;display:inline;padding-left:.9em;}
.sample div p.sampletitle:before{position:absolute;top:50%;left:-5px;display:block;content:'';width:10px;height:10px;margin-top:-6px;border-top:2px solid silver;border-right:2px solid silver;transform:rotate(45deg);}
.sample div p.ex{margin:1em 0 3em 0;line-height:1.8em;}
.user{display:flex;flex-wrap:wrap;}
.user div img{border:1px solid #e6e6e6;padding:15px;margin-bottom:1em;}
.user div p.usertitle{font-size:1.3em;font-weight:bold;position:relative;display:inline;padding-left:.9em;}
.user div p.usertitle:before{position:absolute;top:50%;left:-5px;display:block;content:'';width:10px;height:10px;margin-top:-6px;border-top:2px solid silver;border-right:2px solid silver;transform:rotate(45deg);}
.user div p.ex{margin:1em 0 3.5em 0;line-height:1.8em;}
@media screen and (min-width:1200px){.user div p.usertitle{margin:0 1em;}.user div p.ex{margin:1em 1em 3.5em 1em;}}
@media screen and (min-width:768px) and (max-width:991px){.user div p.usertitle{margin:0 .5em;}.user div p.ex{margin:1em 0 3.5em .5em;}}
.tobtn{text-align:center;margin-bottom:5em;}
.tobtn a{background-color:#eee;color:#333;padding:1em 3em 1em 2.5em;border-radius:4px;transition:opacity .3s ease-out;position:relative;}
.tobtn a:hover{color:#333;opacity:.7;}
.tobtn a:after{position:absolute;top:50%;right:10px;display:block;content:'';width:8px;height:8px;margin-top:-4px;border-top:2px solid #999;border-right:2px solid #999;transform:rotate(45deg);}