.item_section p.hosoku{font-size: 14px;margin-bottom: 30px;}

@media screen and (min-width: 768px){
.default_section{padding: 100px 0 140px}
.item_section{padding-top: 50px }
}

@media screen and (max-width: 767px){
.default_section{padding: 50px 0 70px}
.item_section{padding-top: 30px }
}
.posi{position: relative}

.title_area .title_sub{display: flex;align-items: center;}
.title_area .title_sub h2{margin: 0}
.title_area .title_sub span{display: block;margin-left: 10px;color: rgba(94,94,94,1.00)}
.title_sub_sec{margin-bottom:36px }
.title_sub_sec h3{margin: 0;}
.title_sub_sec span{display: block;margin-top: 1em}
.title_sub_sec p{display: block;margin-top: 1em;margin-bottom: 0;font-size: 3vw}
@media screen and (min-width: 768px){
.title_area{display: flex;align-items: center;margin-bottom: 32px;justify-content: space-between}

.title_area .title_sub h2{font-size: 2.7rem}
.title_area .title_sub span{font-size: 1rem}
.title_area a{font-size: 1.3rem}
.title_sub_sec h3{font-size:2.7rem }
.title_sub_sec span{font-size:1rem }
.title_sub_sec p{font-size: 1rem}
} 

@media screen and (max-width: 767px){
.title_area a{font-size: 3vw;display: block;margin: 15px 0}
}
.greeting p{margin: 0}

.point_bg .point .grid_list .col_third{position: relative}
.point_bg .point .grid_list .col_third .point_item{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);text-align: center}
.point_bg .point .grid_list .col_third .point_item span{display: block}
.point_bg .point .grid_list .col_third .point_item span,.point_bg .point .grid_list .col_third .point_item p{color: rgba(255,255,255,1.00)}

.grid_list_item .col_fifth .item_info{}
.grid_list_item .col_fifth .item_info p{margin: 0}
.point_bg{background:rgba(28,28,28,.4)}
.grid_list_item .col_fifth .item_info p{margin-bottom: 1em}
@media screen and (min-width: 768px){
.greeting{padding: 120px 0 240px;/*display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center*/}
.greeting p{font-size: 2.4rem}
/*.greeting p:last-of-type{font-size: 1.2rem;padding-left: 30px;text-align: right}*/
	


.point_bg .point .grid_list{transform: translateY(-120px)}
.point_bg .point .grid_list .col_third .point_item span{font-size:1.3rem }
.point_bg .point .grid_list .col_third .point_item p{font-size:3.3rem;margin: 10px 0 0  }
.grid_list_item .col_fifth .item_info{margin-top: 18px}
.grid_list_item .col_fifth .item_info h3{margin: 0 0 8px}
.grid_list_item .col_fifth .item_info h3 a{font-size: 1.2rem;display: block;line-height: 1.2em}
.grid_list_item .col_fifth .item_info p{font-size: 1.2rem}
.grid_list_item .col_fifth a.zoom{display: block;overflow: hidden;}
.grid_list_item .col_fifth a.zoom img{transition: .3s ease-in;transform: scale(1,1)}
.grid_list_item .col_fifth a.zoom:hover img{transform: scale(1.2,1.2)}
}

@media screen and (max-width: 767px){
.greeting{  margin-top: 30px; }
.point_bg{padding-top: 30px;margin-top: 30px}
.point_bg .point .grid_list_item .col_fifth .item_info{margin-top: 15px}
.grid_list_item .col_fifth .item_info{margin-top: 15px}
.grid_list_item .col_fifth .item_info h3{margin: 0 0 .5em}
.grid_list_item .col_fifth .item_info h3 a{font-size: 3vw;display: block;line-height: 1.2em}
.grid_list_item .col_fifth .item_info p{font-size: 3vw}	
}

.pft{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%) }
.pft a{font-size: 1.3rem;padding: 1em 2em;border: rgba(255,255,255,1.00) 1px solid;color: rgba(255,255,255,1.00);position: relative;display: block;overflow: hidden;margin-top:50px }
.pft a span{display: block;position: relative;z-index:  100}
.pft a::before,.pft a::after{width: 51%;height: 100%;content: "";display: block;background: rgba(255,255,255,0);transition: .3s;z-index: 99;top:0;position: absolute}
.pft a::before{left:0;transform: translateX(-100%)}
.pft a::after{right:0;transform: translateX(100%)}
.pft a:hover{color:rgba(54,54,54,1.00) }
.pft a:hover::before,.pft a:hover::after{background: rgba(255,255,255,1);}
.pft a:hover::before{transform: translateX(0)}
.pft a:hover::after{transform: translateX(0)}

.omoi_bace{display:flex;justify-content: center;align-items: center;background: rgba(255,255,255,1.00);padding: 20px}
.omoi_bace .omoi p{margin: 0}

@media screen and (max-width: 767px){
.pft img{width: 125px;margin: auto }	
	.omoi_bace{padding: 20px}

}

.bg_gray{background:rgba(75,75,75,1.00) }
#about_catch_left,#about_catch_right{position: relative}
#about_catch_left h3,#about_catch_right p{color: rgba(255,251,251,1.00);}
#staff_colum #staff_info{background: rgba(255,255,255,1.00)}
#staff_colum #staff_info p{margin: 0}
.about_colum h2,.about_colum p{margin: 0}
#staff_colum #staff_info h4{margin-bottom: 0}

#staff_colum #staff_info dl{margin: 1em 0 0;display: flex;flex-wrap: wrap;line-height: 2em}
#staff_colum #staff_info dl dt,#staff_colum #staff_info dl dd{margin: 0 0 .5em}
#staff_colum #staff_info dl dt{width: 5em}
#staff_colum #staff_info dl dd{width:calc(100% - 5em);}

@media screen and (min-width: 481px){
#staff_colum #staff_info .staff_flex{display: flex}
#staff_colum #staff_info .staff_flex dl{width: calc((100% - 1em) / 2)}
#staff_colum #staff_info .staff_flex dl:first-of-type{margin-right: 1em}
}
@media screen and (min-width: 481px) and (max-width: 767px){
#staff_colum #staff_info dl{font-size: 2vw}
}
@media screen and (max-width: 480px){
#staff_colum #staff_info .staff_flex dl{margin: 0}
#staff_colum #staff_info dl{font-size: 2.8vw}
}

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

.about_colum{display: flex;align-items: center;margin: 85px 0}
.about_colum h2{/*width: 40%;*/font-size: 2.4rem;}
.about_colum p{/*width: 60%;*/font-size: 1.2rem;padding-left: 1em;line-height: 2.8em}
#about_catch{display: flex;flex-direction: row-reverse;}
#about_catch_left,#about_catch_right{width: 50%; }
#about_catch_left{padding-top:200px}
#about_catch_right{padding-bottom:200px}
#about_catch_left h3,#about_catch_right p{margin: 0}
#about_catch_left h3{position: absolute;top:43px;left: 50%;transform: translateX(-50%);font-size: 2.4rem; }
#about_catch_right p{width: 80%; position: absolute;/*bottom:-84px;*/bottom:-36px;left: 50%;transform: translateX(-50%);font-size: 2.4rem;/*font-size: 1.2rem;*/ }
/*#about_catch_left h3,#about_catch_right p{
	-webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-column-count: 1;
  -moz-column-count: 1;
  -ms-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 1;
  -moz-column-gap: 1;
  -ms-column-gap: 1;
  column-gap: 1;}*/
#about_catch_left h3 span{display: block}
/*#about_catch_left h3 span:first-of-type{margin-top: 0}
#about_catch_left h3 span:nth-of-type(2){margin-top: 2em}
#about_catch_left h3 span:nth-of-type(3){margin-top: 3em}
#about_catch_left h3 span:last-of-type{margin-top: 4em}*/

}

@media screen and (min-width: 768px) and (max-width: 1500px){
.bg_gray{padding:102px 0 150px }
#staff_colum #staff_info dl{font-size: 1.2rem}	
}

@media screen and (min-width: 1501px){
.bg_gray{/*padding:102px 0 508px*/padding:102px 0 800px }
#staff_colum{position: relative;transform: translateY(-270px);margin-bottom: -150px}
#staff_colum #staff_photo{width: 50%;}
#staff_colum #staff_info{width: 55%;position: absolute;top:50%;right: 0;transform: translateY(-50%)/*;padding:83px;*/;padding:50px;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3)); }
#staff_colum #staff_info h4{/*margin: 0 0 21px;*/margin: 0;font-size: 2.4rem}
#staff_colum #staff_info p{font-size: 1.2rem}
#staff_colum #staff_info .staff_info_inner:first-of-type{margin-bottom:40px }
#staff_colum #staff_info dl{font-size: 1.2rem}		
}

@media screen and (max-width: 1500px){
#staff_colum{margin: 30px 0}
}

@media screen and (max-width: 767px){
#about_catch_left h3{margin: 20px 0}
#about_catch_right p{margin: 20px 0 0}
.about_colum h2{padding-bottom: 1em}
.bg_gray{padding-bottom:50px;margin-top: 30px }

}

/*item*/

ul#item_slide{margin: 0}
ul#item_slide img,.item_thumb a img{width: 100%}
.item_thumb{margin:17px  0 0;display: flex;flex-wrap: wrap}
.item_thumb a{width:calc( (100% - 60px) / 4 ) ;margin-bottom: 10px;display: block}
.item_thumb a:not(:nth-of-type(4n)){margin-right: 20px}

.item_main .item_price{text-align: right}
.item_main .item_price{border-bottom: 1px solid rgba(112,112,112,1.00)}
.item_main .item_quantity{align-items: center;text-align: right}
.item_main .item_quantity input{background: rgba(233,233,233,1.00);border: none}
.item_main .item_submit button{background:rgba(107,99,77,1.00);border: none;color: rgba(255,255,255,1.00);letter-spacing: .2em;text-align: center;padding: 1.5em;width: 100%; }
.item_main .item_attention{border:solid 1px rgba(112,112,112,1.00)}
.item_main .item_attention p{margin: 0}
@media screen and (min-width: 768px){
#bread{margin:39px 35px 75px }
#bread span,#bread a{font-size: 1.2rem}
.item_colum{display: flex}
.item_img,.item_main{width: 50%}
.item_main{padding-left: 80px;margin-top:90px }
.item_main .item_caption p{font-size:1.2rem }
.item_main .item_price{font-size:2rem;padding:48px 0 14px }
.item_main .item_quantity{font-size: 1.6rem;padding: 24.5px 0}
.item_main .item_quantity input{width: 8em;padding: .5em}
.item_main .item_submit button{margin-top: 24px}
.item_main .item_attention{padding:78px 59px;margin-top: 49px }
.item_main .item_attention h3{margin: 0 0 28px;}
.item_main .item_attention h3,.item_main .item_attention p{font-size: 1.2rem}
}
@media screen and (max-width: 767px){

.item_main .item_price{font-size:5vw;padding: 15px 0}
.item_main .item_quantity{font-size: 4vw;padding: 15px 0}
.item_main .item_quantity input{width: 10em;padding: 1em}
.item_main .item_submit button{margin-top: 15px}
.item_main .item_attention{padding:1.5em;margin-top: 30px }
.item_main .item_attention h3{margin: 0 0 1em;}
.item_main .item_attention h3,.item_main .item_attention p{font-size: 2.8vw}
}

@media screen and (max-width: 767px){
#bread{margin:20px 20px 30px }
#bread span,#bread a{font-size: 3vw}
}

.experience_area{margin-bottom: 50px}
.experience .experience_info{background:rgba(236,236,236,1.00) }
@media screen and (min-width: 1840px){
.experience_area{/*margin-top: 50px*/margin-top: 340px}
}

@media screen and (min-width: 1601px) and (max-width: 1839px){
.experience_area{/*margin-top: 100px*/margin-top: 440px}
}

@media screen and (min-width: 1501px) and (max-width: 1600px){
.experience_area{/*margin-top: 140px*/margin-top: 440px}
}

@media screen and (min-width: 1871px){
.experience .experience_info{padding: 5em;}
}

@media screen and (min-width: 1365px) and (max-width: 1870px){
.experience .experience_info{padding: 5em 3em;}
}
@media screen and (min-width: 768px) and (max-width: 1364px){
.experience .experience_info{padding: 5em 2em;}
}

.experience .experience_img{background-image: url("/html/template/default/assets/common/img/about/experience.jpg");background-repeat: no-repeat;background-size: cover}
@media screen and (min-width: 768px){
.experience{display: flex;align-items: stretch}
.experience .experience_info{display: flex;align-items: center;justify-content: center;}
.experience .experience_info h2{font-size: 2.4rem}
.experience .experience_info p{font-size: 1.2rem}
}
@media screen and (min-width: 768px) and (max-width: 1317px){
.experience .experience_info{width: 50%}
.experience .experience_img{width: 50%}
}

@media screen and (min-width: 1318px){
.experience .experience_info{width: 40%}
.experience .experience_img{width: 60%}
}

@media screen and (max-width: 767px){
.experience .experience_img{height: 200px}
.experience .experience_info{padding: 2em 1em}
}

/*ECCUBE*/
@media screen and (min-width: 768px){
.ec-numberInput span{font-size: 1.6rem}
}
@media screen and (max-width: 767px){
.ec-numberInput span{font-size: 1.6rem}
}

p.enw{font-size: 3.5vw;width: 100%;;margin-top: 1.5em !important}
@media screen and (min-width: 768px) {
p.enw{font-size: 1.6rem}
}



/*20220127english*/
#hero_info span{display: block;font-size: 3vw;}
@media screen and (min-width: 991px){
#hero_info span {font-size: 1.6rem;}
}

p.eng_parts{font-size: 3vw;margin-top: 1em!important;line-height: 2em}
p.eng_parts__small{margin-top: 1em;line-height: 2em}
@media screen and (min-width: 768px){
p.eng_parts {font-size: 1.6rem;}
}

.title_sub_sec h3 span{display: block; font-size: 3vw;margin-top: 0}
@media screen and (min-width: 768px){
.title_sub_sec h3 span {font-size: 1.6rem;}
}

.eng_title h1{margin-bottom: 0!important}
.eng_title span{display: block; font-size: 3vw;margin-top: 1em;margin-bottom:2em;    color: rgba(255,255,255,1.00);line-height: 2em }
@media screen and (min-width: 768px){
.eng_title  span {font-size: 1.6rem;margin-bottom:56px}
}

.eng_title__sub span{display: block; font-size: 3vw;margin-top: 1em;line-height: 2em}
@media screen and (min-width: 768px){
.eng_title__sub{width: 40%;}
.eng_title__sub span{font-size: 1.6rem;}
	.eng_title__sub__info{width: 60%;}
}

.eng_column span{display: block; font-size: 3vw;}
@media screen and (min-width: 768px){
.about_info span {font-size: 1.6rem;}
}

#about_catch span{display: block; font-size: 3vw;line-height: 2em}
@media screen and (min-width: 768px){
#about_catch span{font-size: 1.6rem;}
}

.staff_info_inner span{display: block;font-size: 2vw;line-height: 1.5em }
.staff_info_inner > span{margin-top: .3em;margin-bottom:30px;}
.staff_flex dl span{margin-top: .1em; color: rgba(54,54,54,.8);}
@media screen and (min-width: 768px){
.staff_info_inner span {font-size: 1.2rem}
}

.experience .experience_info h2{margin-bottom: 0!important}
.experience_text > span{display: block;font-size: 2.8vw;line-height: 1.5em;margin-bottom: 2em}
.experience_text p > span{display: block;margin-top: .5em 0 1em}
@media screen and (min-width: 768px){
.experience_text > span{font-size: 1.6rem}
}