@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
legend{color:#000}
img {vertical-align:top}
a{text-decoration: none}

.body{font-family:Helvetica, Arial, 游ゴシック体, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
.topviewbg{background-color:#fbe9d8}
.topview{overflow:hidden;max-width:750px;margin:0 auto;background:linear-gradient(-235deg, #fbe9d8 0%, #fbe9d8 40%, #fff 40%, #fff 60%, #fbe9d8 60%, #fbe9d8 100%)}
.site_ttl{margin:40px auto 30px}
.site_ttl h1{margin:0 auto 12px;text-align:center}
.site_ttl h1 img{width:65%;height:auto}
.site_ttl .subttl{text-align:center}
.site_ttl .subttl img{width:20%;height:auto}
.contentsbg{overflow:hidden;padding:30px 0;background:linear-gradient(180deg, #fff 0%,#fafafa 20%, #fafafa 100%)}
#contentsArea{overflow:hidden;max-width:1200px;margin:0 auto;padding:0 20px}
#contentsArea .item{width:50%;max-width:300px;margin:0 0 30px 0;background-color:#fff;box-shadow:0 0 5px #e0e0e0; position:relative; padding: 5px;}
#contentsArea .item .item_thumbnail{margin:0 0 15px 0}
#contentsArea .item .item_thumbnail img{width:100%;height:auto}
#contentsArea .item .item_txt{margin:0 auto 10px;border-bottom:solid 1px #ebebeb}
#contentsArea .item .item_hashtag{width:90%;margin:0 auto 10px}
#contentsArea .item .item_hashtag .hash_txt_success{display:inline-block;padding:1px 10px;color:#fe6b96;font-size:3vw;background:#fce9ef;border-radius:50px}
#contentsArea .item .item_hashtag .hash_txt_interview{display:inline-block;padding:1px 10px;color:#1cb0e8;font-size:3vw;background:#d9f3fd;border-radius:50px}
#contentsArea .item .item_hashtag .hash_txt_preparation{display:inline-block;padding:1px 10px;color:#ff8a00;font-size:3vw;background:#fcead0;border-radius:50px}
#contentsArea .item .item_hashtag .hash_txt_employment{display:inline-block;padding:1px 10px;color:#00ab3b;font-size:3vw;background:#d1ffe1;border-radius:50px}
#contentsArea .item .item_ttl{width:90%;margin:0 auto 15px;color:#444;font-size:4vw;line-height:1.4em}
#contentsArea .item .item_caution{width:90%;margin:0 auto 15px;color:#444;font-size:3vw;line-height:1.4em}
#contentsArea .item{float: left}
#contentsArea .item a{display:block;padding:0 0 20px 0;position:relative}
#contentsArea .item a::after{position:absolute;bottom:12px;left:45%;content: '';width:9px;height:9px;border-bottom:solid 3px #ee9f51;border-right:solid 3px #ee9f51;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#contentsArea .item .newItem{position:absolute;top:35%;right:3%;width:25%;height:auto}
#contentsArea .item .newItem img{width:100%;height:auto}
footer{padding: 20px 0}
footer p{text-align:center;font-size:2vw}

@media screen and (min-width:700px){
#contentsArea{width:980px}
#contentsArea .item{width:270px;margin:20px 20px 20px 20px}
#contentsArea .item .item_txt{margin:0 auto 17px}
#contentsArea .item .item_hashtag .hash_txt_success{padding:1px 13px;font-size:15px}
#contentsArea .item .item_hashtag .hash_txt_interview{padding:1px 13px;font-size:15px}
#contentsArea .item .item_hashtag .hash_txt_preparation{padding:1px 13px;font-size:15px}
#contentsArea .item .item_hashtag .hash_txt_employment{padding:1px 13px;font-size:15px}
#contentsArea .item .item_ttl{width:90%;margin:0 auto 15px;color:#444;font-size:23px;line-height:1.4em}
#contentsArea .item .item_caution{width:90%;margin:0 auto 15px;color:#444;font-size:18px;line-height:1.4em}
#contentsArea .item a::after{position:absolute;bottom:17px;left:48%;content: '';width:9px}
#contentsArea .item .newItem{position:absolute;top:140px;right:10px;width:30%;height:auto}
footer p{font-size:15px}
}
@media screen and (max-width:699px){
.site_ttl{margin:30px auto 10px}
}