@charset "UTF-8";
/**********
base
**********/

/*初期設定CSS*/
.l_main{
  color:#333;
  font:400 14px "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  line-height:1.6;
  letter-spacing: 0;
}

/* リセット */
#base{
  width: 1200px;
}
div#cont{
  margin: 0;
}
div#cont div#c3_lrr{
  overflow: visible;
}
div#cont div#c3_lrr{
  width: 970px;
}
@media screen and (max-width: 768px){
  #base{
    width: 100%;
  }
  div#cont div#c3_lrr{
    width: 100%;
  }
}



/**********
layout
**********/
/* 節 */
.l_section{}
.l_section__item{}
.l_section--primary{}
.l_section--secondary{}
.l_section--primary > .l_section__item + .l_section__item{
  margin-top: 60px;
}
.l_section--secondary > .l_section__item + .l_section__item{
  margin-top: 40px;
}

/* グリッド */
.l_grid{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;

}
.l_grid__item{
  display: flex;
}
.l_grid__item_easyOrder{
  display: flex;
  justify-content: space-between;
}
.l_grid__inner{
  display: block;
  width: 100%;
}
.l_grid--lineup{
  margin: -20px;
}
.l_grid--lineup .l_grid__item{
  padding: 20px;
}

.l_nav{}
.l_nav__item{
  border-left: 1px dashed #333;
  border-right: 1px dashed #333;
  margin-top: 10px;
}
.l_nav__item + .l_nav__item{
  border-right: 1px dashed #333;
}

.l_main{}

/**********
module
**********/
/* 見出し  */
.m_heading{}
.m_heading__ttl{}


/* トップ画 */
.m_heading{}
.m_heading__img{}
.m_heading__body{}
.m_heading__nav{}

.m_heading__nav_ttl{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  font-size: 16px;
  color: #000;
  text-decoration: none;
}
.m_heading__nav_ttl::after{
  position: absolute;
  top: 60px;
  left: 20;
  content: '';
  width: 80%;
  height: 5px;
  background: #942C2A;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.m_heading__nav_ttl:hover::after {
  bottom: -4px;
  opacity: 2;
  visibility: visible;
}

.m_heading__nav_target{
  color: #000;
  text-align: center;
}


/* オリジナル動画教材  */
.m_original_movie{}
.m_original_movie__heading{}
.m_original_movie__ttlWrap{}
.m_original_movie__ttl{
  position: relative;
  font-size: 22px;
  padding-left: 50px;

}
.m_original_movie__ttl::before{
  position: absolute;
  display: flex;
  align-items: center;
  top: 3px;
  bottom: 0;
  left: 0;
  margin: 0;
  padding-right: 10px;
  content: url(/resource/img/dougahyakkaten/icon_heading.png)
}
.m_original_movie__ttl--service1{
  display: flex;
  align-items: center;
}
.m_original_movie__ttl--service1::before{
  content: url(/resource/img/dougahyakkaten/service1.png);
  display: flex;
  align-items: center;
  margin: 0;
  margin-right: 10px;
}
.m_original_movie__ttl--service2{
  display: flex;
  align-items: center;
}
.m_original_movie__ttl--service2::before{
  content: url(/resource/img/dougahyakkaten/service2.png);
  display: flex;
  align-items: center;
  margin: 0;
  margin-right: 10px;
}

.m_original_movie__body{
  display: flex;
  flex-direction: row-reverse;
  margin-top: 10px;
}
.m_original_movie__msgWrap{
  font-size: 16px;
  width: 100%;
}
.m_original_movie__msg{}
.m_original_movie__msg + .m_original_movie__msg{
  margin-top: 10px;  
}
.m_original_movie__copyWrap{
  font-size: 16px;
  margin-top: 10px;
}
.m_original_movie__copy{}
.m_original_movie__movie{
  display: flex;
  justify-content: center;
  padding-left: 50px;
}
.m_original_movie__movie > iframe{
  width: 450px;
  height: 250px;
}

.m_original_movie__addition{
  padding-left: 10px;
  margin-top: 30px;
  border-left: 5px solid #942C2A;
  font-size: 16px;
  position: relative;
}
.m_original_movie__addition::after{
  content: "";
  display: block;
  padding-left: 10px;
  margin-top: 20px;
  border-left: 5px solid #5a4705;
  font-size: 16px;
  position: absolute;
}
.m_original_movie__addition_heading{}
.m_original_movie__addition_ttl{
  position: relative;
  font-size: 20px;
  font-weight: bold;
}
.m_original_movie__addition_ttl::before{
  position: absolute;
  content: "";
  border-bottom: dotted 2px #aaa;
  top: 25px;
  width: 285px;
  margin-top: 6px;
}
.m_original_movie__addition_ttl--small{}
.m_original_movie__addition_ttl--small::before{
  width: 160px;
}


.m_original_movie__addition_copyWrap{
  margin-top: 20px;
}
.m_original_movie__addition_copy{
  font-weight: 500;
}
.m_original_movie__addition_copy-price{
  font-weight: 700;
}
.m_original_movie__addition_body{}

.m_original_movie__patternWrap{
  justify-content: space-between;
}
.m_original_movie__pattern{
  width: 32%;
  flex-direction: column;
  background-color: #F2E9DA;
  margin-top: 20px;
}
.m_original_movie__pattern + .m_original_movie__pattern{
}
.m_original_movie__pattern_item{
}
.m_original_movie__pattern_heading{
  background-color: #FFF;
  font-weight: 700;
}
.m_original_movie__pattern_headingimg{
}
.m_original_movie__pattern_msgWrap{
  font-size: 16px;
  font-weight: bold;
}
.m_original_movie__pattern_msg{
  margin: 10px 0;
  font-weight: 500;
}
.m_original_movie__pattern_imgWrap{
  margin-top: 30px;
}
.m_original_movie__pattern_img{}
.m_original_movie__footer{
  margin-top: 20px;
}
.m_original_movie__footer_msg{
  color: #a0a0a0;
  font-size: 14px;
}
/*▼追加：イージーオーダー*/
.m_original_movie__kodawari_pattern-easyOrder{
  width: 66%;
  margin-top: 20px;
  background-color: #F3F3F3;
  flex-direction: column;
}
.m_original_movie__pattern_overview{
  width: 48%;
}
.m_original_movie__pattern_detail{
  width: 292px;
  margin: 30px 15px; 
  margin-left: 0px;
  background-color: #fff;
  padding: 15px;
}
.m_original_movie__pattern_detail-pc{
  
}
.m_original_movie__pattern_detail-sp{
  display: none;
}
.m_original_movie__pattern_detailHeading{
  background-color: #F9ECEC;
  height: 30px;
  display: flex;
  align-items: center;
}
.m_original_movie__pattern_detailHeading_main{
  color: #980416;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.m_original_movie__pattern_detailHeading_main:before{
  content: "";
  background-image: url(../../img/dougahyakkaten/icon_bottom-heading.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 22px;
  height: 18px;
  padding-right: 10px;
}
.m_original_movie__pattern_detailList{
  margin-top: 10px;
}
.m_original_movie__pattern_detailList_item{
  text-indent: -29px;
  padding-left: 29px;
  font-size: 16px;
}
.m_original_movie__pattern_detailList_item:before{
  content: "";
  background-image: url(../../img/dougahyakkaten/icon_check.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 19px;
  height: 15px;
  margin-right: 10px;
}

/*▲追加：イージーオーダー*/
/*▼追加：こだわり動画*/
.m_original_movie__kodawari_patternWrap{
  justify-content: space-between;
}
.m_original_movie__kodawari_patternWrap:after{
  content:"";
  width: 32%;
}
.m_original_movie__kodawari_pattern{
  width: 32%;
  margin-top: 20px;
  background-color: #F3F3F3;
  flex-direction: column;
}
.m_original_movie__kodawari_pattern_item {
}
.m_original_movie__kodawari_pattern_heading{
  background-color: #fff;
  font-weight: bold;
}
.m_original_movie__kodawari_pattern_heading-vyond{
  letter-spacing: -1px;
}
.m_original_movie__kodawari_pattern .m_original_movie__pattern_imgWrap{
  margin-top: 30px;
}
.m_original_movie__pattern_imgWrap,
.m_original_movie__pattern_msg,
.m_original_movie__pattern_btn,
.m_original_movie__pattern_msg_attention{
  margin-left: 15px;
  margin-right: 15px;
}
.m_original_movie__kodawari_pattern_msgWrap{
  flex-direction: column;
  display: flex;
  height: 100%;
}
.m_original_movie__pattern_msg-main{
  font-weight: 500;
}
.m_original_movie__patternWrap .m_original_movie__pattern_msg-main{
  margin-top:0;
}
.m_original_movie__pattern_msg-price{
  font-weight: 700;
  margin-bottom: 25px;
}
.m_original_movie__patternWrap .m_original_movie__pattern_msg-price{
  margin-top: 0px;
}
.m_original_movie__pattern_msg-price + .m_original_movie__pattern_msg{
  margin-top: 0px;
}
.m_original_movie__pattern_msg_attention{
  font-size: 14px;
  color: #a0a0a0;
  text-align: right;
  margin-bottom: 25px;
}
.m_original_movie__pattern_btn{
  margin-top: auto;
  margin-bottom: 30px;
  border-radius: 8px;
  background-color: #fff;
}
.m_original_movie__pattern_btnTarget{
  border: 1px solid #980416;
  border-radius: 8px;
  background-color: #fff;
  color: #980416;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  height: 38px;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}
.m_original_movie__pattern_btnTarget:after{
  content: url(/resource/img/dougahyakkaten/video_production_arrow.png);
  position: relative;
  padding-left: 10px;
  top: 4px;
}
.m_original_movie__pattern_btnTarget:hover{
  opacity: 0.6;
  transition: .3s;
}
/*▲追加：こだわり動画*/

/* 制作スケジュール  */
.m_original_movie__flowWrap{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.m_original_movie__flow_item{
  display: flex;
  justify-content: center;
  margin-top: 25px;
  width: 12%;
}
.m_original_movie__flow_triangle{
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #000;
  margin-top: 25px;
}
.m_original_movie__flow_phaseWrap{}
.m_original_movie__flow_phase{
  border: 2px solid #000;
  border-radius: 5px;
  font-weight: bold;
  padding: 10px;
  width: 100px;
  text-align: center;
}

/* お問合せ・ご相談 */
.m_original_movie__contactWrap{
  margin-top: 40px;
}
.m_original_movie__contact{
  display: flex;
  align-items: stretch;
  justify-content: center;
  font-size: 24px;
  margin: 0 auto;
  width: 50%;
  height: 2.5em;
}
.m_original_movie__contact_link{
  color: #fff;
  background: #5a4705;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.m_original_movie__contact_link:hover{
  opacity: .8;
}

.m_original_movie__contact-free.m_original_movie__contactWrap{
  margin: 40px auto 50px auto;
  width:91.666%;
}
.m_original_movie__contactBorder{
  border: 2px solid #980416;
  border-radius: 6px;
  box-shadow: 5px 5px #980416;
  padding: 10px 20px;
  box-sizing: border-box;
  margin-right: 5px;
}
.m_original_movie__contactTtl {
  border-bottom: 2px solid #980416;
  padding-bottom: 5px;
}
.m_original_movie__contactTtl_main {
  font-size: 22px;
  font-weight: bold;
  color: #980416;
}
.m_original_movie__contactMsg {
  margin: 10px 10px 0px 10px;
}
.m_original_movie__contactMsg_main {
  font-size: 16px;
  font-weight: 500;
}
.m_original_movie__contact-free .m_original_movie__contact{
  margin: 20px auto 10px auto;
}
.m_original_movie__contactSub {
  text-align: center;
}
.m_original_movie__contactSub_main {
  text-align: left;
  font-size: 14px;
  color: #A0A0A0;
  display: inline-block;
  padding-left: 1rem;
  text-indent: -1rem;
}


.m_original_movie__addition__info{}
.m_original_movie__addition__info + .m_original_movie__addition__info{
  margin-top: 20px;
}
.m_original_movie__addition_info_ttl{
  font-size: 20px;
  font-weight: bold;
}
.m_original_movie__addition_infomsg{
  padding-left: 20px;
}
.m_original_movie__addition_infomsg_indent{
  padding-left: 3em;
}

.m_original_movie__txtLink a {
  position: relative;
  display: block;
  padding-right: 20px;
  margin-top: 10px;
  text-align: right;
  text-decoration: underline;
}
.m_original_movie__txtLink a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto 0;
  border-right: 2px solid;
  border-top: 2px solid;
  transform: rotate(45deg);
}
@media (any-hover: hover) {
.m_original_movie__txtLink a:hover {
  text-decoration: none;
  transition: 0.3s;
}
}

#inquireBox_730{
  margin-top: 40px;
  width: auto;
}
@media screen and (max-width:768px){
  .m_original_movie__body{
    flex-direction: column-reverse;
  }
  .m_original_movie__movie{
    padding-left: 0px;
    margin-top: 20px;
  }
  .m_original_movie__pattern + .m_original_movie__pattern{
    margin-left: unset;
  }
  .m_original_movie__msgWrap{
    width: auto;
  }
  .m_original_movie__contact-free.m_original_movie__contactWrap{
    width: 100%;
  }
  .m_original_movie__contactBorder{
    padding: 10px;
  }
  .m_original_movie__contactTtl_main {
    font-size: 20px;
  }
  .m_original_movie__pattern_btn{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  .m_original_movie__pattern_overview{
    width: auto;
  }
  .m_original_movie__pattern_detail{
    width: auto;
    margin-left: 15px;
  }
  .m_original_movie__pattern_detail-pc{
    display: none;
  }
  .m_original_movie__pattern_detail-sp{
    display: block;
  }
  .m_original_movie__pattern_detailList_item + .m_original_movie__pattern_detailList_item{
    margin-top: 5px;
  }
}
@media screen and (max-width:599px){
  .m_original_movie__body{
    flex-direction: column-reverse;
  }
  .m_original_movie__movie{
    padding-left: 0px;
    margin-top: 20px;
  }
  .m_original_movie__pattern + .m_original_movie__pattern{
    margin-left: unset;
  }
  .m_original_movie__contactTtl_main {
    font-size: 19px;
  }
}

/**********
utility
**********/
/*横幅*/
.u_col1{width:8.333%;}
.u_col2{width:16.667%;}
.u_col3{width:25%;}
.u_col4{width:33.333%;}
.u_col5{width:41.666%;}
.u_col6{width:50%;}
.u_col7{width:58.333%;}
.u_col8{width:66.666%;}
.u_col9{width:75%;}
.u_col10{width:83.33%;}
.u_col11{width:91.666%;}
.u_col12{width:100%;}
@media screen and (max-width:768px){
  .u_resMdCol1{width:8.333%;}
  .u_resMdCol2{width:16.667%;}
  .u_resMdCol3{width:25%;}
  .u_resMdCol4{width:33.333%;}
  .u_resMdCol5{width:41.666%;}
  .u_resMdCol6{width:50%;}
  .u_resMdCol7{width:58.333%;}
  .u_resMdCol8{width:66.666%;}
  .u_resMdCol9{width:75%;}
  .u_resMdCol10{width:83.33%;}
  .u_resMdCol11{width:91.666%;}
  .u_resMdCol12{width:100%;}
  .u_resMdHide{display: none;}
  .u_resMdInline{display: inline;}
  .u_resMdUnset{display: unset;}
}
@media screen and (max-width:599px){
  .u_resSmCol1{width:8.333%;}
  .u_resSmCol2{width:16.667%;}
  .u_resSmCol3{width:25%;}
  .u_resSmCol4{width:33.333%;}
  .u_resSmCol5{width:41.666%;}
  .u_resSmCol6{width:50%;}
  .u_resSmCol7{width:58.333%;}
  .u_resSmCol8{width:66.666%;}
  .u_resSmCol9{width:75%;}
  .u_resSmCol10{width:83.33%;}
  .u_resSmCol11{width:91.666%;}
  .u_resSmCol12{width:100%;}
  .u_resSmHide{display: none;}
  .u_resSmInline{display: inline;}
}

/* 間隙 */
.u_mr10{
  margin-right: 10px;
}
.u_mb16{
  margin-bottom: 16px;
}

.m0{ margin:0px !important; }
.m5{ margin:5px !important; }
.m10{ margin:10px !important; }
.m15{ margin:15px !important; }
.m20{ margin:20px !important; }
.m25{ margin:25px !important; }
.m30{ margin:30px !important; }
.m35{ margin:35px !important; }
.m40{ margin:40px !important; }
.m45{ margin:45px !important; }
.m50{ margin:50px !important; }

.mt0{ margin-top:0px !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{margin-top:30px !important;}
.mt35{ margin-top:35px !important; }
.mt40{ margin-top:40px !important; }
.mt45{ margin-top:45px !important; }
.mt50{ margin-top:50px !important; }

.ml0{ margin-left:0px !important; }
.ml1{ margin-left:1px !important; }
.ml5{ margin-left:5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml35{ margin-left:35px !important; }
.ml40{ margin-left:40px !important; }
.ml45{ margin-left:45px !important; }
.ml50{ margin-left:50px !important; }
.ml55{ margin-left:55px !important; }
.ml60{ margin-left:60px !important; }

.mr0{ margin-right:0px !important; }
.mr3{ margin-right:3px !important; }
.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr35{ margin-right:35px !important; }
.mr40{ margin-right:40px !important; }
.mr45{ margin-right:45px !important; }
.mr50{ margin-right:50px !important; }

.mb0{ margin-bottom:0px !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb35{ margin-bottom:35px !important; }
.mb40{ margin-bottom:40px !important; }
.mb45{ margin-bottom:45px !important; }
.mb50{ margin-bottom:50px !important; }

/* 要素を出す/隠す */
.u_hide{
  display: none !important;
}
@media screen and (max-width:599px){
  .u_resSmHide{
    display: none !important;
  }
  .u_resSmInline{
    display: inline !important;
  }
}

/* 左右寄せ */
.u_fr{
  float: right;
}

.u_fl{
  float: left;
}