@charset "UTF-8";
body {  color: #333; letter-spacing: 0px; font-family:"游ゴシック","Yu Gothic","游ゴシック体", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", Meiryo, sans-serif; }

.minchou {  font-family: "YuMincho", "Yu Mincho", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", sans-serif; }

.yugo {  font-family: "游ゴシック","Yu Gothic","游ゴシック体", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Sans", "メイリオ", Meiryo, sans-serif; }

.u-target {  cursor: pointer; transition: opacity 0.3s; }

.u-target:hover {  opacity: 0.8; }

/*==============================================================================
Media
============================================================================= */
/*==============================================================================
PC表示共通パーツ
============================================================================= */
@media screen and (min-width: 769px) { .sp-only { display: none; }
  /*============================================================================== header ============================================================================= */
  body {padding-top: 150px;}
  #header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10000;}
  header .bg { min-height: 90px; padding: 5px 0; color: #fff; background: linear-gradient(#3b4f68, #233346); }
  header .inner { position: relative; width: 1190px; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
  header .logo-block { width: 285px; }
  header .note { padding: 0 0 5px; font-size: 10px; color: #b7b7b7; }
  header .logo { width: 260px; }
  header .support { width: 170px; margin: 0; padding: 7px 0; background: #706744; }
  header .support p { color: #fff; font-size: 13px; line-height: 23px; text-align: center; }
  header .tel-block { width: 1190px; margin: 5px auto 10px; display: flex; justify-content: center; }
  header .header_tel01 { width: 488px; }
  header .header_tel02 { width: 490px; }
  header .btn { width: 250px; margin: 0 0 0 12px; }
  /*============================================================================== footer ============================================================================= */
  #footer { padding: 10px 0 25px; background: #4a617c; letter-spacing: .05em; }
  footer .footer-nav { width: 100%; margin: 0 auto; padding: 20px 0 40px; background-color: #243448; }
  footer .footer-nav-box { width: 980px; margin: 0 auto; display: flex; justify-content: space-between; }
  footer .footer-list { width: 445px; margin-top: 20px; display: flex; justify-content: space-between; align-items: center; }
  footer .list-item { color: #fff; font-size: 16px; text-decoration: underline; }
  footer .copyright { font-size: 18px; }
  footer .footer-logo { width: 260px; }
  footer .footer-bottom { padding: 25px 0 0; }
}

/*==============================================================================
SP表示共通パーツ
============================================================================= */
@media screen and (max-width: 768px) { .pc-only { display: none; }
  body {padding-bottom: 7rem;}
  /*============================================================================== header ============================================================================= */
  header .logo-block { display: flex; flex-flow: row-reverse; }
  header .logo { width: 15rem; margin: 1rem 0 0; }
  header .note { width: 15rem; margin: 1.2rem 0 0; font-size: .8rem; text-align: right; }
  header { margin: 0 auto; min-height: 5rem; color: #fff; background: linear-gradient(#3b4f68, #233346); }
  header .inner { width: 32rem; }
  footer .copyright {letter-spacing: 0;}
  /*============================================================================== footer style ============================================================================= */
  footer { padding: .3rem 0 6rem; background: #4a617d; color: #fff; font-size: 1.1rem; text-align: center; }
   .cv-bar { position: fixed; bottom: 0; left: 0; width: 100%; background: #f2edd5; z-index: 9999; }
   .cv-btns { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem; margin: 0; list-style: none; }
   .cv-btns .cv-line, .cv-btns .cv-mail { width: 7.3rem; height: auto; }
   .cv-btns .cv-tel { width: 15.5rem; height: auto; }
  /*============================================================================== popup ============================================================================= */
  #js-popup { position: relative; display: none; width: 100%; margin: 0 auto; z-index: 9995; }
  .popup-block { position: fixed; bottom: -19rem; left: 0; right: 0; width: 30.5rem; margin: 0 auto; transition: .5s; }
  .popup-block .toggle-btn { position: absolute; top: -.2rem; right: .5rem; width: 3.8rem; height: 3.8rem; background: url(../img/popup_toggle01.png) no-repeat 50% 0; background-size: cover; z-index: 10000; }
  .popup-block a { text-decoration: none; }
  .open .popup-block { bottom: 7.1rem; }
  .open .popup-block .toggle-btn { background-position: 50% bottom; }
  /*============================================================================== fv ============================================================================= */
  .genre .genre_bg { padding: 0 0 4.25rem; background-color: #e8e8e8; }
  .genre .genre_list { min-width: 30rem; margin: 0 -.5rem; display: flex; justify-content: center; flex-wrap: wrap; }
  .genre .genre_item { width: 14.5rem; margin: 2.75rem 0; }
  .genre .genre_item:nth-of-type(2n) { margin-left: 1rem; }
  .genre .genre_head { position: relative; z-index: 1; padding: .75rem 0; background: #9f8222; color: #fff; font-size: 1.6rem; font-weight: 500; line-height: 1; text-align: center; letter-spacing: .04em; }
  .genre .genre_pic { margin: -1.5rem 0 0; }
  .genre .genre_foot { position: relative; padding: 1.3rem 1rem 0 1.2rem; height: 26.25rem; background-color: #fff; font-size: 1.35rem; line-height: 1.57; text-align: center; letter-spacing: -.04em; }
  .genre .genre_link { position: absolute; bottom: 1.5rem; left: 50%; transform: translate(-50%, 0); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #a81a01; text-align: center; font-size: 1.4rem; line-height: 1.57; text-align: center; letter-spacing: .06em; }
  .genre .genre_link::before { position: absolute; top: 50%; right: -.5rem; width: .75rem; height: .7rem; background: url(../img/category/genre_icon01_sp.png) no-repeat center/contain; transform: translate(100%, -50%); content: ""; }
  .genre .genre_link a { color: #a81a01; text-decoration: underline; }
  .genre .genre_link a:hover { transition: opacity .3s; opacity: .8; }
  .genre .genre_subttl { width: 100%; position: relative; margin: 3rem auto 0; color: #243448; font-size: 1.6rem; font-weight: bold; line-height: 1; text-align: center; letter-spacing: .08em; }
  .genre .genre_subttl::before { position: absolute; top: -.5rem; left: 1rem; width: .01rem; height: 2.5rem; background: #243448; transform: rotate(-18deg); content: ""; }
  .genre .genre_subttl::after { position: absolute; top: -.5rem; right: 1rem; width: .01rem; height: 2.5rem; background: #243448; transform: rotate(18deg); content: ""; }
  .genre .genre_other { margin: 1rem 0 0; padding: 1.75rem 1rem 2rem 1rem; background: url(../img/category/genre_bg01_sp.jpg) no-repeat center/cover; color: #333; font-size: 1.3rem; line-height: 1.4; letter-spacing: -.04em; } 
}

/*==============================================================================
PC茶道具
============================================================================= */
/*----------------------------------------------------------
	cta
----------------------------------------------------------*/
@media screen and (min-width: 769px) {
	.cta .bg-gradation {  padding: 28px 20px 17px; background: #4a617d; background: linear-gradient(#243447 0, #40556e 70%, #4a617d); }
	.cta h2 {  min-width: 980px; margin: 0 0 25px; color: #fff; font-size: 40px; font-weight: bold; line-height: 1.35; text-align: center; letter-spacing: 0.05em; }
	.cta .corona_note {  width: 920px; margin: 0 auto; border-color: #09274c; }
	.cta .corona_note dt .color {  font-size: 26px; }
	.cta .corona_note dd {  font-size: 20px; border-top: 1px solid #09274c; }
	.cta_catch_list {  display: flex; justify-content: center; margin: 20px 0 0; }
	.cta_catch_item {  width: 304px; border: 1px solid #09274c; background: #fff; }
	.cta_catch_item:nth-child(2) {  margin: 0 0 0 5px; }
	.cta_catch_item .txt {  color: #243448; font-size: 25px; text-align: center; }
	.cta_catch_item .txt .color {  color: #d75050; }
	.cta_sub {  min-width: 980px; margin: 18px 0 0; padding: 5px 0 9px; background: url(../img/cta_bg03.png) no-repeat 50% 0/cover; }
	.cta_subttl {  position: relative; width: 540px; margin: 0 auto; color: #fff; font-size: 26px; text-align: center; text-shadow: 1px 1px #8c100f; letter-spacing: 0.08em; }
	.cta_subttl .size {  margin: 0 10px 0 -5px; font-style: italic; font-size: 48px; line-height: 1; letter-spacing: 0; vertical-align: bottom; }
	.cta_subttl::before, .cta_subttl::after {  position: absolute; content: ""; width: 1px; height: 36px; top: 50%; background: #fff; text-align: center; }
	.cta_subttl::before {  left: 0; transform: translateY(-50%) rotate(-25deg); }
	.cta_subttl::after {  right: 0; transform: translateY(-50%) rotate(25deg); }
	.cta .tel-block {  min-width: 980px; padding: 25px 0; background: url(../img/cta_bg01.jpg) no-repeat 50% 0/cover; }
	.cta_ttl {  position: relative; margin: 0 0 16px; color: #656462; font-size: 30px; font-weight: 600; text-align: center; }
	.cta_tel01 {  width: 608px; margin: 0 auto; }
	.cta_flex {  display: flex; margin: 20px 0 0 212px; }
	.cta .note {  text-indent: -20px; font-weight: 500; }
	.cta_flex-right {  margin: 0 0 0 20px; }
	.cta_img-txt {  position: absolute; bottom: 35px; left: 0; width: 177px; height: 177px; }
	.cta_tel02 {  width: 612px; margin: 15px auto 0; }
	.cta .bg-gray {  min-width: 980px; padding: 28px 12px; background: #f7f7f4; }
	.cta .bg-gray .inner {  display: flex; align-items: center; }
	.cta .line-block {  position: relative; width: 490px; padding: 0 0 0 40px; border-right: 1px solid #c3c3c3; }
	.cta .line-block .box {  display: flex; }
	.cta .line-block .lead, .cta .mail-block .lead {  position: relative; width: 400px; margin: 0 0 20px; padding: 0 0 0 64px; font-size: 28px; letter-spacing: 0.04em; }
	.cta .mail-block {  padding: 0 0 0 50px; }
	.cta .mail-block .lead {  padding: 0 0 0 76px; }
	.cta .line-block .lead::before, .cta .mail-block .lead::before {  position: absolute; content: ""; width: 50px; height: 50px; left: 0; top: 50%; transform: translateY(-50%); background: url(../img/cta_line01.png) no-repeat 50% 0/cover; }
	.cta .mail-block .lead::before {  background-image: url(../img/cta_mail01.png); }
	.cta .line-block .line-qr {  width: 140px; }
	.cta .line-block .txt {  width: 288px; margin: 0 0 0 35px; line-height: 1.9; }
	.cta .mail-block {  position: relative; width: 490px; padding: 0 0 0 50px; }
	.cta .mail-block .mail-btn {  width: 420px; }
	/* LINE停止20230110 */
	.cta .line-block .line-stop {  width: 470px; margin: 0 auto 15px -40px; }
	.cta .line-block .line-note {  width: 420px; margin: 15px auto 15px -10px; }
}
@media screen and (max-width: 768px) {
	.cta { border-bottom: #4a617d solid 1rem; }
	.cta-ttl { padding: 1.3rem 1rem; background: #243448; color: #fff; font-size: 1.4rem; font-weight: 500; letter-spacing: .04em; }
	.cta .tel-block { padding: 0 0 3.5rem; background: url(../img/cta_bg01.jpg) no-repeat 50% 0; background-size: cover; letter-spacing: .02em; }
	.cta .tel-block .cta-lead { display: flex; align-items: center; justify-content: right; height: 12.5rem; margin: 0 -.75rem 0 0; }
	.cta .tel-block .cta-lead .txt01 { color: #09274c; font-size: 1.6rem; font-weight: 500; line-height: 2.5rem; letter-spacing: -.01em; }
	.cta .tel-block .cta-lead .color { color: #d75050; font-size: 1.8rem; }
	.cta .tel-block .catch { width: 27.8rem; height: 2.65rem; display: flex; align-items: center; margin: 0 auto; display: flex; background: url(../img/cta_bg02.png) no-repeat 50% 0/cover; }
	.cta .tel-block .catch .txt01 { width: 13.5rem; color: #09274c; font-size: 1.6rem; text-align: center; }
	.cta .tel-block .catch .txt01 .color { color: #d75050; }
	.cta .tel-block .catch .txt02 { width: 14.2rem; color: #fff; font-size: 1.4rem; text-align: center; line-height: 2.4rem; }
	.cta .tel-block .catch .txt02 .color { color: #fdf482; font-size: 1.9rem; vertical-align: bottom; }
	.cta .btn { width: 28rem; margin: 1.7rem auto 0; }
	.cta .tel-block .sub { width: 31.5rem; margin: 1.25rem -0.75rem 0; }
	.cta .tel-block .note { margin: .5rem 0 0; line-height: 1.45; letter-spacing: .04em; }
	.cta .tel-block .time { width: 28rem; margin: .8rem auto 0; padding: .3rem 0; color: #233346; font-size: 1.1rem; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(247,247,244,1) 3%, rgba(247,247,244,1) 100%); }
	.cta .tel-block .license { margin: 1.25rem 0 0 3.5rem; }
	.cta .bg-gray { padding: 1.3rem 0 1.5rem; background: #f7f7f4; }
	.cta .line-block { margin: 0 0 1.5rem; padding: 0 0 1.5rem; border-bottom: 1px solid #c3c3c3; }
	.cta .line-block h3,.cta .mail-block h3 { margin: 0 0 .9rem; font-size: 1.3rem; letter-spacing: .08rem; }
	.cta .wrap {position: relative; width: 28rem; margin: 0 auto;}
	.cta .baloon { position: absolute; display: flex; align-items: center; justify-content: center; width: 9.5rem; height: 9.5rem; top: -1.7rem; right: -1.6rem; background: #d75050; border-radius: 50%; }
	.cta .baloon .txt { color: #fff; font-size: 1.15rem; font-weight: 500; text-align: center; text-shadow: -1px -1px 0 #8c100f; line-height: 1.2; }
	.cta .baloon .size { margin: 0 .25rem 0 0; font-style: italic; font-size: 1.8rem; letter-spacing: -0.04em; }
	/* LINE停止20230110 */
	#hero .line-stop{width:32rem; margin:2rem 0 1.6rem -1rem;}
	.cta .line-stop{width:30rem; margin:1rem auto 0;}
	#hero .line-note,
	.cta .line-note{width:26.8rem; margin: 1rem auto; font-size: 1rem;font-weight:500;color: #333;line-height:1.7;letter-spacing: 0;}
	.cta .bottom-btns { display: flex; justify-content: space-between; margin: 2rem 0 0; }
	.cta .bottom-btns .line-btn, .cta .bottom-btns .mail-btn { width: 13rem; }
	.cta .bottom-btns .line-news { position: relative; z-index: 999; }
	.cta .bottom-btns .line-news-ttl { position: relative; color: #243448; text-align: center; text-decoration: underline; line-height: normal; letter-spacing: .06em; }
	.cta .bottom-btns .line-news-ttl::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #243448; }
	.cta .bottom-btns .line-news-note { position: absolute; top: 3.3rem; left: 0; width: 28rem; padding: .75rem .75rem 1rem; font-size: 1.1rem; line-height: 1.6rem; background: #faf6c6; }
	.cta .bottom-btns .line-news-note::before { content: ''; position: absolute; top: -1.9rem; left: 6.5rem; transform: translateX(-50%); width: 0; height: 0; border-width: 1rem 1rem 1.5rem 1rem; border-style: solid; border-color: transparent transparent #faf6c6 transparent; }
	.cta .bottom-btns .tooltip { display: none; animation: fade-in .5s; }
	.cta .bottom-btns .tooltip.active { display: block; }
	@keyframes fade-in {
		from { opacity: 0; }
		to { opacity: 1; }
	}
}
/*----------------------------------------------------------
	hero
----------------------------------------------------------*/
@media screen and (min-width: 769px) {
	.hero_bg {  background: url(../img/byobu/hero_bg.jpg) no-repeat 50% 0; padding-bottom: 56px; background-size: cover; }
	.hero_bg h1{  width: 740px; margin-left: -35px; padding-top: 22px; }
	.hero_bg .hero_img01 {  margin-top: -10px; margin-left: 5px; }
	.hero_bg .hero_box{  position: relative; }
	.hero_bg .hero_txt{  margin-top: 17px; }
	.hero_bg .hero_item {  width: 166px; position: absolute; top: -76px; left: 545px; }	
}
@media screen and (max-width: 768px) {
	.hero_bg { padding: 1.8rem 0 1.8rem; background: url(../img/byobu/hero_bg_sp.jpg) no-repeat top center/cover; position: relative; z-index: 1; }
	.hero_bg .hero_inner {width: 100%; padding: 0;}
	.hero_bg h1 {width: 23.5rem; margin: 0 auto 0;}
	.hero_bg .hero_box {position: relative;}
	.hero_bg .hero_txt { margin-top: -1.85rem; }
	.hero_bg .hero_item {width: 8rem;position: absolute; top: -2.7rem; right: 0;}
}

/*----------------------------------------------------------
	result
----------------------------------------------------------*/
@media screen and (min-width: 769px) {
	#ease .bg {  padding: 57px 0 70px; }
	#ease h2 {  width: 840px; margin: 0 auto; }
	#ease .goods01 {  position: absolute; top: 10px; left: -258px; }
	#ease .goods02 {  position: absolute; top: -5px; right: -195px; }
	#result .result_bg {  min-width: 980px; padding: 18px 0 127px; background: url(../img/chadogu/result_bg.jpg) no-repeat 50% 0; background-size: cover; background-color: #f2edd5; }
	#result h2 {  width: 920px; margin: 0 0 17px 57px; }
	#result-slideContent .box .pic img {  width: 492px; height: 338px; }
	#result .bx-controls-direction {  position: relative; }
	#result .bx-prev img, #result .bx-next img {  position: absolute; z-index: 998; bottom: 53px; width: 37px; height: 230px; }
	#result .bx-prev img{  left: 0; }
	#result .bx-next img{  left: 460px; }
	#result .bx-prev,
    #result .bx-next { position: absolute; bottom: 45px; z-index: 100; display: block; width: 37px; height: 230px; text-indent: -9999px;  background-size: contain; background-repeat: no-repeat; }
    #result .bx-prev { background-image: url('../img/way_btn_prev.png'); }
	#result .bx-next { background-image: url('../img/way_btn_next.png'); left: 460px;}
	#result .result-txt {  width: 404px; font-size: 20px; letter-spacing: .06em; line-height: 1.7; margin-left: 550px; margin-top: -256px; }
}
@media screen and (max-width: 768px) {
	#ease .bg {  padding: 1.9rem 0 1.25rem; }
	#ease h2 {  width: 25.5rem; margin: 0 auto; }
	#ease .goods01 {  position: absolute; top: 10px; left: -258px; }
	#ease .goods02 {  position: absolute; top: -5px; right: -195px; }
	#result .color { color: #d75050; }
	#result .result_bg { background: url(../img/chadogu/result_bg_sp.jpg) no-repeat 50% 0/cover; padding:0.3rem 0 1.85rem;}
	#result h2 { width: 32.1rem; margin: 0 0 0 -1rem;}
	#result .content-block {margin: 1.6rem auto 0;}
	#result .result-ttlblock { position: relative; margin: 1rem 0 0; padding: 4rem 0 2.8rem; }
	#result .result-ttl-sub { margin: -.2rem 0 0 1.6rem; color: #373000; font-size: 1.8rem; font-weight: 500; text-shadow: 0 0 .4rem #fff, 0 0 .4rem #fff, 0 0 .4rem #fff, 0 0 .4rem #fff; }
	#result .result-ttl { position: relative; margin: 3.4rem 0 0; color: #1c1c1c; font-size: 3.6rem; font-weight: 500; text-align: center; text-shadow: 0 0 .4rem #fff, 0 0 .4rem #fff, 0 0 .4rem #fff, 0 0 .4rem #fff; letter-spacing: .04em; font-family: "A-OTF-A1MinchoStd";}
	#result .result-ttl .size { font-size: 3.2rem; }
	#result .result-ttl::before, .result-ttl::after { content: ""; position: absolute; width: 31.7rem; height: .1rem; left: .1rem; background: url(../img/result_item01.png) no-repeat 50% 0/cover; }
	#result .result-ttl::before { top: -1.95rem; }
	#result .result-ttl::after { bottom: -1.24rem; }
	#result .result-ttl-catch { position: absolute; display: flex; align-items: center; justify-content: center; width: 9.5rem; height: 9.5rem; top: .3rem; right: -0.25rem; background: #d75050; border-radius: 50%; }
	#result .result-ttl-catch .txt { color: #fff; font-size: 1.15rem; font-weight: 500; text-align: center; text-shadow: -1px -1px 0 #8c100f; line-height: 1.2; }
	#result .result-ttl-catch .size { margin: 0 .25rem 0 0; font-style: italic; font-size: 1.8rem; letter-spacing: -0.04em; }
	#result-slideContent .slide-item {  position: relative;}
	/* #result-slideContent .box .pic { width: 31rem; margin: 0 auto;} */
	/* #result-slideContent .box .pic img {width: 31rem; height: 20.9rem;} */
	#result .bx-controls-direction{position: relative;}
	#result .bx-prev,
    #result .bx-next { position: absolute; bottom: 3.1rem; z-index: 100; display: block; width: 2.25rem;height: 14.45rem; text-indent: -9999px;  background-size: contain; background-repeat: no-repeat; }
    #result .bx-prev { background-image: url('../img/way_btn_prev_sp.png'); left: -0.5rem; }
	#result .bx-next { background-image: url('../img/way_btn_next_sp.png'); right: -0.5rem;}
	#result .result-txt { font-size: 1.3rem; line-height: 1.53; margin: 1.5rem auto 0; width: 28rem;}
}

/*----------------------------------------------------------
	qre  お客様アンケート
----------------------------------------------------------*/
@media screen and (min-width: 769px) {
	.qre .bg {  min-width: 980px; padding-bottom: 153px; background: url(../img/qre_bg.jpg) no-repeat center/cover; }
	.qre h2 {  position: relative; background: #35567e; padding: 34px 0; color: #fff; font-size: 40px; line-height: 1; letter-spacing: 0.03em; text-align: center; }
	.qre h2::after {  content: ""; display: block; position: absolute; bottom: -31px; left: calc(50% - 15px); width: 0; height: 0; border-style: solid; border-width: 32px 15px 0 15px; border-color: #35567e transparent transparent transparent; }
	.qre h2 span {  font-size: 46px; }
	.qre .qre-lead {  margin: 66px auto 0; color: #d75050; font-size: 56px; text-align: center; }
	.qre .qre-list {  width: 980px; height: 471px; margin: 40px auto 0; padding: 40px 0; background: #fcfcf9; }
	.qre .qre-flex {  display: flex; justify-content: flex-start; padding-left: 75px; }
	.qre .qre-txtimg {  width: 358px; margin-right: 32px; }
	.qre .qre-contents {  width: 460px; }
	.qre .qre-subttl {  position: relative; width: 76px; margin: 20px auto 0; color: #35567e; font-size: 30px; }
	.qre .qre-subttl::before,
	.qre .qre-subttl::after {  display: block; content: ""; position: absolute; top: 50%; left: -200px; width: 175px; height: 2px; background: linear-gradient(to left, #35567e 80%, #fff); }
	.qre .qre-subttl::after {  left: auto; right: -200px; background: linear-gradient(to right, #35567e 80%, #fff); }
	.qre .qre-txtbox {  display: flex; justify-content: center; align-items: flex-start; margin: 32px auto 0; }
	.qre .qre-note {  width: 144px; font-size: 12px; letter-spacing: 0.06em; }
	.qre .qre-note img {  width: 124px; margin-bottom: 6px; }
	.qre .qre-txt {  width: 220px; margin-left: 37px; color: #1c1c1c; font-size: 21px; line-height: 1.4; letter-spacing: 0.02em; }
	.qre .qre-btn {  width: 273px; margin: 28px auto; transition: 0.5s; }
	.qre .qre-btn:hover {  transition: 0.3s; opacity: 0.8; }
	/* Swiper CSS */
	.qre .swiper { position: relative; overflow: visible;}
	.qre .swiper-button-prev,
	.qre .swiper-button-next { position: absolute; top: 49%; width: 40px; height: 40px; margin-top: -20px; z-index: 999; background-size: contain; background-repeat: no-repeat;}
	.qre .swiper-button-prev { left: -2%; background-image: url('../img/qre_btn_prev.png');}
	.qre .swiper-button-next { right: -2%; background-image: url('../img/qre_btn_next.png');}
	.qre .swiper-pagination { position: absolute; bottom: -95px !important;width: 100%; text-align: center; }
	.qre .swiper-pagination-bullet { display: inline-block; width: 19px; height: 19px; margin: 0 9.5px!important; border: 1px solid #35567e; background: rgba(255, 255, 255, 0); border-radius: 50%; opacity: 1;}
	.qre .swiper-pagination-bullet-active { background: #35567e; }
	.qre .swiper-button-next:after, .qre .swiper-button-prev:after {display: none;}
}
@media screen and (max-width: 768px) {
	.qre .bg{ padding-bottom:5.25rem; background: url(../img/qre_bg.jpg)no-repeat center/cover;}
	.qre h2{ position:relative; padding: 0.92rem 0; background: #35567e; color: #fff; font-size: 2rem; line-height: 1.08; letter-spacing: .03em; text-align: center;}
	.qre h2::after{ content: ""; display: block; position: absolute; width: 0; height: 0; bottom:-1.2rem; left:calc(50% - .75rem); border-style: solid; border-width:1.5rem .65rem 0 .65rem; border-color: #35567e transparent transparent transparent;}
	.qre h2 span{ font-size: 2.3rem;}
	.qre .qre-lead{ margin:2.45rem auto 0; color: #d75050; font-size: 2.4rem; text-align: center; line-height: 1; letter-spacing: .02em;}
	.qre .qre-list{ width:30rem; height: 21.6rem; margin:1.95rem auto 2.5rem; padding: 2rem 1.3rem; background-color: #fcfcf9;}
	.qre .qre-flex{ display: flex; justify-content: flex-start; height: 17.5rem;}
	.qre .qre-txtimg{ width:12.6rem;}
	.qre .qre-contents{ position:relative; width:13.33rem; margin-left: 1rem;}
	.qre .qre-subttl{ position: relative; width: 5.1rem; margin: 0 auto; color:#35567e; font-size: 1.5rem; text-align: center;}
	.qre .qre-subttl::before,
	.qre .qre-subttl::after{ content:""; display: block; position: absolute; top:50%; left:-4rem; width: 4.25rem; height:.1rem;  background:linear-gradient(to left,#35567e 80%,#fff);}
	.qre .qre-subttl::after{ left:auto; right:-4rem; background:linear-gradient(to right,#35567e 80%, #fff);}
	.qre .qre-txtbox{ display: flex; justify-content: center; align-items: flex-start; margin:0 auto 0;}
	.qre .qre-txt{width:100%; margin-top: 1rem ; color: #1c1c1c; font-size: 1.3rem; line-height:1.538;}
	.qre .qre-btn{ position: absolute; bottom: 0; width: 13.6rem; margin:auto 0 0 0;}
	/* Swiper CSS */
	.qre .swiper { position: relative; overflow: visible;}
	.qre .swiper-button-prev,
	.qre .swiper-button-next { position: absolute; width: 6.7rem; height: 5.25rem; z-index: 999;background-size: contain;background-repeat: no-repeat;}
	.qre .swiper-button-prev { left: -2.3rem;  background-image: url('../img/qre_btn_prev_sp.png'); top: 22rem; margin-top: 0; }
	.qre .swiper-button-next { right: -2.3rem;  background-image: url('../img/qre_btn_next_sp.png'); top: 22rem; margin-top: 0;}
	.qre .swiper-pagination { position: absolute; width: 100%; bottom: -8rem!important;  text-align: center;  z-index: 10; }
	.qre .swiper-pagination-bullet { display: inline-block;  width: .95rem;  height: .95rem;  margin: 0 .425rem!important;  border: .05rem solid #35567e;  background: rgba(255,255,255,0);  border-radius: 50%;  opacity: 1;}
	.qre .swiper-pagination-bullet-active { background: #35567e; }
	.qre .swiper-button-next:after, .qre .swiper-button-prev:after {display: none;}
}

/*----------------------------------------------------------
	writer
----------------------------------------------------------*/
@media screen and (min-width: 769px) {
	.writer_bg {  background: url(../img/chadogu/writer_bg.jpg) no-repeat center/cover; padding: 64px 0 86px; }
	.writer_inner {  width: 873px; margin: 0 auto; }
	.writer_bg h2 {  font-size: 48px; letter-spacing: .08em; text-align: center; margin-bottom: 22px; }
	.writer_bg .font-color {  color: #d75050; }
	.writer_bg .font-size {  font-size: 37px; }
	.writer .container {  display: flex; flex-wrap: wrap; align-items: flex-start; }
	.writer .box {  width: 206px; height: 45.5px; margin: 0 6px 15px; background-color: #fff; color: #243448; display: flex; justify-content: center; align-items: center; font-size: 22px; box-sizing: border-box; border: 1px solid #243448; box-shadow: 2px 4px 4px rgba(200, 198, 198, 0.5); letter-spacing: .12em; }
}
@media screen and (max-width: 768px) {
	.writer_bg {background: url(../img/chadogu/writer_bg_sp.jpg) no-repeat; padding: 4rem 0 4rem;}
	.writer_bg h2 {font-size: 2.7rem; letter-spacing: .08em; margin-bottom: 1.8rem;}
	.writer_bg .font-color {color: #d75050;}
	.writer_bg .font-size {font-size: 2rem;}
	.writer .container {display: flex; flex-wrap: wrap; margin: 0 2.5rem;}
	.writer .box {border: .05rem solid #243448; width: 12.2rem; margin: 0 .5rem 1rem; padding: .655rem 0;font-size: 1.3rem;letter-spacing: .12em; background-color: #fff;box-shadow: .1rem .2rem .2rem rgba(200, 198, 198, 0.5) }
}

/*----------------------------------------------------------
	point
----------------------------------------------------------*/
@media screen and (min-width: 769px) {
	.point_bg {  background: url(../img/byobu/point_bg.jpg) no-repeat 50% 0; padding: 62px 0 69px; background-size: cover;}
	.point_bg h2 {  width: 690px; margin: 0 auto 29px; }
	.point-box {  width: 980px; margin: 0 auto 41px; box-shadow: 2px 4px 4px rgba(200, 198, 198, 0.5); }
	.point-box dt {  background-color: #233347; color: #fff; font-size: 34px; letter-spacing: .1em; font-family: "A-OTF-A1MinchoStd"; display: flex; vertical-align: middle; padding: 10px 0 10px 80px; height: 91px; }
	.point-box .point-ttl {  margin: 8px 0 0 45px; }
	.point-box dd {  background-color: #fff; padding: 20px 0 33px 20px; display: flex; }
	.point-box .point-txt {  width: 468px; font-size: 20px; letter-spacing: .06em; line-height: 1.7; margin-left: 40px; }
}
@media screen and (max-width: 768px) {
	.point_bg {background: url(../img/byobu/point_bg_sp.jpg) no-repeat; padding: 2.8rem 0 4.5rem; background-size: cover;}
	.point_bg h2 {width: 23rem; margin-bottom: .3rem;}
	.point-box {width: 30rem; margin: 0 auto 1.5rem; box-shadow: .1rem .2rem .2rem rgba(200, 198, 198, 0.5)}
	.point-box dt { background-color: #233347; color: #fff; font-size: 2rem;font-family: "A-OTF-A1MinchoStd"; letter-spacing: .1em;text-align: left; height: 6.5rem; display: flex; vertical-align: middle;padding: 1.8rem 1.5rem 0;}
	.point-box .point-num {width: 7rem;}
	.point-box .point-ttl {font-size: 2.2rem;margin: .25rem 0 0 2.5rem;line-height: 1.11;}
	.point-box .point-ttl.diff { margin: -1rem 0 0 2.5rem; }
	.point-box .point-ttl02{margin: -.9rem 0 0 2.5rem;}
	.point-box dd {padding: 1.5rem 0 1.8rem; background-color: #fff;}
	.point-box .point-img {width: 25rem;  margin: 0 auto;}
	.point-box .point-txt {font-size: 1.26rem; width: 25rem;  margin: 1.2rem auto 0;letter-spacing: .04em;line-height: 1.38;}
}

/*----------------------------------------------------------
	cta
----------------------------------------------------------*/
@media screen and (min-width: 769px) {
	.cta .bg-gradation {  padding: 28px 20px 17px; background: #4a617d; background: linear-gradient(#243447 0, #40556e 70%, #4a617d); }
	.cta h2 {  min-width: 980px; margin: 0 0 25px; color: #fff; font-size: 40px; font-weight: bold; line-height: 1.35; text-align: center; letter-spacing: 0.05em; }
	.cta .corona_note {  width: 920px; margin: 0 auto; border-color: #09274c; }
	.cta .corona_note dt .color {  font-size: 26px; }
	.cta .corona_note dd {  font-size: 20px; border-top: 1px solid #09274c; }
	.cta_catch_list {  display: flex; justify-content: center; margin: 20px 0 0; }
	.cta_catch_item {  width: 304px; border: 1px solid #09274c; background: #fff; }
	.cta_catch_item:nth-child(2) {  margin: 0 0 0 5px; }
	.cta_catch_item .txt {  color: #243448; font-size: 25px; text-align: center; }
	.cta_catch_item .txt .color {  color: #d75050; }
	.cta_sub {  min-width: 980px; margin: 18px 0 0; padding: 5px 0 9px; background: url(../img/cta_bg03.png) no-repeat 50% 0/cover; }
	.cta_subttl {  position: relative; width: 540px; margin: 0 auto; color: #fff; font-size: 26px; text-align: center; text-shadow: 1px 1px #8c100f; letter-spacing: 0.08em; }
	.cta_subttl .size {  margin: 0 10px 0 -5px; font-style: italic; font-size: 48px; line-height: 1; letter-spacing: 0; vertical-align: bottom; }
	.cta_subttl::before, .cta_subttl::after {  position: absolute; content: ""; width: 1px; height: 36px; top: 50%; background: #fff; text-align: center; }
	.cta_subttl::before {  left: 0; transform: translateY(-50%) rotate(-25deg); }
	.cta_subttl::after {  right: 0; transform: translateY(-50%) rotate(25deg); }
	.cta .tel-block {  min-width: 980px; padding: 25px 0; background: url(../img/cta_bg01.jpg) no-repeat 50% 0/cover; }
	.cta_ttl {  position: relative; margin: 0 0 16px; color: #656462; font-size: 30px; font-weight: 600; text-align: center; }
	.cta_tel01 {  width: 608px; margin: 0 auto; }
	.cta_flex {  display: flex; margin: 20px 0 0 212px; }
	.cta .note {  text-indent: -20px; font-weight: 500; }
	.cta_flex-right {  margin: 0 0 0 20px; }
	.cta_img-txt {  position: absolute; bottom: 35px; left: 0; width: 177px; height: 177px; }
	.cta_tel02 {  width: 612px; margin: 15px auto 0; }
	.cta .bg-gray {  min-width: 980px; padding: 28px 12px; background: #f7f7f4; }
	.cta .bg-gray .inner {  display: flex; align-items: center; }
	.cta .line-block {  position: relative; width: 490px; padding: 0 0 0 40px; border-right: 1px solid #c3c3c3; }
	.cta .line-block .box {  display: flex; }
	.cta .line-block .lead, .cta .mail-block .lead {  position: relative; width: 400px; margin: 0 0 20px; padding: 0 0 0 64px; font-size: 28px; letter-spacing: 0.04em; }
	.cta .mail-block {  padding: 0 0 0 50px; }
	.cta .mail-block .lead {  padding: 0 0 0 76px; }
	.cta .line-block .lead::before, .cta .mail-block .lead::before {  position: absolute; content: ""; width: 50px; height: 50px; left: 0; top: 50%; transform: translateY(-50%); background: url(../img/cta_line01.png) no-repeat 50% 0/cover; }
	.cta .mail-block .lead::before {  background-image: url(../img/cta_mail01.png); }
	.cta .line-block .line-qr {  width: 140px; }
	.cta .line-block .txt {  width: 288px; margin: 0 0 0 35px; line-height: 1.9; }
	.cta .mail-block {  position: relative; width: 490px; padding: 0 0 0 50px; }
	.cta .mail-block .mail-btn {  width: 420px; }
	/* LINE停止20230110 */
	.cta .line-block .line-stop {  width: 470px; margin: 0 auto 15px -40px; }
	.cta .line-block .line-note {  width: 420px; margin: 15px auto 15px -10px; }
	.ie .cta h2 {  margin: 0 0 10px; padding: 10px 0 0; }
}
@media screen and (max-width: 768px) {
	.cta { border-bottom: #4a617d solid 0.5rem; }
	.cta-ttl { padding: 1.3rem 1rem; background: #243448; color: #fff; font-size: 1.4rem; font-weight: 500; letter-spacing: .04em; }
	.cta .tel-block { padding: 0 0 3.5rem; background: url(../img/cta_bg01_sp.jpg) no-repeat 50% 0; background-size: cover; letter-spacing: .02em; margin: 0; }
	.cta .tel-block .cta-lead { display: flex; align-items: center; justify-content: right; height: 12.5rem; margin: 0 -.75rem 0 0; }
	.cta .tel-block .cta-lead .txt01 { color: #09274c; font-size: 1.6rem; font-weight: 500; line-height: 2.5rem; letter-spacing: -.01em; }
	.cta .tel-block .cta-lead .color { color: #d75050; font-size: 1.8rem; }
	.cta .tel-block .catch { width: 27.8rem; height: 2.65rem; display: flex; align-items: center; margin: 0 auto; display: flex; background: url(../img/cta_bg02_sp.png) no-repeat 50% 0/cover; }
	.cta .tel-block .catch .txt01 { width: 13.5rem; color: #09274c; font-size: 1.6rem; text-align: center; }
	.cta .tel-block .catch .txt01 .color { color: #d75050; }
	.cta .tel-block .catch .txt02 { width: 14.2rem; color: #fff; font-size: 1.4rem; text-align: center; line-height: 2.4rem; }
	.cta .tel-block .catch .txt02 .color { color: #fdf482; font-size: 1.9rem; vertical-align: bottom; }
	.cta .btn { width: 28rem; margin: 1.7rem auto 0; }
	.cta .tel-block .sub { width: 31.5rem; margin: 1.25rem -0.75rem 0; }
	.cta .tel-block .note { margin: .5rem 0 0; line-height: 1.45; letter-spacing: .04em; }
	.cta .tel-block .time { width: 28rem; margin: .8rem auto 0; padding: .3rem 0; color: #233346; font-size: 1.1rem; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(247,247,244,1) 3%, rgba(247,247,244,1) 100%); }
	.cta .tel-block .license { margin: 1.25rem 0 0 3.5rem; }
	.cta .bg-gray { padding: 1.3rem 0 1.5rem; background: #f7f7f4; }
	.cta .line-block { margin: 0 0 1.5rem; padding: 0 0 1.5rem; border-bottom: 1px solid #c3c3c3; }
	.cta .line-block h3,.cta .mail-block h3 { margin: 0 0 .9rem; font-size: 1.3rem; letter-spacing: .08rem; }
	.cta .wrap {position: relative; width: 28rem; margin: 0 auto;}
	.cta .baloon { position: absolute; display: flex; align-items: center; justify-content: center; width: 9.5rem; height: 9.5rem; top: -1.7rem; right: -1.6rem; background: #d75050; border-radius: 50%; }
	.cta .baloon .txt { color: #fff; font-size: 1.15rem; font-weight: 500; text-align: center; text-shadow: -1px -1px 0 #8c100f; line-height: 1.2; }
	.cta .baloon .size { margin: 0 .25rem 0 0; font-style: italic; font-size: 1.8rem; letter-spacing: -0.04em; }

	/* LINE停止20230110 */
	#hero .line-stop{width:32rem; margin:2rem 0 1.6rem -1rem;}
	.cta .line-stop{width:30rem; margin:1rem auto 0;}
	#hero .line-note,
	.cta .line-note{width:26.8rem; margin: 1rem auto; font-size: 1rem;font-weight:500;color: #333;line-height:1.7;letter-spacing: 0;}
	.cta .bottom-btns { display: flex; justify-content: space-between; margin: 2rem 0 0; }
	.cta .bottom-btns .line-btn, .cta .bottom-btns .mail-btn { width: 13rem; }
	.cta .bottom-btns .line-news { position: relative; z-index: 999; }
	.cta .bottom-btns .line-news-ttl { position: relative; color: #243448; text-align: center; text-decoration: underline; line-height: normal; letter-spacing: .06em; }
	.cta .bottom-btns .line-news-ttl::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #243448; }
	.cta .bottom-btns .line-news-note { position: absolute; top: 3.3rem; left: 0; width: 28rem; padding: .75rem .75rem 1rem; font-size: 1.1rem; line-height: 1.6rem; background: #faf6c6; }
	.cta .bottom-btns .line-news-note::before { content: ''; position: absolute; top: -1.9rem; left: 6.5rem; transform: translateX(-50%); width: 0; height: 0; border-width: 1rem 1rem 1.5rem 1rem; border-style: solid; border-color: transparent transparent #faf6c6 transparent; }
	.cta .bottom-btns .tooltip { display: none; animation: fade-in .5s; }
	.cta .bottom-btns .tooltip.active { display: block; }
	@keyframes fade-in {
		from { opacity: 0; }
		to { opacity: 1; }
	}
}

/*----------------------------------------------------------
	flow
----------------------------------------------------------*/
@media screen and (min-width: 769px) {
	#flow .bg {  padding: 95px 0 70px; background: url(../img/flow_bg01.png); }
	#flow h2 {  margin: 0 0 15px; color: #fff; text-align: center; letter-spacing: .08em; }
	#flow .flow-list {  width: 1020px; }
	#flow .flow-item {  width: 300px; margin: 0 40px 40px 0; text-align: center; }
	#flow .flow-item .alphabet {  margin: 0 0 5px; font-family: "Times New Roman"; font-style: italic; color: #fff; font-size: 40px; text-align: center; }
	#flow .flow-item .alphabet span { margin-left: 15px;}
	#flow .flow-item .bg-white {  position: relative; height: 485px; padding: 28px 20px 20px; color: #325177; }
	#flow .flow-item .bg-white:after {  position: absolute; top: 50%; right: 100px; margin: -130px; width: 0; height: 0; border-style: solid; border-width: 130px 0 130px 30px; border-color: transparent transparent transparent #0a203b; content: ""; }
	#flow .flow-item:last-child .bg-white:after {  content: none; }
	#flow .flow-item .bg-white h3 {  margin: 0 0 10px; font-size: 30px; font-weight: bold; text-align: center; letter-spacing: .04em;}
	#flow .flow-item .bg-white .photo {  margin: 0 0 18px; }
	#flow .flow-item .txt { font-size: 16px; letter-spacing: 0;}
	#flow .flow-item .txt.diff { letter-spacing: -0.06em;}
	#flow .store-block {  margin: 0 0 40px; border-radius: 10px; }
	#flow .store-block:last-child {  margin: 0; }
	#flow .store-block h3 {  padding: 4px 0; background: #0a203b; text-align: center; letter-spacing: 0.04em; line-height: 1.2; }
	#flow .store-block p.flow-lead {  margin-top: 28px; line-height: 1; }
	#flow .store-block h3 .yellow {  color: #fff683; }
	#flow .store-block .bg-white {  margin-top: 28px; padding: 20px 90px 20px 93px; border-radius: 8px; }
	#flow .store-block .photo {  width: 300px; }
	#flow .store-block .photo.right {  width: 480px; }
	#flow .store-block .txt-block {  width: 612px; padding: 10px 0 0; }
	#flow .store-block .txt-block .txt + .txt {  margin: 20px 0 0; }
	#flow .store-block .txt {  margin-top: 20px; }
	#flow .store-detail {  margin: 0 0 18px; }
	#flow .store-detail h4 {  margin: 0 20px 0 0; font-size: 33px; font-weight: bold; line-height: 1; }
	#flow .store-detail .icon-list {  margin: 0 10px 0 0; }
	#flow .store-detail .icon-list li {  float: left; width: 140px; margin: 0 0 0 10px; }
	#flow .store-detail .icon-list li:first-child {  margin: 0; }
	#flow .store-block.shuccho .store-detail {  margin: 10px 0 0; }
	#flow .store-block.shuccho .txt-block {  width: 100%; padding: 0 60px; }
	.ie #flow .store-block h3 {  padding: 10px 0 2px; }
	.ie #flow .store-detail h4 {  height: 52px; padding: 10px 0; line-height: 1.35; }
	.ie #flow .store-detail .icon-list {  height: 28px; }
	.ie #flow .store-detail .txt {  margin: 5px 0 0; }
}
@media screen and (max-width: 768px) {
	#flow .bg { padding: 4rem 0 2.4rem; background: url(../img/flow_bg01_sp.png);}
	#flow h2 { margin: 0 0 2.3rem; color: #fff; letter-spacing: .08em;}
	#flow .flow-item { position: relative; margin: 0 0 2.7rem; }
	#flow .flow-item:after { position: absolute; bottom: -1.6rem; left: 50%; width: 0; height: 0; margin-left: -6.6rem; border-style: solid; border-width: 1.6rem 6.6rem 0 6.6rem; border-color: #0a203b transparent transparent transparent; content: ""; }
	#flow .flow-item:last-child:after { content: none; }
	#flow .flow-item .fs-24 { position: absolute; top: 9.5rem; left: 2rem; width: 26.7rem; color: #35567e; }
	#flow .flow-item:first-child .fs-24 { position: absolute; top: 10.3rem; left: 2rem; width: 26.7rem; color: #35567e; }
	#flow .flow-item .txt { position: absolute; top: 10.1rem; left: 2rem; width: 26.7rem; color: #35567e; font-size: 1.3rem; line-height: 1.4;}
	#flow .flow-item .txt.diff {letter-spacing: -.06em;}
	#flow .flow-item .photo {width: 100%;}
}

/*----------------------------------------------------------
	company
----------------------------------------------------------*/
@media screen and (min-width: 769px) {
	#company .bg {  margin: 1px 0 0; padding: 67px 0 118px; background: url(../img/comany_bg01.png); }
	#company h2 {  margin: 0 0 29px; color: #43320a; text-align: center; letter-spacing: 0.08em; font-size: 59px;}
	#company dl {  width: 800px; margin: 0 auto; padding: 11px 0; border-bottom: #a19577 solid 1px; color: #43320a; font-size: 20px; }
	#company dt {  float: left; width: 315px; padding: 0 0 0 53px; }
	#company dd {  float: right; width: 485px; }
	.band .bg {  min-width: 980px; padding: 30px 0 40px; background: url(../img/band_bg01.jpg) no-repeat 50% 0/cover; }
	.band .inner:before {  position: absolute; top: 88px; left: -227px; content: url(../img/band_bg02.png); }
	.band_subttl {  width: 680px; height: 53px; display: flex; background: url(../img/band_bg03.jpg) no-repeat 50% 0/cover; text-align: center; line-height: 53px; letter-spacing: 0.08em; }
	.band_subttl .subttl01 {  display: inline-block; width: 333px; color: #09274c; font-size: 32px; }
	.band_subttl .subttl01 .color {  color: #d75050; }
	.band_subttl .subttl02 {  display: inline-block; width: 347px; color: #fff; font-size: 26px; }
	.band_subttl .subttl02 .color {  color: #fdf482; }
	.band_ttl {  position: relative; width: 690px; margin: 20px 0 0; color: #09274c; font-size: 43px; font-weight: 600; text-align: center; text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff; line-height: 1.4; letter-spacing: 0.02em; }
	.band_ttl .size01 {  font-size: 46px; }
	.band_ttl .size02 {  font-size: 50px; }
	.band_ttl .size03 {  font-size: 52px; }
	.band_ttl .size04 {  font-size: 56px; }
	.band_ttl .size05 {  font-size: 58px; }
	.band_ttl .size06 {  font-size: 64px; letter-spacing: 0.04em; }
	.band_ttl .color {  color: #d75050; }
	.band_ttl .spacing {  letter-spacing: 0.08em; }
	.band_middle {  position: relative; margin: 10px 0 0 -20px; z-index: 2; }
	.band_middle .txt01 {  position: absolute; top: 17px; left: 43px; color: #fff; font-size: 38px; font-weight: bold; line-height: 1.1; letter-spacing: 0.04em; }
	.band_middle .txt01 .size {  display: block; font-size: 28px; }
	.band_right {  position: absolute; right: -33px; top: 160px; }
	.band_right .txt02 {  position: relative; top: -72px; color: #fff; font-size: 30px; font-weight: 500; text-align: center; transform: rotate(-4deg); z-index: 3; }
	.band_right .txt02 .txt-bg {  display: inline-block; margin: 0 0 3px; padding: 4px 10px; background: #09274c; line-height: 1; }
	.band_right .txt02 .color {  color: #fdf482; }
	.band .shop-photo {  position: absolute; top: 159px; right: -1px; }
}
@media screen and (max-width: 768px) {
	#company .bg { padding:3.25rem 0 4rem; background: url(../img/common_bg01_sp.png);}
	#company h2 { margin: 0 0 1.3rem; font-size: 3.2rem; letter-spacing: .08em;}
	#company dl { display: table; margin: 0 auto; padding: .69rem 0; border-bottom: #a19577 solid 1px; color: #43320a; font-size: 1.3rem; }
	#company dt { display: table-cell; width: 12.2rem; line-height: 1.4; padding: 0 0 0 .9rem; text-align: left; vertical-align: middle; }
	#company dd { display: table-cell; width: 17.5rem; line-height: 1.4; padding: 0 2rem 0 0; text-align: left; vertical-align: middle;text-decoration: none; }
}

/*==============================================================================
	slider
============================================================================= */
@media screen and (min-width: 769px) {
	.slider .bg {  position: relative; padding: 25px 0 40px; background: url(../img/slider_bg01.jpg) no-repeat 50% 0/cover; }
	.slider-ttl {  position: relative; width: 580px; margin: 28px auto 0; color: #4d3a0c; font-size: 51px; font-weight: 500; text-align: center; line-height: 1; text-shadow: 0 1px 0 #fff; letter-spacing: 0.08em; }
	.slider-ttl::before, .slider-ttl::after {  position: absolute; content: ""; width: 2px; height: 63px; top: 37%; background: #4d3a0c; text-align: center; }
	.slider-ttl::before {  left: -14px; transform: translateY(-50%) rotate(-18deg); }
	.slider-ttl::after {  right: -16px; transform: translateY(-50%) rotate(18deg); }
	.slider-subttl {  width: 661px; margin: 14px auto 0; padding: 3px; background: #9f8222; border-radius: 24px; color: #fff; font-size: 26px; text-align: center; letter-spacing: 0.06em; text-shadow: 0 -1px 0 #4d3a0c; }
	.slider-lead {  display: flex; justify-content: flex-start; align-items: center; width: 750px; margin: 13px auto 5px; padding: 0 0 15px; color: #43320a; font-size: 32px; line-height: 1.2; text-shadow: 0 1px 0 #fff; letter-spacing: 0.08em; }
	.slider-txt {  position: relative; left: 27px; display: flex; justify-content: center; align-items: center; width: 243px; height: 61px; background: url(../img/slider_txt_bg.png) no-repeat center/contain; color: #243448; font-size: 44px; font-weight: 300; letter-spacing: 0.06em; }
	.slider-lead .deco {  position: relative; top: -12px; left: 18px; }
	.slider-lead .color {  margin: 0 5px 0 2px; color: #d75050; }
	.slider-lead .size01 {  font-size: 38px; letter-spacing: 0.04em; }
	.slider-lead .size02 {  font-size: 40px; letter-spacing: 0.1em; }
	.slider-lead .size03 {  font-size: 52px; }
	.slider-lead .size03.spacing {  letter-spacing: -0.14em; }
	.slider-lead .size04 {  position: relative; top: 10px; font-size: 72px; font-style: italic; letter-spacing: -0.01em; }
	.slider-lead .flex {  display: flex; }
	/* ie */
	.ie .slider-subttl {  padding: 4px 0 2px; }
	.slider-02 .ttl-bg {  min-width: 980px; height: 472px; padding: 37px 0 0; background: url(../img/slider_bg02.jpg) no-repeat 50% 0; }
	.slider-02 h2 {  margin: 0 0 29px -1px; }
	.slider-02 .shop-photo {  position: absolute; top: 171px; right: 33px; }
	.slider-02 .pattern-bg {  padding: 40px 0; background: url(../img/common_bg01.png); }
	.slider-02 .ttl-bg {  min-width: 980px; height: 472px; padding: 37px 0 0; background: url(../img/slider_bg02.jpg) no-repeat 50% 0; }
	.slider-02 h2 {  margin: 0 0 29px -1px; }
	.slider-02 .shop-photo {  position: absolute; top: 171px; right: 33px; }
	.slider-02 .pattern-bg {  padding: 40px 0; background: url(../img/common_bg01.png); }
	/*.slider .slider-02*/
	.loop-left-animation01 {
		-webkit-animation: loop-left01 30s -15s linear infinite;
		animation: loop-left01 30s -15s linear infinite; }
	.loop-left-animation02 {
		-webkit-animation: loop-left02 30s linear infinite;
		animation: loop-left02 30s linear infinite; }
	@-webkit-keyframes loop-left01 {
		from {
			-webkit-transform: translateX(100%);
			transform: translateX(100%);
		}
		to {
			-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
		}
	}
	@keyframes loop-left01 {
		from {
			-webkit-transform: translateX(100%);
			transform: translateX(100%);
		}
		to {
			-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
		}
	}
	@-webkit-keyframes loop-left02 {
		from {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		to {
			-webkit-transform: translateX(-200%);
			transform: translateX(-200%);
		}
	}
	@keyframes loop-left02 {
		from {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		to {
			-webkit-transform: translateX(-200%);
			transform: translateX(-200%);
		}
	}
	.slider-02 .slider-02-inner {  margin: 0 auto; }
	.slider-02  .loop--box { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }
	.slider-02 .loop--contents { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-end; padding: 0; }
	.slider-02 .loop--contents .antique-item {  margin-right: 70px; }
	.slider-02 .loop--contents .antique-item-01 { width: 188px; }
	.slider-02 .loop--contents .antique-item-02{ width: 200px; }
	.slider-02 .loop--contents .antique-item-03{ width:  155px; }
	.slider-02 .loop--contents .antique-item-04{ width: 75px; }
	.slider-02 .loop--contents .antique-item-05{ width: 104px; }
	.slider-02 .loop--contents .antique-item-06{ width: 97px; }
	.slider-02 .loop--contents .antique-item-07{ width: 107px; }
	.slider-02 .loop--contents .antique-item-08{ width: 115px; }
	.slider-02 .loop--contents .antique-item-09{ width: 134px; }
	.slider-02 .loop--contents .antique-item-10{ width: 165px; }
	.slider-02 .loop--contents .antique-item-11{ width: 169px; }
	/*    買取品目一覧　導線ボタン*/
	.antique-btn {  width: 470px; margin: 5px auto 5px; }
}
@media screen and (max-width: 768px) {
	.slider .bx-wrapper { position: relative; width: 32rem; margin: 0 auto; }
	.slider .slider-block { position: relative; height: 14.4rem; padding: 2rem 0 0; border-top: 1px solid #fff; background: url(../img/common_bg01_sp.png); }
	.slider .antique-pager .pager { display: inline-block; width: .9rem; height: .9rem; margin: 0 1rem 0 0; background: #fff; border-radius: 50%; }
	.slider .antique-pager .pager:last-child { margin: 0; }
	.slider .antique-pager .pager.active { background: #b8ac86; }
	.slider .antique-item-01 { width: 24.5rem !important; top: 0; left: 10.8%; }
	.slider .antique-item-02 { width: 25.7rem !important; top: 1.2rem; left: 8.8%; }
	.slider .antique-item-03 { width: 17.3rem !important; top: 0.5rem; left: 21%; }
	.slider .antique-item-04 { width: 15.2rem !important; top: 0.2rem; left: 25.4%; }
	.slider .antique-item-05 { width: 18.5rem !important; top: 1.2rem; left: 22%; }
	.slider .bx-viewport { height: 10rem !important; }
	.slider .antique-pager.ta-c { position: absolute; left: 34%; }
}

/*----------------------------------------------------------
    add lineNews
----------------------------------------------------------*/
@media screen and (min-width: 769px) {
	.lineNews-contents {  min-width: 980px; padding: 63px 0 56px; background: url(../img/linenews_bg01_pc.jpg) no-repeat center/cover; }
	.lineNews-ttl {  color: #233346; font-size: 36px; letter-spacing: 0.04em; line-height: 1; text-align: center; }
	.lineNews-txt {  position: relative; display: flex; justify-content: center; align-items: center; width: 986px; height: 86px; margin: 30px auto 0; background: url(../img/linenews_bg02_pc.png) no-repeat center/contain; color: #333333; font-size: 28px; font-weight: 700; letter-spacing: 0.02em; }
	.lineNews-txt:before {  position: absolute; top: 10%; left: 14%; display: block; content: ""; width: 66px; height: 66px; background: url(../img/linenews_img_pc.jpg) no-repeat center/contain; }
	.lineNews-flex {  width: 920px; margin: 6px auto 0; padding-left: 30px; display: flex; justify-content: flex-start; align-items: flex-start; }
	.lineNews-sub {  width: 246px; margin: 11px 0 0; padding-bottom: 8px; background: url(../img/linenews_bg03_pc.png) no-repeat bottom center/contain; color: #0b2d57; font-size: 32px; font-weight: 700; letter-spacing: 0.04em; text-align: center; }
	.lineNews-sub .small {  font-size: 24px; }
	.lineNews-sub::after {  position: absolute; left: auto; right: 0; transform: rotate(115deg); }
	.lineNews-up {  width: 620px; margin-left: 28px; color: #0b2d57; font-size: 44px; font-weight: 700; letter-spacing: 0.08em; line-height: 1; text-shadow: 0 0 0.3rem #fff, 0 0 0.3rem #fff, 0 0 0.3rem #fff, 0 0 0.3rem #fff, 0 0 0.3rem #fff, 0 0 0.3rem #fff, 0 0 0.3rem #fff, 0 0 0.4rem #fff, 0 0 0.4rem #fff, 0 0 0.4rem #fff, 0 0 0.4rem #fff, 0 0 0.4rem #fff; }
	.lineNews-up .num {  font-size: 71px; }
	.lineNews-up .color-red {  color: #d75050; }
	.lineNews-up .middle {  font-size: 50px; }
	.lineNews-up .big {  font-size: 61px; padding-right: 45px; background: url(../img/linenews_up_sp.png) no-repeat right center/60px; }
}

/*----------------------------------------------------------
	modal
----------------------------------------------------------*/
@media screen and (min-width: 769px) {
	#modal-bg {  display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1000000; }
	.modal-item {  display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 60vh; margin: 50px auto; z-index: 1000001; text-align: center; }
	.modal-box-image {  width: 100%; height: 100%; }
	.modal-close {  width: 50px; height: 50px; position: absolute; top: 0; right: -50px; cursor: pointer; }
	.modal-close .close-btn {  width: 100%; height: 100%; transform: rotate(45deg); }
	.modal-close .close-btn span {  background: #fff; position: absolute; }
	.modal-close .close-btn span:nth-child(1) {  width: 100%; height: 2px; top: 50%; left: 0; transform: translateY(-50%); }
	.modal-close .close-btn span:nth-child(2) {  width: 2px; height: 100%; top: 0; left: 50%; transform: translateX(-50%); }
}
@media screen and (max-width: 768px) {
	#modal-bg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 1000000; }
	.modal-item { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0;width: 30rem;height: 70%; margin: auto; z-index: 1000001; }
	.modal-close { width: 3rem; height: 3rem; position: absolute; top: -3.5rem; right: 0; cursor: pointer; }
	.modal-close .close-btn { width: 100%; height: 100%; transform: rotate(45deg); }
	.modal-close .close-btn span { background: #fff; position: absolute; }
	.modal-close .close-btn span:nth-child(1) { width: 100%; height: 2px; top: 50%; left: 0; transform: translateY(-50%); }
	.modal-close .close-btn span:nth-child(2) { width: 2px; height: 100%; top: 0; left: 50%; transform: translateX(-50%); }
	/* 電話モーダル */
	.modal-list.modal02 .modal-item{ height:40.5rem; padding:6.25rem 0 0; background:#fff;}
	.modal-list.modal02 .modal-close{width: 4.15rem; height: 4.15rem;}
	.modal-list.modal02 .txt01{ margin-bottom: 1rem; color:#333333; font-size: 1.4rem; letter-spacing: .02em; text-align: center;}
	.modal-list.modal02 .txt01 .em{ font-size: 1.6rem;}
	.modal-list.modal02 .txt02{ margin: 2.6rem auto 1rem; color:#333333; font-size: 1.3rem; letter-spacing: .02em; text-align: center;}
	.modal-list.modal02 .txt02::after{display: block; content: ""; width: 26rem; height: .1rem; margin: .5rem auto 0;  background-image: -webkit-linear-gradient(left, transparent, #000 25%, #000 75%, transparent);background-image: linear-gradient(to right, transparent, #000 25%, #000 75%, transparent);}
	.modal-list.modal02 .btn,
	.modal-list.modal02 .sub{ width:28rem; margin: 0 auto;}
	.modal-list.modal02 .modal-close{ top:0; background-color:#7d8b9c;}
	.modal-list.modal02 .txt03 { display:flex; justify-content: center; align-items: center; width:18.7rem; height:3.75rem; margin:3.05rem auto 0; font-size: 1.3rem; border:solid #000 .05rem; background-color: #dfdede;  cursor: pointer;}
}