@charset "UTF-8";

/*-------------------------
__csr_style
-------------------------*/
#page .block_ttl{font-size:3em;font-weight:700;margin:0 0 40px;}
@media screen and (max-width:1180px) {
  #page .block_ttl{font-size:2.8em;}
}
@media screen and (max-width:767px) {
  #page .block_ttl{font-size:2.3em;margin:0 0 20px;}
}


#block01{padding:80px var(--pageSideMargin);}
#block01 .box{display:flex;justify-content:space-between;align-items:flex-end;}
#block01 .box + .box{margin-top:60px;padding-top:60px;border-top:1px solid #e7e7e7;}
#block01 .box .txt_box{max-width:800px;margin:0 30px 0 0;}
#block01 .box .txt_box .box_ttl{display:flex;flex-direction:column-reverse;font-size:3em;font-weight:700;line-height:1.2;margin:0 0 30px;padding:0 0 0 20px;border-left:1px solid var(--colorBlue);}
#block01 .box .txt_box .box_ttl span{display:block;font-size:46%;font-weight:normal;margin:0 0 5px;}
#block01 .box .illust{display:block;text-align:right;}
@media screen and (max-width:1180px) {
  #block01 .box .txt_box .box_ttl{font-size:2.8em;}
}
@media screen and (max-width:980px) {
  #block01{padding:60px var(--pageSideMargin);}
  #block01 .box + .box{margin-top:40px;padding-top:40px;}
}
@media screen and (max-width:767px) {
  #block01{padding:30px var(--pageSideMargin);}
  #block01 .box{display:block;}
  #block01 .box + .box{margin-top:20px;padding-top:20px;}
  #block01 .box .txt_box{margin:0 0 20px;}
  #block01 .box .txt_box .box_ttl{font-size:2.3em;margin:0 0 15px;padding:0 0 0 10px;}
  #block01 .box .txt_box .box_ttl span{font-size:66%;}
  #block01 .box .illust{text-align:center;}
}


#block02{padding:80px var(--pageSideMargin);background-color:#f4f4f4;position:relative;}
#block02::before{content:"";display:block;width:100%;max-width:calc((1080px) + (var(--pageSideMargin) * 2));height:100px;margin:auto;background:url(images/img03@2x.png)no-repeat center right var(--pageSideMargin) / contain;position:absolute;top:40px;right:0;left:0;}
#block02 .box_ttl{font-size:2.5em;margin:40px 0 30px;color:var(--colorBlue);}
#block02 .box_ttl::before{content:"";display:inline-block;width:40px;height:1px;vertical-align:top;margin:0.5em 10px 0 0;background-color:var(--colorBlue);}
#block02 .box01 span{display:inline-block;font-size:125%;font-weight:700;line-height:1.75;}
#block02 .box02 ul li{font-weight:700;padding:0 0 0 20px;position:relative;}
#block02 .box02 ul li + li{margin-top:5px;}
#block02 .box02 ul li::before{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:var(--colorBlue);position:absolute;top:1em;left:0;}
#block02 .box03 ul{display:flex;flex-wrap:wrap;}
#block02 .box03 ul li{display:flex;align-items:center;width:calc((100% - 60px) / 3);line-height:1.75;margin:25px 30px 0 0;padding:50px 25px;box-sizing:border-box;border-radius:8px;background-color:#FFF;position:relative;}
#block02 .box03 ul li:nth-child(3n){margin-right:0;}
#block02 .box03 ul li span{font-size:187.5%;font-weight:700;line-height:1;color:var(--colorBlue);position:absolute;top:-10px;}
@media screen and (max-width:1180px) {
  #block02 .box_ttl{font-size:2.3em;}
}
@media screen and (max-width:980px) {
  #block02{padding:60px var(--pageSideMargin);}
  #block02 .box_ttl{margin:30px 0 20px;}
}
@media screen and (max-width:767px) {
  #block02{padding:30px var(--pageSideMargin);}
  #block02::before{float:right;width:71px;background-position:0;position:initial;}
  #block02 .box_ttl{font-size:1.8em;margin:20px 0 10px;}
  #block02 .box03 ul li{width:100%;margin:15px 0 0;padding:25px 20px 20px;}
}
@media screen and (max-width:374px) {
  #block02::before{width:61px;}
}


#block03{padding:80px var(--pageSideMargin);position:relative;}
#block03::before{content:"";display:block;width:100%;max-width:calc((1080px) + (var(--pageSideMargin) * 2));height:95px;margin:auto;background:url(images/img04@2x.png)no-repeat center right var(--pageSideMargin) / contain;position:absolute;top:40px;right:0;left:0;}
@media screen and (max-width:1180px) {
}
@media screen and (max-width:980px) {
  #block03{padding:60px var(--pageSideMargin);}
}
@media screen and (max-width:767px) {
  #block03{padding:30px var(--pageSideMargin);}
  #block03::before{float:right;width:28px;margin:0 0 0 20px;background-position:0;position:initial;}
}


#block04{padding:80px var(--pageSideMargin);background-color:#f4f4f4;position:relative;}
#block04::before{content:"";display:block;width:100%;max-width:calc((1080px) + (var(--pageSideMargin) * 2));height:90px;margin:auto;background:url(images/img05@2x.png)no-repeat center right var(--pageSideMargin) / contain;position:absolute;top:40px;right:0;left:0;}
#block04 .box{padding:30px 0 30px 30px;border-top:1px solid #d0d0d0;}
#block04 .box:last-child{border-bottom:1px solid #d0d0d0;}
#block04 .box .box_ttl{font-weight:700;line-height:1.75;margin:0 0 15px;position:relative;}
#block04 .box .box_ttl span{font-size:187.5%;line-height:1;color:var(--colorBlue);position:absolute;top:-0.1em;left:-30px;}
@media screen and (max-width:1180px) {
}
@media screen and (max-width:980px) {
  #block04{padding:60px var(--pageSideMargin);}
  #block04 .box{padding:25px 0 25px 30px;}
  #block04 .box .box_ttl{margin:0 0 10px;}
}
@media screen and (max-width:767px) {
  #block04{padding:30px var(--pageSideMargin);}
  #block04::before{float:right;width:29px;background-position:0;position:initial;}
  #block04 .box{padding:20px 0 20px 30px;}
  #block04 .box .box_ttl{margin:0 0 5px;}
}