<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
	.center{
		text-align: center!important;
	}
@media screen and (min-width: 741px) {
    .h3_style_msp {
        border-bottom: 1px dotted #f63299;
        padding-bottom: 0;
        margin-top: 2%;
        margin-bottom: 10px;
        font-size: 20px;
    }
	.txt-center{
		text-align: center!important;
	}
}

@media screen and (max-width: 740px) {
    .h3_style_msp {
        border-bottom: 1px dotted #f63299;
        padding-bottom: 0;
        margin-top: 2%;
        margin-bottom: 10px;
        font-size: 16px;
    }
}

.flow_design05 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flow05 {
    padding-left: 0;
}

.flow05 &gt; li {
    list-style-type: none;
    position: relative;
    padding-left: 50px;
    margin-bottom: 30px; /* 間隔を広げるために追加 */
}

.flow05 &gt; li:not(:last-child) {
    padding-bottom: 10px;
}
.flow05 &gt; li:last-child {
   background: #fff!important;
}
.flow05 &gt; li .icon05 {
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    border-radius: 100vh;
    display: inline-block;
    background: #f63299;
    color: #fff;
    position: absolute;
    left: 0;
}

.flow05 &gt; li:not(:last-child)::before {
    content: '';
    background_: #c3c3c3;
	background: #fff;
    width: 2px;
    height: calc(100% + 60px); /* 間隔を広げるために追加 */
    position: absolute;
    top:100%;
    left: 19px;
    transform: translateY(-50%);
}

.flow05 &gt; li dl dt {
    font-size: 1.3em;
    font-weight: 600;
    color: #f63299;
}

.flow05 &gt; li dl dd {
    margin-left: 0;
}

.subpage .inner {
  margin-bottom_: 100px; }
  .subpage .inner .faq h4 {
    font-size: 2.1rem;
    line-height: 1.5;
    padding-left: 50px;
    position: relative;
    padding-bottom: 20px; }
    .subpage .inner .faq h4:before {
      content: "Q";
      position: absolute;
      left: 0;
      top: 0;
      font-size: 3rem;
      font-weight: normal;
      width: 50px;
      text-align: center;
      line-height: 1; }
  .subpage .inner .faq p {
    padding-left: 50px;
    position: relative; }
    .subpage .inner .faq p:before {
      content: "A";
      position: absolute;
      left: 0;
      top: 0;
      font-size: 3rem;
      font-weight: normal;
      width: 50px;
      text-align: center;
      line-height: 1; }
  .subpage .inner .faq + .faq {
    margin-top: 50px; }

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

sp

******************************************************/
@media screen and (max-width: 740px) {
  .subpage .inner {
    margin-bottom_: 40px; }
    .subpage .inner .faq h4 {
      font-size: 1.6rem;
      padding-left: 30px;
      padding-bottom: 10px; }
      .subpage .inner .faq h4 br {
        display: none; }
      .subpage .inner .faq h4:before {
        font-size: 2rem;
        width: 30px; }
    .subpage .inner .faq p {
      padding-left: 30px; }
      .subpage .inner .faq p:before {
        font-size: 2rem;
        width: 30px; }
    .subpage .inner .faq + .faq {
      margin-top: 25px; 
	} 
}
	.ulstyle{
		width:92%;
		max-width:400px;
		padding:2% 4%;
		background:rgba(236,236,236,0.30);
		margin-left: auto;
		margin-right: auto;
		border-radius:8px;
	}
	.ulstyle_02{
		width:92%;
		max-width:550px;
		padding:2% 4%;
		background:rgba(236,236,236,0.30);
		margin-left: auto;
		margin-right: auto;
		border-radius:8px;
	}
	.checkstyle{
		width:22px!important;
		height:auto!important;
		vertical-align: middle;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	.for-any {
	margin-top:2%;
	}
	.mgb-3{
		margin-bottom: 3%;
	}
	.efect_box{
		background:#fff;
		border-radius:8px;
		padding:2%;
		margin-top: 2%;
	}
	.mgLR{
		margin-left: 1%;
		margin-right: 1%;
	}
	.mgt-3{
		margin-top: 3%;
	}

	@media screen and (min-width: 741px) {
	.for-any li{
		font-size:16px;
	}
		h2{
			padding-bottom: 2%!important;
		}
		.h3style{
			font-size:22px;
		}
		.efect_h3{
		border-bottom:1px dotted #f63299!important;
		margin-bottom:5px;
		font-size:22px;
	}
		.att_box h3{
		font-size:22px;
		text-align: center;
		}
		.att_box_02 h3{
		font-size:22px;
		text-align: center;
		}
		.att_box_L{
			text-align: center;
		}
		.att_box{
	width:28%;
	display:inline-block;
	background:rgba(255,252,241,1.00);
	padding: 2%;
	vertical-align: top;
	min-height_:130px;
	border-radius:12px;
	margin-bottom: 1%;
	text-align: left;
	}
		.att_box_02{
	width:28%;
	display:inline-block;
	background:rgba(255,252,241,1.00);
	padding: 2%;
	vertical-align: top;
	border-radius:12px;
	margin-bottom: 1%;
	text-align: left;
	}
		.mgr-1{
			margin-right: 0.5%;
		}
		.mgl-1{
			margin-left: 0.5%;
		}
		.boxtyle_box{
			text-align: center;
		}
		.boxtyle{
			width:43%;
			display:inline-block;
			border:1px solid #f63299;
			padding: 1% 2% 2% 2%;
			margin-left: 1%;
			margin-right: 1%;
			border-radius:12px;
			background:#fff;
		}
		.boxtyle p{
			text-align: left!important;
		}
		.boxtyle h2{
font-size:22px!important;
			margin-bottom: 2%;
		}
		.boxtyle h3{
font-size:20px!important;
		}
		.fee_h2{
		border-bottom:1px dotted #333;
		margin-bottom:5px;
		padding-bottom:0!important; 
		color:#333;
		margin-top: 5%;
	    font-size:24px;
	}
	}
	@media screen and (max-width: 740px) {
	.for-any li{
		font-size:14px;
	}
		.efect_h3{
		border-bottom:1px dotted #f63299!important;
		margin-bottom:5px;
		font-size:16px;
	}
	.att_box h3{
		font-size:16px;
		text-align: center;
		}
	.att_box_02 h3{
		font-size:16px;
		text-align: center;
		}
	.att_box{
	width:96%;
	background:rgba(255,252,241,1.00);
	padding: 2%;
	vertical-align: top;
	border-radius:12px;
	margin-bottom: 2%;
	}
	.att_box_02{
	width:96%;
	background:rgba(255,252,241,1.00);
	padding: 2%;
	vertical-align: top;
	border-radius:12px;
	margin-bottom: 2%;
	}
	.fee_h2{
		border-bottom:1px dotted #333;
		margin-bottom:5px;
		padding-bottom:0!important; 
		color:#333;
		margin-top: 5%;
	    font-size:16px;
	}
	.boxtyle_box{
			text-align: center;
		}
		.boxtyle{
			width:96%;
			display:inline-block;
			border:1px solid #f63299;
			padding: 1% 2% 2% 2%;
			border-radius:12px;
			background:#fff;
			margin-bottom: 2%;
		}
		.boxtyle p{
			text-align: left!important;
		}
		.boxtyle h2{
font-size:16px!important;
			margin-bottom: 2%;
		}
		.boxtyle h3{
font-size:16px!important;
		}
		.h3style{
			font-size:16px;
		}
	}
.reasonlist-title {
    font-size: 20px;
    color: #b28f00;
    border-top: 2px solid #b28f00;
    border-bottom: 2px solid #b28f00;
    padding: 5px 0;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
	margin-top: 2%;
}
.reasonlist-content {
    display: flex;
    align-items: flex-start;
}
.reasonlist-content P {
    margin-bottom: 0;
    padding-left: 15px;
}
.reasonlist-content img{
    width: 240px!important;
}
@media screen and (min-width: 741px) {
.reasonlist-title .num {
    font-size: 36px;
    font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "YuMincho", "Yu Mincho", "游明朝体", serif;
    font-style: italic;
    line-height: 1;
    padding: 0 20px 0 15px;
    margin-right: 10px;
    border-right: 2px solid #b28f00;
}	
}
@media screen and (max-width: 740px) {
 .reasonlist-content {
        flex-direction: column;
    }
    .reasonlist-content img {
        width: 100%;
    }
    .reasonlist-content P {
        padding: 10px 0;
    }
	.reason_h4{
		font-size:16px!important;
	}
	.reasonlist-title .num {
    font-size: 26px;
    font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "YuMincho", "Yu Mincho", "游明朝体", serif;
    font-style: italic;
    line-height: 1;
    padding: 0 20px 0 15px;
    margin-right: 10px;
    border-right: 2px solid #b28f00;
}
	.sp-pdt-2{
		margin-top: 2%;
	}
	}






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

fonts

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

PC／SP 共有

******************************************************/
.subpage .inner {
  margin-bottom: 0; }

.subpage .pageNav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 0px;
  width: 1000px;
  margin: 0 auto; }
  .subpage .pageNav li i {
    display: inline-block;
    transform: rotate(180deg);
    margin-right: 5px;
    font-size: 1rem; }
  .subpage .pageNav li + li:before {
    content: "|";
    margin: 0 10px; }

.subpage .pageNav + h3.line,
.subpage .inner + h3.line {
  padding-top: 100px; }

.subpage .caseBox .name {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .subpage .caseBox .name li {
    color: #f63299;
    font-size: 2rem;
    font-weight: 600; }

.subpage .caseBox .slider_02 {
  margin-bottom: 50px;
  padding-bottom: 10px; }
  .subpage .caseBox .slider_02 .item {
    display: flex !important;
    justify-content: space-between;
    align-items: center; }
  .subpage .caseBox .slider_02 .slick-dots li.slick-active button:before {
    color: #f63299;
    font-size: 15px !important; }

.subpage .caseBox .text {
  padding: 20px;
  background: #f6ecec;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .subpage .caseBox .text ul {
    width: calc(40% - 20px);
    margin-bottom: -10px; }
    .subpage .caseBox .text ul li {
      padding-bottom: 10px; }
      .subpage .caseBox .text ul li em {
        display: block;
        font-size: 0.9em;
        color: #f63299;
        font-weight: 600;
        line-height: 1;
        padding-bottom: 5px; }
      .subpage .caseBox .text ul li p {
        line-height: 1.5; }
  .subpage .caseBox .text ul + ul {
    width: 60%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap; }
    .subpage .caseBox .text ul + ul li {
      width: 50%; }
    .subpage .caseBox .text ul + ul li.wide,
    .subpage .caseBox .text ul + ul li:last-child {
      width: 100%; }

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

sp

******************************************************/
@media screen and (max-width: 740px) {
  .subpage .inner {
    margin-bottom: 0; }
  .subpage .pageNav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 0px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 auto;
    border-bottom: #d0d0d0 dotted 1px; }
    .subpage .pageNav li {
      padding: 8px;
      width: 100%;
      border-top: #d0d0d0 dotted 1px;
      box-sizing: border-box; }
    .subpage .pageNav li + li:before {
      content: none;
      margin: 0 10px; }
  .subpage .pageNav + h3.line,
  .subpage .inner + h3.line {
    padding-top: 40px; }
  .subpage .caseBox {
    width: 100%;
    overflow: hidden; }
    .subpage .caseBox .name li {
      font-size: 1.4rem; }
    .subpage .caseBox .slider_02 {
      margin-bottom: 40px;
      padding-bottom: 10px; }
      .subpage .caseBox .slider_02 .item .arrow {
        display: none;
        flex-shrink: 0;
        padding: 0 8px; }
        .subpage .caseBox .slider_02 .item .arrow img {
          width: 16px;
          height: auto; }
    .subpage .caseBox .text {
      padding-bottom: 10px; }
      .subpage .caseBox .text ul {
        width: 100%;
        margin-bottom: 0px; }
        .subpage .caseBox .text ul li {
          padding-bottom: 10px; }
          .subpage .caseBox .text ul li em {
            display: block;
            font-size: 0.9em;
            color: #f63299;
            font-weight: 600;
            line-height: 1;
            padding-bottom: 5px; }
          .subpage .caseBox .text ul li p {
            line-height: 1.5; }
      .subpage .caseBox .text ul + ul {
        width: 100%; }
        .subpage .caseBox .text ul + ul li {
          width: 100%; } }

/******************************************************
    
PC / common

******************************************************/
.mgb-2{
margin-bottom: 2%;
}
.ta_iminai th,
.ta_iminai td{
text-align: center;
padding:2%;
width: 33%;
border:1px solid #999;
}
.ta_koujo th,
.ta_koujo td{
text-align: center;
padding:2%;
width: 33%;
border:1px solid #999;
}
.bg-th{
background:#DE92BA;
color:#fff;
}
.bg-th-light{
background:#E4D6DE;
color:#333;
}
	
.ta_iminai td{
padding:2%;
background:#fff;
}
.ta_koujo td{
padding:2%;
background:#fff;
}
@media screen and (min-width: 769px) {
.ta_iminai{
width:100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 2%;
}
.ta_koujo{
width:70%;
margin-left: auto;
margin-right: auto;
margin-bottom: 2%;
}
.R-box{
width:41%;
float:right;
padding: 2%;
border:1px solid #d74a95;
border-radius:8px;
}
.L-box{
width:50%;
float:left;
}
.R-box_re{
width:41%;
float:left;
padding: 2%;
border:1px solid #d74a95;
border-radius:8px;
background: #fff;
}
.L-box_re{
width:50%;
float:right;
}
.w-box_02{
background:#fff;
padding: 4%;
border-radius:12px;
width:40%;
margin-left: auto;
margin-right: auto;
margin-bottom: 3%;
}
.w-box_03{
background:#fff;
padding: 4%;
border-radius:12px;
width:70%;
margin-left: auto;
margin-right: auto;
margin-bottom: 3%;
}
}
@media screen and (max-width: 768px) {
.ta_iminai{
width:100%;
margin-bottom: 2%;
}
.ta_koujo{
width:100%;
margin-bottom: 2%;
}
.R-box{
width:96%;
padding: 2%;
border:1px solid #d74a95;
border-radius:8px;
margin-top: 2%;
}
.L-box{
width:100%;
}
.R-box_re{
width:96%;
padding: 2%;
border:1px solid #d74a95;
border-radius:8px;
background: #fff;
margin-top: 2%;
}
.L-box_re{
width:100%;
}
.sp-mg{
margin-top: 2%;		
}
.sp-left{
text-align: left!important;	
}
.w-box_02{
background:#fff;
padding: 4%;
border-radius:12px;
width:92%;
margin-left: auto;
margin-right: auto;
margin-bottom: 3%;
}
.w-box_03{
background:#fff;
padding: 4%;
border-radius:12px;
width:92%;
margin-left: auto;
margin-right: auto;
margin-bottom: 3%;
}
}
.flow_box{
background:#fff;
padding: 4%;
border-radius:12px;
width:91%;
max-width:800px;
margin-left: auto;
margin-right: auto;
}
.w-box{
background:#fff;
padding: 4%;
border-radius:12px;
}
</pre></body></html>