@charset "utf-8";
/***************************
MADE BY JOHOSTATION co., ltd.
***************************/
/*レスポンシブに対応させる*/

html
{margin:0px;
  min-width:100%;
  -webkit-overflow-scrolling: touch;
  position: relative;
  overflow-x:auto;}

body
{font-size:14px;
  line-height:1.8;
  overflow-x:auto;}

.box,.breadcrumbs,#title h2,.contents_menu,.header_contents,.footer_button_pc
{width:100%;
  min-width:100%;
  padding:0px 3%;
  margin-left:auto;
  margin-right:auto;
  overflow: hidden;}

.visible
{overflow:visible !important}

h1
{font-size:9px;
  width:100%;
  font-weight:300;
	line-height:1.3em;
	padding:3px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	left:0px;
	right:00px;}	

.mode_pc
{display:none !important}

.mode_sp
{display:inherit !important}

/*ヘッダー*/

header
{width: 100%;
  padding: 0px;
  margin:0px 0px 0px;}

.header_bg
{}

.header_contents
{height:inherit;
  padding-bottom:5px} 

.header_logo
{width:100%;
  position:relative;
  top:0px;
  left:0px;
  right:0px;
  margin:20px auto 0px auto;
  text-align:center}

.header_logo>a
{width:180px;
  display:block;
  margin:0px auto}

.header_logo>p
{margin-top:0px;
  font-size:12px;
  text-align:center}

.header_icon_sp
{display:block;
  position:absolute;
  top:80px;
  right:20px;}

.header_icon_sp>ul
{display:flex;
  flex-wrap:wrap;}

.header_icon_sp>ul>li
{margin-right:3px;
  display:flexbox;
  width:40px;}

.header_bt,.header_other_bt,.header_sns,.header_copy_reserve,.header_tel
{display:none}

.header_copy_sp
{overflow:visible}

/*ボディ*/	

h2.title
{margin:0px 0px 30px;
  padding:40px 0px 0px 0px;
  font-size:20px;
  line-height:1.5;}
h2.title>span
{padding:0px 25px 10px;}

p.contentsc
{font-size:15px;
  line-height:1.7;
  text-align:justify;
  margin:0px 2% 25px}

.breadcrumbs
{height:30px;
  padding-top:0px;
  z-index:2}

#title
{padding: 0px 0%;
  margin:0px 0px 0px;
  height:80px;
  overflow:hidden}

#title h2
{padding:0px 0px 0px 0px;
  font-size:22px;
  overflow:visible;
  z-index:3}

#title span
{font-size:50px;
  line-height:1.3;}

.contents
{margin-bottom:30px}

.contents_menu
{margin-bottom:25px;}

.contents_menu>ul li
{display:block;
  width:100%;
  margin-right:0% !important;
  margin-bottom:3px;}

.contents_menu>ul li a
{ font-size:16px;
  line-height:1.2;
  padding:13px 0px 15px}

.contents_menu>ul li a>span
{font-size:13px;
  margin-bottom:5px}

.contents_menu>ul.menu2 li
{width:100% !important;}

.contents_menu>ul.menu2 li:nth-of-type(3n)
{margin-right:0% !important;}

/*フッター*/	

.accession
{margin:20px auto}

.accession>ul
{padding:15px 15px;
  margin:0px 0%;
  display:block;}
.accession>ul>li
{width:100%;
  font-size:13px;
margin-bottom: 12px}
.accession>ul>li:last-of-type
{margin-right:0%;
  width:100%;
  margin-top:20px}
.accession>ul>li>img
{max-width:120px;
  margin:0px auto 5px}
.accession>ul>li:last-of-type>img
{max-width:400px;
  margin:auto}
.accession>ul>li>h4
{padding:0px;
  font-size:16px;
  line-height:1.5;
  margin:0px auto 5px auto;}

.accession>ol
{margin:0px 0%;}
.accession>ol>li
{width:49%;
  margin-bottom:1%}
 .accession>ol>li:nth-of-type(3n)
{margin-right:2%}
 .accession>ol>li:nth-of-type(2n)
{margin-right:0%}

.body_footer
{margin:0px auto 20px;
  padding:0px 5%}

footer
{padding:20px 0px 70px;}

footer>article
{text-align:center;
  color:#fff;}

footer>article>h4
{padding:35px 0px 0px 0px;
  font-size:16px;
  letter-spacing:2px;
  margin:0px auto 15px auto;
  background-size:30px;;}

.ibj_bnr
{margin:0px auto 10px;
  padding-bottom:10px;
  border-bottom:1px solid #fff;
  font-size:12px;
  line-height:1.5}

footer>article>p
{font-size:14px;
  line-height:1.5}

footer>article>ul
{display:none}
 
.footer_button 
{border-top:none;
  background-image:none;
  background-color:rgba(255,255,255,0.0);
  z-index:100}
 
 @media(orientation: landscape){
.footer_button {width:50%;}}
 
.side_contact
{display:none} 

.footer_button_pc
{display:none}

.footer_button_sp
{margin:0px auto 0px auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  text-align:center;
  opacity:0.9}

.footer_button_sp li
{display:flexbox;
  line-height:0;
  width:15%;}

.footer_button_sp li:last-of-type
{width:55%;}

/*スライド*/

.swiper
{overflow:visible;}

.swiper:before
{content:"";
  width:100%;
  height:100px;
  background-image:url(img/bg_blur.png);
  background-repeat:repeat-x;
  background-position:center bottom;
  background-size:10px;
  position:absolute;
  bottom:-1px;
  z-index:2}

.swiper-slide
{padding:0px;
  line-height:0;
  width:100%;}

.swiper-slide>p
{font-size:14px;
  line-height:1.2;
  left:0px;
  right:0px;
  bottom:80px;
  text-align:center;
  z-index:3}

.swiper-slide>span
{width: 100%;
  margin:auto !important;
  overflow:hidden !important;
  display:block;
  height:100vw;
  max-height:500px}

.swiper-slide>span>img
{width:100%;
  margin:auto !important;
  display:block;
  position:absolute;
  left:0px;
  right:0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
@media(max-width:1205px){
.swiper-slide>span>img
{width:130%;}
}

.header_copy
{margin:0px auto;
  position:absolute;
  right:0px;
  left:0px;
  top:80px;
  padding:20px 30px 10px;
  width:90%}

.header_copy:before
{top:5px;
  left:5px}

.header_copy>h2
{padding:0px;
  margin:0px 0px 0px 0px;
  bottom:5px;
  font-size:6vw;
  line-height:1.4;
  font-weight:800;
  letter-spacing:1px;}

.header_copy>p
{font-size:3.7vw;
  line-height:1.7;
  letter-spacing:0px;
  font-weight:800;
  margin-bottom:10px;}

.news
{padding:15px 20px 15px;
  background-image:none;
  background:linear-gradient(#f7919c, #9070af);
  width:94%;
  margin:-20px 3% 20px;
  position:static;
  color:#fff;}

.news>h3
{color:#fff;
  font-size:20px;
  margin:0px 0px 5px;
  padding:0px;
  letter-spacing:-1px}

.news>dl
{font-size:13px;
  line-height:1.6;}

.news>dl>dt
{display:block;
  font-weight:400}

.news>dl>dd>h4
{padding:0px 0px 8px;
	line-height:1.5em;
	font-size:18px;
	margin:0px 0% 8px;
	color:#fff;
	border-bottom:1px dotted #fff;}

.news>dl>dd>div.addthis_tool
{display:none !important;}
 
/*トップページ/index/*/	

.top_reason
{margin-top:-40px;
  z-index:2}

.top_reason>h2
{font-size:24px;
  margin:0px 0px 40px 0px;
  padding:60px 0px 0px 0px;
  line-height:1.6;
  background-size:80px;}
.top_reason>p
{font-size:17px;
  margin:0px 0px 12px 0px;}

.top_reason>ul
{display:block;
  margin:0px 0%}

.top_reason>ul>li
{width:100%;
  margin-right:0%;
  margin-bottom:15px}

.top_reason>ul>li>img
{display:block;
  margin:0px 0px 12px;}

.top_reason>ul>li>div
{margin:0px 15px 20px;
  padding-bottom:20px}

.top_reason>ul>li>div>h3
{font-size:20px;
  margin:0px 0px 10px;}

.top_reason>ul>li>div>h2>span
{font-size:20px;
  margin:0px 0px 0px;}

.bnr_online
{width:96%;
  margin:20px 2%}

.top_concept
{margin-top:0px;
  padding:0px 3%}

.top_concept>div
{margin:0px auto;
  padding:20px 20px;
  text-align:center;
  background-image:url(img/bg_frame01h_sp.svg),url(img/bg_frame01f_sp.svg);
  background-repeat:no-repeat;
  background-size:contain,contain;
  background-position:top center,bottom center;}

.top_concept>div>h2
{font-size:22px;
  margin:0px 0px 20px;
  padding:0px;
  line-height:1.4;
  letter-spacing:1px;}

.top_concept>div>p
{font-size:16px;
  margin:0px 0px 20px;
  line-height:1.8;
  text-align:justify}

.top_concept>div>ul
{margin:0px auto 20px;
  padding:15px 12px 5px;}

.top_concept>div>ul>li
{margin-bottom:10px;
  font-size:16px;
  line-height:1.4;
  padding-left:1.6em;
  background-position:left top 5px;
  background-size:20px;}

.top_concept>div>h3
{font-size:20px;
  margin:0px 0px 15px;
  padding:0px;
  line-height:1.5;}

.top_concept>div>h4
{margin:10px auto 20px;
  font-size:18px;
  line-height:1.2;}
.top_concept>div>h4>span
{display:block;
  padding:10px 20px 12px;}
.top_concept>div>h4:before
{bottom:-8px;
  border-width: 8px 8px 0;}

.top_concept>div>ul
{margin:0px 0% 20px;}

.top_concept>div>ul>li
{width:48%;
  font-size:16px;
  line-height:1.4;
  padding-left:0px;
text-align: center}
.top_concept>div>ul>li:first-of-type
{left:0px}
.top_concept>div>ul>li>img
{display:block;
  width:70px;
  position:relative;
margin: 0px auto 5px}

.top_concept>div>p.participation
{margin:12px 0px;
  padding:12px 15px;
  font-size:15px;
  line-height:1.5;}

.top_concept>div>ol
{display:block;}

.top_concept>div>ol>li,.top_concept>div>ol>li:nth-of-type(4)
{width:100%;
  margin-right:0%;
  margin-bottom:2%;
  padding:0px 10px 12px;}

.top_concept>div>ol>li:nth-of-type(3n),.top_concept>div>ol>li:last-of-type
{margin-right:0%;}

.top_concept>div>ol>li>h4
{font-size:16px;
  margin:0px 0px 0px;}

.top_concept>div>ol>li>span
{font-size:20px;
  margin:0px 0px 10px;
  display:block;
  line-height:1.0;}

.top_ibj
{margin-bottom:20px;
  padding-bottom:20px;}

.top_ibj>ul
{margin:0px 0% 12px}

.top_ibj>p
{font-size:20px;}

.top_blog
{padding:20px 0px 20px;
  margin-bottom:10px}

.top_blog>h2
{font-size:32px;
  line-height:1.0;
  margin:0px 0px 25px;}

.top_blog ul
{display:flex;}

.top_blog ul li
{width:48%;
  margin-bottom:2%}


.top_blog ul li>div
{display:block;
  padding:5px}


.top_blog ul li h3
{font-size:18px;
  margin:5px 0px 4px 0px;
  padding:0px;
  line-height:1.3;}

.top_blog ul li p
{font-size:12px;
  line-height:1.7}

.top_price
{background-image:url(img/bg_frame01h_sp.svg),url(img/bg_frame01f._svg);
  margin:0px 3%;
  width:94%;
  min-width:94%;
  padding:20px 20px 30px;}

.top_price>h2
{font-size:22px;
  margin:0px 0px 15px;}

.top_price>p
{font-size:16px;
  margin:0px 0px 15px;
  line-height:1.8;
  font-weight:400;
  letter-spacing:0px;
  text-align:justify}

.top_price>ul
{display:block;
  margin:0px 0px 10px}
  
.top_price>ul>li
{width:100%;
  padding:0px 20px 8px;
  margin-bottom:12px}

.top_price>ul>li>h3
{margin:0px -20px 10px;
  padding:8px 5px 12px;
  font-size:20px;
  line-height:1.3;}

.top_price>ul>li>p
{font-size:16px;
  margin:0px 0px 5px;
  padding:0px 0px 0px 1.5em;
  line-height:1.5;
  font-weight:400;
  top:0px;
  left:0px;}

.top_price>ul>li>p>img
{display:block;
  width:100px;
  position:absolute;
  top:120px;
  right:-30px;}

.top_price>dl
{display:block;
  margin:0px 0px 0px 0px}

.top_price>dl>dt
{display:inline-block;
  width:inherit;
  height:inherit;
  padding:10px 20px 12px;
  font-size:22px;
  margin-bottom:10px}
.top_price>dl>dt>span
{position:static;
  display: inline-block;
  left: 0;
  top:0%;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);}

.top_price>dl>dd
{width:100%}

.top_price>dl>dd>h4
{margin:0px 0px 12px 0px;
  padding:0px 0px 12px 0px;
  font-size:24px;
  line-height:1.3;}

.top_price>dl>dd>h4>span
{display:block;
  width:100%}

.top_price>dl>dd>span
{font-size:10px;
  margin-top:-5px}

.top_flow
{}

.top_flow>article
{width:100%;
  height:66.6667vw;
  max-height:300px;
  position:static}

.top_flow>div
{margin-top:-100px;}

.top_flow>div>div
{margin-left:0%;
  background-color:rgba(255,255,255,0.8);
  padding:15px 12px 15px}

.top_flow>div>div>h2
{padding: 0px 0% 10px 0px;;
  margin: 00px 0% 30px;
  font-size:22px;
  line-height:1.3;}

.top_flow>div>div>h2:before {
bottom:-10px;
border-right: solid 10px transparent;
border-top: solid 10px #228;}

.top_flow>div>div>section
{margin-bottom:20px;}
.top_flow>div>div>section:nth-of-type(2)
{margin-left:30px}
.top_flow>div>div>section:nth-of-type(3)
{margin-left:60px;
  margin-bottom:0px}

.top_flow>div>div>section>h3
{padding:0px 0px 0px 70px;;
  margin: 0px 0% 15px;
  font-size:22px;}

.top_flow>div>div>section>h3>span
{font-size:60px;
  top:-10px}

.top_flow>div>div>section>h3>strong
{width:100%;
  font-size:13px;
  line-height:1.3em;
  padding:5px 5px 7px;
  margin-bottom:8px}

.top_flow>div>div>section>h3>b
{font-size:50%;
  padding-left:0px;
  display:block}

.top_original
{margin-top:-60px}

.top_original>dl:nth-of-type(2)
{margin-top:-20px;}

.top_original>dl>dt
{width:90%;
  height:90vw;
  max-height:250px;
  z-index:2}
.top_original>dl:nth-of-type(2)>dt
{margin-left:10%;}

.top_original>dl>dd
{z-index:2;
  overflow:visible}

.top_original>dl>dd>div
{padding:15px 18px 15px;
  width:90%;
  position:relative;
  bottom:0px;
  margin-left:10%;
  margin-top:-100px}
.top_original>dl:nth-of-type(2)>dd>div
{margin-left:0%;
  margin-right:10%}

.top_original>dl>dd>div>h2
{font-size:24px;
  margin:0px 0px 15px;
  padding:0px 0px 0px;}

/*強み/reason/*/	

.reason_intro>p
{font-size:15px;
  line-height:1.8;
  text-align:center;}

.reason
{margin-bottom:40px;
  background-repeat:no-repeat;
  background-position:center top;
  background-size:100%;
  padding-top:50px}
.reason:nth-of-type(2n)
{background-position:center top;}

.reason>span
{margin:0px auto 0px;
  padding:0px 0px 0px;
  font-size:20px;
  line-height:1.5;
  width:80px;
  height:80px;
  position:absolute;
  left:auto;
  right:20px;
  top:10px;
  z-index:2}
.reason:nth-of-type(2n)>span
{left:20px;
  right:auto;}
  
.reason>div
{margin:0px 0% 0px 0%;
  padding:20px 20px 20px;}
.reason:nth-of-type(2n)>div
{margin:0px 0% 0px 0%;}

.reason>div>h2
{margin:0px 0px 30px 0px;
  padding:0px 0px 15px;
  font-size:24px;
  line-height:1.5;}

.reason>div>h3,#reason02>div>ul>li>h3
{margin:18px 0px 5px 0px;
  font-size:17px;}

.reason>div>dl
{display:flex;
  margin:0px 0% 12px}
.reason>div>dl>dt
{display:flexbox;
  width:30%;}
.reason>div>dl>dd
{display:flexbox;
  width:65%;
  font-size:13px}

.reason>div>dl>dd>h3
{margin:0px 0px 7px 0px;
  padding:0px;
  font-size:18px;
  line-height:1.5;}
  
#reason02>div>ul
{margin:0px 0%;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;}
  
#reason02>div>ul>li
{width:32%;
  display:flexbox;}

#reason02>div>ul>li>h3
{margin:0px 0px 10px 0px;}

#reason02>div>ul>li>img
{display:block;
  margin:0px auto 20px;
  border-radius:50%;
  width:160px}

#reason04>div>h4
{font-size:24px;
  margin:15px 0px 5px;}

#reason04>div>ul,#reason05>div>ul
{margin:0px 0% 0px;}
  
#reason04>div>ul>li,#reason05>div>ul>li
{width:49%;
  margin-bottom:2%}

#reason04>div>ul>li img
{border-radius:4px;}

#reason04>div>ul>li>h4,#reason05>div>ul>li>h3
{margin:0px 0px 10px 0px;
  padding:0px 0px 0px;
  font-size:22px;
  line-height:1.5;
  font-weight:600;
  text-align:center;
  color:#c22}
#reason04>div>ul>li>h4:nth-of-type(n+1)
{margin-top:25px}

#reason05>div>ul>li>img
{display:block;
  margin:0px auto 20px;
  border-radius:8px;}

/*コース・料金/price/*/

.price_intro>ul
{padding:15px 0px 0px;
  display:flex;
  justify-content:space-between;}
.price_intro>ul>li
{width:49%;
  display:flexbox;
  padding:10px 10px;
  font-size:13px;
  line-height:1.4;
  margin:0px 0px 20px !important}

.price_intro>ul>li>h3
{padding:0px;
  font-size:20px;
  line-height:1.3;
  margin:-30px 0px 10px 0px;}
.price_intro>ul>li>h3>img
{display:block;
  width:70px;
  margin:0px auto 8px;}

.price_plan>section>img
{max-width:180px;
  margin:0px auto 20px}

.price
{margin-bottom:30px;
  padding-bottom:30px;}

.price>h3
{padding:0px;
  font-size:24px;
  line-height:1.3;
  font-weight:800;
  margin:0px 0px 10px 0px;}
.price>h3>img
{display:block;
  width:120px;
  margin:0px auto 8px;}
.price>h3:nth-of-type(n+2)
{margin-top:30px}

.price>p
{font-size:17px;
  line-height:1.7;
  margin:0px 0px 12px 0px;
  text-align:center;}

.price>ul
{margin:0px 0px 0px;
  display:flex;}

.price>ul>li
{width:49.5%;
  padding:18px 5px;
  font-size:17px;
  line-height:1.8;
  margin-bottom:1%;}
#price00>ul>li
{width:100%;
  padding:15px 10px;
  font-size:17px;
  line-height:1.5;}

.price>ul li>strong
{padding:5px 5px 7px;
  margin:0px 0% 5px;
  border-radius:1.2em;
  font-size:11px;
  line-height:1.2em;}

.price>ul li>p
{margin-top:5px;
  font-size:11px;
  line-height:1.5;
  text-align:center}

.price>b
{margin-top:5px;
  display:block;
  font-size:11px;}

.price>aside
{padding:15px;
  margin-top:15px}
.price>aside>h4
{padding:0px 0px 0px;
  font-size:17px;
  line-height:1.3;
  font-weight:600;
  margin:0px 0px 8px 0px;;}

.price>div>h3.service
{padding:12px 40px 15px 30px;;
	font-size:16px;}

aside.service
{margin:20px 0px 0px;
  font-size:15px;}

aside.service>ul
{display:flex;}

aside.service>ul>li
{width:49%;
  font-size:15px;
  line-height:1.5;
  margin-right:2%;
  margin-bottom:2%;
  padding:10px;;}
aside.service>ul>li:nth-of-type(2n)
{margin-right:0%;}

aside.service>ol
{list-style-type:decimal;
  margin-left:22px}

.price_document>ul
{margin:0px 0px 20px;
  display:block;}

.price_document>ul>li
{padding:20px;
  width:100%;
  font-size:16px;
  text-align:center;
  line-height:1.7;
  margin-bottom:5px;}

.price_document>ul>li>h3
{font-size:20px;
  line-height:1.3;
  font-weight:400;
  margin:0px 0px 10px 0px;;}
.price_document>ul>li>img
{width:80px;
  margin:0px auto 10px}

.price_document>dl
{display:flex;
  margin-bottom:20px}
.price_document>dl>dt
{width:30%;
  padding:10px;}
.price_document>dl>dd
{width:70%;
  padding:10px;}

/*ご成婚までの流れ/flow/*/	

.flow_intro>img
{margin:0px auto 12px}

.flow_intro>h3
{padding:0px;
  font-size:18px;
  line-height:1.6;
  margin:0px 0px 12px 0px;}
  
.flow
{padding:30px 0px 30px;
  background-size:15px;}

.flow>dl
{display:block;
  margin-bottom:15px}

.flow>dl:last-of-type
{padding-bottom:0px;
  background-image:none}

.flow>dl dt
{width:180px;
  height:180px;
  margin:0px auto 0px}
  
.flow>dl dd
{width:100%;
  padding:0px;}

.flow>dl dd>h3
{padding:0px 0px 10px;
  font-size:20px;
  line-height:1.4;
  margin:0px 0% 20px;}

.flow>dl dd>h3>span
{font-size:28px;
  line-height:1.3;
  padding-right:0px;
  margin-bottom:-5px;
  display:block}

.flow>dl dd>h3>span>span
{font-size:150%;}


/*サロン案内/company/*/	

.company_staff>dl
{display:block;}

.company_staff>dl>dt
{width:160px;
  float:left;
  display:inline-block;
  margin:0px 20px 20px;}
.company_staff>dl>dd
{width:100%;}

.company_staff>dl>dt>h3
{margin:5px 0px 0px 0px;
  font-size:20px;
  line-height:1.5;}
.company_staff>dl>dt>h3>span
{font-size:15px;}

.company_staff>dl>dd>p
{margin-bottom:10px}
.company_staff>dl>dd>p>img
{width:120px;
  margin:0px 0px 0px 20px}



.company_outline
{}

.company_outline>div
{background-image:url(img/bg_frame01h_sp.svg),url(img/bg_frame01f._svg);
  margin:0px 3%;
  width:94%;
  min-width:94%;
  padding:20px 15px 30px;}

.company_outline dl
{display:block;
  margin:0px 0%}

.company_outline dl dt
{padding:12px; 
  width:100%;
  margin-bottom:0px;
  border-radius:3px;}

.company_outline dl dd
{padding:15px 0px;
  width:100%;}

.company_outline dl dd>address
{font-style:normal;
  margin-bottom:5px;}

.company_outline dl dd>address>h3
{margin:0px 0px 0px 0px;
  padding:0px 0px 0px;
  font-size:15px;
  line-height:1.5em;
  font-weight:600;}

.company_outline dl dd>address>p>a
{display:inline-block;
  color:inherit;
  text-decoration:none}

.company_outline dl dd>ol
{margin-left:1.5em;
  list-style-type:disc}

/*よくいただくご質問/question/*/

.question>p
{margin:0px 0px 30px 0px;
  font-size:15px;
  line-height:1.7;
  text-align:justify;}

.question>ul
{display:block;}
  
.question>ul>li
{padding:0px 12px 12px 12px;
  margin-bottom:20px;
  width:100%;}

.question>ul>li>h2
{padding:10px 10px 12px;
	line-height:1.4;
	font-size:18px;
	margin:-1px -12px 5px;}

.question>ul>li>div>h3
{padding:10px 0px 12px 28px;;
	line-height:1.4em;
	font-size:16px;}
.question>ul>li>div>h3:before
{top:10px;}

/*会員データ/data/*/

.data_intro>p
{font-size:18px;
  margin-bottom:5px;}

.data_intro>ul
{margin:0px auto 10px;
  display:block;
  padding:15px 20px 5px;}

.data_intro>ul>li
{margin-bottom:10px;
  font-size:18px;
  line-height:1.4;
  padding-left:1.6em;
  background-size:20px;}

.data_intro>ol
{display:block;}
  
.data_intro>ol>li
{width:100%;
  margin-bottom:20px}

.data_intro>ol>li>img
{max-width:250px;
  margin:0px auto 5px;}

.data_intro>ol>li>h3
{font-size:20px;
  margin:0px 0px 5px;}

.data>ul
{display:block;}
  
.data>ul>li
{width:100%;
  margin-bottom:20px}

.data>ul>li>h3
{font-size:18px;
  margin:0px 0px 10px;}

.data>p.annotation
{font-size:10px;}

#reason_marriage_data
{margin:20px auto 0px auto;
  display:block;}

#reason_marriage_data>dl
{width:100%;
  margin-bottom:20px}

#reason_marriage_data>dl>dt
{padding:10px 5px 12px; 
  width:100%;
  display:block;
  position:relative;
  font-size:15px;}

#reason_marriage_data>dl>dd
{padding:8px 5px 10px;
  border-left:none;
  border-bottom:1px solid #ccc;
  margin-left:0px;
  font-size:16px;}

/*婚活パーティー/party/*/

.party
{border-radius:5px;
  margin-bottom:25px;}

.party>dl
{padding:20px 20px 10px;
  border-radius:5px;}

.party_contents>article>dl
{display:flex;}

.party_contents>article>dl>dt
{width:32%;}
.party_contents>article>dl>dd
{width:63%;}

.party_contents>article>dl>dd h2
{padding:0px;
  font-size:18px;
  line-height:1.5;
  margin:0px 0px 12px 0px;}

.party_contents>article>dl>dd>b
{margin:0px 0px 15px;
  padding:8px 10px 10px;
  font-size:15px;
  line-height:1.4;}

.party_contents dl dd p
{margin-bottom:8px;}

.party_contents dl dd p>span
{display:block;
  padding:4px 12px;
  margin-right:0px;
  margin-bottom:4px;}

.party_contents dl dd strong:first-of-type
{margin-bottom:7px;
  font-size:14px;
  line-height:1.6;}

.party_contents dl dd strong:nth-of-type(2n)
{margin-bottom:8px;
  font-size:14px;
  line-height:1.6}
  
.party_title
{padding:0px;
  font-size:16px;
  line-height:1.6;
  font-weight:600;}

/*お問合わせ/contact/*/	

.contact_bt
{margin-bottom:20px}

.contact_bt>ul
{margin:0px 0%;
  display:flex;;}

.contact_bt>ul>li
{width:49%;
  padding:8px 10px;}

.contact_bt>ul>li>h3
{font-size:15px;
  line-height:1.6;
  padding:0px 0px;}

.contact_bt>ul>li>h3>span
{font-size:100%;
  padding-right:3px;}

.contact_bt>ul>li>p
{font-size:13px;
  line-height:1.4;
  position:static;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);}
.contact_bt>ul>li>p>span
{font-size:120%;
  display:block;
  margin-top:0px}

.contact_bg>div,.privacy>div
{background-image:url(img/bg_frame01h_sp.svg),url(img/bg_frame01f._svg);
  margin:0px 3%;
  width:94%;
  min-width:94%;
  padding:20px 15px 30px;
  margin-bottom:30px;}
  
.contact_bg>div>p.intro
{font-size:15px;
  line-height:1.8;
  margin-bottom:0px;
  text-align:justify;}

.contact_bg>div>span
{margin:0px auto 20px;
  width:150px;
  display:block}

.contact_bg>div h3
{padding:0px 0px 0px;
  font-size:20px;
  line-height:1.5;
  font-weight:600;
  letter-spacing:2px;
  margin:0px 0% 10px;}

.contact_bg dl
{display:block;
  margin-top:20px} 

.contact_bg dl dt
{width:100%;
  padding:15px 5px 12px 15px;
  margin-bottom:0px;}

.contact_bg dl dd
{width:100%;
  padding:20px 20px 20px 20px;
  margin:0px 0px 0px 0px;} 

.contact_privacy
{margin-bottom:50px}

.contact_thanks>h3
{font-size:18px;
  line-height:1.5em;
  text-align:center;
  padding:0px;
  margin:0px 0px 30px;
  letter-spacing:4px}

.contact_thanks>p
{text-align:justify;
  margin-bottom:30px;
  font-size:16px;
  line-height:1.8}

/*個人情報保護方針/privacy/*/	

.privacy_bg
{margin-top:30px}

.privacy_bg dt
{margin:0px 0px 5px 0px;
  font-size:17px;}

.privacy_bg dd
{padding: 0px 0px 12px 0px;
  margin:0px 0px 12px 0px;}  

/*************************************************/

img.i01
{margin:0px auto 10px;
  max-width:70px;}

.link_c
{margin:15px 0px 0px 0px;}

.link_c a
{font-size:20px;
  line-height:1.2em;}

.link_c3
{text-align:center;
  margin:30px auto 0px;}

.link_c3 a
{font-size:16px;
  line-height:1.3;
  font-weight:400;
  margin:0px auto 20px;
  padding:13px 40px 15px;}

.link_c2,.link_c4
{text-align:center;
  margin:20px 0px 20px 0px;}

.link_c2 a
{}

.link_c4 a
{text-align:center;
  text-decoration:none;
  font-size:18px;
  line-height:1.2;
  font-weight:800;}

.link_c5
{font-size:15px;
  line-height:1.2;}

.link_c6
{margin-top:18px;}

.link_c6>a
{font-size:16px;}

/*ブログ/blog/*/	

.side_blog_contents
{padding:0px 10px}

.blog_side
{position:relative;
  width:100%;
  margin-left:0px;
  margin-bottom:30px;
  float:none;}

.blog_side>h4
{padding:11px 0px 13px;
	text-align:center;
	line-height:1.4em;
	font-size:18px;
	margin:0px 0px 0px 0px;}

.blog_category ul li
{font-size:14px;
  display:block;}

.blog_category ul li a
{padding-top:10px;
  padding-bottom:10px;}

.blog_list,.blog_contents
{position:relative;
  width:100%;
  float:none;}

.blog_list dl
{margin-bottom:12px;
  padding:12px 12px 10px;}

.blog_list dl dt
{font-size:13px;
  width:37%;
  vertical-align:top;}

.blog_list dl dt img
{height:auto;}

.blog_list dl dd
{width:60%;}

.blog_list dl dd h3
{padding:0px;
  font-size:18px;
  line-height:1.3;
  margin:0px 0px 8px 0px;}

.blog_list dl dd p
{font-size:13px;
  line-height:1.6;}

.blog_contents
{position:relative}

.blog_contents>strong
{display:inline-block;
  margin-right:10px;}

.blog_contents>b
{font-size:11px;
  line-height:1.3em;
  display:inline-block;}

.blog_contents>h2
{font-size:24px;
  line-height:1.3;
  margin:0px 0px 20px 0px;
  position:relative;}

.blog_contents>span
{display:block;
  width:100%;
  margin-bottom:20px;}

.blog_contents>span img
{max-width:80%;}

.blog_contents h3
{padding:0px;
  font-size:18px;
  line-height:1.5em;
  font-weight:500;
  margin:12px 0px 7px 0px;}

.blog_contents>div p
{font-size:14px;
  line-height:1.8;
  margin-bottom:14px;}

.addthis_tool
{margin:30px 0px !important;}

.blog_contents>div img
{max-width:70%;
  display:block;
  margin:10px 0px}

.blog_recommend>dl
{font-size:0px;
  margin-bottom:7px;
  padding-bottom:7px;
  border-bottom:1px dotted #ccc;
  position:relative}

.blog_recommend>dl dt
{display:inline-block;
  width:32%;
  margin-right:4%;
  font-size:13px;
  line-height:1.5em;
  vertical-align:top}

.blog_recommend>dl dd
{display:inline-block;
  width:64%;
  font-size:13px;
  line-height:1.5em;
  vertical-align:top}

.blog_recommend>dl dd h4
{padding:0px;
  font-size:15px;
  line-height:1.3em;
  font-weight:500;
  margin:10px 0px 0px 0px;
  color:#333;}

/*ドロワーメニュー*/

#drawer
{position:absolute;
  line-height:1.2;
  font-size:13px;}

#page,#page_bg,#humberger,#drawernav
{display:inherit;}

#page_bg
{position:fixed;
 right:2px;
 top:6px;
 width:47px;
 height:55px;
 z-index:96;
 -webkit-transition: 0.3s ease-in-out;  
transition: 0.3s ease-in-out;
 background:linear-gradient(rgba(247,145,156,0.9), rgba(144,112,175,0.9));
 border-radius: 0px; }

#page{
			padding-top: 00px;
			position: relative;
			z-index:97;
			left: 0;
			background: #fff;
			transform: translate3d(0,0,0);
			-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

			-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
		}
		#drawernav{
			position: fixed;
			opacity:0;
			-webkit-transition: 0.5s ease-in-out;  
			transition: 0.5s ease-in-out;
			top: 0%;
			right: 0%;
			width: 100%;
			padding:0px;
			height: 100%;
			background:linear-gradient(rgba(247,145,156,0.9), rgba(144,112,175,0.9));
			color: #fff;
			z-index:-1;
			overflow-y: auto;
			-webkit-overflow-scrolling: touch;}

#drawernav>a
{display:block;
  width:200px;
  margin:20px auto 10px;}

#drawernav>div
{padding:40px 10px 20px;
  border-bottom:1px solid #fff;
  margin:0px 20px;
  text-align:center}

#drawernav>div>div
{margin-bottom:15px}
			
.dhome
{margin:0px auto 10px;
  display:inline-block;
  text-align:center}

.dhome>ul
{display:flex;
  flex-wrap:wrap;}

.dhome>ul>li
{display:flexbox;
  margin-right:20px;}
.dhome>ul>li:last-of-type
{margin-bottom:0px;}

.dhome>ul>li>a
{color: #fff;
  padding:0px 0px 0px 1.2em;
  display:block;
  text-decoration: none;
  font-size:18px;
  line-height:1.4;
  text-align:center;
  font-weight:800;
  font-family: 'Shippori Mincho B1', serif;}

.dhome>ul>li>a:before
{ font-family: "Font Awesome 5 Free";
  content: "\f015";
  font-weight:bold;
  font-size:70%;
  position:absolute;
  left:0px;
  top:55%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
		
#drawernav .tel:before
{content: "\f095";}

.dreserve>ul
{}
		  
.dreserve>ul>li
{margin-bottom:2%;}

.dreserve>ul>li>a
{text-align:center;
  color:#fff !important;
  text-decoration:none !important;
  display:block;
  font-size:22px;
  line-height:1.2;
  font-weight:800;
  padding:15px 10px 17px;
  background-color:#346;
  font-family: 'Shippori Mincho B1', serif;}
a.dline
{background-color:#2c0 !important;}
.dreserve>ul>li>a:after
{content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color:rgba(255,255,255,0.15) transparent transparent transparent;
  position:absolute;
  left:0px;
  top:0px;}

.dmenu
{;}

.dmenu>ul
{}
		
.dmenu>ul>li>a
{color: #fff;
  padding:4px 0px 4px;
  display:block;
  text-decoration: none;
  font-size:18px;
  line-height:1.4em;
  text-align:center;
  font-weight:600;
  font-family: 'Shippori Mincho B1', serif;}

.dmenu>ul>li>a:after
{ font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight:bold;
  font-size:70%;
  position:absolute;
  right:15px;
  top:55%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}

.dibj
{font-size:12px;
  line-height:1.4;
  text-align:center;
  font-weight:400;}

.dibj>strong
{padding:0px 3px;
  font-size:120%;}

		  
		#humberger{
			position: fixed;
			top: 0;
			right: 0;
			z-index:100;
			width: 50px;
			padding: 17px 10px 10px;
			cursor: pointer;
		}
		.icon-bar{
			height:1px;
			background: #fff;
			display: block;
			margin-bottom: 6px;
			-webkit-transition: 0.5s ease-in-out;  
			transition: 0.5s ease-in-out;}
		.icon-bar_menu{
			display: block;
			font-size:13px;
			bottom:3px;
			color:#fff;
			letter-spacing:0px;
			font-family: 'Crimson Text', serif;
			font-weight:400;
			text-align:center;
			 -webkit-transition: 0.3s ease-in-out;  
			transition: 0.3s ease-in-out;}
		.fixed-content{
			right: inherit;
			width: 100%;
			z-index: 2;
			-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

			-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
		}
		 #overlay{
			z-index:-1;
			opacity: 0;
			background: #000;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			position: fixed;
			display:none;
			-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

			-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			   -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			     -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
			        transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
		}
		/**
		* ドロワー開放時のスタイル
		**/
		@media(max-width: 991px){
			body.drawer-opened #page{
				left: -240px;
			}
			body.drawer-opened .fixed-content{
				left: -240px;
			}
			body.drawer-opened #drawernav{
				opacity:1;
				z-index:97;
			}
			body.drawer-opened #page_bg{
				opacity:0;
			}
			body.drawer-opened #humberger .icon-bar{
				background: #fff;
			}
			body.drawer-opened #humberger .icon-bar_menu{
				opacity:0}
			body.drawer-opened #humberger :nth-child(1){
				transform:translate(0,7px) rotate(45deg);
				-webkit-transform:translate(0,7px) rotate(45deg);
			}
			body.drawer-opened #humberger :nth-child(2){
				transform:translate(20px ,0);
				-webkit-transform:translate(20px ,0);
				opacity:0;
			}
			body.drawer-opened #humberger :nth-child(3){
				transform:translate(0,-7px) rotate(-45deg);
				-webkit-transform:translate(0,-7px) rotate(-45deg);
			}
			body.drawer-opened #overlay{
				z-index: 3;
				opacity: 0;
				left: -150px;
			}
		}
		
/*上記以外*/	
.page-top
{display:none;}
.page-top img
{display:none;}


/*上記以外*/	
.header_bt.fixed .fixbar {display:none}
.header_bt.fixed {display:none}

#bt_reserve
{display:none !important}

#page-top
{position: fixed;
    bottom:60px;
    right:-10px;
	cursor:pointer;
	z-index:101}

#page-top img
{width:70%}

.swiper-container,.swiper-container_pc,.swiper-container_sp
{width:100%;
  line-height:0;
  overflow:hidden !important}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-button-next,.swiper-container-rtl .swiper-button-prev
{transform:scale(0.5)}