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

/*-- headline ------------------------------------------------------------*/
#headline { padding: 5vh 4%; background: var(--bestar-color); position: relative; }
#headline h2 { color: #fff; line-height: 1.5; letter-spacing: .2em; text-align: center; }
#headline h2 span { font-family:'Roboto Condensed', sans-serif; font-weight:bold; display:block; letter-spacing: 0em; font-size: 0.5em; }

@media screen and (max-width: 599px) {
	#headline h2 { font-size: 1.5rem; line-height: 1.2; }
}
@media screen and (min-width: 600px) {
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
	#headline h2 { font-size: 1.8rem;}
}
@media screen and (min-width: 900px) and (max-width: 1079px)  {
	#headline h2 { font-size: 2.0rem;}
}
@media screen and (min-width: 1080px) and (max-width: 1199px)  {
	#headline h2 { font-size: 2.2rem;}
}
@media screen and (min-width: 1200px) and (max-width: 1479px)  {
	#headline h2 { font-size: 2.3rem;}
}
@media screen and (min-width: 1480px) {
	#headline h2 { font-size: 2.4rem;}
}

/*-- header ------------------------------------------------------------*/
@media screen and (max-width: 899px) {
	header .in-head-flex .hL h1 { color: #000; }
	header .in-head-flex .hR nav ul li a { /*position: relative;*/ }
}
@media screen and (max-width: 599px) {
	.menu-trigger span { background-color: var(--base-color); }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.menu-trigger span { background-color: var(--base-color); }
}

/*-- breadcrumbs ------------------------------------------------------------*/
#breadcrumbs { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 20px; padding: 0 4%; }
#breadcrumbs li { font-size: 0.8rem; margin-right: 5px; display: inline-block; }
#breadcrumbs li:after { content: ">"; margin-left: 10px; }
#breadcrumbs li:last-child { margin-right: 0px; }
#breadcrumbs li:last-child:after { display: none; }
@media screen and (max-width: 599px) {
	#breadcrumbs { margin-bottom: 20px; }
	#breadcrumbs li { font-size: 0.7rem; }
}

/*-- section ------------------------------------------------------------*/
@media screen and (max-width: 1189px){
	.in-content { margin: 0 4%; }
	.in-flex aside .subTtl { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 40px; border-left: 5px solid var(--base-color); padding:5px 0 5px 2%; }
	.in-flex aside h3 { font-size: 1.3rem; color: #000; margin-right: 4%; }
	.in-flex aside h6 { font-family:'Roboto Condensed', sans-serif; font-weight:bold; color: #dedede; font-size: 0.8rem; }
}
@media screen and (max-width: 599px) {
	.in-flex aside .subTtl { margin-bottom: 20px; border-left: 3px solid var(--base-color); padding:5px 0 5px 4%; isplay: flex; justify-content:space-between; align-items: center;}
	.in-flex aside h3 { font-size: 1.1rem; margin-right: 6%; }
	.in-flex aside h6 { font-size: 0.7rem; }
	section .in { margin-bottom: 5vh;}
}

@media screen and (max-width: 767px) {
	.in-content-Flex { margin: 0 4%; }
	.sc-ttl { border-left: 8px solid var(--bestar-color); padding: 5px 5px 5px 15px; margin-bottom: 20px; font-size: 1.3em; font-weight: bold; color: var(--bestar-color); }
	.anch-sec { margin-top: -50px !important; padding-top: 50px !important; }
	aside h4 { background: var(--base-color); padding: 10px 5px; text-align: center; color: #fff; margin-bottom: 10px; font-size: 0.9em; }
	aside h4.sp-toggle { position: relative; }
	aside h4.sp-toggle:after { content:"\f067"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; right: 2%; transform: translateY(-50%);}
	aside h4.sp-toggle.active:after { content:"\f068"; }
	aside ul { margin-bottom: 20px; }
	aside ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; font-size: 0.9em; padding-left: 1em; text-indent: -1.5em; }
	aside ul li:before { content: "├"; margin-right: 0.5em; }
	aside h4 a         { resize: none; display: block; }
	aside h4 a:link    { color:#fff; text-decoration: none; }
	aside h4 a:visited { color:#fff; text-decoration: none; }
	aside h4 a:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
	aside h4 a:active  { color:#fff; text-decoration: none; }
	
	aside h4.sp-toggle a { pointer-events: none; }
	
	aside .sideKana { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
	aside .sideKana li { padding-bottom: 0px; margin-bottom: 10px; border-bottom: none; font-size: 0.9em; padding-left: 0em; text-indent:0em; margin-right: 1em; }
	aside .sideKana li:before { display: none; }
}
@media screen and (min-width: 768px) and (max-width: 1189px){
	.in-content-Flex { display: flex; justify-content: space-between; width: 96%; margin: 0 auto 10vh; }
	.in-content-Flex aside { width: 20%; }
	.in-content-Flex main { width: 76%; }
	.in-content-Flex main section .in { margin-bottom: 10vh; }
	.sc-ttl { border-left: 8px solid var(--bestar-color); padding: 5px 5px 5px 15px; margin-bottom: 20px; font-size: 1.4em; font-weight: bold; color: var(--bestar-color);  }
	.anch-sec { margin-top: -80px !important; padding-top: 80px !important; }
	aside h4 { background: var(--base-color); padding: 5px; text-align: center; color: #fff; margin-bottom: 10px; font-size: 0.9em; }
	aside ul { margin-bottom: 20px; }
	aside ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; font-size: 0.9em; padding-left: 1em; text-indent: -1.5em; }
	aside ul li:before { content: "├"; margin-right: 0.5em; }
	aside .in-aside { position: sticky; top: 100px; }
	aside h4 a         { resize: none; display: block; }
	aside h4 a:link    { color:#fff; text-decoration: none; }
	aside h4 a:visited { color:#fff; text-decoration: none; }
	aside h4 a:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
	aside h4 a:active  { color:#fff; text-decoration: none; }
	
	aside .sideKana { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
	aside .sideKana li { padding-bottom: 0px; margin-bottom: 10px; border-bottom: none; font-size: 0.9em; padding-left: 0em; text-indent:0em; margin-right: 1em; }
	aside .sideKana li:before { display: none; }
}

@media screen and (min-width: 600px) and (max-width: 899px){
}
@media screen and (min-width: 900px) and (max-width: 1089px){
}
@media screen and (min-width: 1090px) and (max-width: 1189px){
}

@media screen and (min-width: 1190px){
	.in-content { max-width: 1200px; width: 96%; margin: 0 auto; }
	
	.in-flex { display: flex; justify-content: space-between; }
	.in-flex aside { width: 20%; padding: 0 4% 0 0;}
	.in-flex aside .subTtl { position: sticky; top: 20%; }
	.in-flex aside h3 { font-size: 1.5rem; color: #000; text-align: center; }
	.in-flex aside h6 { font-family:'Roboto Condensed', sans-serif; font-weight:bold; text-align: center; color: #dedede; font-size: 0.9rem; }
	.in-flex .sectionContent { width: 72%; }
	
	.in-content-Flex { display: flex; justify-content: space-between; width: 92%; margin: 0 auto 10vh; }
	.in-content-Flex aside { width: 16%; }
	.in-content-Flex main { width: 80%; }
	.in-content-Flex main section .in { max-width: 100%; width: 100%; margin: 0 auto 10vh; padding: 0; }
	.sc-ttl { border-left: 8px solid var(--bestar-color); padding: 5px 5px 5px 15px; margin-bottom: 20px; font-size: 1.5em; font-weight: bold; color: var(--bestar-color);   }
	.anch-sec { margin-top: -80px !important; padding-top: 80px !important; }
	aside h4 { background: var(--base-color); padding: 5px; text-align: center; color: #fff; margin-bottom: 10px; font-size: 0.9em; }
	aside ul { margin-bottom: 20px; }
	aside ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; font-size: 0.9em; padding-left: 1em; text-indent: -1.5em; }
	aside ul li:before { content: "├"; margin-right: 0.5em; }
	aside .in-aside { position: sticky; top: 100px; margin-bottom: 5vh; }
	aside h4 a         { resize: none; display: block; }
	aside h4 a:link    { color:#fff; text-decoration: none; }
	aside h4 a:visited { color:#fff; text-decoration: none; }
	aside h4 a:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
	aside h4 a:active  { color:#fff; text-decoration: none; }
	
	aside .sideKana { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
	aside .sideKana li { padding-bottom: 0px; margin-bottom: 10px; border-bottom: none; font-size: 0.9em; padding-left: 0em; text-indent:0em; margin-right: 1em; }
	aside .sideKana li:before { display: none; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
	.in-flex aside h3 { font-size: 1.35rem; }
	.in-flex aside h6 { font-size: 0.75rem; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px)  {
	.in-flex aside h3 { font-size: 1.40rem; }
	.in-flex aside h6 { font-size: 0.80rem; }
}
@media screen and (min-width: 1390px) and (max-width: 1489px)  {
	.in-flex aside h3 { font-size: 1.45rem; }
	.in-flex aside h6 { font-size: 0.85rem; }
}
@media screen and (min-width: 1490px) {
}

/*-- company ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.tbl01 { width: 100%; border-top: 1px solid #dedede; }
	.tbl01 th,.tbl01 td { padding: 10px; text-align: left; display: block; }
	.tbl01 th { text-align: center; border-bottom: 1px dotted #dedede; background: #dedede; }
	.tbl01 td { border-bottom: 1px solid #dedede; }
}
@media screen and (min-width: 600px) {
	.tbl01 { width: 100%;  }
	.tbl01 th,.tbl01 td { padding: 20px; text-align: left; }
	.tbl01 th { width: 20%; text-align: left; border-bottom: 3px solid #dedede; }
	.tbl01 td { width: 80%; border-bottom: 1px solid #dedede; }
}

/*-- company ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.flowStep li { margin-bottom: 20px; padding-bottom: 20px ;border-bottom: 1px solid #dedede; position: relative; }
	.flowStep li:after { content: ""; position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 10px 25px 0 25px; border-color: #dedede transparent transparent transparent; }
	.flowStep li p.numberStep { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 2.0rem; text-decoration: underline; text-align: center; line-height: 1.0; margin-bottom: 10px; }
	.flowStep li .flowTtl { margin-bottom: 20px; }
	.flowStep li .flowTtl h4 { font-size: 1.3rem; font-weight: bold; margin-bottom: 10px; text-align: center;}
	/*.flowStep li .img-radius { width: 80%; margin: 0 auto; }*/
	.flowStep li .flowTtl p { margin-bottom: 20px; }
	.flowStep li .flowImg { text-align: center; }
	.flowStep li:last-child:after { display: none; }
}
@media screen and (min-width: 600px) {
	.flowStep { max-width: 960px; margin: 0 auto; }
	.flowStep li { margin-bottom: 20px; padding-bottom: 20px ;border-bottom: 1px solid #dedede; display: flex; justify-content: flex-start; align-items: center; position: relative; }
	.flowStep li:after { content: ""; position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 10px 25px 0 25px; border-color: #dedede transparent transparent transparent; }
	.flowStep li p.numberStep { font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 3.0rem; margin-right: 2%; text-decoration: underline; width: 20%; text-align: center; }
	.flowStep li .flowTtl { width: 78%; }
	.flowStep li .flowTtl h4 { font-size: 1.8rem; font-weight: bold; margin-bottom: 10px; }
	/*.flowStep li .img-radius { width: 24%; }*/
	.flowStep li .flowImg { margin-left: 4%; }
	.flowStep li:last-child:after { display: none; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.flowStep li .flowTtl h4 { font-size: 1.2rem; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.flowStep li .flowTtl h4 { font-size: 1.3rem; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	.flowStep li .flowTtl h4 { font-size: 1.4rem; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
	.flowStep li .flowTtl h4 { font-size: 1.5rem; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px)  {
	.flowStep li .flowTtl h4 { font-size: 1.6rem; }
}
@media screen and (min-width: 1390px) and (max-width: 1489px)  {
	.flowStep li .flowTtl h4 { font-size: 1.7rem; }
}

/*-- 事例 ------------------------------------------------------------*/
.exList li div { margin-bottom: 10px; }
.exList li .cate { margin-bottom: 10px; }
@media screen and (max-width: 599px) {
	.exList { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.exList li { width: 48%; margin-right: 4%; margin-bottom: 20px; }
	.exList li:nth-child(2n) { margin-right: 0; }
	
	.cate { display: flex; justify-content: flex-start; align-items: center; }
	.cate dt { background: var(--base-color); color: #fff; font-size: 10px; padding: 2px 10px; }
	.cate dd { background: var(--opa-color); color: #fff; font-size: 10px; padding: 2px 10px; }
	
	.tag { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
	.tag p { margin-right: 1em; margin-bottom: 10px; font-size: 0.9em;  }
	.tag p:before { content: "#"; margin-right: 5px; }
}
@media screen and (min-width: 600px) {
	.exList { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	
	.cate { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; }
	.cate dt { background: var(--base-color); color: #fff; font-size: 12px; padding: 2px 10px; }
	.cate dd { background: var(--opa-color); color: #fff; font-size: 12px; padding: 2px 10px; }
	
	.tag { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
	.tag p { margin-right: 1em; margin-bottom: 10px; font-size: 0.9em;  }
	.tag p:before { content: "#"; margin-right: 5px; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.exList li { width: 48%; margin-right: 4%; margin-bottom: 20px; }
	.exList li:nth-child(2n) { margin-right: 0; }
}
@media screen and (min-width: 900px) and (max-width: 1189px) {
	.exList li { width: 32%; margin-right: 2%; margin-bottom: 20px; }
	.exList li:nth-child(3n) { margin-right: 0; }
}
@media screen and (min-width: 1190px) {
	.exList li { width: 23.5%; margin-right: 2%; margin-bottom: 20px; }
	.exList li:nth-child(4n) { margin-right: 0; }
}

/*-- アーカイブ ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.archiveFlex { display: flex; justify-content: space-between; }
	.archiveFlex .eye { width: 50px; margin-right: 4%; }
	.archiveFlex .s-content { width: calc(96% - 50px); }
}
@media screen and (min-width: 600px) and (max-width: 899px) {	
	.archiveFlex { display: flex; justify-content: space-between; }
	.archiveFlex .eye { width: 120px; margin-right: 2%; }
	.archiveFlex .s-content { width: calc(98% - 120px); }
}
@media screen and (min-width: 900px) {	
	.archiveFlex { display: flex; justify-content: space-between; }
	.archiveFlex .eye { width: 150px; margin-right: 2%; }
	.archiveFlex .s-content { width: calc(98% - 150px); }
}

/*-- お客様の声 ------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.voiceList { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px; }
	.voiceList li { width: 48%; margin-bottom: 40px; }
	.voiceList li h4 { text-align: center; margin-bottom: 10px; font-weight: bold; font-size: 0.9rem; }
	.voiceList li h4 span { font-size: 1.1rem; }
	.voiceList li .voiceDl dt { width: 40%; margin:0 auto 20px; }
}
@media screen and (min-width: 768px) {
	.voiceList { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px; }
	.voiceList li { width: 31%; margin-bottom: 40px; }
	.voiceList li h4 { text-align: center; margin-bottom: 10px; font-weight: bold; }
	.voiceList li h4 span { font-size: 1.1rem; }
	.voiceList li .voiceDl dt { width: 40%; margin:0 auto 20px; }
	.voiceList02 { justify-content: center; }
}
	
/*-- テーブル ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	#content .tbl01 { width: 100%; margin-bottom: 20px; table-layout: fixed; }
	#content .tbl01 th,#content .tbl01 td { padding: 5px 10px; text-align: left; }
	#content .tbl01 thead th { text-align: center; background: #f4f4f4; }
	#content .tbl01 th { text-align: left; border-bottom: 3px solid #dedede; }
	#content .tbl01 td { border-bottom: 1px solid #dedede; }
	
	.in-content-Flex .tbl01 { width: 100%; margin-bottom: 20px; table-layout: fixed; }
	.in-content-Flex .tbl01 th,#content .tbl01 td { padding: 5px 10px; text-align: left; }
	.in-content-Flex .tbl01 thead th { text-align: center; background: #f4f4f4; }
	.in-content-Flex .tbl01 th { text-align: left; border-bottom: 3px solid #dedede; }
	.in-content-Flex .tbl01 td { border-bottom: 1px solid #dedede; }
}
@media screen and (min-width: 600px) {
	#content .tbl01 { width: 100%; margin-bottom: 40px; table-layout: fixed; }
	#content .tbl01 th,#content .tbl01 td { padding: 10px 20px; text-align: left; }
	#content .tbl01 thead th { text-align: center; background: #f4f4f4; }
	#content .tbl01 th { text-align: left; border-bottom: 3px solid #dedede; }
	#content .tbl01 td { border-bottom: 1px solid #dedede; }
	
	.in-content-Flex .tbl01 { width: 100%; margin-bottom: 40px; table-layout: fixed; }
	.in-content-Flex .tbl01 th,#content .tbl01 td { padding: 10px 20px; text-align: left; }
	.in-content-Flex .tbl01 thead th { text-align: center; background: #f4f4f4; }
	.in-content-Flex .tbl01 th { text-align: left; border-bottom: 3px solid #dedede; }
	.in-content-Flex .tbl01 td { border-bottom: 1px solid #dedede; }
	.in-content-Flex .tbl01.tbl-900 { max-width: 900px; margin: 40px 0;}
}	

/*-- プラン ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.priceTbl { margin-bottom: 40px; border-bottom: 3px solid var(--bestar-color); }
	.priceTbl th { padding: 0 40px; text-align: center; font-size: 1.5em; font-weight: bold; }
	.priceTbl th .roboto { font-size: 1.5em; }
	.priceTbl td { padding: 0 40px; text-align: center; font-size: 1.5em; font-weight: bold; color: var(--bestar-color); }
	.priceTbl td .roboto { font-size: 1.5em; }
	sup { color: #ea494d; }
}
@media screen and (min-width: 600px) {
	.priceTbl { margin-bottom: 40px; border-bottom: 3px solid var(--bestar-color); }
	.priceTbl th { padding: 0 40px; text-align: center; font-size: 3.0em; font-weight: bold; }
	.priceTbl th .roboto { font-size: 1.5em; }
	.priceTbl td { padding: 0 40px; text-align: center; font-size: 3.0em; font-weight: bold; color: var(--bestar-color); }
	.priceTbl td .roboto { font-size: 1.3em; }
	
	.w1000 { max-width: 800px;}
	sup { color: #ea494d; }
}	
@media screen and (min-width: 600px) and (max-width: 889px) {
	.priceTbl th { font-size: 2.0rem; }
	.priceTbl td { font-size: 2.0rem; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.priceTbl th { font-size: 2.4rem; }
	.priceTbl td { font-size: 2.4rem; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	.priceTbl th { font-size: 2.6rem; }
	.priceTbl td { font-size: 2.6rem; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
	.priceTbl th { font-size: 2.7rem; }
	.priceTbl td { font-size: 2.7rem; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
	.priceTbl th { font-size: 2.8rem; }
	.priceTbl td { font-size: 2.8rem; }
}
@media screen and (min-width: 1390px) and (max-width: 1489px) {
	.priceTbl th { font-size: 2.9rem; }
	.priceTbl td { font-size: 1.3rem; }
}

.priceTbl td.bunseki { color: var(--base-color) !important; }
.priceTbl.bunseki { border-bottom: 3px solid var(--base-color) !important; }

@media screen and (max-width: 767px) {
	.flex-half { }
	.in-flex-half { margin-bottom: 20px; }
	.in-flex-half h4 { font-size: 1.2em; font-weight: bold; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--bestar-color); color:var(--bestar-color); }
	
	.kentai { margin: 0 auto; width: 100%; margin-bottom: 40px; }
	.kentai li { margin-bottom: 20px; }
	.kentai li:last-child { margin-bottom: 0px; }
	.kentai li h5 { text-align: center; background:var(--bestar-color); padding: 5px 10px; text-align: center; margin-bottom: 10px; color: #fff; }
	.kentai li div { width: 80%; margin:0 auto 20px; }
	.kentai li p { margin-bottom: 0px; text-align: center;}
	.picking { max-width: 960px; margin: 0 auto 40px; width: 100%; }
	.picking:last-child { margin-bottom: 0px; }
	
	.subTtl { font-size: 1.2em; font-weight: bold; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--bestar-color); color:var(--bestar-color); }
	.attensionBox { border: 2px solid var(--red-color); padding: 4%; border-radius: 4px;}
	.attensionBox p { font-size: 0.9em; margin-bottom: 0; color: var(--red-color); }
}
@media screen and (min-width: 768px) {
	.flex-half { display: flex; justify-content: space-between; margin-bottom: 40px; }
	.in-flex-half { width: 48%; }
	.in-flex-half h4 { font-size: 1.2em; font-weight: bold; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--bestar-color); color:var(--bestar-color); }
	
	.kentai { display: flex; justify-content: flex-start; margin-bottom: 40px; }
	.kentai li { width: 31%; margin-right: 3.5%; }
	.kentai li:last-child { margin-right: 0px; }
	.kentai li h5 { text-align: center; background:var(--bestar-color); padding: 5px 10px; text-align: center; margin-bottom: 10px; color: #fff; }
	.kentai li div { margin-bottom: 10px; }
	.kentai li p { margin-bottom: 0px; text-align: center; }
	.picking { max-width: 960px; margin: 0 auto 40px; width: 100%; }
	.picking:last-child { margin-bottom: 0px; }
	
	.subTtl { font-size: 1.2em; font-weight: bold; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--bestar-color); color:var(--bestar-color); }
	.w640 { max-width: 640px; }
	.img640C { max-width: 640px; width: 100%; margin: 0 auto; }
	
	.attensionBox { border: 2px solid var(--red-color); padding: 20px; border-radius: 4px;}
	.attensionBox p { font-size: 0.9em; margin-bottom: 0; color: var(--red-color); }
	
	.listFlex { display: flex; justify-content: center; margin-bottom: 40px; }
	.listFlex .in-listFlex { width: 31%; margin: 0 1.5%; }
}