@charset "utf-8";

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

	/*===============================================================================
hero
===============================================================================*/
	.hero { padding: 0; }

	.hero_bg { background: url(../../img/company/hero_bg02_sp.jpg) no-repeat 50% 0 / cover; padding: 0.64rem 0 0; }

    .hero .hero-inner { margin: 0; }

    .hero_ttl_wrap { position: relative; width: 6.4rem; }
    .hero_ttl_wrap:after { position: absolute; content: ""; background: url(../../img/company/hero-txt01.png) no-repeat; background-size: cover; width: 1.3rem; height: 1.3rem; top: -6%; right: 15%; }
    .hero_ttl01 { font-size: 0.5rem; background: #fff; padding: 0.1rem 0.2rem; }
    .hero_ttl02 { font-size: 0.32rem; background: #efefef; padding: 0.2rem 0.25rem; margin-bottom: 0.2rem; }
    
    .hero .big { font-size: 0.62rem; }
    .hero .num { font-size: 0.76rem; font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho'; }

	.hero_ttl .bg { padding: .1rem; background-color: rgba(255, 255, 255, 0.9); font-weight: normal; font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho'; }

	.hero_ttl span.hero_bold { font-weight: 600; }
    .hero_img01 { width: 4.5rem; }
    

	/*==============================================================================
message style
============================================================================= */
	.message_ttl-bg { min-width: initial; padding: 0 0 0.4rem; font-size: 0.46rem; text-align: center; line-height: 1.5; }

	.message_ttl { font-size: 0.46rem; line-height: 1.3; }

	.message_image01 { position: absolute; top: 0.08rem; left: -0.1rem; width: 1.25rem; }

	.message_image02 { position: absolute; top: -0.29rem; right: -0.1rem; width: 1.1rem; }

	.message .bg { padding: 0.73rem 0 3rem; background: url(../../img/company/message_bg-sp.jpg) no-repeat 50% 100% / cover; }

	.message_txt { margin: 0 0 0.33rem; font-size: 0.28rem; letter-spacing: 0.02rem; }

	.message_name { width: 2.88rem; margin: 0.45rem 0 0 0.6rem; }

	/*==============================================================================
company
============================================================================= */
	.company_bg { background-color: #eeeeee; padding-bottom: .92rem; }

	.company_ttl { padding: .58rem 0 .04rem; border-bottom: .02rem solid #43320a; color: #43320a; font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho'; font-size: .36rem; font-weight: 600; line-height: 1.8em; letter-spacing: .06em; }

	.company_define { margin: 0.41rem 0 .63rem; }

	.company_term { width: 1.9rem; padding: .15rem .05rem; border-bottom: .02rem solid #fff; background-color: #d75050; color: #fff; font-size: .28rem; font-weight: 100; line-height: .4rem; letter-spacing: .04em; text-align: center; vertical-align: middle; }

	.company tr:last-child th,
	.company tr:last-child td { border: none; }

	.company_desc { width: calc(100% - 1.9rem); padding: .2rem .3rem; border-bottom: .02rem solid #fff; background-color: #fcfaf6; color: #333; font-size: .28rem; line-height: 1.6em; letter-spacing: .04em; }

	.company-tenpo_list li { line-height: 0; }

	.company-tenpo_list li:not(:first-child) { margin: 40px 0 0; }

	.company-tenpo_btn { width: 100%; }

    .company .bg { min-width: inherit; border: solid #fff .01rem; padding: .7rem 0 1rem; }
    
    .company h2 { position: relative; margin: 0 0 .52rem .3rem; font-size: .5rem; }
    
    .company h2:before { bottom: -.4rem; right: .1rem; width: 3.2rem; height: 2.21rem; background-size: cover; }
    
    .company .alphabet { margin: .15rem 0 0; font-size: .56rem; }
    
    .company .company-table { margin: 0; }
    
    .company .company-list { margin: 0 0 .05rem; }
    
    .company .company-list:last-of-type { margin: 0 0 .25rem; }
    
    .company .company-list dt { width: 1.9rem; margin: 0 0 .05rem; padding: .18rem 0 .18rem .21rem; text-align: left; font-size: .3rem; letter-spacing: .02rem; line-height: 1.3; }
    
    .company .company-list dd { width: calc(100% - 1.9rem); margin: 0 0 .05rem; padding: .14rem .28rem; font-size: .3rem; letter-spacing: .02rem; line-height: 1.3; color: #333; }
    
    .company .staff-pic { position: relative; top: inherit; right: inherit; width: 100%; height: auto; margin: 0 0 .7rem; }
    
    .company .greeting { margin: 0 0 .5rem; color: #634509; font-size: .36rem; font-weight: 500; line-height: 1.5; letter-spacing: .02rem; text-align: center; }
    .company .txt-01 { position: absolute; font-size: 0.32rem; letter-spacing: 0.02rem; top: 45%; left: 7%; }
    .company .store-flex { display: flex; flex-wrap: wrap; flex-direction: column-reverse; }   
    
    .company .store-info { width: auto; height: auto; }
    
    .company .store-info+.store-info { margin: .8rem 0 0; }
    
    .company .store-info h3 { display: flex; align-content: center; height: auto; min-height: .82rem; line-height: 1; margin: 0 0 .3rem; padding: 0.2rem 0 0.3rem 0.4rem; font-size: .42rem; font-weight: 500; border-left: .08rem solid #d75050; border-bottom: 1px solid #d75050; color: #333; }
    
    .company .store-info h3 span { display: inline-block; }
    
    .company .store-info h3 .txt-01 { width: 100%; border: none; }
    
    .company .store-info h3 .txt-02 { width: 100%; padding: 0; }
    
    .company .store-info.new-open h3 .txt-02 { padding: .3rem 0 .0; }
    
    .company .store-info .store-pic { position: static; width: 100%; margin: 0 0 0.4rem; }
    
    .company .adress-tel { width: 100%; padding: 0; color: #333; }
    
    .company .adress-tel dt,
    .company .adress-tel dd { font-size: .3rem; line-height: 1.32; }
    
    .company .adress-tel dt { position: relative; width: 1.38rem; }
    .company .adress-tel dt:after { position: absolute; top: 0; right: 0; content: "："; }
    .company .adress-tel dt.tel:after { position: absolute; top: 0; right: 35%; content: "："; }
    .company .adress-tel dd { width: calc(100% - 1.42rem); margin: 0 0 .15rem; line-height: 1.4; font-size: 0.28rem; }
    
    
    .company .note { position: static; font-size: .24rem; padding: 0.2rem 0 0; }
    
    .company .company-btn { width: 100%; height: 1rem; margin-top: .3rem; font-size: .36rem; letter-spacing: 0.02rem; line-height: 1rem; }
    
    .company .company-btn::after { top: 0; bottom: 0; right: .35rem; width: .11rem; height: .18rem; margin: auto; background-size: cover; }
    
    .common-btn.company-btn.left a { text-align: center; padding-left: 0; }


	/*==============================================================================
history
============================================================================= */
	.history_bg { padding-bottom: .7rem; background: url(../../img/company/history_bg.jpg) no-repeat 50% 0 / cover; }

	.history_ttl { padding: .58rem 0 .04rem; border-bottom: .02rem solid #43320a; color: #43320a; font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho'; font-size: .36rem; font-weight: 600; line-height: 1.8em; letter-spacing: .06em; }

	.history_main { margin: .41rem 0 0; padding: .1rem; background: url(../../img/company/history_img01.png) no-repeat 104% 95% / 3.3rem 3.06rem; background-color: #fcfaf6; }

	.history_timeline { padding: .4rem .3rem .9rem; border: .02rem #000 solid; }

	.history_flex { position: relative; padding-left: .24rem; border-left: .02rem solid #a78c3f; }

	.history_flex::before { position: absolute; top: .25rem; left: -.07rem; width: .125rem; height: .125rem; border-radius: 50%; background-color: #a78c3f; content: ""; }

	.history_flex:last-child { padding-bottom: .25rem; }

	.history .timeline_date { padding: .1rem 0 0; color: #a78c3f; font-size: .28rem; font-weight: bold; letter-spacing: .06em; }

	.history .timeline_content { color: #333; font-size: .28rem; letter-spacing: .03em; }

	/*==============================================================================
privacy
============================================================================= */
	.privacy_bg { padding-bottom: .55rem; background: #f5f5f5; }

	.privacy_ttl { padding: .58rem 0 .04rem; border-bottom: .02rem solid #43320a; color: #43320a; font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho'; font-size: .36rem; line-height: 1.625em; font-weight: 600; letter-spacing: .04em; }

	.privacy_main { margin: .51rem 0 0; padding: .37rem; background: #ececec; }

	.privacy_main p:first-child { margin-bottom: .27rem; }

	.privacy_main p { color: #333; font-size: .28rem; line-height: 1.825em; letter-spacing: 0.04em; }
}