/*
Theme Name: Twenty Thirteen Child
Theme URI: https://wordpress.org/themes/twentythirteen/
Template: twentythirteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Tags: blog,one-column,two-columns,right-sidebar,custom-header,custom-menu,editor-style,featured-images,footer-widgets,microformats,post-formats,rtl-language-support,sticky-post,translation-ready,accessibility-ready,block-patterns
Version: 4.4.1759366548
Updated: 2025-10-02 09:55:48

*/



/* =============================================
     基本コード
 =============================================*/

.comingsoon { width:100%; height:100vh; background-color:#fff; position:fixed; top:0; left:0; z-index:999999; text-align:center; line-height:100vh; font-size:64px; font-family:'Dancing Script', cursive;}

.wrap { max-width:88%; margin:0 auto;}
.link-wrap { width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; margin:0;}
.link-wrap a { width:100%; height:100%; display:block;}
.w100_wrap { width:100vw; position: relative; left:0; right:0; margin:auto;} /* 親要素を無視して子要素の幅を100%に */
.clear:after { display:block; content:""; clear:both;}
.overflow { overflow:hidden;}
.block { display:block!important;}
.inline { display:inline!important;}
.inlineblock { display:inline-block!important;}
.fleft { float:left;}
.fright { float:right;}
.flex { display:flex; flex-wrap:wrap; align-items:flex-start;}
.flex.between { justify-content:space-between;}
.flex.rev { flex-direction:row-reverse;}
@media screen and (max-width:768px){
	.wrap.wmax100 { max-width:88%!important;}
	.fleft,.fright { float:none;}
	.flex { align-items:flex-start;}
}

.sp { display:none !important;}
@media screen and (max-width:768px){
	.sp { display:inherit!important;}
	.pc { display:none!important;}
}	

/* 幅　・　マージン調整 */
.w20,.w20imp { width:20%!important;}
.w30,.w30imp { width:30%!important;}
.w32,.w32imp { width:32%!important;}
.w36,.w36imp { width:36%!important;}
.w40,.w40imp { width:40%!important;}
.w45,.w45imp { width:45%!important;}
.w48,.w48imp { width:48%!important;}
.w49,.w49imp { width:49%!important;}
.w50,.w50imp { width:50%!important;}
.w56,.w56imp { width:56%!important;}
.w60,.w60imp { width:60%!important;}
.w66,.w66imp { width:66%!important;}
.w70,.w70imp { width:70%!important;}
.w76,.w76imp { width:76%!important;}
.w80,.w80imp { width:80%!important;}
.w90,.w90imp { width:90%!important;}
.w100 { width:100%!important;}
.w100abs { margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%);}
.wfit { width:fit-content!important;}
.wmax300 { max-width:300px!important; width:100%;}
.wmax400 { max-width:400px!important; width:100%;}
.wmax500 { max-width:500px!important; width:100%;}
.wmax600 { max-width:600px!important; width:100%;}
.wmax700 { max-width:700px!important; width:100%;}
.wmax800 { max-width:800px!important; width:100%;}
.wmax900 { max-width:900px!important; width:100%;}
.wmax100 { max-width:100%!important;}
@media screen and (max-width:768px){
	.w20,.w30,.w32,.w36,.w40,.w45,.w48,.w49,.w50,.w56,.w60,.w66,.w70,.w76,.w80,.w90,.wfit { width:100%!important;}
	.sp-w100 { width:100%!important;}
}

.mcenter { margin-right:auto!important; margin-left:auto!important; display:block;}
.mleft { margin-left:0!important; margin-right:auto!important; display:block;}
.mright { margin-right:0!important; margin-left:auto!important; display:block;}
.mauto { margin:auto!important;}
.mt0 { margin-top:0!important;}
.mt8 { margin-top:8px !important;}
.mt16 { margin-top:16px !important;}
.mt24 { margin-top:24px !important;}
.mt40 { margin-top:40px !important;}
.mt80 { margin-top:80px !important;}
.mb0 { margin-bottom:0!important;}
.mb8 { margin-bottom:8px!important;}
.mb16 { margin-bottom:16px!important;}
.mb24 { margin-bottom:24px!important;}
.mb40 { margin-bottom:40px !important;}
.mb80 { margin-bottom:80px !important;}
@media screen and (max-width:768px){
	.mleft.sp-center,
	.mright.sp-center { margin-right:auto!important; margin-left:auto!important;}
	.mt80 { margin-top:40px !important;}
	.mb80 { margin-bottom:40px !important;}
	.sp-mt16 { margin-top:16px!important;}
	.sp-mb16 { margin-bottom:16px!important;}
}

/*　背景 */
.pad0 { padding:0!important;}
.pad1 { padding:1px 0;}
.pad24 { padding:24px!important;}
.pad40 { padding:40px!important;}
.pad80-0 { padding:80px 0!important;}
.pt0 { padding-top:0!important;}
.pt40 { padding-top:40px!important;}
.pt80 { padding-top:80px!important;}
.pb0 { padding-bottom:0!important;}
.pb40 { padding-bottom:40px!important;}
.pb80 { padding-bottom:80px!important;}
@media screen and (max-width:768px) {
	.pad80-0 { padding:40px 0!important;}
	.pt80 { padding-top:40px!important;}
	.pb80 { padding-bottom:40px!important;}
}

.bg_color1 { background:#00468f!important; padding:1px 0; color:#fff;}
.bg_color2 { background:#bdac19!important; padding:1px 0; color:#fff;}
.bg_color3 { background:#fbf2f3!important; padding:1px 0;}
.bg_f5 { background:#f5f5f5!important; padding:1px 0;}
.bg_fff { background:#fff!important; padding:1px 0;}
.bg_000 { background:#000!important; padding:1px 0;}



/*　BOX ボックス */
.box { padding:40px 6%; border-radius:12px;}
.box.pad80 { padding:80px 6%;}
.box.border { border:2px solid;}
.box.border.color { border-color:#bdac19;}
.box.border.f5 { border-color:#f5f5f5;}
.box.border.bold { border-width:16px;}
.box.border.dbl { border-style:double;}
.box.border.dash { border-style:dashed;}
.box.rad { border-radius:8px;}
.box p:last-of-type { margin-bottom:0;}
@media screen and (max-width:768px) {
	.box { padding:24px 6%;}
	.box.pad80 { padding:40px 6%;}
}

.intro { width:100%; margin-bottom:40px;}
.intro .ttl { text-align:center; margin-top:0;}
.intro .txt { text-align:center;}
@media screen and (max-width:768px) {
	.intro .txt { text-align:left;}
}

.yscroll { border:1px solid; padding:20px; height:300px; overflow:auto; overflow-y:scroll; overflow-x:hidden;}

.balloon { background-color:#fff; color:#000; border-radius:50%; width:fit-content; height:fit-content; display:flex; justify-content:center; align-items:center; padding:24px; position:absolute; letter-spacing:0;}
.balloon.deco:after { content:""; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:24px solid #fff; position:absolute; bottom:-4px; right:0; transform:rotateZ(-46deg); z-index:-1;}
@media screen and (max-width:768px) {
	.balloon { padding:10px;}
	.balloon.deco:after { border-left:6px solid transparent; border-right:6px solid transparent; border-top:12px solid #fff; bottom:4px; margin:0;}
}

hr.link-adjust { background:0; padding-top:80px; margin:-80px 0 0;} /* ページ内リンクがヘッダーの高さ分ずれる時　リンク先をこれに */
.hr { background:none; margin:0;}
.hr.h24 { height:24px;}
.hr.h40 { height:40px;}



/* ul */
ul.col1,ul.col2,ul.col3,ul.col4 { display:flex; flex-wrap:wrap; align-items:flex-start; list-style-type:none;}
ul.col1 li { width:100%!important; margin-right:0!important;}
ul.col2 li { width:48%!important; margin-right:4%!important; margin-bottom:24px;}
ul.col2 li:nth-of-type(2n) { margin-right:0!important;} 
ul.col3 li { width:32%!important; margin-right:2%!important; margin-bottom:24px;}
ul.col3 li:nth-of-type(3n) { margin-right:0!important;}
ul.col4 li { width:23.5%!important; margin-right:2%!important; margin-bottom:24px;}
ul.col4 li:nth-of-type(4n) { margin-right:0!important;}
@media screen and (max-width:768px) {
	ul.sp-col1 li { width:100%!important; margin-right:0!important; margin-bottom:16px;}
	ul.sp-col2 li { width:49%!important; margin-right:2%!important; margin-bottom:16px;}
	ul.sp-col2 li:nth-of-type(3n) { margin-right:2%!important;} 
	ul.sp-col2 li:nth-of-type(2n) { margin-right:0!important;} 
	ul.sp-col2 li:last-of-type { margin-bottom:0;}
	ul.sp-col3 li{ width:32%!important; margin-right:2%!important; margin-bottom:16px;}
	ul.sp-col3 li:nth-of-type(2n) { margin-right:2%!important;}
	ul.sp-col3 li:nth-of-type(4n) { margin-right:2%!important;}
	ul.sp-col3 li:nth-of-type(3n) { margin-right:0!important;} 
	ul.sp-col3 li:last-of-type { margin-bottom:0;}
}

.col2,.col3,.col4,.col5,.col6,.col7 { display:flex; flex-wrap:wrap; align-items:flex-start; list-style-type:none;}
.col2 .item { width:48%!important; margin-right:4%!important; margin-bottom:24px;}
.col2 .item:nth-of-type(2n) { margin-right:0!important;} .col3 li { width:32%!important; margin-right:2%!important; margin-bottom:24px;}
.col3 .item { width:32%!important; margin-right:2%!important; margin-bottom:24px;}
.col3 .item:nth-of-type(3n) { margin-right:0!important;}
.col4 .item { width:23.5%!important; margin-right:2%!important; margin-bottom:24px;}
.col4 .item:nth-of-type(4n) { margin-right:0!important;}
.col5 .item { width:calc(92% / 5)!important; margin-right:2%!important; margin-bottom:24px;}
.col5 .item:nth-of-type(5n) { margin-right:0!important;}
.col6 .item { width:calc(90% / 6)!important; margin-right:2%!important; margin-bottom:24px;}
.col6 .item:nth-of-type(6n) { margin-right:0!important;}
.col7 .item { width:calc(88% / 7)!important; margin-right:2%!important; margin-bottom:24px;}
.col7 .item:nth-of-type(7n) { margin-right:0!important;}
@media screen and (max-width:768px) {
	.sp-col1 .item { width:100%!important; margin-right:0!important; margin-bottom:16px;}
	.sp-col2 .item { width:49%!important; margin-right:2%!important; margin-bottom:16px;}
	.sp-col2 .item:nth-of-type(3n) { margin-right:2%!important;} 
	.sp-col2 .item:nth-of-type(2n) { margin-right:0!important;}
	.sp-col2 .item:last-of-type { margin-bottom:0;}
	.sp-col3 .item { width:32%!important; margin-right:2%!important; margin-bottom:16px;}
	.sp-col3 .item:nth-of-type(4n) { margin-right:2%!important;}
	.sp-col3 .item:nth-of-type(5n) { margin-right:2%!important;}
	.sp-col3 .item:nth-of-type(6n) { margin-right:2%!important;}
	.sp-col3 .item:nth-of-type(7n) { margin-right:2%!important;}
	.sp-col3 .item:nth-of-type(3n) { margin-right:0!important;}
	.sp-col3 .item:last-of-type { margin-bottom:0;}
	.sp-col4 .item { width:23.5%!important; margin-right:2%!important; margin-bottom:16px;}
	.sp-col4 .item:nth-of-type(5n) { margin-right:2%!important;}
	.sp-col4 .item:nth-of-type(6n) { margin-right:2%!important;}
	.sp-col4 .item:nth-of-type(7n) { margin-right:2%!important;}
	.sp-col4 .item:nth-of-type(4n) { margin-right:0!important;}
	.sp-col4 .item:last-of-type { margin-bottom:0;}
}


/* テキストサイズ・装飾 */
.nobr br { display:none;}
.nop p { margin-bottom:0;}
.tcenter { display:block; text-align:center!important;}
.tright { display:block; text-align:right!important;}
.tleft { display:block; text-align:left!important;}
.tsmall { font-size:92%;}
.tbig { font-size:120%;}
.tcolor1, .tcolor1 a { color:#00468f!important;}
.tcolor2, .tcolor2 a { color:#bdac19!important;}
.tcolor3, .tcolor3 a { color:#3c88d7!important;}
.tgrad { background:linear-gradient(90deg, #00468f, #bdac19); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.tfff, .tfff a { color:#fff!important;}
.t000, .t000 a { color:#000!important;}
.t666, .t666 a{ color:#666!important;}
.tred, .tred a { color:#c80000!important;}
.uline { text-decoration:underline;}
.bline { border-bottom:1px solid;}
.bline.color1 { border-bottom:2px solid #00468f;}
.bline.color2 { border-bottom:2px solid #bdac19;}
.bline.color3 { border-bottom:2px solid #3c88d7;}
.marker { background:linear-gradient(transparent 60%, #ff6 60%); padding:0 4px;} /* 複数行の場合はインライン要素にする */
.marker.cover { background:#fff990;}
.slash { width:fit-content; margin-right:auto; margin-left:auto; position:relative; padding:0 40px;}
.slash:before,
.slash:after { content:""; width:1px; height:90%; background:#000; display:inline-block; transform:rotate(-30deg); position:absolute; bottom:0; left:0;}
.slash:after { transform:rotate(30deg); right:0; left:auto;}
.wm-vrl { writing-mode:vertical-rl;}
i.fa-regular,
.fa-solid  { margin-right:8px;}
.b400 { font-weight:400!important;}
.b500 { font-weight:500!important;}
.b700 { font-weight:700!important;}
.b900 { font-weight:900!important;}
@media screen and (max-width:768px) {
	.tcenter.sp-left { text-align:left!important;}
	.tright.sp-center,
	.tleft.sp-center { text-align:center!important;}
	.tbig { font-size:110%;}
	.marker { background:linear-gradient(transparent 78%, #ffe700 60%);}
} 

p.tlist { }
.tlist.nobr br { display:none;}
.tlist.nobr .br { display:block;}
.tlist.nobr .br.sp { display:none;}
.tlist span { display:list-item; padding-left:4px; list-style:disc; margin:0 0 0 16px;}
.tlist span::marker { font-size:x-small;}
.tlist.num span { list-style:decimal; margin:0 0 0 24px;}
.tlist.num span::marker { font-size:initial;}
.tlist.kaku span { list-style:square; margin:0 0 0 24px;}
.tlist.kaku span::marker { font-size:large;}
.tlist.free span { display:block; margin-left:0; padding-left:24px; position:relative;}
.tlist.free span .abs { left:0; top:0; bottom:auto; height:fit-content;}
.tlist.free span i.abs { top:8px;}
@media screen and (max-width:768px) {
	.tlist.nobr .br.pc { display:none;}
	.tlist.nobr .br.sp { display:block;}
}


/* 画像装飾 */
img.h100 { height:100%; object-fit:cover;}
img.contain { object-fit:contain!important;}
img.frame { border:10px solid #fff; border-radius:8px;}
img.rad { border-radius:16px;}
img.blog { width:100%; max-width:600px;}
img.logo,
.logo img { width:230px; max-width:100%; object-fit:contain; padding:/*0 20px*/;}
img.sign,
.sign img { width:100%; max-width:260px; object-fit:contain;}
iframe.map { width:100%;}
.op1 { opacity:1!important;}
.op04 { opacity:.4!important;}
.op06 { opacity:.6!important;}
.youtube { position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.youtube iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
@media screen and (max-width:768px){
	img.h100 { height:auto;}
	iframe.map { height:46vh;}
	.youtube { padding-bottom:56.25%; height:0;}
	.youtube iframe { height:100%;}
}

.rel { position:relative!important; z-index:0; padding:1px 0;}
.abs { position:absolute; margin:auto;}
.abs.center { top:0; bottom:0; right:0; left:0; width:fit-content; height:fit-content; margin:auto!important;} 
img.bg-img,
.bg-img img { position:absolute; width:100%; height:100%; top:0; left:0; object-fit:cover; z-index:-1; opacity:.4;}
.bg-img { margin:0;}
.parallax  { width:100%; height:60vh; background-attachment:fixed; background-position:center; background-size:cover; /*background-color:rgba(0,0,0,.4); background-blend-mode:color;*/} /* パララックス*/
.parallax.img_a  { background-image:url(https://silfe.potwell.jp/wp-content/uploads/2024/12/sakura.png);}
@media screen and (max-width:768px){
	.parallax { background-attachment:scroll; height:30vh;}
}


/* 見出し　タイトル*/
.ttl { }
.ttl big { display:inline-block;}
.ttl small { display:inline-block;}
.ttl .deco { display:block; width:100px; height:1.5px; margin:12px auto; background-color:#111;}
.ttl .deco.color1 { background-color:#00468f;}
.ttl .deco.color2 { background-color:#bdac19;}
.ttl .deco.color3 { background-color:#3c88d7;}
.ttl .deco.left { margin-left:0; width:40px; height:2px; margin-top:20px;}
.ttl .deco.right {display:inline-block; margin:8px 24px; width:24px; height:1px;}
.ttl .deco.short { width:40px;}
.ttl .deco.ty2 { position:relative; background:initial; width:initial; height:initial; margin:24px auto 40px;} /* ２色の短いズレた下線 */
.ttl .deco.ty2:before,
.ttl .deco.ty2:after { content:''; background:#00468f; width:24px; height:3px; position:absolute; left:0; right:24px; margin:auto; bottom:0;}
.ttl .deco.ty2:after { background-color:#bdac19; right:0; left:24px; bottom:3px;}  /* bottom:3px;を非表示で下線ズレないように */
.ttl img.deco { width:200px; height:auto; background:initial;}
.ttl.bline { padding-bottom:8px;}
.ttl.ldeco { position:relative; padding-left:20px;}
.ttl.ldeco:before { content:""; width:8px; height:2px; background-color:#bdac19; position:absolute; left:0; top:0; bottom:0; margin:auto;}
.ttl.ldeco.long { padding-left:80px;}
.ttl.ldeco.long:before { width:56px; height:1px;}
.ttl.ldeco.vert { padding-left:32px;}
.ttl.ldeco.vert:before { width:1.5px; height:100%;}
.ttl.belt { background-color:#00468f; color:#fff; padding:16px;}
.ttl.belt em { color:#ffe704; font-style:initial;}
.ttl.belt-deco { background-color:#00468f; color:#fff; padding:16px 16px 16px 140px; position:relative; margin-bottom:32px;}
.ttl.belt-deco .num { background-color:#fff; color:#00468f; border:1px solid; position:absolute; left:40px; top:-20px; text-align:center; padding:6px 8px; font-size:12px; letter-spacing:1px; z-index:1;}
.ttl.belt-deco .num span { display:block; font-size:24px; font-weight:800;}
.ttl.belt-deco p { margin:0;}
.ttl.deco01 { position:relative; padding-left:24px;}
.ttl.deco01:before { content:""; width:4px; height:30px; background:linear-gradient(0deg, #00468f 0, #00468f 50%, #3c88d7 50%, #3c88d7 100%); position:absolute; top:0; bottom:0; margin:auto; left:0;}
@media screen and (max-width:768px) {
	.ttl .deco { width:60px; margin:12px auto 10px;}
	.ttl .deco.ty2 { margin:12px auto;}
	.ttl img.deco { width:100px;}
	.ttl.bline { margin-bottom:16px; padding-bottom:8px;}
	.ttl.ldeco.long { padding-left:52px;}
	.ttl.ldeco.long:before { width:38px; top:14px; bottom:auto;}
	.ttl.ldeco.vert { padding-left:16px;}
	.ttl.belt { padding:8px;}
	.ttl.belt-deco { padding: 4px 4px 4px 70px; margin-bottom:20px;}
	.ttl.belt-deco .num { font-size:10px; letter-spacing:0px; left:12px; padding:4px;}
	.ttl.belt-deco .num span { font-size:16px;}
	.ttl.dleft { font-size:20px;}
}

/* 大見出し */
.ttl.ty01 { text-align:center; padding-bottom:0.5em; position:relative;} /* 2色の短い下線デザイン */
.ttl.ty01:before, 
.ttl.ty01:after { content:''; width:2em; height:5px; background:#00468f; position:absolute; right:50%; bottom:0;}
.ttl.ty01:after { background:#bdac19; right:auto; left:50%;}
.ttl.ty01.o2:before { bottom:-5px;}

.ttl.ty02 { text-align:center; width:100%; margin:0 0 80px;} /* 大英字 + 画像装飾 + 小タイトル(両サイドにライン) */
.ttl.ty02 big { font-size:82px; line-height:1.2; color:rgb(0 0 0 / 15%);}
.ttl.ty02 img.deco { width:60px!important; height:auto; margin:40px auto;}
.ttl.ty02 i.deco { width:60px; height:60px; border-radius:50%; background:#00468f; color:#fff; display:flex; align-items:center; justify-content:center;}
.ttl.ty02 .line { position:relative; z-index:0; display:flex;}
.ttl.ty02 .line:before { content:""; width:100%; height:1px; background-color:#666; z-index:-1; top:0; bottom:0; left:0; margin:auto; position:absolute;}
.ttl.ty02 .line span { width:fit-content; margin:0 auto; background-color:#fff; padding:0 24px; font-weight:bold;}

.ttl.ty02.o2 big { color:;} /* （背景が単色でない場合） */
.ttl.ty02.o2 .line:before,
.ttl.ty02.o2 .line:after { content:""; width:calc((100% - 400px) / 2); height:1px; background-color:#666; z-index:-1; top:0; bottom:0; left:0; margin:auto; position:absolute;}
.ttl.ty02.o2 .line:after { left:auto; right:0;}
.ttl.ty02.o2 .line span { background:initial;}
@media screen and (max-width:768px) {
	.ttl.ty02 { margin-bottom:24px;}
	.ttl.ty02 big { font-size:40px; margin-top:0;}
	.ttl.ty02 img.deco { width:50px!important; margin:18px auto;}
	.ttl.ty02 .line span { font-size:16px; letter-spacing:0; padding:0 8px;}
	
	.ttl.ty02.o2 .line:before,
	.ttl.ty02.o2 .line:after { width:calc((100% - 200px) / 2);}
}

.ttl.ty03 { position:relative; color:#00468f; padding:10px 0; text-align:center; margin:80px 0 60px;} /* 葉っぱ風 */
.ttl.ty03:before { content:""; position:absolute; top:-32px; left:50%; width:320px; height:120px; border-radius:50%; border:7px solid #00468f82; border-left-color:transparent; border-right-color:transparent; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
@media screen and (max-width:768px) {
	.ttl.ty03 { margin:60px auto 40px;}
	.ttl.ty03:before { top:-10px; width:260px; height:86px;}
}

.ttl.ty04 { position:relative; padding:0.25em 1em; color:#00468f; border-top:solid 2px #00468f; border-bottom:solid 2px #00468f; width:fit-content; margin:40px auto;} /* 交差線 */
.ttl.ty04 big { margin:0;}
.ttl.ty04:before,
.ttl.ty04:after { content:''; position:absolute; top:-7px; left:7px; width:2px; height:-webkit-calc(100% + 14px); height:calc(100% + 14px); background-color:#00468f;}
.ttl.ty04:after { left:auto; right:7px;}


/* 子見出し */
.ttl.ty20 { width:100%; position:relative; padding:4px 16px;} /* 左に2色の装飾線デザイン */
.ttl.ty20:before { content:''; width:3px; height:100%; background:linear-gradient(to bottom, #414141 0%, #414141 25%, #bdac19 25%); position:absolute; left:0; bottom:0;}
.ttl.ty20.bg_f5 { background:#f5f5f5;} /* 左に2色の装飾線デザイン ※背景グレー */

.ttl.ty21 { width:100%; position:relative; padding:4px 0; border-bottom:2px solid; border-image:linear-gradient(to right, #00468f 0%, #00468f 25%, #ddd 25%); border-image-slice:1;} /* 2色の下線 */
.ttl.ty21.o2 { border-image:none; border-color:#ddd; padding:0;} /* 2色の下線 タイトルの長さによってカラーの幅調整 */
.ttl.ty21.o2 span { padding:4px 0; position:relative;}
.ttl.ty21.o2 span:after { content:""; width:100%; height:2px; background:#00468f; position:absolute; bottom:-2px; left:0;}
@media screen and (max-width:768px) {
	.ttl.ty21.o2 span:after { max-width:60vw;}
}


/*　リンク・ボタン */
a.basic { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:2px;}
a.basic:hover { opacity:1; text-decoration:none;}

.btn { border:1px solid; padding:10px 10px; width:100%; min-width:260px; max-width:300px; display:block; text-align:center; margin:16px auto; box-sizing:border-box; transition:0.5s;}
.btn.wfit { max-width:fit-content; padding:10px 20px;}
.btn.maru { border-radius:30px;}
.btn.fill { background-color:#666; color:#fff; border:0;}
.btn.color1 { background:#00468f; color:#fff; border:0;}
.btn.rel span { max-width:calc(100% - 24px);}
.btn.rel .abs { position:absolute; right:20px; top:0; bottom:0; margin:auto; height:fit-content;}
.btn.tri { position:relative; z-index:0;}
.btn.tri:after { content:""; background:#000; height:calc(tan(60deg) * 18px / 2); width:16px; clip-path:polygon(100% 0, 100% 100%, 0 100%); position:absolute; right:0; bottom:0;}
a.btn:hover { opacity:.6;}
a.btn.inv:hover { border:1px solid; color:#fff; background:#000; opacity:1;}
a.btn.fill.inv:hover { border:1px solid; color:#141416; background:#fff; opacity:1;}
@media screen and (max-width:768px){
	.btn { width:/*100%*/;}
	.btn.wfit { padding:10px;}
}

.btn.line01 { width:fit-content; max-width:100%; border:0; text-align:center; padding:0; margin:0 auto 16px;} /* LINEボタン\ いますぐ簡単!24時間受付中! / */
.btn.line01 small { background:#f5f5f5; display:block; width:fit-content; padding:2px 16px; border-radius:30px; margin:0 auto -16px; position:relative;}
.btn.line01 span { background:#01c100; color:#fff; display:block; width:fit-content; padding:16px 60px 10px; border-radius:14px; margin:0 auto; display:flex; align-items:center; justify-content:center;}
.btn.line01 span i { margin-right:12px;}
@media screen and (max-width:768px) {
	.btn.line01 { width:100%;}
	.btn.line01 span { padding:16px 24px 10px; width:100%;}
}

.btn_float { display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; width:90px; height:90px; background-color:#00468f; border:2px solid #fff; color:#fff!important; font-weight:bold; box-shadow:5px 5px 5px rgba(0, 0, 0, .4); position:fixed; bottom:40px; right:24px; z-index:999; font-size:82%; padding-bottom:10px;}
.btn_float:hover { opacity:.9;}
@media screen and (max-width:768px) {
	.btn_float { width:70px; height:70px; bottom:24px;}
}

.a_arrow01 { position:relative; width:fit-content; display:block; margin:24px auto; color:#00468f!important; padding-right:132px;}
.a_arrow01:after { content:""; width:120px; height:1px; background:#00468f; position:absolute; top:0; bottom:0; right:0; margin:auto;}
.a_arrow01 span:before,
.a_arrow01 span:after { content:""; position:absolute; top:-6px; bottom:0; margin:auto; right:0; width:12px; height:1px; background-color:#00468f; transform:rotate(30deg);}
.a_arrow01 span:after { width:10px; top:-2px; right:6px; transform:rotate(90deg);}

.banner { display:block; transition:0.1s; width:fit-content; margin:0 auto;}
.banner:hover { opacity:.6;}
.banner img { width:100%; max-width:600px;}
.banner.ty01 { background:linear-gradient(90deg, #444/*#bdac19*/, #00468f); padding:10px; width:600px; max-width:/*90%*/; position:relative; margin:40px auto;}
.banner.ty01 p { margin-bottom:0;}
.banner.ty01 .inner { background:#fff; position:relative; padding:10px; text-align:center; padding:12px; font-size:20px; display:flex; align-items:center; justify-content:space-between;}
.banner.ty01 .txt { width:270px; padding:0 16px;}
.banner.ty01 .txt span.bline { border-bottom:2px solid;}
.banner.ty01 .txt big { display:block; color:#00468f; text-shadow:1px 1px 2px #ccc/*#3c88d7*/; font-size:28px;}
.banner.ty01 .img { width:calc((100% - 270px) / 2);}
@media screen and (max-width:768px) {
	.banner.ty01 .inner { font-size:12px; padding:6px 10px;}
	.banner.ty01 .txt { width:calc(100% - 160px); padding:0 6px;}
	.banner.ty01 .inner big { font-size:20px; letter-spacing:-.05em;}
	.banner.ty01 .img { width:76px;}
}

.link_sns01 { display:flex; flex-wrap:wrap; justify-content:center; margin:40px auto;}
.link_sns01 a { margin-right:2%; text-align:center; letter-spacing:.1em; margin-bottom:24px;}
.link_sns01 a:nth-of-type(last-of-type) { margin-right:0;}
.link_sns01 a i { display:block; font-size:50px;}
.link_sns01 a.maru i { font-size:34px;}
.link_sns01 a .deco { display:block; width:32px; height:2px; background:#bdac19; margin:8px auto 0;}
.link_sns01 a.insta i { background:linear-gradient(225deg, #7638FA 30%, #FF0069 50%, #FFD600 80%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.link_sns01 a.insta.maru i { -webkit-background-clip:initial; -webkit-text-fill-color:initial; color:#fff; padding:8px; border-radius:50%;}
.link_sns01 a.facebook i { color:#0765ff;}
.link_sns01 a.line i { color:#01c100;}
.link_sns01 a.youtube { padding:0; height:auto;}
.link_sns01 a.youtube i { color:#ff0132;}
.link_sns01 a.tiktok i { color:#c70027; position:relative;}
.link_sns01 a.tiktok i:after { content:"\e07b"; position:absolute; top:-1.5px; right:0; left:-4px; margin:auto; color:#009793; mix-blend-mode: darken;}
.link_sns01 a.x-twitter.maru {background:#000; padding:8px; border-radius:50%; position:relative; z-index:0; height:fit-content;}
.link_sns01 a.x-twitter.maru i { position:relative;}
.link_sns01 a.x-twitter.maru i:after { content:""; width:80%; height:80%; background:#fff; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; z-index:-1;}

.link_sns01.col3 { width:360px;}
.link_sns01.col3 a { width:32%; margin-right:2%;}
.link_sns01.col3 a:nth-of-type(3n) { margin-right:0;}
@media screen and (max-width:768px) {
	.link_sns01 { max-width:280px; font-size:14px; letter-spacing:.02em;}
	.link_sns01 br { display:none;}
	.link_sns01 a i { font-size:36px; margin-bottom:4px;}
	.link_sns01 a.insta.maru i { padding:4px;}
	.link_sns01 a.x-twitter.maru { padding:4px;}
}


/* インデックス　index */
.ul_breadcrumbs01 { display:flex; flex-wrap:wrap; margin:24px auto 0;}
.ul_breadcrumbs01 li { position:relative;}
.ul_breadcrumbs01 li:after { content:"＞"; margin:0 10px 0 12px;}
.ul_breadcrumbs01 li:last-of-type:after { display:none;}

.ul_breadcrumbs02 { display:flex; justify-content:flex-end; padding:0 20px; text-align:right; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.ul_breadcrumbs02 li { padding:5px 0 3px 30px; position:relative; font-size:88%;}
.ul_breadcrumbs02 li:before { content:""; display:block; height:24px; width:24px; transform:rotate(45deg); position:absolute; top:0; bottom:0; margin:auto 0; left:-10px; border-top:1px solid #ddd; border-right:1px solid #ddd;}
.ul_breadcrumbs02 li:first-of-type:before { display:none;}
@media screen and (max-width:768px) {
	.ul_breadcrumbs02 { padding:0 12px;}
	.ul_breadcrumbs02 li { padding-left:16px; font-size:10px;}
	.ul_breadcrumbs02 li:before { height:20px; width:20px;}
}

.sec_idx01 { display:flex; justify-content:center; flex-wrap:wrap;} /* ボタン横並び */
.sec_idx01 .btn { width:300px; margin:0 16px; }
@media screen and (max-width:768px) {
	.sec_idx01 .btn { width:100%; margin:0 0 16px;}
}

.ul_idx01 { display:flex; flex-wrap:wrap; margin:80px auto;}
.ul_idx01 li { position:relative; width:48%; margin-right:4%; border:1px solid; border-radius:6px; margin-bottom:24px; display:flex;}
.ul_idx01 li:nth-of-type(2n) { margin-right:0;}
.ul_idx01 li .num { width:18%; max-width:120px; font-size:24px; font-weight:700; text-align:center; color:#00468f; border-right:1.5px solid #ccc; margin:16px 0; padding:0 24px;}
.ul_idx01 li .ttl { width:82%; min-width:calc(100% - 120px); padding:16px 24px;}
.ul_idx01 li .ttl i { display:block; margin:0 auto; width:fit-content;}
@media screen and (max-width:768px) {
	.ul_idx01 { margin:40px auto;}
	.ul_idx01 li { width:100%; margin-right:0; margin-bottom:10px;}
	.ul_idx01 li .num { width:16%; padding:0 16px; margin:10px 0;}
	.ul_idx01 li .ttl { width:84%; padding:10px;}
}

.ul_idx02 { display:flex; flex-wrap:wrap; border-top:1px solid #000; border-bottom:3px double #000; margin:80px auto;}
.ul_idx02 li { width:50%; text-align:center; padding:8px 0;}
.ul_idx02 li a { padding:16px 0; border-right:1px solid #ccc; display:block; color:#666; font-weight:bold;}
.ul_idx02 li a:hover { text-decoration:underline;}
.ul_idx02 li:nth-of-type(2n) a { border-right:0;}
@media screen and (max-width:768px) {
	.ul_idx02 { margin:40px auto 60px;}
	.ul_idx02 li { width:100%; border-right:0; border-bottom:1px solid #ccc; padding:0;}
	.ul_idx02 li a { padding:8px 0; border-right:0;}
}

.ul_idx03 { margin:0;}
.ul_idx03 li { padding:8px 0; border-bottom:1px solid #ccc;}
.ul_idx03 li:first-of-type { border-top:1px solid #ccc;}
.ul_idx03 li a { text-decoration:underline;}
.ul_idx03 li a:hover { text-decoration:none;}
@media screen and (max-width:768px) {
	.ul_idx03 li:first-of-type { border-top:none;}
	.ul_idx03:first-of-type li:first-of-type { border-top:1px solid #ccc;}
}

.ul_idx04 { margin:80px auto; padding:0; display:flex;}
.ul_idx04 li { list-style:none; margin-right:8px; width:100%; position:relative;}
.ul_idx04 li:last-of-type { margin-right:0;}
.ul_idx04 li span { font-size:14px; display:block; position:relative; letter-spacing:0.2em; margin-bottom:8px;}
.ul_idx04 li span:after { content:""; width:calc(100% - 30px); height:1px; background:#fff;  position:absolute; top:50%; right:0;}
.ul_idx04 li a { color:#fff!important;}
.ul_idx04.t000 li a { color:#000!important;}
.ul_idx04.t000 li span:after { background:#000;}
@media screen and (max-width:768px){
	.ul_idx04 { display:block; margin:40px auto;}
	.ul_idx04 li { margin-bottom:5px;}
	.ul_idx04 li span { margin:0;}
}

.ul_idx05 { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 auto 80px;}
.ul_idx05 li { width:48%; margin-right:4%; border:1px solid; border-radius:4px; margin-bottom:16px;}
.ul_idx05 li:nth-of-type(2n) { margin-right:0;}
.ul_idx05 li a { padding:8px 16px 8px 40px; display:flex; align-items:center;}
.ul_idx05 li a i { font-size:20px; width:32px; margin:0;}
.ul_idx05 li a .txt { width:calc(100% - 132px);}
.ul_idx05 li a  img { width:100px;}
@media screen and (max-width:768px) {
	.ul_idx05 li { width:100%; margin-right:0;}
	.ul_idx05 li a { padding:8px 8px 8px 16px;}
	.ul_idx05 li a i { font-size:16px; width:24px;}
	.ul_idx05 li a .txt { width:calc(100% - 104px);}
	.ul_idx05 li a img { width:80px;}
}

.ul_idx06 { margin:40px auto; width:780px; background:linear-gradient(-45deg,transparent 25%,#c7c7c726 25%,#c7c7c726 50%,transparent 50%,transparent 75%,#c7c7c726 75%,#c7c7c726); padding:24px; border-top:4px double #c7c7c780; background-size:4px 4px; border-bottom:4px double #c7c7c780;}
.ul_idx06 .ttl.main { text-align:center; font-weight:500; margin:0 0 16px;}
.ul_idx06 .ttl.main i { }
.ul_idx06 li { padding-left:32px; position:relative; margin-bottom:8px;}
.ul_idx06 li a { color:#00468f; text-decoration:underline; line-height:2.2;}
.ul_idx06 li a:hover { text-decoration:none; opacity:.8;}
.ul_idx06 li .ttl { margin:0; font-weight:400;}
.ul_idx06 li .ttl .num { position:absolute; left:0; top:12px; padding:0 8px 2px 0; border-right:1px solid; line-height:.8;}
.ul_idx06 li .p { margin-bottom:0; position:relative; padding-left:46px; font-size:92%;}
.ul_idx06 li .p .num { position:absolute; left:0; top:10px; padding:0 8px 2px 0; border-right:1px solid; line-height:.8;}
@media screen and (max-width:768px) {
	.ul_idx06 { padding:16px;}
	.ul_idx06 li { padding-left:28px;}
	.ul_idx06 li .ttl .num { padding-right:6px;}
	.ul_idx06 li .p { padding-left:36px;}
	.ul_idx06 li .p .num { padding-right:6px;}
}

.ul_idx07 { text-align:center; margin:40px auto;}
.ul_idx07 li { display:inline-block; padding:0 16px; position:relative;}
.ul_idx07 li:after { content:""; width:1px; height:16px; background-color:#111; transform:rotate(30deg); position:absolute; top:7px; right:0;}
.ul_idx07 li:last-of-type:after { display:none;}
@media screen and (max-width:768px) {
	.ul_idx07 li { font-size:10.5px; letter-spacing:-.05em; padding:0 10px;}
	.ul_idx07 li:first-of-type { padding-left:0;}
	.ul_idx07 li:after { height:14px; top:4px; right:-3px;}
}

.ul_idx08 { display:flex; flex-wrap:wrap; margin:40px auto;}
.ul_idx08 li { width:49%; margin-right:2%; margin-bottom:20px;}
.ul_idx08 li:nth-of-type(2n) { margin-right:0;}
.ul_idx08 li a { background:#f5f5f5; box-shadow:3px 4px 1px rgba(102, 126, 155, 0.5); display:flex; justify-content:center; align-items:center; height:80px;}
@media screen and (max-width:768px) {
	.ul_idx08 li { margin-bottom:12px;}
	.ul_idx08 li a { height:auto; min-height:60px;}
}


/*  アコーディオン①　【detailsタグ】※PC・SP両方アコーディオン（SPのみアコーディオンは②のinputタグ） */
.accordion { margin:2em 0;}
.accordion summary { display:block; background:#f5f5f5; position:relative; list-style:none;/* 矢印を消す */ cursor:pointer; padding:10px 38px 10px 10px;}
.accordion summary::-webkit-details-marker { display:none;}
.accordion summary::after { content:"+"; font-size:1.4em; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.accordion[open] summary::after { content:"−";}
.accordion .detail { padding:4px 10px; margin:10px 0;}
.accordion .text { margin:0;}

/*  アコーディオン②　【inputタグ】※SPのみアコーディオン */
.hidden_box { box-shadow:none; border:2px solid #f5f5f5; margin-bottom:20px;}
.hidden_box .icon  { font-size:26px; font-family:'Barlow', sans-serif; font-weight:500; width:28px; line-height:1.6;}
.hidden_box .txt { width:calc(100% - 28px);}
.hidden_box label { border:0; display:flex; flex-wrap:wrap; background:#f5f5f5; padding:2.33% 3%; font-size:24px; font-weight:500; position:relative;}
.hidden_box label:after { display:none;}
.hidden_box label .icon { color:#00468f;}
.hidden_box input { display:none;}
.hidden_box .hidden_show { height:auto; opacity:1; padding:2.44% 3%; font-size:18px; font-weight:300; display:flex; flex-wrap:wrap; line-height:1.5; letter-spacing:.04em;}
.hidden_box .hidden_show .icon { color:#bdac19; line-height:1;}
.hidden_box input:checked~.hidden_show { padding:2.44% 3%; border:0;}
@media screen and (max-width:768px) {
	.hidden_box { }
	.hidden_box .icon { font-size:20px; width:20px; line-height:1;}
	.hidden_box .txt { width:calc(100% - 20px);}
	.hidden_box label { padding:13px 55px 13px 13px; font-size:16px; line-height:1.3; letter-spacing:0;}
	.hidden_box label:after { display:block; content:"＋"; color:#00468f; font-size:25px; font-weight:300; transition:0.5s; position:absolute; right:10px; top:0; bottom:0; height:fit-content; margin:auto;}
	.hidden_box .hidden_show { height:0; opacity:0; padding:0;}
	.hidden_box input:checked ~ .hidden_show { height:auto; opacity:1; padding:13px;}
	.hidden_box input:checked ~ .hidden_show span { font-size:16px; display:block;}
	.hidden_box input:checked ~ label:after { content:"−";}
}


/* =============================================
     dl - 　テーブル表　　　【　dlで作る　】
 =============================================*/

.dl_dsgn01 { margin:24px 0; display:flex; flex-wrap:wrap; text-align:center;}
.dl_dsgn01 .item { border:1px solid #ccc; border-right:0;}
.dl_dsgn01 .item:last-of-type { border-right:1px solid #ccc;}
.dl_dsgn01.col1 .item { width:100%;}
.dl_dsgn01.col2 .item { width:50%!important; margin:0!important;}
.dl_dsgn01 dt { background:#eee; border-bottom:1px solid #ccc; padding:4px;}
.dl_dsgn01 dd { padding:4px; margin:0;}
@media screen and (max-width:768px) {
	.dl_dsgn01 { margin:8px 0;}
	.dl_dsgn01 .item { border:1px solid #ccc; border-bottom:0;}
	.dl_dsgn01 .item:last-of-type { border-bottom:1px solid #ccc;}
	.dl_dsgn01.col2 .item { width:100%; border:1px solid #ccc; border-right:0;}
	.dl_dsgn01.col2 .item:last-of-type { border-right:1px solid #ccc;}
}

/* =============================================
     Table - 　テーブル表　　　【　基本デザイン　】
 =============================================*/

.table { }
.table th,
.table td { border:1px solid #ddd; text-align:center; padding:8px;}
.table td { background:;}
.table tr.ttl th { background:#666; color:#fff;}

.table.color1 tr.ttl th { background:#00468f;}
.table.color2 tr.ttl th { background:#bdac19;}
.table.line tr.ttl th { border-top:2px solid #00468f; border-bottom:2px solid #00468f; color:#00468f;}

.table.maru { border-radius:16px; overflow:hidden;}

.table.noframe th,
.table.noframe td { border:0;}
.table.noframe tr.ttl th { background:#666!important; color:#fff;}
.table.noframe tr:nth-of-type(2n) { background:#f5f5f5;}
.table.noframe tr:nth-of-type(2n+1) { background:#fff;}
@media screen and (max-width:768px) {
	.table.noframe tr:nth-of-type(2n) { background:#fff;}
	
	.table.sp-rev { white-space:pre; writing-mode:vertical-lr} /* SP① 縦軸・横軸入れ替え */
	.table.sp-rev th,
	.table.sp-rev td { writing-mode: horizontal-tb;}
	
	.table.sp-scroll { overflow-x:auto; display:block;} /* SP② 横スクロール */
	.table.sp-scroll .tbody { display:table;}
	.table.sp-scroll th,
	.table.sp-scroll td { white-space:nowrap}	
	/* SP③ 横スクロール(一部固定) */
	.table.sp-scroll .sticky { position:sticky; top:0; left:0; border-left:none; border-right:none;}  
	.table.sp-scroll .sticky::before { content: ""; position:absolute; top:0; left:0; width:100%; height:100%; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#666; z-index:-1;}
	.table.sp-scroll .sticky.bg_color1:before { background:#00468f;}
	.table.sp-scroll .sticky.bg_color2:before { background:#bdac19;}
	
	.table.sp-sort th,
	.table.sp-sort td { display:block; border:0; border-bottom:1px solid #ddd; padding:14px;} /* SP④ 縦に並べ替え */
	.table.sp-sort th { background:#666!important; color:#fff;}
	.table.sp-sort td { display:flex; align-items:flex-start; text-align:left;}
	.table.sp-sort td:before { content:attr(data-label); background:#eee; color:#00468f; font-weight:bold; display:inline-block; width:22%; text-align:center; letter-spacing:0; margin-right:6px; padding:2px; border-radius:50px; }
	.table.sp-sort td .cont { width:76%;}
}


/* =============================================
     Table - 　テーブル表　　　【　② SPでスクロールで表示する　】 
 =============================================*/

.table-scroll { overflow-x:auto;}
@media screen and (max-width:768px) {
  .table-scroll { overflow-x:auto;}
}

 /* タイル風 */
.table_01 { border-collapse:collapse; table-layout:fixed; width:100%; font-weight:bold; text-align:center; margin-top:26px;}
.table_01 thead th { padding:1em .8em; border-right:2px solid#fff;}
.table_01 th { padding:1em .8em;}
.table_01 td { color:#4d9bc1; padding:1em;}
.table_01 thead th:not(:first-child) { background:#4d9bc1; color:#fff; font-size:1.5rem; padding:0.5em;}
.table_01 thead th span { font-size:.8rem;}
.table_01 thead th:nth-child(3) { background-color:#f88400; position:relative;}
.table_01 thead th:nth-child(3)::before { content:''; width:100%; height:10px; position:absolute; background-color:#f88400; left:0; bottom:100%;}
.table_01 thead th:nth-child(3)::after { content:'おすすめプラン'; width:max-content; color:#f88400; font-size:.8rem; padding:0.3em 1em; background:#fff; border:2px solid #f88400; border-radius:100vh; position:absolute; top:-25px; left:50%; transform:translateX(-50%)}
.table_01 tbody th, .table_design13 tbody td { border:2px solid #fff;}
.table_01 tbody th { background-color:#4d9bc1; color:#fff;}
.table_01 tbody td { background-color:#e6f1f6;}
.table_01 td:nth-child(3) { color:#f88400; background:#fef1e3;}
.table_01 td:hover { transform:scale(1.05); outline:2px solid #4d9bc1;}
.table_01 td:nth-child(3):hover { transform:scale(1.05); outline:2px solid #f88400;}


/* =============================================
     タブ切り替え
 =============================================*/
.tabs { padding:0; margin:80px auto;} /* ボタンデザイン */
.tabs .tab_item { width:calc(100% / 3); margin:0; border-right:1px solid #fff; background:#666; text-align:center; color:#fff; display:block; float:left; font-weight:500; transition:all 0.2s ease; cursor:pointer; height:48px; line-height:48px;}
.tabs .tab_item:hover {  background-color:#00468f;}
input[name="tab_item"] { display: none;}
.tabs .tab_content { display:none; padding:80px 0 0; clear:both; overflow:hidden;}
.tabs #a:checked ~ #a_content,
.tabs #b:checked ~ #b_content,
.tabs #c:checked ~ #c_content,
.tabs #d:checked ~ #d_content { display:block;}
.tabs input:checked + .tab_item { background-color:#00468f;}

.tabs.ty2 { padding-bottom:40px; background-color:#fff;　width:100%; margin:0 auto;} /* 下線デザイン */
.tabs.ty2 .tab_item { border-bottom:3px solid #00468f; background-color:#fff; text-align:center; color:#00468f; transition:all 0.2s ease;}
.tabs.ty2 .tab_item:hover { background-color:#fff; opacity:0.75;}
.tabs.ty2 .tab_content { padding:40px 0 0;}
.tabs.ty2 input:checked + .tab_item { background-color:#00468f; color:#fff;}
@media screen and (max-width:768px){
	.tabs .midashi-tabs { font-size:18px; margin-bottom:12px;}
	.tabs .tab_item { width:100%; border-right:0; border-bottom:1px solid #fff; margin:0; height:50px; line-height:38px; padding:8px 4px; border-right:1px solid #fff;}
	.tabs .tab_content { padding:40px 0 0;}
	
	.tabs.ty2 .tab_item { width:calc(100%/3); color:#00468f; display:block;}
}



/* =============================================
     Contactform - お問い合わせフォーム
 =============================================*/

/*  Contactform① - お問い合わせフォーム①　*/
.wpcf7 form label{ display:inline;}
.wpcf7 p { margin-bottom:1em;}
.wpcf7 input,
.wpcf7 textarea { -moz-box-sizing:border-box; box-sizing:border-box; width:100%; border:1px solid #ccc; line-height:1.2; padding:8px;}
.wpcf7 select,
.wpcf7 input[type=checkbox], 
.wpcf7 input[type=radio] { width:auto; max-width:97%; border:1px solid #ccc; padding:8px;}
.wpcf7 .wpcf7-list-item { margin:0 1em 0 0;}
.wpcf7 select, 
.wpcf7 .wpcf7-list-item-label { line-height:1.2;}
.wpcf7 textarea { height:300px; }
.wpcf7 input[type="submit"] { background:#666; border:none; text-align:center; display:block; line-height:1; border-radius:0; letter-spacing:0.1em; padding:16px 10px; width:225px; font-size:16px; margin:16px auto;}
.wpcf7 input[type="submit"]:hover { opacity:.6;}
.wpcf7 .wpcf7-not-valid { background:pink;}
.wpcf7 .wpcf7-response-output { margin:10px 0 0; padding:8px 35px 8px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.wpcf7 .wpcf7-validation-errors { color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok { color:#3A87AD; background-color:#D9EDF7; border:1px solid #BCE8F1; }

.wpcf7 .hissu { font-style:normal; background-color:#ed2800; color:#fff; padding:2px 4px; font-size:13px; border-radius:4px; margin:0 8px;}
.wpcf7 .nini { font-style:normal; background-color:#A9BCF5; color:#fff; padding:2px 4px; font-size:13px; border-radius:4px; margin:0 8px;}

/*  Contactform① - お問い合わせフォーム① 【外枠があるタイプ】*/
.form_frame .wpcf7 { border:1px solid #ddd; background:#fafafa; padding:0; box-sizing:border-box;}
.form_frame .wpcf7 form{ margin:1.5em 1.5em 0;}

/*  Contactform② - お問い合わせフォーム② 【線で仕切るタイプ】*/
.form_border p { padding:24px 12px; border-bottom:1px solid #ccc; overflow:hidden; margin:0;}
.form_border p:first-of-type { border-top:1px solid #ccc;}
.form_border p:nth-last-child(2) { border:none;}
.form_border .ttl { display:block; width:25%; float:left; padding:16px; box-sizing:border-box; background-color:#00468f; color:#fff; overflow:hidden;}
.form_border input,
.form_border textarea,
.form_border select { border:none; display:block; background-color:#eee; height:53px; margin-top:4px;}
.form_border input[type="submit"] { background:#666; border:none; text-align:center; display:block; line-height:1; border-radius:0; letter-spacing:0.1em; padding:17px 0; width:38%; font-size:16px; margin:0 auto;}
.form_border input[type="submit"]:hover { opacity:.6;}
.form_border textarea[name="your-message"] { height:140px;}
.form_border select { line-height:2; height:37.02px;}
.form_border [type="checkbox"], 
.form_border [type="radio"] { display:inline; float:none; width:auto;}
.form_border .checkbox-300 { width:75%; float:left;}
.form_border .contact-right { width:75%; float:right;}
.form_border em { display:inline-block; margin-left:4px;}
.form_border .box { border:1px dotted #333; border-radius:16px; padding:16px 16px 0 0; margin-bottom:20px;}
.form_border .box p { border:0;}
@media screen and (max-width:768px) {
	.form_border p { padding:12px 0 20px;}
	.form_border p:nth-last-child(2) { padding-bottom:0;}
}


/* =============================================
     ブログレイアウト
 =============================================*/

/*　トップ表示①　アイキャッチ有 */
.wp-show-posts a { color:initial;}
.wp-show-posts .wp-show-posts-entry-title { margin:0 0 12px; display:initial;}
.wp-show-posts-single { margin:0; padding:10px 0;}
.wp-show-posts-single.post { margin:0!important; border-bottom:.5px solid #ccc;}
.wp-show-posts-image img { width:220px;}
.wp-show-posts-entry-meta { font-size:1em;}
@media screen and (max-width:768px) {
	.wp-show-posts .wp-show-posts-entry-title { margin:0; line-height:1.5; width:60%; overflow:auto;}
	.wp-show-posts-single.post { padding:24px 0; position:relative;}
	.wp-show-posts-entry-header { overflow:hidden; width:60%; top:0; text-overflow:ellipsis; white-space:/*nowrap*/;}
	.wp-show-posts-inner { line-height:1.8;}
	.wp-show-posts-image img { width:88%;}
	.wp-show-posts-image.wpsp-image-left { float:left; width:40%; margin-bottom:0;}
}

/* トップ表示②　アイキャッチ無　※①に追記 */
.newblog-nopic .wp-show-posts-single { border-bottom:1px solid #ccc; padding-bottom:2em;}
.newblog-nopic .wp-show-posts-entry-header { display:flex; flex-direction:row-reverse;     justify-content:space-between;}
.newblog-nopic .wp-show-posts .wp-show-posts-entry-title { width:80%;}
.newblog-nopic .wp-show-posts-entry-summary { padding-left:20%;}


/* ページ送り　装飾 */
.post-navigation { width:100%; font-size:initial;}
.post-navigation .nav-links { padding-right:0; padding-left:0;}
.post-navigation .nav-links a { margin:0 0 8px; background-color:#f5f5f5; border:1px solid #bbb; padding:0 8px; border-radius:4px; font-style:normal; color:initial; display:inline-block;}
.paging-navigation { clear:both; padding:40px 0; width:100%; background-color:initial;}
.paging-navigation .nav-links {	margin:0 auto;	max-width:604px; width:100%;}
.paging-navigation a { font-weight:300; margin:0 0 8px; background-color:#f5f5f5; border:1px solid #bbb; padding:0 8px; border-radius:4px; font-style:normal; color:initial; display:inline-block; line-height:1.7;}
.paging-navigation a:hover { opacity:.6;}
.paging-navigation a:hover .meta-nav { background-color:initial;}
.paging-navigation .meta-nav { display:inline-block; font-size:18px; padding:3px 0 8px;	text-align:center; width:fit-content; padding:0; background-color:initial; color:initial; border-radius:0;}
.paging-navigation .nav-previous .meta-nav { margin-right:10px;}
.paging-navigation .nav-next .meta-nav {margin-left:10px;}
.sidebar .paging-navigation .nav-links { max-width:1040px;	padding:0 376px 0 60px;}
@media screen and (max-width:768px) {
        .paging-navigation .nav-previous .meta-nav { margin-right:0;}
        .paging-navigation .nav-next .meta-nav { margin-left:0;}
}

/* =============================================
    プラグイン セッティング
 =============================================*/



/* =============================================
     追記ここから
 =============================================*/

/* 特定ページのみのレイアウト サンプル */
/*.page-id-12388 .site-header,.page-id-12388 footer, .page-id-12388 .rmp_menu_trigger { display:none!important;} 指定ページのみ*/
/*.home header {} トップページのみ*/ 

/* 全ページ共通 */
@media screen and (max-width:768px) {
	body { overflow-x:initial!important;}
	#wpadminbar { position:absolute; top:-46px;}
}

body { background:/*#fff4f4*/; color:#500000; font-family:"Noto Sans JP", sans-serif; letter-spacing:.05em; line-height:2; font-size:16px; font-weight:400; position:relative;}

/*
 * （極太英字ゴシック→）font-family:"Oswald", "Noto Sans JP", sans-serif;
 * （丸っぽい英字ゴシック→）font-family:'Quicksand', 'Noto Sans JP', sans-serif;
 * （丸っぽい日本語ゴシック→）font-family:'Quicksand', "M PLUS Rounded 1c", sans-serif;
 * （大文字英字がかっこいい明朝・筆記体あり→）font-family:'Cormorant Infant', "Noto Serif JP", serif;
 * （普通の明朝→）font-family:"Noto Serif JP", "Shippori Mincho", serif;
 * （筆記体→）font-family:"Dancing Script", cursive;
 * （細い特徴のある英字 signとか→） font-family:"Dancing Script", cursive;
 */

h1, h2, h3, h4, h5, h6 { /*font-family:"Noto Serif JP", "Shippori Mincho", serif;*/ letter-spacing:.05em; font-weight:700; line-height:1.8;}
h2 { font-size:32px; line-height:1.5;}
h2 big, h2 .tbig { font-size:64px; letter-spacing:0; display:inline-block;}
h2 small, h2 .tsmall { font-size:20px; display:inline-block;}
h3 { font-size:24px;}
h3 big, h3 .tbig { font-size:36px; display:inline-block;}
h3 small, h3 .tsmall { font-size:16px; display:inline-block;}
.tsmall { font-size:;}
.tbig { font-size:;}
p:last-of-type { margin-bottom:0;}
@media screen and (max-width:768px) {
	body { font-size:14px;}
	h2 { font-size:24px;}
	h2 big, h2 .tbig { font-size:40px;}
	h2 small, h2 .tsmall { font-size:15px;}
	h3 { font-size:20px;}
	h3 big, h3 .tbig { font-size:24px;}
	h3 small, h3 .tsmall { font-size:12px;}
	h4 { font-size:17px;}
}

.wrap { max-width:;}
.box { padding:;}
@media screen and (max-width:768px) {
	.wrap.wmax100 { max-width:;}
}

img { max-width:100%;}
img.logo,
.logo img { width:230px; max-width:100%; object-fit:contain;}
@media screen and (max-width:768px) {
	img.logo,
	.logo img { width:;}
}


/*   　その他 共通レイアウト
----------------------------------------*/
/* タイトル */
.ttl.ma01 { position:relative; border-bottom:4px dotted; padding-bottom:8px; margin-bottom:40px;}
.ttl.ma01 img { width:60px; margin-right:24px; margin-top:-16px;}

.ttl.ma02 { position:relative; margin-bottom:40px;}
.ttl.ma02 span { background:#fff; padding:0 32px; width:fit-content; display:block; margin:0 auto;}

/* ブログ */
.sec_blog-top01 { margin:80px auto;}
.sec_blog-top01 .ttl { text-align:center; margin-bottom:40px;}
.sec_blog-top01 .btn { margin-top:40px;}
.sec_blog-idx01 { display:flex; flex-wrap:wrap; margin:60px auto;}
.sec_blog-single01 { margin:0 auto 60px;}
.sec_blog-single01 img { max-width:600px; width:100%;}
@media screen and (max-width:768px) {
	.sec_blog-top01 { margin:40px auto;}
	.sec_blog-top01 .ttl { margin-bottom:24px;}
	.sec_blog-idx01 { margin:30px auto;}
	.sec_blog-single01 { margin-bottom:30px;}
}

.dl_blog01 { width:50%; float:left; padding:40px; border-top:1px solid #eee; margin:0; box-sizing:border-box; border-right:1px solid #eee;}
.dl_blog01:nth-of-type(2n) { border-right:0;}
.dl_blog01:nth-of-type(1),
.dl_blog01:nth-of-type(2) { border-top:0;}
.dl_blog01 dt { font-weight:400; margin-bottom:20px; position: relative; margin-bottom:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%;}
.dl_blog01 dt h4.ttl { margin:0;}
.dl_blog01 dt a { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:4px;}
.dl_blog01 dd { position: relative; margin-bottom:0;}
.dl_blog01 dd p { margin-bottom:0;}
.dl_blog01 dd img { float:right; display:block; width:50%; object-fit:cover; margin-left:20px;}
@media screen and (max-width:768px){
	.dl_blog01 { width:100%; height:auto; border-right:0; padding:28px 0 32px;}
	.dl_blog01:nth-of-type(2) { border-top:1px solid #eee;}
	.dl_blog01 dt,.dl_blog1 dd { padding-left:0;}
}


/*    ヘッダー header
----------------------------------------*/
.sheader-ma { background:#ffdee4; width:210px; height:100vh; position:fixed; top:0; left:0; box-shadow:0px 1px 7.5px 0px rgba(4,0,0,.1),0px 5px 12.5px 0px rgba(4,0,0,.05);}
.sheader-ma .home-link { background:#fff; padding:30px 10px; min-height:0;}
.sheader-ma .home-link:hover { opacity:1;}
.sheader-ma .home-link:hover img { opacity:.7;}
.sheader-ma .navbar { background:#EC008C; color:#fff; position:relative; padding-bottom:60px;}
.sheader-ma .navbar:after { content:""; background:#EC008C; height:calc(tan(60deg) * 80px / 2); width:100%; clip-path:polygon(0 0, 100% 0, 0 100%); position:absolute; top:100%;}
.sheader-ma .nav-menu { padding:0;}
.sheader-ma .nav-menu li { width:100%;}
.sheader-ma .nav-menu li a { background:#EC008C; color:#fff; padding:16px 35px 16px 20px; border-bottom:1px solid rgba(255,255,255,.5); position:relative; z-index:0; transition:0.5s;}
.sheader-ma .nav-menu li:last-of-type a { border-bottom:0;}
.sheader-ma .nav-menu li a:after { content:"\f124"; font-family:'FontAwesome'; transform:rotate(45deg); font-size:12px; position:absolute; right:20px; top:0; bottom:0; height:fit-content; margin:auto;}
.sheader-ma .nav-menu li a:hover { opacity:1;}
.sheader-ma .nav-menu li a:hover:after { right:15px;}
.sheader-ma .nav-menu li a:hover:before,
.sheader-ma .nav-menu li.current-menu-item a:before{ content:""; background:rgba(255,255,255,.5); width:12px; height:36px; display:block; position:absolute; left:15px; top:0; bottom:0; margin:auto; }
.sheader-ma .nav-menu li a span { display:block; font-size:70%; margin-bottom:4px;}


/*    フッター footer
----------------------------------------*/
.sfooter-ma { width:calc(100% - 210px); margin:0 0 0 auto;}


/*    メインコンテンツ main
----------------------------------------*/
.site-ma { width:calc(100% - 210px); margin:0 0 0 auto;}

/* 固定ページヘッダー　page-header */
.pheader01-ma { margin:0 0 80px;}
.pheader01-ma .img { margin:0;}
.pheader01-ma .img img { width:100%; height:400px; object-fit:cover;}
.pheader01-ma .bg-img img { opacity:.1;}
.pheader01-ma .ttl { background:#EC008C; color:#fff; width:100%; height:180px; display:flex; align-items:center; position:relative; padding:1px 0; z-index:0; margin:0;}
.pheader01-ma .ttl .wrap { width:100%;}


/* トップページ top */
.sec_top01-ma { position:relative; z-index:0; padding-top:60px;}
.sec_top01-ma:before { content:""; width:70%; height:300px; background:#ffffff; background-image:radial-gradient(circle, #ec008c 8px, transparent 8px), radial-gradient(circle, #f35eb7 6px, transparent 6px), radial-gradient(circle, #f35eb7 6px, transparent 6px), radial-gradient(circle, #ec008c 8px, transparent 8px); background-position:0 0, 26px 0, 13px 28px, 39px 28px; background-size:52px 56px; position:absolute; top:0; right:0; z-index:-1;}
.sec_top01-ma .catch { font-size:46px; font-weight:900; color:#005f00; line-height:1.5; position:absolute; bottom:100px; left:40px; z-index:1; text-shadow:2px 3px 3px rgba(255, 254, 254, 0.4), 2px 3px 3px rgba(255, 254, 254, 0.4);}
.sec_top01-ma .slider { width:80%; border-radius:20px; overflow:hidden; margin:0 0 0 auto;}

.sec_top11-ma { position:relative; z-index:0; padding-bottom:80px;}
.sec_top11-ma:after { content:""; width:70%; height:300px; background:#ffffff; background-image:radial-gradient(circle, #ec008c 8px, transparent 8px), radial-gradient(circle, #f35eb7 6px, transparent 6px), radial-gradient(circle, #f35eb7 6px, transparent 6px), radial-gradient(circle, #ec008c 8px, transparent 8px); background-position:0 0, 26px 0, 13px 28px, 39px 28px; background-size:52px 56px; position:absolute; bottom:0; right:0; z-index:-1;}
.sec_top11-ma .catch { font-size:46px; font-weight:900; color:#005f00; line-height:1.5; position:absolute; bottom:160px; left:40px; z-index:1; text-shadow:2px 3px 3px rgba(255, 254, 254, 0.4), 2px 3px 3px rgba(255, 254, 254, 0.4);}
.sec_top11-ma .catch span { display:inline-block; background:#fff; padding:8px 16px; margin-bottom:8px;}
.sec_top11-ma .slider { border-radius:0 0 8% 8%; overflow:hidden;}

.sec_top02-ma { margin:40px auto;}
.sec_top02-ma a { pointer-events:none; text-decoration:none; cursor:default;}
.sec_top02-ma .wp-show-posts-single.post { border-top:.5px solid #ccc;}
.sec_top02-ma .wp-show-posts-entry-header { display:flex; flex-wrap:wrap; flex-direction:row-reverse; align-items:center; justify-content:flex-end; font-weight:500; margin:0;}
.sec_top02-ma .wp-show-posts-entry-header .wp-show-posts-entry-meta { width:140px; font-size:88%;}
.sec_top02-ma .wp-show-posts-entry-header .wp-show-posts-entry-meta a { color:#444;}
.sec_top02-ma .wp-show-posts-entry-header .wp-show-posts .wp-show-posts-entry-title { width:calc(100% - 140px);}

.sec_top03-ma { position:relative; z-index:0; padding:100px 0 300px;}
.sec_top03-ma .bg-img:before { content:""; width:100%; height:600px; background-image:linear-gradient(#ffffff, transparent); position:absolute; bottom:0; left:0; z-index:-1;}
.sec_top03-ma .bg-img img { opacity:1; height:600px; top:auto; bottom:0; z-index:-2;}
.sec_top03-ma .inner { width:590px; margin-left:6%;}
.sec_top03-ma .ttl { margin:0 0 60px;}

.ul_top01-ma { display:flex; flex-wrap:wrap; justify-content:space-between; margin:80px auto;}
.ul_top01-ma li { width:calc(91% / 4); margin-right:3%; position:relative; padding-left:24px; margin-bottom:40px;}
.ul_top01-ma li:nth-of-type(4n) { margin-right:0;}
.ul_top01-ma li:nth-of-type(2n) { margin-top:40px;}
.ul_top01-ma li .abs { display:flex; flex-direction:column; align-items:flex-start; left:0; top:-16px;}
.ul_top01-ma li .abs .num { font-size:32px; font-weight:600; line-height:1; font-family:auto; margin-bottom:8px;}
.ul_top01-ma li .abs .txt { font-size:12px; writing-mode:tb;}
.ul_top01-ma li .img { height:36vh; overflow:hidden; margin-bottom:0;}
.ul_top01-ma li .img img { width:100%; height:100%; object-fit:cover;}
.ul_top01-ma li:hover .img img { transform:scale(1.2,1.2); transition:0.5s;}


/* 農園紹介 about */
.ul_about01-ma { }
.ul_about01-ma li { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; max-width:94%; margin:0 0 80px auto;}
.ul_about01-ma li .txt { width:40%; padding:60px 0;}
.ul_about01-ma li .txt .ttl { margin-top:0;}
.ul_about01-ma li .txt .ttl .tsmall { font-size:17px; color:#005f00; display:flex; align-items:center; margin-bottom:10px;}
.ul_about01-ma li .txt .ttl .tsmall i { font-size:8px; margin-right:8px;}
.ul_about01-ma li .txt .ttl .catch { font-size:22px; display:block; background:#f1f1f1; padding:16px 16px 16px 32px; border-radius:20px; position:relative;}
.ul_about01-ma li .txt .ttl .catch:before { content:""; width:5px; height:calc(100% - 40px); background:#005f00; position:absolute; left:16px; top:0; bottom:0; margin:auto;}
.ul_about01-ma li .img { width:56%; height:-webkit-fill-available;}
.ul_about01-ma li .img img { width:100%; height:100%; object-fit:cover; border-radius:80px 0 0 0;}
.ul_about01-ma li:nth-of-type(2n) { flex-direction:row-reverse; margin:0 auto 80px 0;}
.ul_about01-ma li:nth-of-type(2n) .img img { border-radius:0 0 80px 0;}

/* アルバイト募集 job */
.dl_job01-ma { display:flex; flex-wrap:wrap; border-top:1px solid #888; border-bottom:1ox solid #888; margin:80px auto;}
.dl_job01-ma dt { width:180px; background:#ffdee4; padding:10px 20px; border-bottom:1px solid #aaa;}
.dl_job01-ma dd { width:calc(100% - 180px); padding:10px 20px; border-bottom:1px solid #aaa; margin-bottom:0;}
.dl_job01-ma dd p { margin-bottom:0;}
.dl_job01-ma dd .tlist { font-size:88%; margin:0;}


/* いちご狩り ichigo-picking */
.ul_serv01-ma { padding:40px; border:2px solid #ccc; border-radius:20px; margin:80px auto;}
.ul_serv01-ma .ttl.main { background:#EC008C; color:#fff; padding:2px; text-align:center; border-radius:30px; margin-top:0;}
.ul_serv01-ma li { padding:8px 8px 8px 40px; border-bottom:2px dotted #bbb; position:relative;}
.ul_serv01-ma li:before { content:""; width:20px; height:20px; background:#ccc; border-radius:50px; position:absolute; left:8px; top:16px;}
.ul_serv01-ma li em { font-style:initial; color:#EC008C; font-weight:600;}


/* 販売・配送 shop */
.ul_shop01-ma { display:flex; flex-wrap:wrap; margin:40px auto 80px;}
.ul_shop01-ma li { width:32%; margin-right:2%;}
.ul_shop01-ma li:nth-of-type(3n) { margin-right:0;}
.ul_shop01-ma li .img img { border:4px solid #500000; border-radius:14px;}
.ul_shop01-ma li .txt .ttl { text-align:center;}


/* よくある質問 faq */
.sec_faq01-ma { }
.sec_faq01-ma .accordion { background:#fbf2f3; padding:24px; border-radius:12px;}
.sec_faq01-ma .accordion .qa { width:40px; height:40px; background:#EC008C; color:#fff; border-radius:50%; display:flex; justify-content:center; align-items:center; margin:0 16px 0 0;}
.sec_faq01-ma .accordion .txt { width:calc(100% - 56px);}
.sec_faq01-ma .accordion summary { background:initial; padding:0; display:flex; align-items:center; font-size:120%; font-weight:600;}
.sec_faq01-ma .accordion summary::after { display:none;}
.sec_faq01-ma .accordion .detail { display:flex; align-items:center; padding:0; margin:24px 0 0;}
.sec_faq01-ma .accordion .detail .qa { background:initial; color:#EC008C; border:1px solid;}