@charset "utf-8";

/* ==============================================================

トップページ

============================================================== */


/* レイアウト
---------------------------------------------------------------- */
#contents {
	width: 100%;
}

#print_service {
  line-height: 1.4;
  margin-top: 30px;
}

#print_service .contentsClm {
  margin-bottom: 60px;
}

#print_service .contentsClm.top {
  margin-bottom: 0;
}

#print_service a:hover {
  text-decoration: none;
  transition: 0.3s;
}

#print_service a {
  transition: 0.3s;
}

#print_service *, #print_service *:before, #print_service *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.title_bg {
  background: url(/resource/club_com/services/print_service/images/title_bg.png);
  font-size: 35px;
  text-align: center;
  height: 84px;
  color: #fff;
}

.flexbox {
	display: flex;
}

.sp_bet {
	justify-content: space-between;
}

.sp_around {
  justify-content: space-around;
}

.js_center {
  justify-content: center;
}


.align_center {
  align-items: center;
}

.align_fl_en {
  align-items: flex-end;
}


/* 上部ナビゲーション
---------------------------------------------------------------- */
#print_service #head_nav {
  transition: .3s;
}

#print_service #head_nav_inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
#print_service #head_nav_inner .gnav_smalltext {
    font-size: 10px;
    font-weight: 500;
}
#print_service #head_nav_inner a {
  display: block;
  background-color: #172397;
  color: #fff;
  width: 235px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  border-radius: 5px;
  padding: 10px 0;
}

#print_service #head_nav_inner a:hover,
#print_service #head_nav_inner a.current {
  background-color: #1B72E9;
}

#print_service #head_nav_inner a span {
  display: block;
}
#print_service #head_nav_inner a span::before {
  content: url(/resource/club_com/services/print_service/images/head_nav_arrow.png);
  margin-right: 5px;
}

#print_service #head_nav.is-fixed {
  position: fixed;
  top: 0;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.8);
  max-width: 100%;
  padding: 10px 0;
  text-align: center;
  backface-visibility:hidden;
}

#print_service #head_nav.is-fixed #head_nav_inner {
  width: 960px;
  margin: 0 auto;
}

.is-hide {
  transform: translateY(-100%);
}


/* メインビジュアル
---------------------------------------------------------------- */
#print_service #mv {
  margin-bottom: 16px;
}

#print_service #mv .note {
  text-align: right;
  margin-top: 10px;
  font-size: 12px;
}

/* バナーエリア
---------------------------------------------------------------- */
#print_service .bnr_laser {
	opacity: 0.75;
}


/* ボタンエリア
---------------------------------------------------------------- */
/* ボタンエリア横並び */
#print_service .btn_area_side {
  display: flex;
  justify-content: center;
  margin-bottom: 43px;
}

#print_service .btn_area_side a span {
  display: block;
}

/* ボタンエリア縦並び */
#print_service .btn_area_vertical {
  text-align: center;
  font-weight: 600;
}

#print_service .btn_area_vertical .read {
  font-size: 30px;
  margin-bottom: 20px;
}

#print_service .btn_area_vertical .read span {
  font-size: 50px;
  color: #DA0A16;
}

#print_service .btn_area_vertical .note {
  font-size: 18px;
  text-align: center;
  font-weight: normal;
}

/* お見積ボタン_s */
#print_service .btn_area_side .btn_estimate_s {
  background-color: #1B72E9;
  display: block;
  width: 415px;
  color: #fff !important;
  margin: 0 8px;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  padding: 20px 0;
  border-radius: 5px;
  opacity: 1;
}

#print_service .btn_area_side .btn_estimate_s:hover {
  opacity: 0.8;
}

#print_service .btn_area_side .btn_estimate_s span {
  display: block;
}

#print_service .btn_area_side .btn_estimate_s span::after {
  content: url(/resource/club_com/services/print_service/images/btn_estimate_arrow_s.png);
  margin-left: 5px;
}

/* お見積りボタン_m */
#print_service .btn_area_vertical .btn_estimate_m {
  display: block;
  width: 500px;
  color: #fff !important;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  padding: 20px 0;
  border-radius: 8px;
  background-color: #1B72E9;
  margin: 0 auto;
  margin-bottom: 25px;
  opacity: 1;
}

#print_service .btn_area_vertical .btn_estimate_m:hover {
  opacity: 0.8;
}

#print_service .btn_area_vertical .btn_estimate_m span {
  display: block;
}

#print_service .btn_area_vertical .btn_estimate_m span::after {
  content: url(/resource/club_com/services/print_service/images/btn_estimate_arrow_m.png);
  margin-left: 5px;
  position: relative;
  top: 3px;
}

/* 申込ボタン_s */
#print_service .btn_area_side .btn_form_s {
  background-color: #FFA700;
  display: block;
  width: 415px;
  color: #fff !important;
  margin: 0 8px;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  padding: 20px 0;
  border-radius: 5px;
  opacity: 1;
}

#print_service .btn_area_side .btn_form_s:hover {
  opacity: 0.8;
}

#print_service .btn_area_side .btn_form_s span {
  display: block;
}

#print_service .btn_area_side .btn_form_s span::after {
  content: url(/resource/club_com/services/print_service/images/btn_form_arrow_s.png);
  margin-left: 5px;
}

/* 申込ボタン_m */
#print_service .btn_area_vertical .btn_form_m {
  display: block;
  width: 800px;
  color: #fff !important;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  padding: 20px 0;
  border-radius: 8px;
  background-color: #FFA700;
  margin: 0 auto;
  margin-bottom: 20px;
  opacity: 1;
}

#print_service .btn_area_vertical .btn_form_m:hover {
  opacity: 0.8;
}

#print_service .btn_area_vertical .btn_form_m span {
  display: block;
}

#print_service .btn_area_vertical .btn_form_m span::after {
  content: url(/resource/club_com/services/print_service/images/btn_form_arrow_m.png);
  margin-left: 5px;
  position: relative;
}

/* 申込ボタン_b */
#print_service .btn_area_vertical .btn_form_b {
  display: block;
  width: 755px;
  color: #fff !important;
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  padding: 25px 0;
  border-radius: 8px;
  background-color: #FFA700;
  margin: 0 auto;
  margin-bottom: 20px;
  opacity: 1;
}

#print_service .btn_area_vertical .btn_form_b:hover {
  opacity: 0.8;
}

#print_service .btn_area_vertical .btn_form_b span {
  display: block;
}

#print_service .btn_area_vertical .btn_form_b span::after {
  content: url(/resource/club_com/services/print_service/images/btn_form_arrow_b.png);
  margin-left: 5px;
  position: relative;
  top: 3px;
}

/* 料金シミュレーションボタン_b */
#print_service .btn_area_vertical .btn_simu_b {
  display: block;
  width: 800px;
  color: #fff !important;
  font-size: 35px;
  font-weight: 600;
  text-align: center;
  padding: 25px 0;
  border-radius: 8px;
  background-color: #172397;
  margin: 0 auto;
  margin-bottom: 25px;
  opacity: 1;
}

#print_service .btn_area_vertical .btn_simu_b:hover {
  opacity: 0.8;
}

#print_service .btn_area_vertical .btn_simu_b span {
  display: block;
}

#print_service .btn_area_vertical .btn_simu_b span::after {
  content: url(/resource/club_com/services/print_service/images/btn_simu_arrow_b.png);
  margin-left: 5px;
  position: relative;
  top: 3px;
}

/* もっと見るボタン */
#print_service .more_btn_area {
  text-align: center;
}

#print_service .more_btn_area a {
  background-color: #fff;
  border: 1px solid #172397;
  border-radius: 8px;
  font-size: 20px;
  font-weight: 600;
  color: #172397;
  padding: 15px 0;
  width: 273px;
  display: block;
  margin: 0 auto;
  opacity: 1;
}

#print_service .more_btn_area a:hover {
  opacity: 0.8;
}

#print_service .more_btn_area a span::after {
  content: url(/resource/club_com/services/print_service/images/voice_btn_arrow.png);
  margin-left: 5px;
  position: relative;
  top: 3px;
}

/* もっと見るボタン_blue */
#print_service .more_btn_area_bluebg {
  text-align: center;
}

#print_service .more_btn_area_bluebg a {
  background-color: #172397;
  border-radius: 8px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  padding: 15px 0;
  width: 273px;
  display: block;
  margin: 0 auto;
  opacity: 1;
}

#print_service .more_btn_area_bluebg a:hover {
  opacity: 0.8;
}

#print_service .more_btn_area_bluebg a span::after {
  content: url(/resource/club_com/services/print_service/images/about_btn_arrow.png);
  margin-left: 5px;
  position: relative;
  top: 3px;
}

/* 下層ヘッダー共通ボタン */
#print_service .head_btn_area {
  margin-bottom: 30px;
  display: flex;
  justify-content: flex-end;
}

#print_service .head_btn_area .btn_estimate_head {
  background-color: #1B72E9;
}

#print_service .head_btn_area .btn_form_head {
  background-color: #FB772C;
}

#print_service .head_btn_area a {
  display: block;
  width: 235px;
  color: #fff !important;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  padding: 5px;
  border-radius: 8px;
  margin-left: 7px;
  opacity: 1;
}

#print_service .head_btn_area a:hover {
  opacity: 0.8;
}

#print_service .head_btn_area a span {
  display: block;
}

#print_service .head_btn_area a span::after {
  content: url(/resource/club_com/services/print_service/images/head_btn_area_arrow.png);
  margin-left: 5px;
  position: relative;
  top: 3px;
}


/* メリットボタンエリア
---------------------------------------------------------------- */
#print_service #merit_btn {
  width: 840px;
  margin: 0 auto 10px;
  display: flex;
  justify-content: space-between;
}

#print_service #merit_btn sup {
  font-size: 50%;
}

#print_service #merit_btn .merit_btn_box {
  width: 270px;
  position: relative;
}

#print_service #merit_btn .merit_btn_box .btn_line {
  border: 1px solid #1867E6;
  padding: 4px;
  height: 270px;
  border-radius: 50%;
}

#print_service #merit_btn .merit_btn_box .btn_bg {
  background-color: #00B8EE;
  height: 260px;
  border-radius: 50%;

  display: flex;
  justify-content: center;
  align-items: center;
}

#print_service #merit_btn .btn_txt {
  color: #fff;
  font-weight: 600;
  text-align: center;
  font-size: 24px;
}

#print_service #merit_btn .btn_txt .big {
  display: block;
  color: #FFF500;
  font-size: 38px;
}

#print_service #merit_btn .btn_txt .small {
  font-size: 18px;
}

#print_service #merit_btn .merit_btn_box a {
  display: block;
  background-color: #FFF500;
  color: #000;
  width: 250px;
  border-radius: 19px;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  padding: 12px 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#print_service #merit_btn .merit_btn_box a:hover {
  background-color: #fffca6;
}

#print_service #merit_btn .merit_btn_box a span {
  display: block;
}

#print_service #merit_btn .merit_btn_box a span::after {
  content: url(/resource/club_com/services/print_service/images/merit_btn_box_arrow.png);
  margin-left: 5px;
}

#print_service .merit_btn_note {
  font-size: 12px;
  text-align: right;
  margin-bottom: 30px;
}


/* こんな悩みはカウンター式で解決！
---------------------------------------------------------------- */
#print_service .extrouble {
  background-color: #00B8EE;
  padding: 0;
  text-align: center;
  margin-bottom: 66px;
}


/* コンテンツナビ
---------------------------------------------------------------- */
#print_service .print_service_head_nav {
  width: 960px;
  margin: 0 auto 85px;
  display: flex;
  justify-content: space-between;
}

#print_service .print_service_head_nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #172397;
  color: #fff !important;
  width: 235px;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  border-radius: 14px;
  padding: 20px 0 15px;

  position: relative;
}

#print_service .print_service_head_nav a:hover {
  background-color: #1B72E9;
}

#print_service .print_service_head_nav a span {
  display: block;
  padding-bottom: 30px;
}

#print_service .print_service_head_nav a::after {
  content: url(/resource/club_com/services/print_service/images/print_service_head_nav_arrow.png);
  display: block;

  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
}


/* こんなメリットが！
---------------------------------------------------------------- */
#print_service #Merit {
  margin-top: -120px;
  padding-top: 120px;
}

#print_service #Merit h2 {
	margin-bottom: 20px;
}

#print_service #merit_first {
	margin-bottom: 94px;
}

#print_service #merit_first .ex_num dl {
	background: url("../images/merit_bg.png") no-repeat top left;
	background-size: cover;
	width: 252px;
	height: 82px;
	margin-bottom: 20px;
	line-height: 1.2;
	
	display: flex;
	align-items: center;
}
#print_service #merit_first .ex_num dl:last-child {
	margin-bottom: 0;
}

#print_service #merit_first .ex_num dl dt {
	font-size: 60px;
	color: #D5A300;
	font-weight: 600;
	padding: 0 20px;
}

#print_service #merit_first .ex_num dl dd {
	font-size: 28px;
	color: #172397;
	font-weight: 600;
}

#print_service #Merit .merit_con h3 {
  background: url(/resource/club_com/services/print_service/images/merit_title_bg.png) no-repeat top left;
  width: 960px;
  height: 66px;
  padding-left: 250px;
  line-height: 66px;
  font-size: 40px;
  color: #172397;
  position: relative;
  bottom: -33px;
}

#print_service #Merit .merit_con h3 .num {
  color: #D5A300;
  font-size: 45px;
}

#print_service #Merit .merit_con {
  margin-bottom: 10px;
}

#print_service #Merit .merit_box {
  background-color: #EFEFEF;
  margin-bottom: 24px;
}

/*----- merit01 -----*/
#print_service #merit01 h4 {
  color: #333;
  display: flex;
  margin-bottom: 30px;
}
#print_service #merit01 h4 span {
  color: #DA0A16;
}

#print_service #merit01 .box {
  background-color: #fff;
  margin: 0 40px;
}

/* merit01_1 */
#print_service #merit01_1 {
  padding-top: 58px;
  padding-bottom: 30px;
}

#print_service #merit01_1 h4::before {
  content: url(/resource/club_com/services/print_service/images/merit01_num1.png);
  display: block;
  margin-right: 20px;
}
#print_service #merit01_1 h4 {
  font-size: 38px;
}

#print_service #merit01_1 .box {
  border-top: 10px solid #172397;
}

#print_service #merit01_1 h5 {
  text-align: center;
  margin-bottom: 20px;
}

#print_service #merit01_1 h5 span {
  background-color: #172397;
  color: #fff;
  display: block;
  width: 354px;
  font-size: 28px;
  margin: 0 auto;
}

/* hontai */
#print_service #merit01_1 #hontai {
  padding-bottom: 15px;
  margin-bottom: 80px;
  position: relative;
}
#print_service #merit01_1 #hontai::after {
  content: url(/resource/club_com/services/print_service/images/merit01_icon_plus.png);
  display: block;
  position: absolute;
  bottom: -75px;
  left: 0;
  right: 0;
  margin: auto;
  width: 61px;
}

#print_service #merit01_1 .a3 {
  width: 388px;
}

#print_service #merit01_1 .a4 {
  width: 353px;
}

#print_service #merit01_1 .item dt {
  font-size: 25px;
  font-weight: 500;
  display: flex;
  margin-bottom: 10px;
}

#print_service #merit01_1 .item dt > .text {
  margin-right: 30px;
}

#print_service #merit01_1 .item dd > .text {
  font-size: 16px;
  margin-right: 20px;
}

#print_service #merit01_1 .btn_spec {
  margin-top: 35px;
}

#print_service #merit01_1 .price {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  text-align: center;
}
#print_service #merit01_1 .price span {
  font-size: 36px;
  color: #DA0A16;
}

#print_service #merit01_1 .note {
  text-align: right;
  font-size: 12px;
  margin-right: 55px;
}

/* kihon */
#print_service #merit01_1 #kihon {
  padding-bottom: 20px;
}

#print_service #merit01_1 .kihon_price {
  font-size: 18px;
  font-weight: 600;
}
#print_service #merit01_1 .kihon_price .blue_big {
  font-size: 48px;
  color: #1B72E9;
}

#print_service #merit01_1 .kihon_sheet {
  font-size: 23px;
  font-weight: 600;
  color: #333;
}

#print_service #merit01_1 .kihon_sheet .blue_box {
  width: 200px;
  display: inline-block;
  position: relative;
  top: -5px;
  background-color: #1B72E9;
  color: #fff;
  text-align: center;
  font-size: 20px;
  margin-right: 35px;
}

#print_service #merit01_1 .kihon_sheet .red_big {
  color: #DA0A16;
  font-size: 45px;
}

#print_service #merit01_1 .kihon_sheet .red_big .small {
  font-size: 23px;
}


/* merit01_2 */
#print_service #merit01_2 {
  padding: 20px 0 40px;
  text-align: center;
}

#print_service #merit01_2 h4::before {
  content: url(/resource/club_com/services/print_service/images/merit01_num2.png);
  display: block;
  margin-right: 20px;
}

#print_service #merit01_2 h4 {
  font-size: 44px;
  align-items: center;
  line-height: 1;
}

#print_service #merit01_2 .box {
  padding: 20px;
  font-weight: 600;
  color: #333;
}

#print_service #merit01_2 .red {
  color: #DA0A16;
}

#print_service #merit01_2 .billing1 {
  font-size: 28px;
}

#print_service #merit01_2 .billing1 .big {
  font-size: 46px;
}

#print_service #merit01_2 .billing2 {
  font-size: 20px;
}

#print_service #merit01_2 .billing2 .big {
  font-size: 38px;
}

#print_service #merit01_2 .billing2 .note {
  text-align: right;
  font-weight: normal;
  font-size: 12px;
}

#print_service #merit01_2 .billing1 .pic {
  margin: 10px 0;
}

#print_service #merit01_2 .billing2 .pic {
  margin: 16px 0;
}

#print_service #merit01_2 .copy {
  font-size: 26px;
  margin-top: 40px;
}


/* merit01_3 */
#print_service #merit01_3 {
  padding: 20px 0 40px;
}

#print_service #merit01_3 h4::before {
  content: url(/resource/club_com/services/print_service/images/merit01_num3.png);
  display: block;
  margin-right: 20px;
}

#print_service #merit01_3 h4 {
  font-size: 44px;
  align-items: center;
  line-height: 1;
}

#print_service #merit01_3 .pic {
  text-align: center;
}

#print_service #merit01_3 .note {
  text-align: right;
  font-size: 12px;
  margin-top: 10px;
  margin-right: 38px;
}


/*----- merit02 -----*/
#print_service #merit02 h4 {
  font-size: 35px;
  margin-bottom: 40px;
}

#print_service #merit02 h4 .big {
  font-size: 44px;
}

#print_service #merit02 .note {
  font-size: 12px;
  font-weight: normal;
}


/*----- merit03 -----*/
#print_service #merit03 h4 {
  font-size: 30px;
}

#print_service #merit03 h4 .big {
  font-size: 44px;
}


/*----- merit04 -----*/
#print_service #merit04 .merit_box {
  width: 466px;
  box-sizing: border-box;
}

/* merit04_1 */
#print_service #merit04 #merit04_1 {
  font-size: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

#print_service #merit04 #merit04_1 h4 {
  background: url(/resource/club_com/services/print_service/images/merit04_pic1.png) no-repeat right bottom;
  padding-bottom: 140px;
  margin-bottom: 10px;
}

#print_service #merit04 #merit04_1 h4 .big {
  font-size: 44px;
}

#print_service #merit04 #merit04_1 .copy {
  font-size: 33px;
  font-weight: 600;
  margin-bottom: 10px;
}

/* merit04_2 */
#print_service #merit04 #merit04_2 {
  padding-left: 25px;
  padding-right: 25px;
}

#print_service #merit04 #merit04_2 h4 {
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 10px;
}

#print_service #merit04 #merit04_2 h4 .big {
  font-size: 44px;
} 

#print_service #merit04 #merit04_2 h4 .small {
  font-size: 20px;
}

#print_service #merit04 #merit04_2 h4 .nomal {
  font-size: 12px;
  font-weight: normal;
  display: block;
}

#print_service #merit04 #merit04_2 .pic {
  margin-bottom: 16px;
}

#print_service #merit04 #merit04_2 .btn {
  display: block;
  width: 384px;
  color: #fff !important;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  padding: 12px 0;
  border-radius: 8px;
  background-color: #00B8EE;
  opacity: 1;
}

#print_service #merit04 #merit04_2 .btn:hover {
  opacity: 0.8;
}

#print_service #merit04 #merit04_2 .btn span {
  display: block;
}

#print_service #merit04 #merit04_2 .btn span::after {
  content: url(/resource/club_com/services/print_service/images/merit04_option_arrow.png);
  margin-left: 5px;
  position: relative;
  top: 3px;
}

#print_service #merit04 .note {
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 10px;
}


/*----- 共通 -----*/
#print_service #merit02 .merit_box,
#print_service #merit03 .merit_box,
#print_service #merit04 .merit_box {
  padding-top: 53px;
  padding-bottom: 15px;
}

#print_service #merit02 h4,
#print_service #merit03 h4,
#print_service #merit04 h4 {
  font-weight: 600;
  color: #333;
}

#print_service #merit02 h4 .red,
#print_service #merit03 h4 .red,
#print_service #merit04 h4 .red {
  color: #DA0A16;
}


/* 製品紹介
---------------------------------------------------------------- */
#print_service #About {
  margin-top: -120px;
  padding-top: 120px;
}

#print_service #About h2 {
  margin-bottom: 50px;
}

#print_service #About h3 {
  height: 66px;
  background: url(/resource/club_com/services/print_service/images/about_title_bg.png) no-repeat;
  background-size: cover;
  color: #172397;
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  line-height: 66px;
  margin-bottom: 50px;
}

#print_service #About .item_con {
  margin-bottom: 20px;
}

#print_service #About .a3 {
  width: 388px;
}

#print_service #About .a4 {
  width: 353px;
}

#print_service #About .item dt {
  font-size: 25px;
  font-weight: 500;
  display: flex;
  margin-bottom: 10px;
}

#print_service #About .item dt > .text {
  margin-right: 30px;
}

#print_service #About .item dd > .text {
  font-size: 16px;
  margin-right: 20px;
}

#print_service #About .btn_spec {
  margin-top: 35px;
}

#print_service #About .about_box {
  background-color: #E3F9FF;
  flex-wrap: wrap;
  padding: 30px 30px 20px;
  margin-bottom: 40px;
}

#print_service #About .about_box .box {
  width: 429px;
  background: #fff;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 30px;
  padding: 20px 0 10px;
}

#print_service #About .about_box .box h4 {
  margin-bottom: 15px;
}

#print_service #About .about_box .box h4 span {
  font-size: 35px;
  color: #172397;
}

#print_service #About .about_box .box .pic {
  margin-bottom: 15px;
}

#print_service #About .about_box .box .note {
  font-weight: normal;
  font-size: 12px;
}

#print_service #About .about_box .box4 .copy {
  color: #172397;
}

/* box03 */
#print_service #About .box3 .note {
  text-align: left;
  margin: 0 35px;
}

/* about_btn_area */
#print_service #About .about_btn_area {
  width: 897px;
}
#print_service #About .about_btn_area a {
  background-color: #172397;
  display: block;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  width: 429px;
  border-radius: 8px;
  padding: 8px;
  opacity: 1;
}

#print_service #About .about_btn_area a:hover {
  opacity: 0.8;
}

#print_service #About .about_btn_area a span::after {
  content: url(/resource/club_com/services/print_service/images/about_btn_arrow.png);
  margin-left: 5px;
  position: relative;
  top: 4px;
}


/* お客様の声
---------------------------------------------------------------- */
#print_service #Case {
  margin-top: -60px;
  padding-top: 60px;
}

#print_service #Case h2 {
  position: relative;
  top: 54px;
}

#print_service #Case .case_con {
  background-color: #EFEFEF;
  padding-top: 120px;
  flex-wrap: wrap;
  padding-left: 75px;
  padding-right: 75px;
  padding-bottom: 20px;
}

#print_service #Case .case_con .box {
  text-align: center;
  margin-bottom: 30px;
}

#print_service #Case .case_con .box a {
  color: #333;
  opacity: 1;
  display: block;
}

#print_service #Case .case_con .box a:hover {
  opacity: 0.8;
}

#print_service #Case .case_con .box .pic {
  margin-bottom: 20px;
}

#print_service #Case .case_con .box dl dt {
  font-size: 22px;
  font-weight: 600;
  color: #172397;
}

#print_service #Case .case_con .box dl dd {
  font-size: 16px;
  font-weight: 600;
}

#print_service #Case .more_btn_area {
  width: 810px;
}


/* 料金
---------------------------------------------------------------- */
#print_service #Price {
  margin-top: -120px;
  padding-top: 120px;
}

#print_service #Price h2 {
  margin-bottom: 10px;
}
#print_service .small_inktext {
    text-align: center;
    margin: 0 auto 15px;
    font-size: 18px;
    font-weight: 700;
}
#print_service .small_inktext2 {
    font-size: 12px;
    padding-bottom: 10px;
}
#print_service .small_inktext3 {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-top: -30px;
}
#print_service #Price table {
  width: 100%;
  margin-bottom: 10px;
}

#print_service #Price table th,
#print_service #Price table td {
  text-align: center;
  font-weight: 600;
  padding: 5px;
}

#print_service #Price table th {
  font-size: 14px;
}

#print_service #Price table .model {
  background-color: #172397;
  color: #fff;
}

#print_service #Price table .price {
  background-color: #959595;
  color: #fff;
}

#print_service #Price table td {
  background-color: #F7F7F7;
  font-size: 18px;
}

#print_service #Price .note {
  font-size: 12px;
  margin-bottom: 30px;
}


/* 導入の流れ
---------------------------------------------------------------- */
#print_service #Flow {
  margin-top: -60px;
  padding-top: 60px;
}

#print_service #Flow h2 {
  position: relative;
  top: 54px;
}

#print_service #Flow .flow_con {
  background-color: #EFEFEF;
  padding-top: 80px;
  padding-left: 75px;
  padding-right: 75px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

#print_service #Flow .flow_pic {
  margin-bottom: 20px;
}

#print_service #Flow .flow_text {
  width: 680px;
  margin: 0 auto 40px;
}

#print_service #Flow .flow_text {
  font-size: 14px;
}

#print_service #Flow .flow_text .note {
  font-size: 12px;
}

#print_service #Flow .service {
  background-color: #fff;
  padding: 10px 0;
}

#print_service #Flow .service dl dt {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 20px;
}

#print_service #Flow .service dl dt .small {
  font-size: 14px;
  display: block;
}

#print_service #Flow .service dl dd {
  font-size: 15px;
}


/* もっとくわしく！  アドバイス
---------------------------------------------------------------- */
#print_service #Advice h2 {
  background: url(/resource/club_com/services/print_service/images/advice_title_bg.png) no-repeat center;
  background-size: cover;
  width: 900px;
  height: 115px;
  font-size: 38px;
  font-weight: 600;
  color: #172397;
  padding-top: 10px;
  text-align: center;
  margin: 0 auto 10px;
}

#print_service #Advice h3 {
  background-color: #00B8EE;
  border-radius: 10px 10px 0 0;
  font-size: 38px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  padding: 10px 0;
}

#print_service #Advice .more_btn_area {
  width: 810px;
}

#print_service #Advice .advice_con {
  background-color: #EFEFEF;
  padding: 30px 75px 20px 75px;
}

#print_service #Advice .advice_con .flexbox {
  flex-wrap: wrap;
}

#print_service #Advice .box {
  font-size: 22px;
  color: #333;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}

#print_service #Advice .box a {
  color: #333;
  opacity: 1;
  display: block;
}

#print_service #Advice .box a:hover {
  opacity: 0.8;
}

#print_service #Advice .box .pic {
  margin-bottom: 10px;
}

#print_service #Advice .box p span {
  font-size: 28px;
  color: #172397;
}


/* ==============================================================

お客様の声

============================================================== */

/* 記事
---------------------------------------------------------------- */
#print_service #Case .case_article {
  width: 860px;
  margin: 0 auto 60px;
  font-size: 16px;
  line-height: 1.6;
  padding-top: 40px;
}

#print_service #Case .title_area {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #172397;
}

#print_service #Case .title_area .flexbox {
  margin-bottom: 30px;
}

#print_service #Case .title_area h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
}

#print_service #Case .title_area .profile {
  margin-bottom: 10px;
}

#print_service #Case .title_area .profile span {
  display: inline-block;
  background-color: #172397;
  color: #fff;
  padding: 5px 20px;
  font-size: 14px;
  border-radius: 6px;
  margin-bottom: 8px;
}

#print_service #Case .read {
  color: #172397;
  font-size: 20px;
  font-weight: 600;
}

#print_service #Case .case_article h4 {
  color: #172397;
  font-size: 22px;
  margin-bottom: 15px;
}

#print_service #Case .case_article .column_box {
  margin-bottom: 3rem;
}

#print_service #Case .case_article .q_text {
  font-weight: 600;
  margin-bottom: 15px;
  display: block;
}

#print_service #Case .case_article .name {
  display: inline-block;
  margin-right: 1rem;
  font-weight: 600;
}

#print_service #Case .case_article .case_ph {
  float: right;
  margin: 0 0 15px 15px;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}



/* ==============================================================

よくある質問/サポート

============================================================== */

/* よくある質問/サポート
---------------------------------------------------------------- */

#print_service #print_service_faq {
  margin-top: 70px;
}

#print_service #print_service_faq h2 {
  margin-bottom: 30px;
}

#print_service #print_service_faq .different_list {
  background-color: #fff;
  border-collapse:collapse;
  border-spacing:0;
}

#print_service #print_service_faq .different_list th,
#print_service #print_service_faq .different_list td {
  padding: 5px;
  border: 1px solid #ccc;
}

#print_service #print_service_faq .different_list th {
  background-color: #959595;
  color: #fff;
}

#print_service #print_service_faq .different_list .model {
  text-align: left;
  font-weight: 600;
  background-color: #172397;
  width: 180px;
}

#print_service #print_service #print_service_faq .qa {
  margin: 0 39px 0 35px;
  color: #1e246e;
}

#print_service #print_service_faq .qa .q ,
#print_service #print_service_faq .qa .q-ttl {
  background: url(/resource/club_com/services/print_service/images/print_service_cont05_img01.gif) no-repeat 0px 7px;
  padding: 6px 35px 6px 35px;
  border-bottom: solid 1px #1c296f;
  cursor: pointer;
  font-weight: bold;
  font-size: 21px;
  position: relative;
}
#print_service #print_service_faq .qa.Normal .q-ttl {
	cursor: default !important;
	padding: 20px 35px;
	background-position: left 20px; 
}
#print_service #print_service_faq .qa.Normal .q {
	cursor: default !important;
	padding:0;
	background-position: left 20px; 
}
#print_service #print_service_faq .qa.Normal .q a {
	display: block;
	padding: 20px 35px;
	background: url(/resource/club_com/services/print_service/images/arrow_faq.png) right 25px no-repeat;
	color: #20276d;
	transition: 0.3s ease;
}
#print_service #print_service_faq .qa.Normal .q a:hover {
	opacity: 0.7;
	transition: 0.3s ease;
	text-decoration: none;
}
#print_service #print_service_faq .qa.Normal .a {
	margin: 0 0 40px;
}

#print_service #print_service_faq .qa .q span {
  display: block;
  width: 20px;
  height: 21px;
  position: absolute;
  right: 20px;
  top: 10px;
}
#Faq1 #FaqList1 ,
#Faq2 #FaqList2 ,
#Faq3 #FaqList3 ,
#Faq4 #FaqList4 ,
#Faq5 #FaqList5 {
	opacity: 0.7;
}

#print_service #print_service_faq .qa .q span.minus {
  background: url(/resource/club_com/services/print_service/images/print_service_cont05_minus.gif) no-repeat left top;
}

#print_service #print_service_faq .qa .q span.plus {
  background: url(/resource/club_com/services/print_service/images/print_service_cont05_plus.gif) no-repeat left top;
}

#print_service #print_service_faq .qa .a {
  background: url(/resource/club_com/services/print_service/images/print_service_cont05_img02.gif) no-repeat 32px 10px;
  padding: 12px 30px;
  background-color: #ecf2f2;
  font-size: 14px;
}

#print_service #print_service_faq .qa .a p.in {
  padding: 0 0 8px 38px;
  line-height: 1.6;
}

#print_service #print_service_faq .qa .a ul {
  margin: 0 0 5px 42px;
}

#print_service #print_service_faq .qa .a ul li {
  background: url(/resource/images/shared/2015new_icon_arrow_01.png) no-repeat left center;
  padding-left: 10px;
}

#print_service #print_service_faq .qa .off {
  display: none;
}

#print_service #print_service_faq .qa .on {
  display: block;
}

.faq_con {
  width: 865px;
  margin: 0 auto;
}


/* オプションのお申込みについて
---------------------------------------------------------------- */
#print_service #Option {
  margin-top: -120px;
  padding-top: 120px;
}

#print_service #Option h2 {
  margin-bottom: 30px;
  line-height: 1.2;
}

#print_service #Option h2 .small {
  font-weight: normal;
  font-size: 16px;
  display: block;
}

#print_service #Option .option_con {
  width: 900px;
  margin: 0 auto;
  align-items: flex-start;
}

#print_service #Option .text {
  font-size: 18px;
  width: 480px;
}
#print_service #Option .text p {
  margin-bottom: 40px;
}

#print_service #Option .text p:last-child {
  margin-bottom: 0;
}

#print_service #Option .pic {
  font-size: 12px;
  width: 432px;
  margin-right: 26px;
}


/* ご利用環境について
---------------------------------------------------------------- */
#print_service #Environment h2 {
  margin-bottom: 30px;
}

#print_service #Environment .envi_con {
  width: 840px;
  margin: 0 auto;
}

#print_service #Environment .text {
  font-size: 18px;
  margin-bottom: 50px;
}

#print_service #Environment .text .note {
  font-size: 15px;
}

#print_service #Environment dl dt {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
}

#print_service #Environment dl dd p {
  font-size: 20px;
  margin-top: 30px;
}

#print_service #Environment dl dd.pic {
  text-align: center;
}


/* ご利用上の注意
---------------------------------------------------------------- */
#print_service #Caution h2 {
  margin-bottom: 30px;
}

#print_service #Caution .coution_con {
  width: 840px;
  margin: 0 auto;
}

#print_service #Caution .text {
  font-size: 18px;
}

#print_service #Caution .text strong {
  font-weight: 600;
}



/* ==============================================================

選定のコツ

============================================================== */

#print_service #column .print_service_column_nav {
  width: 960px;
  margin: 70px 0 -50px;
  display: flex;
  justify-content: space-between;
}

#print_service #column .print_service_column_nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1B72E9;
  color: #fff !important;
  width: 235px;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  border-radius: 14px;
  padding: 20px 0 15px;
  opacity: 1;

  position: relative;
}

#print_service #column .print_service_column_nav a:hover {
  opacity: 0.8;
  color: ;
}

#print_service #column .print_service_column_nav a span {
  display: block;
  padding-bottom: 30px;
}

#print_service #column .print_service_column_nav a::after {
  content: url(/resource/club_com/services/print_service/images/print_service_head_nav_arrow.png);
  display: block;

  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
}

#print_service #column {
  margin-bottom: 60px;
}

#print_service #column h2 {
  position: relative;
  top: 54px;
}

#print_service #column .contentsClm {
  margin-bottom: -40px;
}

#print_service #column .contentsClm:last-child {
  margin-bottom: 60px;
}

#print_service #column .column_con {
  background-color: #EFEFEF;
  padding-top: 120px;
  flex-wrap: wrap;
  padding-left: 75px;
  padding-right: 75px;
  padding-bottom: 20px;
}

#print_service #column .column_con .box {
  text-align: center;
  margin-bottom: 30px;
}

#print_service #column .column_con .box a {
  color: #333;
  display: block;
  opacity: 1;
}

#print_service #column .column_con .box a:hover {
  opacity: 0.8;
}

#print_service #column .column_con .box .pic {
  margin-bottom: 20px;
}

#print_service #column .column_con .box p {
  font-size: 18px;
}

#print_service #column .column_con .box p span {
  font-size: 24px;
  font-weight: 600;
  color: #172397;
}

#print_service #column .more_btn_area {
  width: 810px;
}

/* コラム記事 */
#print_service #column .column_article {
  width: 860px;
  margin: 60px auto 60px;
}

#print_service #column .column_article .column_title {
  font-size: 24px;
  color: #172397;
  font-weight: 600;
  border-bottom: 1px solid #172397;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

#print_service #column .column_article .column_title .category {
  display: inline-block;
  background-color: #172397;
  color: #fff;
  padding: 5px 20px;
  font-size: 14px;
  border-radius: 100px;
  margin-bottom: 8px;
}

#print_service #column .column_article .eyecatch {
  width: 210px;
}

#print_service #column .column_article .text {
  width: 620px;
  font-size: 16px;
  line-height: 1.6;
}

#print_service #column .column_article .text p,
#print_service #column .column_article .text ul {
  margin-bottom: 30px;
}

#print_service #column .column_article .text h4 {
  font-size: 20px;
  margin-bottom: 15px;
  color: #172397;
}

#print_service #column .column_article .text ul li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 10px;
  line-height: 1.4;
}

#print_service #column .column_article .text ul li::before {
  content: "●";
  color: #172397;
  font-size: 22px;
  margin-right: 5px;
}

#print_service #column .column_article .pdf_link a {
  background-color: #1B72E9;
  display: block;
  width: 440px;
  color: #fff !important;
  margin: 0 auto;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  padding: 20px 0;
  border-radius: 8px;
  opacity: 1;
}

#print_service #column .column_article .pdf_link a:hover {
  opacity: 0.8;
}

#print_service #column .column_article .pdf_link a span {
  display: block;
}

#print_service #column .column_article .pdf_link a span::after {
  content: url(/resource/club_com/services/print_service/images/btn_estimate_arrow_s.png);
  margin-left: 5px;
}

#print_service #column .column_article .mb30 {
  margin-bottom: 30px;
}

#print_service #column .column_article .red {
  color: #DA0A16;
}


/* ==============================================================

モーダル

============================================================== */

#modal .modal{
    display: none;
    height: 100vh;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
}
#modal .modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
#modal .modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    height: 600px;
    overflow: auto;
    
    font-size: 14px;
}

#modal .js-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
}

#modal .modal__content h3 {
  text-align: center;
  margin-bottom: 25px;
  font-size: 18px;
  color: #172397;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

#modal .modal__content .pic_box {
  text-align: center;
  margin-bottom: 25px;
}

#modal .modal__content table {
  border-collapse:collapse;
  border-spacing:0;
  width: 100%;
  margin-bottom: 40px;
}

#modal .modal__content table th {
  background-color: #172397;
  color: #fff;
  width: 160px;
  padding: 10px;
}

#modal .modal__content table td {
  padding: 10px 20px;
}

#modal .modal__content table th,
#modal .modal__content table td {
  border: 1px solid #ddd;
  vertical-align: middle;
}





/* ==============================================================

共通フッター

============================================================== */

#print_service .support_btn {
  width: 810px;
  margin: 0 auto 40px;
}
#print_service .support_btn.single {
  width: 390px;
}

#print_service .support_btn a {
  width: 390px;
    display: block;
    text-align: center;
    background-color: #cfe9fe;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    padding: 20px;
    border-radius: 10px;
    opacity: 1;
    border: 1px solid #172397;
    box-sizing: border-box;
    position: relative;
}

#print_service .support_btn a:hover {
  opacity: 0.8;
}

#print_service .support_btn a span {
  font-size: 26px;
  color: #172397;
  display: block;
  margin-top: 10px;
}

/*#print_service .support_btn a span::before {
  content: url(/resource/club_com/services/print_service/images/about_btn_arrow.png);
  margin-right: 5px;
}*/
#print_service .arrowicon {
    position: absolute;
    top: 64px;
    right: 20px;
}

#print_service .print_service_foot {
  text-align: center;
  padding: 50px;
  margin-top: 30px;
}

#print_service .print_service_foot.top {
  background-color: #EFEFEF;
}

#print_service .print_service_foot.bottom {
  background-color: #e7f6fc;
}

#print_service .print_service_foot dl {
  margin-bottom: 30px;
}

#print_service .print_service_foot dl:last-child {
  margin-bottom: 0;
}

#print_service .print_service_foot dl dt {
  font-size: 18px;
  margin-bottom: 20px;
}

/* 緊急対応 */
/*
#important_notices_area .border_box_red {
  border: 2px solid #cd1929;
  background-color: #cd1929;
  margin-bottom: 20px;
}
#important_notices_area .border_box_red .title_text {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#important_notices_area .border_box_red .title_text::before {
  content: url('/resource/club_com/services/furniture/images/icon_info.png');
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#important_notices_area .border_box_red .bg_white {
  background-color: #fff;
}
#important_notices_area .border_box_red .info_text_area {
  padding: 10px 15px;
}
#important_notices_area .border_box_red .sub_title {
  color: #cd1929;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
#important_notices_area .border_box_red .info_text {
  font-size: 15px;
  text-align: center;
}
 */

.bnr_smart_mat a:hover img {
  opacity: .7;
}

/* 期間中A4モデル新規お申込みでコピー用紙をプレゼント！ */
.wrapper_present {
  border: 2px solid #da0d19;
  padding: 28px 13px;
  margin: 50px 0;
}
.wrapper_present .box_present .column_left {
  float: left;
  width: 720px;
}
.wrapper_present .box_present .column_right {
  float: right;
  width: 188px;
}
.wrapper_present p {
  font-size: 18px;
  letter-spacing: -0.01em;
}
.wrapper_present .box_present {
  margin-bottom: 20px;
}
.wrapper_present p.title_present {
  font-size: 27px;
  font-weight: bold;
  color: #da0d19;
}
.wrapper_present p.item_present {
  color: #da0d19;
  margin-bottom: 30px;
}

/* カウンター式プリントサービスの仕組み */
.wrapper_structure {
  border: 1px solid #da0d19;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 50px;
}
.wrapper_structure .title_structure {
    background-color: #da0d19;
    color: white;
    font-weight: bold;
    font-size: 34px;
    line-height: 0.8em;
    padding: 20px 0 10px;
    text-align: center;
}
.title_structure_small {
    font-size: 18px;
}
.wrapper_structure .box_structure {
  padding: 29px 14px;
}
.wrapper_structure p.text_structure {
  font-size: 27px;
  text-align: center;
  letter-spacing: -0.03em;
  line-height: 1.4;
}
.wrapper_structure p.text_structure strong {
  font-size: 26px;
  font-weight: bold;
  color: #da0d19;
}
.wrapper_structure p.text_structure small {
  font-size: 12px;
}