/**fix_20221210_uetani**/
	main #right_column { margin-top: 80px;}
	a,summary{cursor:pointer;}
	div#hospital { width: 100%;padding: 0 15px; box-sizing: border-box;}
	@media screen and (min-width: 768px){
	 #wrap { width:100%; max-width: 1220px;margin: 10px auto;}
	 #container {width:100%; max-width: 1220px; box-sizing: border-box;}
	 main #left_column {width: 30%;max-width: 300px; box-sizing: border-box; margin: 0;}
	 main #right_column {width: 70%;flex: 1;box-sizing: border-box;margin: 0;}
	 #pankuzu {padding: 0 15px;box-sizing: border-box; }
	 div#hospital {width: 100%;max-width: 920px;padding: 0 15px; box-sizing: border-box; }
	 div#hospital section#price dl.table dd, div#hospital section#deadline dl.table dd { max-width: 195px; }
	 div#hospital section#deadline .box_wrap .box h4 {max-width: 190px;}
	}
section>*{overflow-wrap:anywhere;}
/**common.css の修正**/
	.sidebar-wrapper .product-section { margin-bottom: 20px;}
	/**page-content.css の修正**/
	.page-content { padding-left: 0px; padding-right: 0px; box-sizing: border-box;}
	.page-content h2.item_title { font-size: 20px; background: #0202e5; color: #fff; padding: 0.5em 1em; font-weight: bold; margin-bottom: 15px; line-height: 1.2;}
	.page-content h3.item_title { font-size: 20px; background: #0202e5; color: #fff; padding: 0.5em 1em; font-weight: bold; margin-bottom: 15px; line-height: 1.2;}
	.item_title span{ font-size: 14px; padding: 0 10px 0 10px;}
	.price-table-wrapper table .price.reasonable, .price-table-wrapper table .price.reasonable a { background: #E4007F; border: solid 1px #E4007F;}
	.price-table-wrapper table .price.standard, .price-table-wrapper table .price.standard a { background: #1d8fff; border: solid 1px #1d8fff;}
	.price-table-wrapper .table-mobile-wrap th.reasonable, .price-table-wrapper table thead th.reasonable { color: #E4007F; border-color: #E4007F;}
	.price-table-wrapper table span { font-size: 12px; letter-spacing: 0;}
	.page-content .small { font-size: 13px; line-height: 1.5;}
	#header h1 { height: 18px;}
	@media screen and (min-width: 768px){
		.page-content { width: 100%; max-width: 920px; padding: 0; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
		.page-content h2.item_title { font-size: 23px; line-height: 1.6; margin-bottom: 20px;}
		.page-content h3.item_title { font-size: 23px; line-height: 1.6; margin-bottom: 20px;}
		.item_title span{ font-size: 17px; }
		.price-table-wrapper table span { font-size: 13px;}
		#header h1 { height: auto;}
	}
.f-wrap{flex-wrap:wrap;}
/**スライドショー部分**/
	.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: 'next';font-size: 25px !important;font-weight: bold;color: #fff;	text-shadow: 1px 1px 3px #666;}
	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: 'prev';font-size: 25px !important;font-weight: bold;	color: #fff;text-shadow: 1px 1px 3px #666;}
	.swiper-pagination-bullet-active {background: #fff !important;}
	.swiper-container {  position: relative; overflow: hidden;}
	.swiper-container .swiper-slide { text-align: center; line-height: 1; display: flex; align-items: flex-start; justify-content: center;}
	.swiper-container .swiper-slide img { display: inline; width: auto; max-width: 100%; max-height: 100%; align-self: center;}
	.swiper-container .swiper-button-white:focus {outline: none;}

/**既存部分修正**/
	.cont_inner{ box-sizing: border-box; padding: 0 10px; margin: 0 0 50px 0;}

span.marker {background: linear-gradient(transparent 50%, #ffd700 100%);}
span.red {background:linear-gradient(transparent 80%, #ff5656 85%)}
.bc_red {background:linear-gradient(transparent 0%, #ff7676 130%)}
.bc_blue {background:linear-gradient(transparent 0%, #b8b9ff 130%)}
.info {width:650px;max-width:90%;margin:2rem auto;}

.dsc-box p{font-size:.899rem;margin:.6rem .85rem;}
.dsc-box h5{font-size:1.04rem;font-weight:bold;width:fit-content;padding:.3rem;background:#2c007f;color:#fff;margin:1rem 0 .5rem;}
.dsc-box h6{display:inline-block;border-bottom:2px solid;width:90%;font-size:.95rem;font-weight: bold;margin-top:.5rem;}
.flex-box-box{display:flex;justify-content:center;}
.flex-box-box a{display:block;width:200px;max-width:48%;margin:.5rem;}
.flex-box-box a img{display:block;width:100%;}
.box{border:1px solid;padding:.7rem;width:800px;max-width:90%;margin:2rem auto;}
.box> h5{font-size:.95rem;font-weight:bold;margin:0 0 .5rem;padding:0;background:inherit;color:red;}
.flex{display:flex;align-items:center;}
.div-p{padding:.5rem;}
section>.dsc-box {padding:0 1rem;}
#hospital>section{margin-bottom:4rem;}
#hospital>#first-top{margin-bottom:3rem;}
#hospital>section>h3,h4,h5{font-family: sans-serif;}
.dsc-box {padding:.3rem;}
div#hospital section h2.sec_title, div#hospital section h3.sec_title{font-size:1.35rem;}
.point_h4{color:#000397;font-weight:bold;font-size:1.25rem;border-bottom:3px solid;margin:.8rem 0;}
.point_h4::before{content:'■';}
.point_h4 span{font-size:1.08rem;margin-left:.3rem;}

.other_sitelink{margin:1rem 0 0;}
.other_sitelink>a{display:block;color:#fff;width:250px;border:2px solid #000;border-radius:.4rem;margin:.5rem;padding:1rem .5rem;text-align:center;font-size:.9rem;overflow-wrap:break-word;}
.other_sitelink>a:hover{transform:translateY(-3px);}
.other_sitelink>#firestorage{background:#c03b3b;}
.other_sitelink>#firestorage:hover{background:#ff7676;}
.other_sitelink>#gigafilebin{background:#3b53c0;}
.other_sitelink>#gigafilebin:hover{background:#6b86ff;}



/* 目次 */
.toc-001 {font-family:sans-serif;width: 600px;max-width: 90%;margin: 2rem auto 3rem;padding: 1rem;border: 1px solid #999;background-color: #f7f7f7;color: #333333;}
.toc-001 div {font-size:1rem;font-weight:bold;display:block;align-content: center;text-align:center;align-items:center;margin: 0;padding: 5px 0;}
.toc-001>label {font-size:1.08rem;text-align:center;display:block;}
.toc-001 div::before {display: inline-block;width: 1em;height: 1em;margin-right: 5px;
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23333'%3E%3C/path%3E%3C/svg%3E");}
.toc-001 label::after {margin-left: 5px;font-size: .8em;color: #166c9d;content: "[開く]";cursor: pointer;}
.toc-001:has(:checked) label::after {content: "[閉じる]";}
.toc-001 input {display: none;}
.toc-001 ol {margin: 0;padding: 0 1.8rem;overflow: hidden;}
.toc-001 > ol {height: 0;}
.toc-001:has(:checked) > ol {height: auto;}
.toc-001 ol ol {margin-top: 5px;}
.toc-001 li {padding: 5px 0;}
.toc-001 a {color: #262626;}
.toc-001>ol>li>a {font-size:.96rem;color: #262626;font-weight:bold;}
.toc-001>ol>li>ol>li>a {font-size:.9rem;color: #262626;}
.toc-001>ol>li>ol>li>ol>li>a {font-size:.8rem;color: #545454;}
.toc-001>ol{list-style-type:disclosure-closed;}
.toc-001>ol>li>ol {list-style-type:decimal;}
.toc-001>ol>li>ol>li>ol{list-style-type:circle}
/* 目次 end */

/* topのボタン */
#nyukou-top-area{display:flex;justify-content:center;margin:1rem 0 3rem;}
#nyukou-top-area >a{font-family:sans-serif;display:flex;align-items:center;justify-content:center;width:325px;max-width:45%;margin:.5rem;padding:1.25rem 1rem;text-align:center;border:2px solid #0d0700;border-radius:.5rem;font-size:1rem;font-weight:bold;}
#nyukou-top-area >a.nyukou-top_beginner:hover{background: #ffe681;transform:scale(1.04);}
#nyukou-top-area >a.nyukou-top_template:hover{background: #ffe681;transform:scale(1.04);}
.nyukou-top_beginner{background:#fff;}
.nyukou-top_beginner::before {content:'';display:inline-block;width:1.4rem;height:1.4rem;
background-image: url(https://visipri.com/dataguide/img/icon/beginner.webp);
background-position: center;background-size: contain;background-repeat: no-repeat;}
.nyukou-top_template::before {content:'';display:inline-block;width:1.4rem;height:1.4rem;
background-image: url(https://visipri.com/dataguide/img/icon/dl.webp);
background-position: center;background-size: contain;background-repeat: no-repeat;margin-right:4px;}
.nyukou-top_template{background:#ffcc00;}
/*  */

/* データ作成のポイント-カード */
.top_pickup_item_base{display:flex;flex-wrap:wrap;justify-content:center;gap: 8px;}
.tpi_box { width:calc(20% - 15px);  -webkit-box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.4); box-shadow: 3px 3px 6px 0px rgba(68, 68, 68, 0.4); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; cursor: pointer; counter-increment: item-counter;border:2px solid rgba(0,144,255,0.8); position: relative;}
.tpi_img{ position:relative;padding:.3rem;}
.tpi_img img{ width: 100%; height: 100%;}
.tpi_img span { width: auto; margin: 20PX; z-index: 1; padding: 7px; background: -webkit-linear-gradient(to right, #6bb6ff, #4f96f6); background: linear-gradient(to right, #6bb6ff, #4f96f6); border-radius: 4px; display: inline-block; position: absolute; top: -7px; left: -4px;font-size: 12px;color: #fff;}
.tpi_img span.tokusyu {background:linear-gradient(to right, #ff9968, #ff4700);}
.tpi_img span.set {background:linear-gradient(to right, #ff6b94, #f64f4f);}
.tpi_img span.tanpin {background:linear-gradient(to right, #595959, #a1a1a1);}
.tpi_img:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: black; opacity: 0.5; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;z-index: 1;}
.tpi_details {align-content: center;height: 100%;font-family: sans-serif; position: absolute; bottom: 0; z-index: 1;text-align:center; padding: 5px 15px; background:#ffffff47; letter-spacing: 1px; color: #fff; font-size: 12px; width: 100%; box-sizing: border-box;}
.tpi_details B {text-shadow:0 0 2px #020000,0 0 2px #020000,0 0 2px #020000,0 0 2px #020000,0 0 2px #020000,0 0 2px #020000,0 0 2px #020000,0 0 2px #020000}
.tpi_details B span{ font-size:.9rem; z-index: 2; position: relative;}
.tpi_details B span>span {font-size: .7rem;text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;}
.tpi_box:hover {-webkit-transform: scale(1.05); transform: scale(1.05);}
.tpi_box:hover .tpi_details {background:#a5fdff8f;}
.tpi_box:hover .tpi_img:before { opacity: 0;}
.tpi_box:hover a { opacity: 1;}

.tpi-price{ display: block; position: absolute; top: -26px; right: 0; text-align: right; font-weight: bold; color: #d30101; background: rgba(255,255,255,1); padding: 3px 5px 3px 25px;font-size: 14px; clip-path: polygon(13% 0%, 100% 0%, 100% 100%, 0% 100%);}
.tpi-p-ub-red{border-bottom: solid 1px #d30101; padding: 0 0 2px 0;white-space:nowrap;}
.tpi-p-01{font-size: 12px; padding: 0 3px 0 0;}
.tpi-p-02{font-size: 12px;}
.tpi-p-03{font-size: 10px;}

@media screen and (max-width:821px){
	.tpi_details b span { font-size:.8rem; line-height:0;}
}
@media screen and (max-width: 768px){
	.tpi_box { width:calc(30% - 5px); margin-bottom: 16px; }
	.tpi_details{ padding: 5px 8px; font-size:.7rem; line-height: 1.5;}
	.tpi_details b{letter-spacing: normal;}
	.tpi_details b span { font-size:.79rem; line-height:0;}
	.tpi_img span { margin: 5PX; padding: 4px; font-size:12px;top: 0px; left: 0px;}
	.tpi_img:before{ display: none;}
	.tpi_a { display: flex;}
	.tpi_item_ttl {padding: 1px 23px 1px 7px; top: -1.45rem;
    }
}
@media screen and (max-width: 390px){
.tpi_details b span{font-size:.6rem;}
}
@media screen and (max-width: 350px){
.tpi_details b span{font-size:.5rem;}
}
/* !-- .tpi_boxが奇数個の場合、左並べにするための調整。偶数の場合はコメントアウト推奨-- */
.top_pickup_item_base::after {display:block;content:"";width:calc(25% - 15px);}
@media screen and (max-width: 768px){
.top_pickup_item_base::after {width:calc(50% - 8px);}
}
/* データ作成のポイント-カードend */


/*  */
#topic1>.dsc-box{padding:0 1rem;}
#topic2>.flex{display:flex;align-items:center;justify-content:center;}
#topic2>.flex > img{width:60px;max-width:25%;height:100%;margin:.5rem;}

.design_blue_data{font-family:sans-serif;display:block;text-align:center;width:600px;max-width:90%;background:#fff;border: 2px solid #0d1eff;color:#0d1eff;margin:1rem auto 2rem;padding:.8rem;position:relative;}
.design_blue_data>span{font-size:1rem;color:#0d1eff;;text-align:center;}
.design_blue_data>span::before {content:'';display:inline-block;width:1.4rem;height:1.4rem;
background-image: url(https://visipri.com/dataguide/img/icon/denkyu.webp);
background-position: center;background-size: contain;background-repeat: no-repeat;}
.design_blue_data:hover{background:#0d1eff;}
.design_blue_data:hover span{color:#fff;}
.design_blue_data:hover .design_blue_data>span::before{color:#fff;}

.design_blue_data_accordion{font-family:sans-serif;display:block;text-align:center;width:600px;max-width:90%;background:#fff;border: 2px solid #0d1eff;color:#0d1eff;margin:1rem auto;padding:.8rem;position:relative;}
.design_blue_data_accordion>span{font-size:1rem;color:#0d1eff;;text-align:center;}
.design_blue_data_accordion>span::before {content:'';display:inline-block;width:1.4rem;height:1.4rem;
background-image: url(https://visipri.com/dataguide/img/icon/denkyu.webp);
background-position: center;background-size: contain;background-repeat: no-repeat;}
/* アコーディオン */
details.acdn_details{margin:2rem 0;}
details summary .icon{font-size:1.2rem;position:absolute;top:1.1rem;right:1rem;}
details[open] summary .icon {transform: rotate(180deg);}
details.acdn_details:hover .design_blue_data_accordion{background: #5d68ff;}
details.acdn_details:hover .design_blue_data_accordion>span{color:#fff;}
details.acdn_details:hover .design_blue_data_accordion>.icon{color:#fff;}
details.acdn_details[open] .design_blue_data_accordion{background: #5d68ff;}
details.acdn_details[open] .design_blue_data_accordion>span{color:#fff;}
details.acdn_details[open] .design_blue_data_accordion>.icon{color:#fff;}
.acdn-box {border:1px solid rgb(171, 154, 255);overflow:hidden;width:620px;max-width:90%;margin:0 auto;padding:1rem;}
.acdn-box p {font-size:.89rem;}
.acdn-box >h4{font-size:1.16rem;color:#21006a;font-weight:bold;border-bottom:1px solid;}
.acdn-box >h5{font-size:1rem;background:#21006a;}
.acdn-box >a.item_image {display:block;width:490px;max-width:90%;margin:1rem auto;background:#000;padding:.2rem;}
.acdn-box >a.item_image>img{display:block;width:100%;}
/* アコーディオン end*/

.midashi_icon::before{content:'';display:inline-block;width:1.4rem;height:1.4rem;background-position:center;background-size:contain;background-repeat:no-repeat;margin:0 .5rem 0 0;}
.windows_right::before {background-image: url(https://visipri.com/dataguide/img/icon/window_icon.webp);}
.midashi_icon span{font-size:.85rem;white-space: nowrap;}
.mac_right::before {background-image: url(https://visipri.com/dataguide/img/icon/mac_icon.webp);}
.format_Ai::before{background-image:url(https://visipri.com/dataguide/img/icon/Ai.webp);}
.format_Psd::before{background-image:url(https://visipri.com/dataguide/img/icon/Psd.webp);}
.format_img::before{background-image:url(https://visipri.com/dataguide/img/icon/img2.webp);}
.format_PDF::before{background-image:url(https://visipri.com/dataguide/img/icon/PDF.webp);}

.nyukou_OK_data{width:600px;max-width:90%;padding:.5rem 1rem;}
.nyukou_OK_data p{display:flex;align-items:center;font-weight:bold;font-size:1.1rem;}
/* 冒頭結論 */
.answer-box {border: 12px solid #d9d9e6;background: #f7f8ff;border-radius: 10px;padding: 8px 16px 0px;margin: 18px 0 22px;box-sizing: border-box;font-family: sans-serif;max-width:415px;margin:1rem auto;}
.answer-box > h2{font-size: 14px!important;line-height: 1.4!important;margin: 0 0 0px!important;padding: 7px 14px!important;border-radius: 8px!important;background: #ffffff!important;border: 1px solid #e3e3f2!important;color: #1f1f3a!important;position:unset!important;}
.answer-box > ul{margin: 0;padding: 0;list-style: none;}
.answer-box > ul > li{padding:0!important;border-top: 1px dashed #d7d7e8!important;line-height: 1.4!important;font-size: 14px!important;color: #333!important;margin:10px!important;}
.answer-box li strong {font-weight:600;font-size: 13px;}
.answer-box li span {font-weight: 700;font-size: 11px;}
.answer-box > ul > li:first-child{border-top: none;padding-top: 0;}
.answer-box strong{display: inline-block;min-width: 6.5em;margin-right:6px;color: #111;}
.answer-box ul {list-style: none;}
.answer-box ul li::marker {content: "";}
.page-content h2:after{position: unset!important;}
@media screen and (max-width: 767px){
.answer-box{padding: 6px 6px 0px;border-radius: 8px;}
.answer-box > h2{font-size: 14px;padding: 9px 10px;}
.answer-box > ul > li{font-size:13.5px;padding: 3px 0;}
.answer-box strong{min-width: 6em;}
.answer-box li span {font-weight: 500;font-size: 11px;}
}
@media screen and (min-width: 980px) {
.answer-box > ul {padding: 0 16px;}
}
/* 冒頭結論 end */

/* チェックリスト */
#top_precheck { margin:3rem 0; }
.top_precheck_lead { font-size: 14px; line-height: 1.7; margin: 0 0 18px 0; }
.top_precheck_h3 { font-size: 17px; margin: 0 0 8px 0; color: blue; font-weight: bold; line-height: 1.4; }
.top_precheck_checkwrap {width:530px;max-width:87%;padding:1rem;border:solid 2px #00A0E9;border-radius:12px;background:#f7fbff;margin:1rem auto;}
.top_precheck_h3_check { margin-bottom: 10px; }
.top_precheck_form { display: flex; flex-wrap: wrap; gap: 10px; }
.top_precheck_check {display: flex;align-items: flex-start;gap: 10px;width: 100%;padding: 10px 12px;border-radius: 10px;background: #fff;border: solid 1px #d7e9fb;cursor: pointer;box-sizing: border-box;font-weight: bold;font-family: ui-sans-serif;}
.top_precheck_check input[type="checkbox"]{margin-top: 2px;width: 18px;height: 18px;cursor: pointer;flex: 0 0 auto;}
.top_precheck_checktxt { font-size: 14px; line-height: 1.6; }
@media screen and (max-width: 768px){
.top_precheck_h3 { font-size: 16px; }
.top_precheck_checktxt { font-size: 13px; }
.top_precheck_lead { font-size: 13px; }
}
/* チェックリスト end */

/* template */
.template-dl-area{margin:2rem auto 1.5rem;max-width:95%;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;}
.template-dl-area>span{display:inline-flex; align-items:center; gap:10px;width:510px;}
.template-btn{display:inline-block;width:100%;max-width:100%;text-align:center;font-family:sans-serif;font-size:.98rem;background-color:#ffcc00;color:#000; font-weight:bold;padding:1rem .5rem;
border-radius:4px;text-decoration:none;transition:0.3s;}
.template-btn:hover {transform: scale(1.05);}
.single-temp>span{width:350px;}
.size-temp>span{width:200px;}
.ac-temp>span{width:250px;}
.gakkai-temp>span{width:170px;}
.shoujo-temp>span{width:310px;}
.ac-temp>span>.template-btn{font-size:.8rem;}
.single-temp>span>.template-btn{font-size:1.02rem;padding:2rem 1rem;}
.size-temp>span>.template-btn{font-size:.8rem;}
.gakkai-temp>span>.template-btn{font-size:.68rem;}
.shoujo-temp>span>.template-btn{font-size:.8rem;}

#ac>.template-dl-area{margin:0 auto;}
#ac-key>.template-dl-area{margin:0 auto;}
.g-thumnail{display:block;width:230px;max-width:90%;margin:.5rem;}
.g-thumnail>img{display:block;width:87%;padding:.75rem;border:1px solid #7edbff;border-radius:.2rem;}
.gakkai-temp{width:535px;max-width:95%;}
.shoujo-temp{width:535px;max-width:95%;}

@media screen and (max-width:820px){
.g-thumnail{width:170px;}
.single-temp>span{width:350px;}
.ac-temp>span{width:550px;}
.gakkai-temp>span{width:200px;}
.gakkai-temp>span>.template-btn{font-size:.8rem;}
.shoujo-temp>span{width:370px;}
.shoujo-temp>span>.template-btn{font-size:.8rem;}
	.media-wrap{flex-direction:column;}
}
div#ac-key>h4 {padding:.5rem;border-bottom:2px solid;font-size:.97rem;}

.common-ul{margin:.5rem;}
.common-ul li{padding:.4rem 1rem;}
.common-ul li span{font-size:.78rem;padding:.3rem;}
.img-area{display:flex;justify-content:center;}
.img-area a{display:block;width:330px;max-width:90%;margin:.75rem;}

@media screen and (max-width:768px){
	.template-dl-area>span{width:100%;}
}
.template-btn>span{display:inline-block;}

.gakkai-img-area{display:flex;justify-content:center;margin:1rem auto;}
.gakkai-img-area a{display:block;margin:.3rem;width:220px;}
@media screen and (max-width:450px){
	.gakkai-img-area{flex-wrap:wrap;}
	.gakkai-img-area a{max-width:27%;}
}

.ac-img-area{display:flex;justify-content:center;margin:2rem auto;}
.ac-img-area a{display:block;margin:.3rem;width:75px;}
.ac-img-area a img {border:1px solid #abdbff;}
@media screen and (max-width:450px){
	.ac-img-area{flex-wrap:wrap;}
	.ac-img-area a{max-width:60px;}
}

.SNS-img-area{display:flex;justify-content:center;margin:1rem auto;}
.SNS-img-area a{display:block;margin:.3rem;width:100px;}
@media screen and (max-width:450px){
	.SNS-img-area{flex-wrap:wrap;}
	.SNS-img-area a{max-width:60px;}
}
.shojo-img-area{display:flex;justify-content:center;margin:1rem auto}
.shojo-img-area a{display:block;margin:.3rem;max-width:130px;}
@media screen and (max-width:450px){
	.shojo-img-area{flex-wrap:wrap;}
	.shojo-img-area a{max-width:70px;}
}
/* template */


.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.content-wrap {position: relative;overflow: hidden;transition: height 0.3s ease;}
.close-btn, .more-btn {display: block;width: 100%;padding: 45px 0 0;position: absolute;bottom: 0;left: 0;text-align: center;background: -moz-linear-gradient(top,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 60%);
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 60%);
background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);z-index:2;}
.close-btn {background: none;}
.slide-up {
padding-bottom: 0;}
.slide-down {padding-bottom: 50px;}
.more-btn p,.close-btn p {display: inline-block;color: #fff;cursor: pointer;padding: 5px 20px;width: 25%;border-radius: 20px;font-size: 1.1rem;}
.more-btn p {background: #29B6F6;}
.close-btn {padding:0;}
.close-btn p {background: #aaa; }
.content-wrap {
--content-txt: 16px;
.content-txt {
font-size: var(--content-txt);}}
@media (max-width: 768px) {.more-btn p,.close-btn p {font-size: 1rem; width: 40%;}}

/* 手順解説のul */
.number_ul {list-style: none;width:90%;margin:2rem auto;padding: 0;display: flex;flex-direction: column;gap:10px;counter-reset:step;}
.number_ul li {position: relative;background: #fff8f1;border: 2px solid #f2c89b;border-radius: 12px;padding:1rem 1rem 1rem 72px;font-size:.98rem;line-height: 1.8;color: #333;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
.number_ul li::before {content:counter(step);counter-increment:step;position:absolute;top:50%;left:20px;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background: #f08a24;color: #fff;font-size:18px;font-weight:bold;line-height:36px;text-align:center;}
.number_ul li:not(:last-child)::after {content: "";position: absolute;left: 36px;bottom:-18px;width:2px;height:18px;background: #f2c89b;}
@media screen and (max-width: 767px) {
	.number_ul li {padding:1rem 1rem 1rem 64px;font-size:.89rem;line-height:1.7;}
	.number_ul li::before {left:16px;width:32px;height:32px;font-size:16px;line-height:32px;}
}

.number_ul2 {list-style: none;width:90%;margin:2rem auto;padding: 0;display: flex;flex-direction: column;gap:10px;counter-reset:step;}
.number_ul2 li {position: relative;background: #fff8f1;border: 2px solid #f2c89b;border-radius: 12px;padding:1rem 1rem 1rem 72px;font-size:.98rem;line-height: 1.8;color: #333;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
.number_ul2 li:not(:last-child)::after {content: "";position: absolute;left: 36px;bottom:-18px;width:2px;height:18px;background: #f2c89b;}
@media screen and (max-width: 767px) {
	.number_ul2 li {padding:1rem 1rem 1rem 64px;font-size:.89rem;line-height:1.7;}
	.number_ul2 li::before {left:16px;width:32px;height:32px;font-size:16px;line-height:32px;}
}
/* 手順解説のul */