@charset "utf-8";
/* CSS Document */

/* ==========================================================================
animate
========================================================================== */
.animate__delay-02s {animation-delay: calc(var(--animate-delay) * 0.2);}
.animate__delay-04s {animation-delay: calc(var(--animate-delay) * 0.4);}
.animate__delay-06s {animation-delay: calc(var(--animate-delay) * 0.6);}
.animate__delay-08s {animation-delay: calc(var(--animate-delay) * 0.8);}
.animate__delay-10s {animation-delay: calc(var(--animate-delay) * 1.0);}
.animate__delay-12s {animation-delay: calc(var(--animate-delay) * 1.2);}
.animate__delay-14s {animation-delay: calc(var(--animate-delay) * 1.4);}

/* ==========================================================================
Common
========================================================================== */
*,
*:before,
*:after {
  box-sizing: inherit;
}
html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}
.flex { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.inline-flex { display: -webkit-flex; display: inline-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flex-between { justify-content:space-between; -webkit-justify-content:space-between; }
.flex-center  { justify-content:center; -webkit-justify-content:center; }
.flex-end  { justify-content:flex-end; -webkit-justify-content:flex-end; }
.flex-txt-center{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}
figure img{width: 100%; height: auto;}
img{ -webkit-backface-visibility: hidden; }
body {
  	font-family: 'Roboto', 'Noto Sans JP',"BIZ UDGothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size:17px;
	line-height:2.1em;
	margin: 0;
  	padding: 0;
	position:relative;
    font-feature-settings: "palt";
    text-align: justify;
    text-justify: inter-ideograph;
	}
@media screen and (max-width:760px){
    body { font-size:18px; line-height:1.8em; }
    html,body{overflow-x: hidden;}
}

ul,li{
	margin:0; padding:0;
	list-style:none;
	}

h1,h2,h3,h4,h5,h6{
	margin:0;
	font-weight:normal;
	line-height:1.4em;
	}
.gochic{
    font-family: 'Roboto', 'Noto Sans JP',"BIZ UDGothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.mincho{
    font-family: "Noto Serif JP","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.aln_c{text-align: center!important;}
.aln_l{text-align: left!important;}
.content_in{ width:1140px; margin:0 auto; position:relative; }

.more_btn01{ text-align: center; }
.more_btn01 a{
    display: inline-block;
    border: 2px solid #c1272d;
    padding: 10px 50px;
    background: #c1272d;
    border-radius: 8px;
    color: #FFF;
    font-weight: bold;
    position: relative;
}
.more_btn01 a:hover{ background: #FFF; color: #c1272d; }
.more_btn01 a:after{ position: absolute; top: 12px; right: 10px; content: url("../images/icon/arrow-right-red.svg"); display: inline-block; width: 12px;}

header .more_btn01 a{width: 100%; padding: 10px 20px;}

.more_btn02{
    text-align: center;
}
.more_btn02 a{
    display: inline-block;
    border: 1px solid  #f15a24;
    padding: 3px 30px;
    background: #FFF;
    border-radius: 100px;
    color: #f15a24;
    font-weight: bold;
    font-size: 14px;
}
.more_btn02 a i{
    padding-left: 5px;
}
.more_btn02 a:hover{
    background: #f15a24;
    color: #FFF;
}

.pt000{padding-top: 0!important;}
.mt000{margin-top: 0!important;}

.mb000{margin-bottom: 0px!important;}
.mb005{margin-bottom: 5px!important;}
.mb010{margin-bottom: 10px!important;}
.mb020{margin-bottom: 20px!important;}
.mb030{margin-bottom: 30px!important;}
.mb040{margin-bottom: 40px!important;}
.mb050{margin-bottom: 50px!important;}
.mb060{margin-bottom: 60px!important;}
.mb080{margin-bottom: 80px!important;}
.mb100{margin-bottom: 100px!important;}

.w100{width: 100%;}
.mw360{max-width: 360px!important;}
.mw520{max-width: 520px!important;}
.mw640{max-width: 640px!important;}
.mw680{max-width: 680px!important;}
.mw760{max-width: 760px!important;}
.mw780{max-width: 780px!important;}
.mw800{max-width: 800px!important;}
.mw1030{max-width: 1030px!important;}

/*wp-pagenavi base*************************************************************************/

.wp-pagenavi {
    text-align: center!important;
    padding: 20px 0 30px 0!important;
}
.wp-pagenavi a, .wp-pagenavi span {
     color:#999!important;
     background-color:#FFF!important;
     border:solid 1px #999!important;
     padding: 8px 15px!important;
    margin:0 2px!important;
     white-space: nowrap!important;
     -moz-border-radius: 3px!important;
     -webkit-border-radius: 3px!important;
     border-radius: 3px!important;
     -webkit-transition: 0.2s ease-in-out!important;
     -moz-transition: 0.2s ease-in-out!important;
     -o-transition: 0.2s ease-in-out!important;
     transition: 0.2s ease-in-out!important;
}
.wp-pagenavi a:hover{
     color:#FFF!important; 
     background-color:#999!important; 
     border-color:#999!important;
     }
.wp-pagenavi span.current{
     color:#FFF!important;
     background-color:#00A8C6!important;
     border-color:#00A8C6!important;
     font-weight: bold!important;
     }

header{ width: 260px}
main{ width: calc(100% - 320px);}
/* ==========================================================================
ヘッダー
========================================================================== */
header{ width: 260px}
header .logo_area{ position: relative; text-align: center; padding: 30px 30px 120px 30px; background-image: url("../images/common/logo_back.svg"); background-position: bottom center; background-repeat: no-repeat; background-size: cover;}
header .logo_area .logo{width: 160px; height: auto; margin: 0 auto 30px auto;}
header .logo_area .shopname{font-size: 24px; color: #FFF; font-weight: bold; padding-top: 20px;}
header .logo_area nav ul{ border-top: 1px solid #ddc34f;}
header .logo_area nav ul li{ border-bottom: 1px solid #ddc34f;}
header .logo_area nav ul li a{display: block; line-height: 1em; font-size: 18px; font-weight: bold; color: #efe19f; padding: 20px 0;}
header .logo_area nav ul li a:hover{ color: #cc7e64; }

header figure.chara{ position: relative; z-index: 2; margin: -60px 0 40px 0;}

header .add_area{position: sticky; left: 0; top: 20px; padding-bottom: 50px;}
header .add_area .ttl{font-weight: bold; font-size: 18px; margin-bottom: 8px;}
header .add_area .tel img{width: 36px; height: auto; margin-right: 5px;}
header .add_area .tel{font-size: 34px; font-weight: bold; font-family: Arial, Roboto, Meiryo, sans-serif; line-height: 24px; margin-bottom: 10px;}
header .add_area .desc{margin-bottom: 20px; line-height: 1.5em;}
header .add_area figure.store{margin-bottom: 8px;}
header .add_area .address{font-size: 15px; margin-bottom: 30px;}

.sp_head{display: none;}

@media screen and (max-width:1400px){

}

@media screen and (max-width:760px){
	header{ display: none; }
	main{width: 100%; }
	.sp_head{display: block; position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: #FFF; z-index: 9;}
	.sp_head a{display: block; width: 140px; height: auto; margin: 5px 0 0 10px;}
	.sp_head a img{ width: 100%; height: auto;}
}

/* ==========================================================================
footer
========================================================================== */
footer{border-top: 5px solid #1e1210; padding: 40px 0 0 0; }
footer .address{margin-bottom: 30px;}
footer .address figure{width: 260px; margin-right: 50px;}
footer .address figure a{display: block;}
footer .address .tel img { width: 36px; height: auto; margin-right: 5px; }
footer .address .tel { font-size: 40px; font-weight: bold; font-family: Arial, Roboto, Meiryo, sans-serif; line-height: 24px; margin-bottom: 10px; }
footer .address .desc{line-height: 1.5em;}
footer nav.foot_nav {margin-bottom: 30px;}
footer nav.foot_nav ul{text-align: center; }
footer nav.foot_nav ul li{display: inline-block; position: relative; padding: 0 30px 0 20px; font-size: 17px;}
footer nav.foot_nav ul li::before{position: absolute; left: 0; top: 2px; content: url("../images/icon/arrow-right-orange.svg"); width: 10px;}
footer nav.foot_nav ul li a{color: #222;}
footer nav.foot_nav ul li a:hover{ color:#B28146; }

footer .main_copyright{text-align: center; }

@media screen and (max-width:760px){
	footer{border-top: 5px solid #1e1210; padding: 40px 0 0 0; }
	footer .address{margin-bottom: 10px;}
	footer .address figure{width: 100%; margin: 0 0 20px 0;}
	footer .address figure a{display: block; width: 200px; margin: 0 auto;}
	footer .address figure a img {width: 100%;}
	
	footer .address .tel img { width: 32px; height: auto; margin-right: 5px; }
	footer .address .tel { font-size: 30px; line-height: 18px; margin-bottom: 10px; text-align: center;}
	footer .address .desc{line-height: 1.5em; font-size: 14px; text-align: left; }
	footer nav.foot_nav {display: none;}
	footer .main_copyright{text-align: left; margin-bottom: 50px;}
}

/* ==========================================================================
共通パーツ
========================================================================== */
ul.list01{
    margin: 20px 0 20px 5px;
}
ul.list01 li{
    padding-left: 1.4em;
    padding-right: 20px;
}
ul.list01 li:before{
	content: url("../images/icon/circle.svg");
    display: inline-block;
    width: 14px;
	margin: 0 3px 0 -1em;
}

ul.list01 li > ul li:before{ content: url("../images/icon/circle-gray.svg"); }

ul.list02{
    padding: 0 0 0 30px;
}
ul.list02 li{
    list-style: disc;
    padding: 0;
}
ul.list02 li:before{
    display: none;
}

ol.list01 {
  position: relative;
  margin: 0;
  padding: 0
}
ol.list01 li  {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em
}
ol.list01 li span {
  position: absolute;
  left: 0;
  margin: 0
}

ol.list_num{
    list-style: decimal;
    padding-left: 24px;
}
ol.list_num li{
    list-style: decimal;
}
ol.list_num li > ul li{list-style: none!important;}


ol.list_circle  {
  position: relative;
  margin: 0;
  padding: 0
}
ol.list_circle li  {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding-left: 1.25em
}
ol.list_circle li span {
  position: absolute;
  left: 0;
  margin: 0
}

table.tbl01{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
    line-height: 1.6em;
    margin-bottom: 20px;
	}
table.tbl01 thead th{
	background:#eeefef;
	font-weight:bold;
	padding:5px;
    border:1px solid #c9c9ca;
    text-align: center;
	}
table.tbl01 tbody th{
	background:#eeefef;
	font-weight:bold;
	padding:10px;
    border:1px solid #c9c9ca;
    text-align: center;
	}
table.tbl01 tbody th .heigt01{ line-height: 1.1em; }

table.tbl01 tbody td{
	padding:10px;
    border:1px solid #c9c9ca;
    vertical-align: top;
	}
table.tbl01 .col1{width: 10%;}
table.tbl01 .col2{width: 30%;}

.tbl_sp{ display: none;}

@media screen and (max-width:760px){
    .tbl_sp{ display: block; width: 100%; height: auto;}
}

main .main_contents{ padding: 50px 0 20px 0; }

.movie video{width: 100%;}
.box{ margin-bottom: 60px;}
.box h2{font-size: 24px; font-weight: bold; border-bottom: 3px solid #b7871a; padding-bottom: 5px; margin-bottom: 10px;}

.pdfemb-viewer{margin-bottom: 20px!important; border: 1px solid #CCC!important; box-sizing: border-box!important;}

/* ==========================================================================
トップページ
========================================================================== */
#home{background: url("../images/header/home_header.jpg") top center no-repeat; }
#home .head__ttl{position: relative; color: #FFF; height: 450px; display: flex; justify-content: center; align-items: center; }
#home .head__ttl figure.chara{position: absolute; right: -80px; bottom: -40px; width: 180px; height: 250px;}

#home .head__ttl .inner{ text-align: center; }
#home .head__ttl .inner h1 {font-size: 32px; font-weight: bold; margin-bottom: 20px; filter:drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.8));}
#home .head__ttl .inner .visual{position: relative; width: 550px; height: 200px;}
#home .head__ttl .inner .visual::before{content: url("../images/common/logo_yoko_white.svg"); filter:drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.8));}
#home .head__ttl .inner .visual p{position: absolute; right: 0; bottom: 0; width: 260px; text-align: center; font-size: 32px; font-weight: bold;}

#home .news ul li{border-bottom: 1px solid #CCC;}
#home .news ul li a{display: block; padding:10px 0; }
#home .news ul li .date{padding: 0 20px 0 20px; position: relative;}
#home .news ul li .date::before{position: absolute; left: 0; top: -3px; content: url("../images/icon/arrow-right-orange.svg"); width: 10px;}

@media screen and (max-width:760px){
	main .main_contents{ padding: 25px 0 20px 0; }
	#home{background: url("../images/header/home_header_sp.jpg") top center no-repeat; }
	#home .head__ttl{height: 300px;padding-top: 50px; }
	#home .head__ttl figure.chara{position: absolute; right: -20px; bottom: -75px; width: 85px; height: auto;}
	#home .head__ttl .inner h1 {font-size: 20px; margin-bottom: 20px;}
	#home .head__ttl .inner .visual{width: 100%; height: auto;}
	#home .head__ttl .inner .visual p{width: 150px; text-align: center; font-size: 18px; bottom: 5px;}
	
	.box.news{ margin-bottom: 30px;}
	.box.movie{ margin-bottom: 40px;}
	.box.chirashi{ margin-bottom: 40px;}
	.box h2{font-size: 20px; margin-bottom: 5px;}

	#home .news ul li{border-bottom: 1px solid #CCC;}
	#home .news ul li a{display: block; padding:10px 0; }
	#home .news ul li .date{padding: 0 20px 0 20px; position: relative;}
	#home .news ul li .date::before{position: absolute; left: 0; top: -3px; content: url("../images/icon/arrow-right-orange.svg"); width: 10px;}
}

/* ==========================================================================
サブページ
========================================================================== */
#subpage{
    margin-top: 0;  
    padding-bottom: 30px;
}
#bread{
    width: 100%;
    padding: 10px 0 30px 0;
    font-size: 14px;
}
#bread i{
	display: inline-block;
    margin-right: 5px;
	content: url("../images/common/icon_home.svg");
	width: 20px;
	vertical-align: sub;
}


@media screen and (max-width:760px){
    #bread{ padding: 10px 0 10px 0; overflow-x: scroll; word-break: keep-all; white-space: nowrap; }
}


@media screen and (max-width:1400px){
    .contact_area2{ padding: 20px 30px; }
    .contact_area2 p.desc{ width: 32%; font-size: 16px; line-height: 1.6em; padding-top: 4px;}
    .contact_area2 .inner .tel{ width: 40%; padding-top: 5px; }
    .contact_area2 .inner .mail{ width: 26%;}
    .contact_area2 .inner p.time{ margin-top: 8px; font-size: 14px;}
    .contact_area2 .inner .tel .tel_num{ font-size: 39px; font-weight: bold; }
    .contact_area2 .inner .tel .tel_num img{ width: 46px; }
    .contact_area2 .inner .mail a{ font-size: 15px; line-height: 1.4em; padding: 10px;}    
}
@media screen and (max-width:779px){
    .contact_area2 p.desc{ width: 100%; padding-top: 0; margin-bottom: 10px;}
    .contact_area2 .inner .tel{ width: 100%; padding-top: 0; margin-bottom: 15px; }
    .contact_area2 .inner .mail{ width: 100%;}
    .contact_area2 .inner p.time{ margin-top: 8px; font-size: 12px;}
    .contact_area2 .inner .tel .tel_num{ font-size: 34px; font-weight: bold; line-height: 1em; }
    .contact_area2 .inner .tel .tel_num img{ width: 32px; padding-bottom: 5px; }
    .contact_area2 .inner .mail a{ font-size: 15px; line-height: 1.4em; padding: 10px;}    
    .contact_area2 .icon{display: none;}
}




/* ==========================================================================
店舗案内
========================================================================== */
#subpage .head__ttl{position: relative; color: #FFF; height: 213px; display: flex; justify-content: center; align-items: center; }
#subpage .head__ttl h1{position: absolute; left: 0; top: 5px; font-size: 15px; filter:drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.8));}
#subpage .head__ttl .visual{position: relative; width: 100%; text-align: center; font-size: 38px;font-weight: bold; filter:drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.8));}
#subpage .head__ttl .visual::after{ content: ""; width: 80px; height: 5px; background: #FFF; position: absolute; bottom: -25px; left: 0; right: 0; margin: 0 auto;}

#store{background: url("../images/header/header01.jpg") top center no-repeat; }
#store .caution{background: #fce4d6; padding: 20px; text-align: center; border-radius: 8px;}
#store .caution h3{font-size: 20px;font-weight: bold; color: #c1272d; margin-bottom: 10px;}
#store .caution ul li{ font-size: 17px; font-weight: bold; background:  #FFF; padding: 3px 20px; border-radius: 100px; margin: 0 5px;}
#store .photo li{width: 32%;}
#store .photo li img{width: 100%; height: auto;}
#store .access h4{ font-weight: bold; font-size: 18px; border-bottom: 1px solid #CCC; margin-bottom: 10px; padding-bottom: 5px;}

#store .map .more_btn01 a{padding: 10px 180px;}

.info_table{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	}
.info_table th{
	width:190px;
	text-align: center;
	font-weight:bold;
	padding:20px 0;
	border-bottom:2px solid #b7871a;
	}
.info_table td{
	padding:20px 10px 20px 25px;
	border-bottom:2px solid #CCC;
	}
.info_table td .ls_bnr{width: 80%; max-width: 400px;}


@media screen and (max-width:760px){
	#subpage .head__ttl{height: 213px; padding-top: 70px; }
	#subpage .head__ttl h1{position: absolute; left: 0; top: 60px; font-size: 15px; text-align: center; }
	#subpage .head__ttl .visual{font-size: 26px;}
	#subpage .head__ttl .visual::after{ content: ""; width: 80px; height: 3px; bottom: -15px; left: 0; right: 0; margin: 0 auto;}
	
	#store .caution{padding: 15px; }
	#store .caution h3{font-size: 17px; margin-bottom: 10px;}
	#store .caution ul {  justify-content:space-between; -webkit-justify-content:space-between;}
	#store .caution ul li{ width: 49%; font-size: 15px; padding: 2px 10px; margin: 3px 0;}
	
	#store .more_btn01 a{ display: block; width: 100%; padding: 10px 0!important; }
	#store .box.map{margin-bottom: 0;}
	
    .info_table th{ width:100px; padding:10px 0 10px 0; line-height: 1.6em; }
    .info_table td{ width:calc(100% - 100px); padding:10px 0 10px 15px;  line-height: 1.6em;}
	
	.info_table td img{margin-top: 5px;}
}

/* ==========================================================================
査定・買取の流れ
========================================================================== */
#flow{background: url("../images/header/header02.jpg") top center no-repeat; }
#flow .flow_list{ }
#flow .flow_list li{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #CCC; }
#flow .flow_list .num{position: relative; background: #b7871a; color: #FFF; width: 140px; display: flex; justify-content: center; align-items: center;  font-family: Arial, Roboto, Meiryo, sans-serif; text-align: center;}
#flow .flow_list .num span{ display: block; font-size: 20px; width: 100%;}
#flow .flow_list .num strong{ display: block; font-size: 34px; width: 100%; font-weight: normal;}

#flow .flow_list .txt{ width: calc(100% - 480px);}
#flow .flow_list .txt h2{font-size: 22px; color: #754c24; font-weight: bold; margin-bottom: 10px;}

#flow .flow_list figure{ width: 270px;}

@media screen and (max-width:760px){
	#flow .flow_list li{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #CCC; position: relative;}
	#flow .flow_list .num{width: 100%; padding: 3px 0; margin-bottom: 15px; justify-content:left; padding-left: 10px;}
	#flow .flow_list .num span{ display: inline-block; font-size: 17px; width: auto; padding-right: 5px;}
	#flow .flow_list .num strong{ display: inline-block; font-size: 20px; width: auto;}

	#flow .flow_list .txt{ width: calc(100%);}
	#flow .flow_list .txt h2{font-size: 20px; color: #754c24; font-weight: bold; margin-bottom: 5px;}

	#flow .flow_list figure{ position: absolute; top: 8px; right: 8px; width: 36%;}
}


/* ==========================================================================
買取可能な商品
========================================================================== */
#item{background: url("../images/header/header03.jpg") top center no-repeat; }

#item .caption{text-align: center; font-weight: bold; margin-bottom: 50px;}

#item .item_list01 li{width: 47%; margin-bottom: 40px; }
#item .item_list01 li figure{ margin-bottom: 8px;}
#item .item_list01 li p.ttl{font-size: 21px; font-weight: bold; color: #603813; margin-bottom: 8px; }
#item .item_list01 li p.txt{font-size: 16px; line-height: 1.7em;}

#item .item_list02 li{width: 23%; margin-bottom: 40px;}
#item .item_list02 li figure{ margin-bottom: 8px;}
#item .item_list02 li p.ttl{font-size: 18px; font-weight: bold; color: #603813; margin-bottom: 3px; }
#item .item_list02 li p.txt{font-size: 16px; line-height: 1.7em;}

@media screen and (max-width:760px){
	#item .caption{ margin-bottom: 30px;}
	#item .item_list01 li{width: 100%; margin-bottom: 25px; }
	#item .item_list01 li p.ttl{font-size: 19px; }
	#item .item_list02 li{width: 47%; margin-bottom: 20px;}
	#item .item_list02 li p.ttl{font-size: 15px; margin-bottom: 3px; }
	#item .item_list02 li p.txt{font-size: 15px; line-height: 1.7em;}
}

/* ==========================================================================
お知らせ
========================================================================== */
#news{background: url("../images/header/header02.jpg") top center no-repeat; }
#news article h1{font-size: 24px; font-weight: bold; border-bottom: 1px solid #CCC; padding-bottom: 8px; margin-bottom: 10px;}
#news article p.date{text-align: right; margin-bottom: 20px;}
#news article div.txt{ margin-bottom: 50px;}
#news article div.txt p{ margin-bottom: 20px;}

#news article ul li{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
#news article ul li p.list_date{width: 180px; position: relative; padding-left: 20px;}
#news article ul li p.list_date::before{ position: absolute; left: 0; top: 2px; content: url(../images/icon/arrow-right-orange.svg); width: 10px; }
#news article ul li p.list_ttl{}



/******************************************************
フォームスタイル
*******************************************************/
/**Common***/
*{box-sizing:border-box;}
::placeholder { color: #BBB; }
.flex { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.inline-flex { display: -webkit-flex; display: inline-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flex-between { justify-content:space-between; -webkit-justify-content:space-between; }
.flex-start{ justify-content: flex-start; -webkit-justify-content: flex-start;}
.flex-center  { justify-content:center; -webkit-justify-content:center; }
.flex-txt-center{display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

/**フォーム部分***/
.form_block{ padding: 0 0 0 0; line-height: 1.9em; font-feature-settings: "palt"; text-align: justify; text-justify: inter-ideograph; overflow-x: hidden; }
.form_block{ width: 100%; margin: 0 auto; font-size: 16px; }
.form_block .form table{ width:100%; table-layout: fixed; }
	
.form_block table.form_table{ width:100%; table-layout: fixed;  border-top:1px solid #BBB; border-collapse: collapse; border-spacing: 0; }
.form_block table.form_table tr{ border-bottom:1px solid #BBB; }
.form_block table.form_table th{ font-weight:normal; width:24%; min-width:120px; text-align:left; padding:15px 20px; background: #EFEFEF; }
.form_block table.form_table th span, table.form_table td span.required{ font-size:16px; color:#EE0000; margin-left:5px; font-weight: bold;}
.form_block table.form_table td{ padding:15px 20px; position: relative; }
.form_block table.form_table .position .parts { width: 100%; position: relative; }
.form_block table.form_table .name .parts {width: 49%; position: relative; }
.form_block table.form_table .address_parts {width: 100%; position: relative;}
.form_block table.form_table .position .parts label, table.form_table .name .parts label, table.form_table .address_parts label
	{position: absolute; top:0; left: 0; z-index: 1;padding: 9.5px 10px;border: 1px solid #999; width: 75px; background: #999; color: #FFF;border-radius: 5px 0 0 5px;}
.form_block table.form_table .position .parts input{padding-left: 90px; margin: 0 0 10px 0;}
.form_block table.form_table .name .parts input{padding-left: 90px;margin: 0;}
.form_block table.form_table .address_parts input{padding-left: 130px; margin: 0 0 10px 0;}
.form_block table.form_table .address_parts label{width: 120px!important;}
.form_block input#zip1{ width:220px; }
.form_block input#zip2{ width:100px;padding-left: 8px; }
.form_block table.form_table .second_user{ border: 1px solid #999; padding: 15px; margin-top: 15px;}
.form_block table.form_table .second_user p{width: 100%; margin:0 0 10px 0; font-weight: bold;}
.form_block table.form_table .second_user p span{font-size: 14px; font-weight: normal;}

.form_block input, .form_block textarea, .form_block select { font-family: inherit; font-size: 16px; color: inherit; box-sizing:border-box;}
.form_block select[multiple] { height: 50px;}

.form_block input[type="text"], .form_block input[type="tel"], .form_block input[type="email"], .form_block select, .form_block textarea{
	width:100%; padding:13px; border-radius: 5px; border:1px solid #999; background-color:#EFEFEF; }
.form_block  input[type="submit"] { cursor: pointer; font-size:22px; padding:20px 0; width:280px; color:#FFF; background-color:#900; border:none; transition: 0.3s; border-radius: 5px;}
.form_block  .wpcf7-submit:disabled{ background-color: #CCC;cursor: not-allowed;}
.form_block #submit_box{ text-align:center; padding:35px 0 50px 0; }
.form_block input[type="checkbox"], .form_block input[type="radio"] { display: inline-block; margin: 0 2px; padding: 0; vertical-align: middle; position: relative; top: -1px; cursor: pointer;}
.form_block .caution{text-align: right;margin: 0 0 10px 0;}
.form_block .caution span{color: #EE0000; font-weight: bold;}
.form_block .caption{padding:20px; border: 1px solid #CCC;border-radius: 5px;line-height: 1.8em;}
.form_block .caption ul{margin: 0;padding: 0;}
.form_block .caption ul li{ list-style: none; padding-left: 1em; text-indent: -1em; font-size: 14px;}

.form_block span.wpcf7-list-item{}
.form_name_hidden{display: none;}

.form_block .attr{
	padding:20px; border: 1px solid #CCC;border-radius: 5px;line-height: 1.8em;
}

#privacy{ margin-bottom: 60px; }
#privacy p.txt{ margin-bottom: 50px; }
#privacy section{ margin-bottom: 40px; }
#privacy h2{ font-size: 20px; font-weight: bold; border-bottom: 1px solid #CCC; margin-bottom: 10px; padding-bottom: 5px; }
#privacy h2 span{ padding-right: 10px; }
#privacy .name{ text-align: right; }

@media screen and (max-width:760px){
    .form_block table.form_table th{ display: block; width:100%; padding:8px 10px;}
    .form_block table.form_table td{ display: block; width: 100%; padding:10px 10px 30px 10px;}
    .form_block table.form_table .second_user p span{font-size: 13px;}
    .form_block table.form_table .second_user{ padding: 12px;}
	.form_block .service_desc span.wpcf7-list-item{width: 100%;}
	.form_block span.wpcf7-list-item{width: 100%;}
}




footer .sp_foot{ display: none; }


@media screen and (max-width:1400px){
    body { font-size:16px;line-height:2em;}
    .content_in{width:1080px;}
}

.drawer-hamburger { display:none !important; }

@media screen and (max-width:760px){
	.content_in{width:92%;}
    .drawer-hamburger {display: block !important;}
    .drawer-menu a{ color:#FFF; font-weight: bold; padding: 15px 20px; }
    .drawer-menu a:hover{ color:#FFF; text-decoration: none; background: #604800;}
	.drawer-menu li{ border-bottom:1px solid #FFF; }
    .drawer-menu a i{padding-left: 8px; color: #888!important; }
	.drawer-dropdown-menu li{ border-bottom:none; border-top:1px solid #CCC; background:#EEE !important; }
	a.drawer-dropdown-menu-item{ background: #00A8C6;padding: 0 20px;}
	
	footer .sp_foot{
        display: block;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: rgba(248,248,248,0.9);
        padding: 15px 0 10px 0;
        z-index: 9;
    }
    footer .sp_foot .ttl{
        font-size: 14px;
        width: 100%;
        font-weight: bold;
        padding: 0 0 5px 0;
        line-height: 1em;
    }
    footer .sp_foot .tel{
        width: 220px;
        padding-top: 5px;
    }
    footer .sp_foot .mail{
        width: calc(100% - 220px);
    }
    footer .sp_foot .tel .tel_num{
        font-family: "Arial", "BIZ UDPGothic", "メイリオ", "Meiryo", 'Roboto', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
        font-size: 26px; 
        line-height: 0.8em;
    }
    footer .sp_foot .tel .tel_num a{ color: #222;}
    footer .sp_foot .tel .tel_num img{ width: 34px; height: auto; }
    footer .sp_foot .mail a{
        display: block;
        width: 100%;
        background: #233237;
        color: #FFF;
        font-weight: bold;
        text-align: center;
        line-height: 1em;
        font-size: 14px;
        padding: 8px 0;
        border-radius: 5px;
    }
}