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

.info_content_wrap {margin:0 0 50px 0;width:100%;}

.info_toptext{
	margin:15px 20px;
}

.info_top_ttl{
	margin:50px auto 50px;
    padding: 15px 0 0px 0;
    font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 200%;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.05em;font-weight: 600;
}
@media screen and (max-width:950px){
	.info_top_ttl {line-height: 1.2; }
}
@media screen and (max-width:420px){
	.info_top_ttl {padding:5px 0 0 0;font-size:150%; }
}
.info_top_txt{margin:20px auto 0;width:85%;}
@media screen and (max-width:420px){
	.info_top_txt{margin-bottom:1.5em;width:95%;}
}
.info_sub_ttl{
	margin:40px auto 15px;
	width:85%;
    font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:130%;
    line-height: 1;
    letter-spacing: 0.05em;font-weight: 600;
}
@media screen and (max-width:900px){
	.info_sub_ttl{width:95%;}
}
.info_hw2clip_subttl{
	margin:40px auto 15px;
	width:95%;
    font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:1.4em;
    letter-spacing: 0.05em;font-weight: 600;
	font-weight: normal;
	letter-spacing: 1px;

}
.info_hw2clip_subttl span{
	display: inline-block;
	padding:0 10px;
	border-bottom:1px solid var(--info_proc_BrdrColor);
}
.info_content_txt{margin-bottom:50px;}
.info_area_link{margin:10px 0;text-align: right;font-size:.9em;}

.info_box_modallink {
	display: block;
	width:100%;
	text-align: right;
	margin-bottom: 8px;
	cursor: pointer;
	text-decoration: underline;
}
.info_term_enact{margin:20px 0 50px;}

/*//////////////////////*/
/*/ payment / return   /*/
/*//////////////////////*/
/* --- category title --- */
.info_items3_flex{
	display: flex;
    margin: 70px auto 40px;
    max-width: 500px;
	gap: 10px;
	justify-content: center;
}
@media screen and (max-width:700px){
	.info_item3_flex{max-width:inherit;}
}
.info_itemttl{
	width:30%;
	text-align: center;
	font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:1.1em;
	font-weight: 600;
}
.info_itemttl a{display: block;} 
.info_itemttl p, .info_itemttl img {display: inline-block;}
@media screen and (max-width:700px){
	.info_itemttl p, .info_itemttl img {display: block;margin-inline:auto;}
	.info_itemttl p {font-size:110%;}
}
@media screen and (max-width:320px){
	.info_itemttl p {font-size:85%;}
}
.info_itemttl_arrow {margin-left:8px;width:15px;vertical-align: -1px;}

/* --- content --- */
.info_section_wrap{
	border-radius: 30px;
	background: #f8ebd9;
	margin-bottom:40px;
	padding:50px 40px 80px 40px;
}
@media screen and (max-width:430px){
	.info_section_wrap{	
	border-radius: 0;
	margin-bottom: 0;
	padding: 11.6vw 9.3vw 18.6vw 9.3vw;
}
}

.info_section_wrap:nth-child(even){background: #F1EDE6;}
.info_section_wrap h4 {
	margin-bottom:35px;
	font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: normal;
	font-size:30px;
	line-height: 1.1;
	letter-spacing: 1px;
	text-align: center;	
}

.info_section_wrap p{margin-left:1em;}
.info_section_contnt{
	margin:20px 0 0;
	padding:40px 40px 35px;
	background: #FFF;
	border-radius: 30px;
}
@media screen and (max-width:430px){
.info_section_contnt{
	margin: 4.65vw 0 0;
	padding: 9.3vw 4.65vw 8vw;
	background: #FFF;
	border-radius: 30px;
}
}
.info_section_contnt h5 {
	width:100%;
	border-bottom:1px solid #BDBDBD;
	margin-bottom:15px;
	font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	color:#333;
}
.info_section_contnt p{margin:0 0 8px 0;}
.info_cardimg_wrap {display: flex; justify-content: space-around; align-items: center; width: 50%;}
.info_cardimg {width:40px;margin-right:5px;}
/*//////////////////////*/
/*/ for guide          /*/
/*//////////////////////*/
/*枠線共通指定*/
:root{
	--info_proc_BrdrColor: #FC8366;
	--info_proc_TtlColor: #A95742;
}
/*----*/
.info_proc, .info_proc_etc{
    margin: 30px auto 80px ;
    padding: 0;
    width: 95%;
	gap:0;
}
@media screen and (max-width:430px){

.info_proc, .info_proc_etc{
    margin: 7vw auto 18.6vw ;
}
}
.info_proc_usetop{margin-top:80px;}
.info_proc_etc{display: flex;flex-wrap: nowrap}
ol.info_proc, ol.info_proc_etc {list-style: none;}
ol.info_proc_etc {border-top: 1px solid var(--info_proc_BrdrColor);padding-top:20px;}
ol.info_proc_etc {border: 1px dotted var(--info_proc_BrdrColor);}
.info_proc li, .info_proc_etc li {
    margin-bottom: 0;
}
.info_hw2clip li:last-child{border-bottom: 1px solid var(--info_proc_BrdrColor);}
.info_proc li {
	display:flex;flex-wrap: wrap;
    width: 100%;
	position: relative;
	padding: 15px 25px;
    border: 1px solid var(--info_proc_BrdrColor);
    border-bottom:none;
	align-items: center;
}
.info_proc_etc li{
	display: block;
	width:33.3%;
	padding: 5px;
	border:none;
}
.info_proc li:last-child{border-bottom: 1px solid var(--info_proc_BrdrColor);}
.info_proc li::before{
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	z-index:10;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-color: #ffffff; /* 背景色と同じ色を指定 */
	rotate: 135deg;
	translate: -50%;
}
.info_proc li::after{
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	z-index: 5;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border: 1px solid;
	border-color: var(--info_proc_BrdrColor) var(--info_proc_BrdrColor) transparent transparent;
	background-color: #ffffff;
	rotate: 135deg;
	translate: -50%;
}
.info_proc li:last-child::after{border:none;background: transparent;}
.info_proc li:last-child::before{border:none;background: transparent;}
.info_proc li div.h5wrap {flex-basis: 100%;margin-bottom:10px;}
.info_hw2clip li div.h5wrap {flex-basis: 100%;margin-bottom:10px;}
.info_proc li h5 {
    width: 6em;
	margin:0;
    padding: 6px 0 4px;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #cd6c54;
    color: var(--info_proc_TtlColor);
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
}
.info_proc li h5 span {font-size:1.4em;color:var(--info_proc_TtlColor);}
.info_proc_img{margin:0;flex-basis: 30%;max-width: 280px;}
.info_proc_txt{line-height: 1.4;margin:0 5px;flex-basis: min-content;flex-grow:1;}
.info_proc_ttlimg{width:auto;flex-basis: 100%; text-align: center;font-size:.9em;}
.info_proc_etc_img{margin:15px 0 20px;flex-basis:100%;padding:0 12%;}
.info_proc_etc_txt{padding:10px;font-size: .8em;line-height: 1.4;}
.info_prec_etc_txt a {line-height: 1.8;}
@media screen and (max-width:950px){
	.info_proc, .info_proc_etc {width:100%;}
	.info_proc_etc{flex-wrap: wrap;}
	.info_proc_img{margin:0;flex-basis: 40%;max-width: 280px;}
	.info_proc_txt{padding-top:10px;font-size:.9em;}
	.info_proc_ttlimg img{height: 1.5em;object-fit: contain;}
}
@media screen and (max-width:700px){
	.info_proc li {display:block;padding:15px 10px 20px;}
	.info_proc li h5{width:5em;}
	.info_proc li div.h5wrap{margin-bottom:0;}
	.info_hw2clip li div.h5wrap{margin-bottom:0;}
	.info_proc_img{width:40%;margin-inline:auto;}
	.info_proc_etc_img{width:40%;margin-inline:auto;padding:0;}
	ol.info_proc_etc{display: block;border:none;}
	.info_proc_etc li{
		width:100%;
		border: 1px solid;
		border-color: var(--info_proc_BrdrColor) var(--info_proc_BrdrColor) transparent var(--info_proc_BrdrColor);
	}
	.info_proc_etc li:last-child{border-color:var(--info_proc_BrdrColor);}
	.info_proc_ttlimg{padding:7px;text-align:left;font-size:1em;}
}
@media screen and (max-width:400px){
	.info_proc li{	padding: 10px 10px 20px 10px;}
	.info_proc_txt {padding-top:10px;}
}
/*//////////////////////*/
/*/ for (howto)use     /*/
/*//////////////////////*/
.info_use_txt01{margin:0 auto 40px;padding-bottom:30px;width:85%;border-bottom:1px solid #fbc0b0;}
.info_use_txt01:last-of-type{border-bottom:none;}
.filter-rmColor{filter: brightness(0) saturate(100%) invert(62%) sepia(50%) saturate(750%) hue-rotate(319deg) brightness(100%) contrast(98%); /*for color #fc8366*/}
.info_proc_caution01{
	margin-top:15px;
	padding:14px 10px; 
	font-size:13px;
	line-height: 1.5;
	background: #FDE3DD;
}
.use_caut_wrap{
	display: block;
	margin:0 auto 80px;
	padding:20px;
	width:95%;
	border:1px solid #DE7643;
	border-radius: 5px; 
	background: #FEE8DA;
}
@media screen and (max-width:430px){
.use_caut_wrap{
	margin:0 auto 18.6vw;
	padding: 4.65vw;
	border: 0.23vw solid #DE7643;
	border-radius: 1.16vw; 
	}
}
.use_caut_txtbox{width:100%;font-size:.9em;line-height: 1.4;padding:8px;}
.use_caut_txtttl{width:100%;padding-top:10px;padding-bottom:20px;font-size:18px;line-height: 1.4;color:#DE7543;vertical-align: top;}
.use_caut_txtttl img{width:1.3em;margin-right:8px;vertical-align: -3px;}
.use_caut_imgbox{display: inline-block;width:25%;vertical-align:top;}
.use_caut_txtcontext{display: inline-block;width:70%;}
.use_caut_txt{
	position: absolute; 
	font-size: 14px; 
	left: 44px; 
	top: 77px; 
	right: 53px; 
	width: 379px; 
	height: 54px; 
	line-height: 1.5em; 
	letter-spacing: -0.3px;
}
@media screen and (max-width:950px){
	.use_caut_wrap{width:100%;}
}
@media screen and (max-width:600px){
	.use_caut_txtcontext{width:100%;}
	.use_caut_imgbox{width:100%;text-align: center;padding-bottom:10px;}
	.use_caut_imgbox img{width:50vw;max-width:200px;}
}
@media screen and (max-width:430px){
	.use_caut_wrap{padding:10px;}
	.use_caut_txtttl{width:100%;padding-bottom:10px;}
}
.info_use_listwrap {
	list-style: square;
	padding-left:20px;
}
.info_use_listwrap li{color:var(--info_proc_BrdrColor); }
.info_use_listwrap li span {color:#333;}

/*//////////////////////*/
/*/ for how2sawclips   /*/
/*//////////////////////*/
.clipuse_ttl_wid {flex-basis: 100%;margin-bottom:10px;}
.clipuse_ttl_wid h5{width:12em!important;padding-left:1em!important;font-size:16px;text-align: left!important;border-bottom:1px solid #cd6c54;color:var(--info_proc_TtlColor);font-family: Century Gothic, Arial, Helvetica, sans-serif;}
.clipuse_ttl_wid h5 span {margin-right:.5em;}

.info_clippre_ttl{
    margin: 30px auto 15px;
    width: 85%;
    font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 1.1em;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 500;
}
.info_clippre_txt{display: inline-block;width:70%;padding:8px 0;vertical-align: top;}
.info_clippre_imgwrap{display: inline-block;width:30%;padding:8px 10px;}
.info_hw2clip_wrap{margin-top:25px;}
.info_hw2clip_wrap h4 {height: 2em;}
.info_hw2clip h5 {height: 1.5em;}
.info_hw2clip_wrap h4 img, .info_hw2clip h5 img{height: 100%;}
.info_hw2clip{
    margin: 20px auto 20px 0;
    margin: 30px auto 40px ;
	padding:0;
    width: 95%;
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
    justify-content: flex-start;
	gap:0;
}
@media screen and (max-width:900px){
	.info_hw2clip_subttl{width:100%;}
	.info_clippre_ttl, .info_use_txt01{width:100%;padding-left:15px;}
	.info_hw2clip{width:100%;}
}
@media screen and (max-width:420px){
	.info_hw2clip_subttl{padding-left:0;}
	.info_clippre_ttl, .info_use_txt01{padding-left:3%;}
	.info_hw2clip{padding-left: 0;}
}
ol.info_hw2clip {list-style: none;}
.info_hw2clip li {
    width: 100%;
	display:flex;flex-wrap: wrap;
	position: relative;
	padding: 15px 25px;
    border: 1px solid var(--info_proc_BrdrColor);
    border-bottom:none;
	align-items: center;

    /*padding: 10px 10px 20px 10px;
    margin-bottom: 20px;*/
}
.info_hw2clip li::before{
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	z-index:10;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-color: #ffffff; /* 背景色と同じ色を指定 */
	rotate: 135deg;
	translate: -50%;
}
.info_hw2clip li::after{
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	z-index: 5;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border: 1px solid;
	border-color: var(--info_proc_BrdrColor) var(--info_proc_BrdrColor) transparent transparent;
	background-color: #ffffff;
	rotate: 135deg;
	translate: -50%;
}
.info_hw2clip li:last-child::before{border:none;background: transparent;}
.info_hw2clip li:last-child::after{border:none;background: transparent;}
.info_hw2clip_img{margin:15px auto 10px;}
.info_hw2clip_txt{font-size:.9em;line-height: 1.4;margin:0 5px;}
.info_hw2clip_txt_list{list-style-type: disc; font-size:.9em;line-height: 1.4;margin:8px 5px;}
.info_hw2clip_txt_list li {padding:0;margin:0;line-height: 1.5;}
.info_hw2clip_txt02, .info_hw2clip_img02 {display: inline-block;vertical-align: top;}
.info_hw2clip_txt02 {width:60%;}
.info_hw2clip_txtsub{font-size:.9em;display: inline-block;}
.info_hw2clip_txtsub:nth-of-type(2){margin-top:.5em;}

.info_hw2clip_woimg {width:100%;}
.info_hw2clip_img02{width:35%;padding:8px;}
.info_hw2clip_img02 img {width:100%;}
.info_clip_subttl {font-size:1.3em;color:var(--info_proc_BrdrColor);font-weight: lighter;}
.info_clip_subttl p {
	display: inline-block;
	margin-right: .5em;
	vertical-align: -.05em;
	text-align: center;
	color:var(--info_proc_BrdrColor);
	font-weight: 400;
	font-size:1em;
	line-height: 1.3em;
}
.info_clip_subttl img {margin-right:10px;}


.info_how2_ttl{
	padding: 18px 0 7px;
    text-align: center;
	color:#313030;
    font-size: 220%;
    line-height: 1;
    letter-spacing: 0.05em;
	font-weight: 600;
    font-family: "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.info_how2_ttl span{display: block;padding:10px 0 0;font-size:14px;font-family:initial ;font-weight: normal;}
@media screen and (max-width:430px){
.info_how2_ttl{
	    padding: 3.5vw 0 1.6vw 0;
}
}
.info_how2_txt{
	font-size: 14px;
}
@media screen and (max-width:430px){
.info_how2_txt{
	font-size: 3.25vw;
}
}