@charset "utf-8";
/*
Theme Name: handmarks
Theme URI: https://handmarks.net
Description: WordPress Theme for handmarks
Version: 1.0
Author: handmarks
Author URI: https://handmarks.net
*/
@font-face{font-family:YuGothicM;src:local("Yu Gothic Medium")}
body.gothic{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;}
body.mincho{font-family:"ヒラギノ明朝 Pro","Hiragino Mincho Pro","Hiragino Mincho ProN",游明朝,"Yu Mincho",YuMincho,HGS明朝E,メイリオ,Meiryo, "MS P明朝", "MS PMincho",serif}
body.kokoro{font-family:"Kokoro"}
body.mplus{font-family:"M PLUS Rounded 1c"}
body.notosan{font-family:"Noto Sans JP"}
body.motion a{transition:0.5s;opacity:1}
body.motion a:hover{opacity:0.8}
@media only screen and (min-width: 961px){
.bxslider1 li.mv1l{background-image:url(https://handmarks.net/wp-content/uploads/2021/04/slide_l01.jpg)}/*左1枚目*/
.bxslider1 li.mv2l{background-image:url(https://handmarks.net/wp-content/uploads/2021/04/slide_l02.jpg)}/*左2枚目*/
.bxslider1 li.mv3l{background-image:url(https://handmarks.net/wp-content/uploads/2021/04/slide_l03.jpg)}/*左3枚目*/
.bxslider2 li.mv1r{background-image:url(https://handmarks.net/wp-content/uploads/2021/04/slide_r01.jpg)}/*右1枚目*/
.bxslider2 li.mv2r{background-image:url(https://handmarks.net/wp-content/uploads/2021/04/slide_r02.jpg)}/*右2枚目*/
.bxslider2 li.mv3r{background-image:url(https://handmarks.net/wp-content/uploads/2021/04/slide_r03.jpg)}/*右3枚目*/
#slider li{position:relative;top:-2px;}
}
@media only screen and (max-width: 960px){
.bxslider1 li.mv1l{background-image:url(https://handmarks.net/wp-content/uploads/2021/04/slide_l01.jpg)}/*1枚目*/
.bxslider1 li.mv2l{background-image:url(https://handmarks.net/wp-content/uploads/2021/04/slide_r01.jpg)}/*2枚目*/
.bxslider1 li.mv3l{background-image:url(https://handmarks.net/wp-content/uploads/2021/04/slide_l02.jpg)}/*3枚目*/
.bxslider1 li.mv4l{background-image:url(https://handmarks.net/wp-content/uploads/2021/04/slide_r02.jpg)}/*4枚目*/
.bxslider1 li.mv5l{background-image:url(https://handmarks.net/wp-content/uploads/2021/04/slide_l03.jpg)}/*5枚目*/
.bxslider1 li.mv6l{background-image:url(https://handmarks.net/wp-content/uploads/2021/04/slide_r03.jpg)}/*6枚目*/
}

/*追加css TOP 共通*/
.entry__post p{ font-size: 16px;}
.entry__post h2{ background:#368373; color: #fff; border-radius:5px; padding:10px 15px;}
.entry__post h3{
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #ffdc64;
    font-size: 21px;
    width: 95%;
    margin: 0 auto 15px auto;
}
.entry__post h3:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}
.lead-about_text p{ font-weight: normal;}
.lead-blog article.new p{ font-weight: normal !important;}
.cta-wrap .lead-line{ padding-top: 60px; padding-bottom: 60px;}
.cta-wrap  .lead-contact{ padding-top: 50px; padding-bottom: 60px;}
.lineArea h2{ background:#368373; color: #fff; border-radius:5px; padding:10px 15px;}
.contents .lineArea h3 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #ffdc64;
    font-size: 21px;
    width: 95%;
    margin: 0 auto 15px auto;
}
.lineArea h3:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}
.lineArea .lineBox{ border: 1px solid #ccc; padding: 30px 20px 20px 20px;}
.lead-about_inner .lead-about_text p.mainText{ line-height: 1.6em; font-weight: 600; margin: 0 0 0.5em;}
.lead-about_inner .lead-about_text dl{ padding: 50px 0 20px;}
.under__section .contents{
    max-width: calc(1200px + 4vw);
    padding-left: 2vw;
    padding-right: 2vw;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}
#under .page-title02{ height: 0; display: none;}

.lineMain{ background: #368373; width: 100%;}

.lineArea ol{
   margin:2em 1em;
   list-style:none;
   counter-reset:count;
}

.lineArea ol li{
    counter-increment:count;
}

.contents .lineArea ol li:before{
    content:counter(count);
    margin-right:7px;
    display:inline-block;
    width:22px;
    height: 22px;
    background: #368373;
    color: white;
    border-radius:50%;
    line-height:22px;
    text-align:center;
}
.staffComment{ margin-top: 25px;}
.staffComment h4{ font-weight: 600; font-size: 16px; margin-bottom: 10px;}
blockquote.wp-block-quote{
    border: 1px solid #ccc;
    margin: 20px 0;
    padding: 15px;
}

.works-summary__inner dt,
.works-summary__inner dd{
    font-size: 18px;
}


@media screen and (max-width: 767px) {
    .lineArea .lineBox{ margin-bottom: 20px;}
    .contents .lineArea h3 { font-size: 16px;}
    .entry__post .wp-block-image img{ height: auto!important;}
}