@charset "utf-8";
/* Base Style
----------------------- */
*, body { font-family:'Noto Sans JP', sans-serif;"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; letter-spacing:1px; }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* Crearfix for Modern Browsers including Firefox, Opera, Safari, etc */
.clearfix { display:inline-block; } /* For Windows IE7 and Mac IE5 */
* html .clearfix{ height:1px; color: #333; } /* For Windows IE5/IE6: Hides from IE-mac */
.clearfix { display:block; }
.clear { clear:both; } /* End hide from IE-mac */
html { overflow-y:scroll; } /* For FireFox scrolling */
img { -ms-interpolation-mode:bicubic; image-rendering:optimizequality; vertical-align:bottom; } /* Better images when resized for IE7, FF3.5+ */
a { text-decoration:none; }
a:hover { text-decoration:none; opacity:0.7; }
html,body { height:100%; }

/* wrapper  ----------------------- */
#wrapper { }

/* color  ----------------------- */

/* font  ----------------------- */

/* animation  ----------------------- */
.tran {
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*共通  ----------------------- */
.box_center { width:100%; text-align:center; }
.box_right { width:100%; text-align:right; }
.box_left { width:100%; text-align:left; }
.img_center { display:block; text-align:center; }
.l_box { float:left; }
.r_box { float:right; }

.all_center_box {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.all_center_item {
  vertical-align: middle;
}


/* タイトル **************************  */
.original_ttl_english { text-align: center;  font-family: 'Roboto', sans-serif; letter-spacing: 4px; color: #E3EDF5; font-size: 80px; font-weight: 700;}
.original_ttl_english_b { text-align: center;  font-family: 'Roboto', sans-serif; letter-spacing: 4px; color: #C8E2F0; font-size: 80px; font-weight: 700;}
.original_contents_ttl { margin-top: -45px; margin-bottom: 50px; font-size: 34px; text-align: center; font-weight: bold; }
.original_contents_ttl span { font-size: 50px; color:#0077B9; letter-spacing: -5px;}
.original_read { font-size: 18px; line-height: 1.7em; text-align: center; margin-bottom: 80px; padding: 0 20px; }

/*CVボタン **************************  */
.original_cv_btn {
	width: 414px; height: 100px; display: block; margin: 0 auto 100px;
    background: url("../images/btn_arr_w.png") no-repeat right 23px top 40px / 15px 25px,linear-gradient(-45deg, #22e3bb 0%, #2196F3 100%);
    border: none;
    box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.2);
    color: #fff;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 3px;
	text-align: center;
    padding: 30px 0;
}
.original_cv_btn:hover {
	box-shadow: none; opacity:1; position: relative; top: 3px;
    background: url("../images/btn_arr_w.png") no-repeat right 19px top 40px / 15px 25px,linear-gradient(-60deg, #22e3bb 0%, #2196F3 100%);
}


/* original_mv　メインビジュアル */
.original_mv { width: 100%; height: 595px; padding-top: 110px; background: url("../images/MV_bg.jpg") no-repeat center center / cover;}
.original_mv_logo {width: 80%; max-width: 995px; margin: 0 auto; }
.original_mv_logo img,.original_mv_logo_sp img  { width: 100%;}
.original_mv_logo_sp {display: none;}


/* original_point　ポイント */
.original_point {margin-top: -200px; text-align: center; margin-bottom: 100px;  }
.original_point_list li {width:307px; height: 307px; padding-top: 170px; vertical-align: top; margin: 0 10px; display: inline-block; font-size: 22px; font-weight: 500; text-align: center; letter-spacing: 0;}
.original_point_list li:nth-child(1) {background: url("../images/main_p1.png") no-repeat center center / cover}
.original_point_list li:nth-child(2) {background: url("../images/main_p2.png") no-repeat center center / cover; margin-top: 40px;}
.original_point_list li:nth-child(3) {background: url("../images/main_p3.png") no-repeat center center / cover;}
.original_point_list li span { color: #0077B9; font-weight: 500; display: block; }

/* original_seminar　セミナー情報 */
.original_seminar {background-color: #ECF2F8; margin-bottom: 150px; }
.original_seminer_box {max-width:1100px; width: 85%; margin: 0 auto; padding-bottom: 28px;}
.original_seminar_ph { margin-top: -30px; float: left; width: 300px;}
.original_seminar_ph img {width: 100%;}
.original_seminer_ttl { border-bottom: 1px solid #333; padding:30px 0 20px 330px; font-size: 26px; font-weight: bold;  }
.original_seminer_ttl span { font-size: 18px; color: #0077B9; display: block;}
.original_seminer_box table { margin:25px 0 20px 330px; }
.original_seminer_box table th { font-size: 16px; font-weight: bold; letter-spacing: 1.5px; padding-right: 15px;  }
.original_seminer_box table td {font-size: 16px; }
.original_seminer_btn { width: 224px; height: 54px; margin-top: -70px; padding-top: 12px; font-size: 17px; font-weight: bold; color:#0077B9; text-align: center; float: right; border: 2px solid #0077B9; display: block; background: url("../images/btn_arr_blue.png") no-repeat center right 25px / 8px 14px;}
.original_seminer_btn:hover { background-color: #0077B9; color: #FFF;letter-spacing: 7px; pacity:1; cursor: pointer; }


/*受賞歴*/
.original_award { width: 940px; position: relative; border-bottom: 2px solid #0077B9; border-top: 8px solid #0077B9; padding: 0 0 30px; margin: 0 auto 100px; }
.original_award_danbo {z-index: 10; width: 176px; position: absolute; top:-50px; right: 20px;}
.original_award_ttl {font-size: 28px; padding: 30px 0 25px; font-weight: bold; text-align: center;}
.original_award_list { min-height: 150px; background: url("../images/award_icon.png") no-repeat left center/ 141px 141px; padding:15px 0 0 155px;}
.original_award_list li {font-size: 15px; padding: 1px 0;}
.original_award_list .award_year {font-size: 18px; letter-spacing: 0; font-weight: bold; padding-right: 10px;}
.original_award_list .award_name {font-size: 18px; letter-spacing: 0; font-weight: bold; color: #0077B9; }
.original_award_txt { padding-left: 155px; }


/*こんな通販業者様におすすめ*/
.original_recommend { width: 100%;  padding: 60px 0 50px; background: url("../images/recommended_bg.jpg") no-repeat center center / cover}
.original_recommend_ttl { margin: 0 auto; max-width: 763px; width: 90%; }
.original_recommend_ttl img {width: 100%;}
.original_recommend_list {width: 95%; max-width: 1200px; margin: 0 auto; text-align: center;}
.original_recommend_list li {width: 413px; height: 197px; margin-right:-20px; margin-bottom: 20px; display: inline-block; padding-top: 38px; text-align: center; font-size: 23px; letter-spacing: 0; font-weight: 500;  vertical-align: middle;}
.original_recommend_list li span { font-size: 26px; color: #0077B9; letter-spacing: 0; font-weight: 500;} 
.original_recommend_list li:nth-child(2n+1) {background: url("../images/recommend_bk1.png") no-repeat center center / 413px 197px;}
.original_recommend_list li:nth-child(2n) {background: url("../images/recommend_bk2.png") no-repeat center center / 413px 197px;}
.original_recommend_list li:nth-child(3) {padding-top: 25px; }
.original_recommend_list li:nth-child(2),.original_recommend_list li:nth-child(5) {margin-top: 35px;}

/*サービスの特徴*/
.original_service { background: url("../images/service_danbo.png") no-repeat top 40px right 40px / 323px 324px; padding-top: 100px;}
.original_servise_list { max-width:1100px;  text-align: center; margin: 0 auto 80px;}
.original_servise_list li { width: 870px; height: 153px; margin-bottom: 20px; display: inline-block; padding: 36px 0 0 163px; text-align: left;  }
.original_servise_list li:nth-child(1) { background: url("../images/service_con_bg1.png") no-repeat center center / 870px 153px; }
.original_servise_list li:nth-child(2) { background: url("../images/service_con_bg2.png") no-repeat center center / 870px 153px; margin-left: 80px; }
.original_servise_list li:nth-child(3) { background: url("../images/service_con_bg3.png") no-repeat center center / 870px 153px; margin-left: 160px;  }
.original_servise_list_no {display: none;}
.original_servise_sttl { font-size: 27px; font-weight: bold; }
.original_servise_sttl span {font-size: 32px; color:#0077B9; }
.original_servise_stxt { font-size: 17px; }

/*選べる３つのタイプ*/
.original_product { background: url("../images/product_danbo.png") no-repeat top 0px left 40px / 370px 278px; padding-top: 100px;}
.original_product_list { width: 1000px; margin: 130px auto 80px;}
.original_product_list li { border-bottom: 3px solid #66ADD5; margin-bottom: 20px; font-size: 20px; }
.original_product_list li:nth-child(3) { border-bottom: 3px solid #0077B9; }
.original_product_list_ttl { width: 273px; height: 63px; padding-top: 13px; margin-right: 10px; display: inline-block; text-align: center; color: #FFF; font-size: 26px; font-weight: bold; background: url("../images/product_ttlbg1.png") no-repeat center center / 273px 63px; }
.original_product_list li:nth-child(3) p.original_product_list_ttl {background: url("../images/product_ttlbg2.png") no-repeat center center / 273px 63px;}
.original_product_list li span {display: inline-block;float: right; margin-top: 20px; color: #CCC; letter-spacing: 0; font-weight: bold;}
.original_product_list a {display: inline-block;float: right; margin-top: 20px; /*width: 98px;*/width: 130px;  height: 30px; vertical-align: middle; }
.original_product_list a img {width: 100%; }
.original_product_list a:hover {margin-left: 24px; }

/*事例紹介*/
.original_works { background-color: #EBF4F9; padding: 80px 0; }
.original_works_list{ text-align: center;  margin: 120px 0 80px;}
.original_works_list li { width: 30%; max-width: 450px; vertical-align: top;margin-bottom: 30px; text-align: left; display: inline-block; min-width: 350px;}
/*.original_works_list li img { width: 80%;}*/
/*.original_works_list li works_slide{ width: 80%;}*/

.original_works_list_dox { margin: -45px 30px 0 45px; background-color: #FFF; padding: 70px 20px 35px; }
.original_works_sttl {font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.original_works_stxt { font-size: 15px;}

.original_works_download { width: 1000px; border: 2px solid #0077B9; background-color: #FFF; padding: 30px 40px; margin: 0 auto;}
.original_works_download .txt { width: 560px; font-size: 20px; float: left; }
.original_works_download a {display: block; width: 314px; text-align: center; font-size: 18px; float: right; padding: 20px; color: #FFF; background: url("../images/download_pdf_icon.png") no-repeat center left 20px / 38px 38px, url("../images/download_icon.png") no-repeat center right 20px / 26px 22px,#0077B9;}


 /*=== 画像の表示エリア ================================= */
.product_slide2,.product_slide3,.product_slide4 {
  position   : relative;
  overflow   : hidden;
  width      : 235px;
  height     : 160px;    
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.product_slide2 img,.product_slide3 img,.product_slide4 img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
}
.product_slide2 img{
  animation  : slideAnime 6s ease infinite;
}
.product_slide3 img{
  animation  : slideAnime 9s ease infinite;
}
.product_slide4 img{
  animation  : slideAnime 12s ease infinite;
}

 
 /*=== スライドのアニメーションを段差で開始する ========= */
.product_slide2 img:nth-of-type(1) { animation-delay: 0s }
.product_slide2 img:nth-of-type(2) { animation-delay: 3s }

 /*=== スライドのアニメーションを段差で開始する ========= */
.product_slide3 img:nth-of-type(1) { animation-delay: 0s }
.product_slide3 img:nth-of-type(2) { animation-delay: 3s }
.product_slide3 img:nth-of-type(3) { animation-delay: 6s }

 /*=== スライドのアニメーションを段差で開始する ========= */
.product_slide4 img:nth-of-type(1) { animation-delay: 0s }
.product_slide4 img:nth-of-type(2) { animation-delay: 3s }
.product_slide4 img:nth-of-type(3) { animation-delay: 6s }
.product_slide4 img:nth-of-type(4) { animation-delay: 9s }


/*事例紹介*/
.original_works { background-color: #EBF4F9; padding: 80px 0; }
.original_works_list{ text-align: center;  margin: 120px 0 80px;}
.original_works_list li { width: 30%; max-width: 450px; vertical-align: top;margin-bottom: 80px; text-align: left; display: inline-block; min-width: 350px; position: relative;}
/*.original_works_list li img { width: 80%;}*/
/*.original_works_list li works_slide{ width: 80%;}*/

.original_works_list_dox { margin: -45px 30px 0 45px; background-color: #FFF; padding: 70px 20px 35px; }
.original_works_sttl {font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.original_works_sttl span {font-size: 14px; font-weight: normal; color: #66ADD5; padding-left: 15px}
.original_works_stxt { font-size: 15px;}

.original_works_download { width: 1000px; border: 2px solid #0077B9; background-color: #FFF; padding: 30px 40px; margin: 0 auto;}
.original_works_download .txt { width: 560px; font-size: 20px; float: left; }
.original_works_download a {display: block; width: 314px; text-align: center; font-size: 18px; float: right; padding: 20px; color: #FFF; background: url("../images/download_pdf_icon.png") no-repeat center left 20px / 38px 38px, url("../images/download_icon.png") no-repeat center right 20px / 26px 22px,#0077B9;}

.jirei_new { z-index: 200;
position: absolute;
margin-left: 0;
top:0;left:259px; }




/*事例の写真スライド*/

 /*=== 画像の表示エリア ================================= */
.works_slide2,.works_slide3,.works_slide4 {
  position   : relative;
  overflow   : hidden;
  width      : 319px;
  height     : 237px;    
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.works_slide2 img,.works_slide3 img,.works_slide4 img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
}
.works_slide2 img{
  animation  : slideAnime 6s ease infinite;
}
.works_slide3 img{
  animation  : slideAnime 9s ease infinite;
}
.works_slide4 img{
  animation  : slideAnime 12s ease infinite;
}

 
 /*=== スライドのアニメーションを段差で開始する ========= */
.works_slide2 img:nth-of-type(1) { animation-delay: 0s }
.works_slide2 img:nth-of-type(2) { animation-delay: 3s }

 /*=== スライドのアニメーションを段差で開始する ========= */
.works_slide3 img:nth-of-type(1) { animation-delay: 0s }
.works_slide3 img:nth-of-type(2) { animation-delay: 3s }
.works_slide3 img:nth-of-type(3) { animation-delay: 6s }

 /*=== スライドのアニメーションを段差で開始する ========= */
.works_slide4 img:nth-of-type(1) { animation-delay: 0s }
.works_slide4 img:nth-of-type(2) { animation-delay: 3s }
.works_slide4 img:nth-of-type(3) { animation-delay: 6s }
.works_slide4 img:nth-of-type(4) { animation-delay: 9s }


 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   25% { opacity: 1 }
  50% { opacity: 1 }
  75% { opacity: 0 }
 100% { opacity: 0 }
}




/*サービスご利用の流れ*/
.original_flow { padding: 160px 0 95px; margin-top: -100px; z-index: 100; position: relative; background: url("../images/flow_bg_l.png") repeat-y left 100px top / 176px 975px,url("../images/flow_bg_r.png") repeat-y right 100px top / 163px 964px;}
.original_flow_list {width: 850px; margin: 120px auto 0;}
.original_flow_list li { display: block; background-color: #E5F1F8; vertical-align: middle; padding: 8px; font-size: 18px; font-weight: bold; }
.original_flow_list li span { display: inline-block; float: left;}
.original_flow_list li span.flow_no { width: 75px; height: 75px; padding: 15px; margin-right: 20px; text-align: center;  font-size: 40px; font-family: 'Roboto', sans-serif; color: #FFF; background-color: #0077B9; }
.original_flow_list li span.flow_li_txt { margin-top: 20px; max-width: 695px;}
.original_flow_list li span.flow_li_txt2 { margin-top: 10px; max-width: 695px;}
.original_flow_list li span.flow_muryo { padding: 4px 8px; margin-top: 10px; color: #FFF; font-size: 13px; text-align: center; font-weight: normal; background-color: #66ADD5; float: none; display: inline; }
.original_flow_list li span.flow_hosoku { font-size: 15px;width: 100%; font-weight: normal; display: block; float: none;}

.original_flow_list li.original_flow_list_arr { height: 40px; display: block; background:url("../images/flow_arr.png") no-repeat center center / 36px 15px; }


/*よくあるご質問*/
.original_faq{ background-color: #EBF4F9; padding: 80px 0; }
.original_faq_box { width: 850px; margin: 0 auto;}
.original_faq_check{
    display: none;
}
.original_faq_label{
    display: block;
	background: url("../images/faq_q.png")no-repeat center left / 55px 55px;
    padding: 30px 0 30px 70px;
    position: relative;
	font-size: 18px;
	font-weight: bold;
	border-top: 3px dotted #80BBDC; 
}
.original_faq_label_first {border-top: none;}
.original_faq_label:after{
    box-sizing: border-box;
    content: '＋';
    display: block; 
    height: 200px;
    padding: 25px 20px;
    position: absolute;
    right: 0;
    top: 0px;
	color: #0077B9;
	font-size: 25px;
}
.original_faq_content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.original_faq_content p {background-color: #FFF; font-size: 14px; padding: 25px;margin-top: -25px; }
.original_faq_content img { display: block; margin-left: 25px; }
.original_faq_check:checked + .original_faq_label:after{
                      content: 'ー';
}
.original_faq_check:checked + .original_faq_label + .original_faq_content{
	height: auto;
    opacity: 1;
    padding: 10px 10px 30px;
    visibility: visible;
}


/*お問い合わせフォーム*/
.original_contact{ background-color: #FFF; padding: 80px 0; }
.original_form_box{ max-width: 750px; margin: 130px auto 150px; background-color: #EBF4F9; padding: 35px; border-radius: 5px; }

.mailform tr { border-bottom: 1px dashed #B3B3B3; }
.mailform tr th { width: 220px; padding: 20px; font-size: 15px; }
.mailform tr th span {color:#D4145A;}
.mailform td {padding: 15px;}
.mailform td input { color:#ABABAB; font-size: 12px; padding: 4px; }
.mailform td input.mailform_lg_ss { width: 100px;}
.mailform td input.mailform_lg_s { width: 200px;}
.mailform td input.mailform_lg_m { width: 300px}
.mailform td input.mailform_lg_l { width: 450px}
.mailform tr.bb_no {border-bottom: none;}
.mailform td input.mailform_ma {margin-bottom: 15px;}
/* 20211030 update ****************
 *  block->inline-block  */
.mailform input.sb_btn1 {display:inline-block; border: none; width: 223px; text-align: center; font-size: 16px; margin: 0 auto; padding: 15px 30px 15px 15px; color: #FFF; background:url("../images/btn_arr_w.png") no-repeat center right 10px / 10px 18px,#0077B9;}
.mailform input.sb_btn1:hover { opacity: 0.8; cursor: pointer;}

.mailform input.sb_btn2 {display: inline-block; border: none; width: 223px; text-align: center; font-size: 16px; padding: 15px; color: #FFF; background:#BCBCBC; margin-left: 15px;}

/* 20211030 add **************************  */
.mailform {width: 100%; }
.sb_btnbox {text-align:center;}
.mw_wp_form_confirm .input-show{ display:none; }

/*背景V字白 **************************  */
.original_bg_v_w { width: 100%;background: #FFF; height: 130px; position: relative; overflow: hidden; }
.original_bg_v_w:before {
    content: " ";
    display: block;
    width: 80%;
    height: 130px;
    background: #EBF4F9;
    transform: rotate(8deg);
    transform-origin: left top;
    position: absolute;
    top: 0;
    left: 1px; 
  }
.original_bg_v_w:after {
    content: " ";
    display: block;
    width: 80%;
    height: 130px;
    background: #EBF4F9;
    transform: rotate(-8deg); 
    transform-origin: right top;
    position: absolute;
    top: 0;
    right: 1px;
  }
/*背景V字青*/
.original_bg_v_b { width: 100%;background: #EBF4F9; height: 130px; position: relative; overflow: hidden; }
.original_bg_v_b:before {
    content: " ";
    display: block;
    width: 80%;
    height: 250px;
    background: #FFF;
    transform: rotate(8deg);
    transform-origin: left top;
    position: absolute;
    top: 0;
    left: 1px; 
  }
.original_bg_v_b:after {
    content: " ";
    display: block;
    width: 80%;
    height: 250px;
    background: #FFF;
    transform: rotate(-8deg); 
    transform-origin: right top;
    position: absolute;
    top: 0;
    right: 1px;
  }




/* ************************************* ↓↓↓↓↓mediaquery↓↓↓↓↓ ****************************************  */
/* #top トップページ
/* *************************  -1024の表示  **************************  */
@media (max-width: 1024px) {

}
/* ************************************* ↑↑↑↑↑↑mediaquery↑↑↑↑↑ ****************************************  */