@import url(/campaign/css/campaign-detail.css);

#jbk-frame-main .c-cnvBlock-01 .c-btn-04.emphasis {
    font-weight: bold;
    padding: 16px 34px 16px 64px;
    border-radius: 28px;
    font-size: 112.5%;
    -webkit-box-shadow:0 2px 0 rgba(0,0,0,0.2);
    box-shadow:0 2px 0 rgba(0,0,0,0.2);
}
#jbk-frame-main .c-cnvBlock-01 .c-btn-04.emphasis:before {
    background-image: url("/assets/img/icon_01_@2x.png");
    background-position: -53px 0;
    background-size: auto 32px;
    height: 65%;
    left: 34px;
    margin-top: -5px;
    width: 19px;
}

.text-center .img-responsive {
	margin-right: auto;
	margin-left: auto;
}

@media only screen and (max-width: 640px) {
	.account-img-01 { width: 280px; }
}

.sp-only {
  display: none;
}
@media only screen and (max-width: 640px) {
.sp-only {
  display: block;
}
.pc-only {
  display: none;
}
}

.mt-60 {
margin-top: 60px;
}
@media only screen and (max-width: 640px) {
.mt-60 {
margin-top: 30px;
}
}

@media only screen and (min-width: 640px) {
.mw620-pc {
  max-width: 620px;
  margin: 0 auto;
}
.mw630-pc {
  max-width: 630px;
  margin: 0 auto;
}
.mw660-pc {
  max-width: 660px;
  margin: 0 auto;
}
.mw670-pc {
  max-width: 670px;
  margin: 0 auto;
}
.mw710-pc {
  max-width: 710px;
  margin: 0 auto;
}
}

/* ========== c-ground ========== */
@media only screen and (min-width: 640px) {
.c-ground-01.account-heading {
padding: 30px 54px;
}
}

/* ========== cvn ========== */
.account-cvn-01 {
	background: #fce7cd;
	border: none;
	padding-bottom: 28px;
}
.c-cnvBlock-01.cnv-type02.cnv-block-last {
padding: 40px 54px;
}
@media only screen and (max-width: 640px) {
.c-cnvBlock-01.cnv-type02.cnv-block-last {
padding: 16px 10px;
}
}

/* ========== btn ========== */


@media only screen and (max-width: 680px) {
a.account-btn-01 {
	padding-right: 78px;
	padding-left: 100px;
}

a.account-btn-01:before {
		left: 68px;
}
}

@media only screen and (max-width: 680px) {
a.account-btn-01 {
	padding-left: 78px;
}
}

@media only screen and (max-width: 580px) {
a.account-btn-01 {
	padding-right: 28px;
	padding-left: 28px;
}
}

@media only screen and (max-width: 380px) {
a.account-btn-01 {
	font-size: 125%;
}
}

/* ========== heading ========== */
.account-title-pc {
	margin-left: -54px;
	margin-right: -54px;
}
.account-title-pc h2 {
	background: url(../img/bg_01_pc.png) left top repeat-x;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}

.account-title-sp h2 {
	background: url(../img/bg_01_sp.png) left top repeat-x;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}

@media only screen and (min-width: 641px) {
.account-heading-01 h3 {
	border-bottom: none;
	padding-bottom: 0;
	}
}

@media only screen and (max-width: 640px) {
	.account-title-pc ,
	.account-title-sp {
		margin-left: -11px;
		margin-right: -11px;
	}
}

/* ========== step ========== */
.account-steps-01 > .step:first-of-type {
	margin-top: 1.25em;
	border-top: none;
}

/* ========== column-group ========== */
/* ----- 01 ----- */
/* [PC]unit-size:193px */
.account-column-group-01 {
	overflow: hidden;
	width: 100%;
}

.account-column-group-01:before ,
.account-column-group-01:after {
	content: " ";
	display: table;
}

.account-column-group-01 .col-unit {
	display: inline;
	float: left;
	width: 22.23502304%;
	margin-left: 3.686635945%;
}

.account-column-group-01 .col-unit:first-of-type {
	margin-left: 0;
}

.account-column-group-01 .col-unit dl {
	margin-top: 18px;
	margin-bottom: 0;
}

.account-column-group-01 .col-unit dt {
	display: table;
	text-align: center;
	width: 100%;
	
	color: #eb7000;
	font-size: 112.5%;
}
.account-column-group-01 .col-unit dt > * {
	display: table-cell;
	vertical-align: middle;
}

.account-column-group-01 .col-unit dd {
	color: #888888;
}

/* ----- 02 ----- */
.account-column-group-02 {
	margin-top: 20px
}

.account-column-group-02 .account-col-unit {
	border: #eb7000 solid 2px;
	border-radius: 10px;
	padding: 18px;
}

.account-column-group-02 .c-heading4-01 em {
	padding: 0.5em 1em 0.3em;
}

.account-column-group-02 .c-heading4-01 .label {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.account-column-group-02 .c-heading4-01 small {
	color: inherit;
	display: block;
	line-height: inherit;
}

@media only screen and (max-width: 640px) {
	.account-column-group-01 .col-unit {
		display: inline-block;
		float: none;
		width: 48.57142857142857%;
		margin-left: 0.42857142857143%;
		vertical-align: top;
	}
	.account-column-group-01 .col-unit:nth-child(2n+1) {
		margin-left: 0;
	}
	.account-column-group-01 .col-unit dl {
		margin-top: 10px;
	}
	.account-column-group-01 .col-unit .c-figure-01 {
		margin-top: 0.3em;
	}
}

@media only screen and (min-width: 640px) {
.account-column-group-02 {
	background: url(../img/bg_02_pc.png) center center no-repeat;
	background-size: 100% auto;
}
}

/* ----- 03 ----- */
/* [PC]unit-size:280px */
.account-column-group-03 .col-unit-1\/3{
	width: 32.25806452%;
	margin-left: 1.612903226%;
}
@media only screen and (max-width: 640px) {
	.account-column-group-03 .col-unit-1\/3{
		width: 100%;
		margin-left: 0;
	}
}

/* ----- faq-column ----- */
.faq-column-group {
  display: flex;
  justify-content: center;
  align-items: center;
}
.faq-col:nth-of-type(2) {
margin-left: 40px;
}
@media only screen and (max-width: 640px) {
.faq-col:nth-of-type(2) {
margin-left: 15px;
}
}

/* ----- photograph-column ----- */
.photograph-column-group {
  display: flex;
  justify-content: center;
  align-items: center;
}
.photograph-col:nth-of-type(2) {
margin-left: 40px;
}
@media only screen and (max-width: 640px) {
.photograph-col:nth-of-type(2) {
margin-left: 15px;
}
}

/* ----- preparation-column ----- */
.preparation-column-group {
  display: flex;
  justify-content: left;
  align-items: center;
}
.preparation-col:nth-of-type(2) {
margin-left: 40px;
}
@media only screen and (max-width: 640px) {
.preparation-col:nth-of-type(2) {
margin-left: 15px;
}
}

/* ----- request-column ----- */
.request-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.request-item {
  width: 32%;
}
.request-li-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.request-li-container ul {
  width: 32%;
}

/* ========== spaced ========== */
.normal-spaced {
	margin-top: 2.5em !important; }

.small-spaced {
	margin-top: 1.75em !important; }

.dense {
	padding-top: 0 !important; }

/* ========== accordion ========== */
@media only screen and (max-width: 640px) {
	.account-accordion-01 > .item > .head:before {
		width: 22px;
		height: 22px;
		border-radius: 5px;
		margin-top: -11px;
	}
		.account-accordion-01 > .item > .head:after {
			width: inherit;
			height: inherit;
			margin-top: -9px;
			right: 4px;
			background: none;
			color: #888888;
			font-size: 14px;
			content: "▼";
		}
		.account-accordion-01 > .item > .head.opened:after {
			background: none;
			content: "▲";
		}
	.account-accordion-01 > .item > .head strong:before { top: 20px; }
}

/* ========== movie ========== */
.movie {
	height: 0;
	margin-top: 1.25em;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.movie iframe {
	border: #000 solid 1px;
	box-sizing: border-box;
	height: 100%;
	position: absolute;
		top: 0;
		left: 0;
	width: 100%;
}

/* ========== faqBlock ========== */
body.color-app .cnv-type02 {
border: 4px solid #1f90df;
}
body.color-web .cnv-type02 {
border: 4px solid #5EB760;
}
body.color-mufg-direct .cnv-type02 {
border: 4px solid #D80C18;
}

/* ========== anchor ========== */
.faq-anchorList {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 15px 0 0 0;
}
.faq-anchorList a{
  margin: 0;
}
@media only screen and (max-width: 640px) {
.faq-anchorList {
  flex-wrap: wrap;
}
.faq-anchorList-item{
  width: 47%;
}
.faq-anchorList-item .btn{
  font-size: 14px;
}
}

/* ========== faqArea ========== */
.faq-area {
  border: solid 3px #eb7000;
  border-radius: 10px;
  padding: 20px;
}
.faq-area .c-linkList-01 li {
  margin-top: 0;
  margin-left: 0;
  padding: 10px 0; 
}

@media only screen and (max-width: 640px) {
.faq-area {
  border-radius: 10px;
  padding: 10px;
}
.faq-area .c-linkList-01 li {
  padding: 5px 0; 
}
}

/* ========== cautionBlock ========== */
.c-alertBlock-01.cautionBlock {
  border: none;
  border-radius: 12px;
}
@media only screen and (min-width: 640px) {
.c-alertBlock-01.cautionBlock {
  border-radius: 16px;
}
}

/* ========== color ========== */
/* ----- color-web ----- */
body.color-web .cpn-heading-01 span,
body.color-web .cpn-step-02 .heading-main h2 span,
body.color-web .cpn-step-02 .heading-main h3 span,
body.color-web .cpn-step-02 .heading-main h4 span,
body.color-web .cpn-step-02 .heading-main h5 span {
	background-color: #5EB760;
	box-shadow: 12px 0 0 #5EB760,-12px 0 0 #5EB760;
}

body.color-web .cpn-step-05 > .step {
	border-color: #5EB760;
}

body.color-web .cpn-heading-02 h3,
body.color-web .cpn-text-01,
body.color-web .cpn-step-04 .step-heading > .step-num,
body.color-web .cpn-step-05 .step-heading > .step-num {
	color: #5EB760;
}

body.color-web .c-heading2-01 span {
    color: #5EB760;
}

/* ----- color-app ----- */
body.color-app .cpn-heading-01 span,
body.color-app .cpn-step-02 .heading-main h2 span,
body.color-app .cpn-step-02 .heading-main h3 span,
body.color-app .cpn-step-02 .heading-main h4 span,
body.color-app .cpn-step-02 .heading-main h5 span {
	background-color: #1f90df;
	box-shadow: 12px 0 0 #1f90df,-12px 0 0 #1f90df;
}

body.color-app .cpn-step-05 > .step {
	border-color: #1f90df;
}

body.color-app .cpn-heading-02 h3,
body.color-app .cpn-text-01,
body.color-app .cpn-step-04 .step-heading > .step-num,
body.color-app .cpn-step-05 .step-heading > .step-num {
	color: #1f90df;
}

body.color-app .c-heading2-01 span {
  color: #1f90df;
}

/* ----- color-mufg-direct ----- */
body.color-mufg-direct .cpn-heading-01 span,
body.color-mufg-direct .cpn-step-02 .heading-main h2 span,
body.color-mufg-direct .cpn-step-02 .heading-main h3 span,
body.color-mufg-direct .cpn-step-02 .heading-main h4 span,
body.color-mufg-direct .cpn-step-02 .heading-main h5 span {
	background-color: #d80c18;
	box-shadow: 12px 0 0 #d80c18,-12px 0 0 #d80c18;
}

body.color-mufg-direct .cpn-step-05 > .step {
	border-color: #d80c18;
}

body.color-mufg-direct .cpn-heading-02 h3,
body.color-mufg-direct .cpn-text-01,
body.color-mufg-direct .cpn-step-04 .step-heading > .step-num,
body.color-mufg-direct .cpn-step-05 .step-heading > .step-num {
	color: #d80c18;
}

body.color-mufg-direct .c-heading2-01 span {
  color: #d80c18;
}

/* ========== link-icon ========== */
/* ----- link-icon-app ----- */
body.color-app .c-linkList-01 a:before {
  width: 19px;
  height: 100%;
  background-image: url(/account/app/img/marker_01.png);/*←ここの画像かえる*/
  background-repeat: no-repeat;
  background-size: auto 18px;
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
}


/* ----- link-icon-mufg-direct ----- */
body.color-mufg-direct .c-linkList-01 a:before {
  width: 19px;
  height: 100%;
  background-image: url(/account/mufg_direct/img/marker_01.png);/*←ここの画像かえる*/
  background-repeat: no-repeat;
  background-size: auto 18px;
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
}

/* ========== hover ========== */
.c-figure-01 a:hover , .c-cnvBlock-01 a:hover {
opacity: .7;
}

/* ========== c-anchorLinks-01 ========== */
.c-ground-anc_btn .c-anchorLinks-01{
margin: 0;
display: inline-block;
width: 100%;
}
.c-ground-anc_btn .c-anchorLinks-01>li{
margin: 0;
text-align: center;
}
.c-ground-anc_btn .c-anchorLinks-01>li a:before{
content: none;
}
/*----------pc----------*/
.c-ground-01.c-ground-anc_btn.c-ground-anc_btn_pc{
padding-top: .5em;
padding-bottom: .5em;
}
.c-ground-anc_btn.c-ground-anc_btn_pc .c-anchorLinks-01{
display: table;
}
.c-ground-anc_btn.c-ground-anc_btn_pc .c-anchorLinks-01>li{
display: table-cell;
width: 25%;
border-left: 1px solid #babcbe;
}
.c-ground-anc_btn.c-ground-anc_btn_pc .c-anchorLinks-01>li:last-child{
border-right: 1px solid #babcbe;
}
.c-ground-anc_btn.c-ground-anc_btn_pc .c-anchorLinks-01>li a{
vertical-align: middle;
padding: 0.5em;
}
/*----------sp----------*/
.c-ground-01.c-ground-anc_btn.c-ground-anc_btn_sp{
padding: 0;
}
.c-ground-anc_btn.c-ground-anc_btn_sp .c-anchorLinks-01{
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c-ground-anc_btn.c-ground-anc_btn_sp .c-anchorLinks-01:first-child{
border-bottom: 1px solid #babcbe;
}
.c-ground-anc_btn.c-ground-anc_btn_sp .c-anchorLinks-01>li{
width: 50%;
padding: 5%;
}
.c-ground-anc_btn.c-ground-anc_btn_sp .c-anchorLinks-01>li:last-child{
border-left: 1px solid #babcbe;
}
.c-ground-anc_btn.c-ground-anc_btn_sp .c-anchorLinks-01>li a{
vertical-align: middle;
padding: 0;
}
.c-ground-anc_btn.c-ground-anc_btn_sp .c-anchorLinks-01>li a img{
margin: 0 auto;
width: 100%;
}

/* ========== FloatingBanner ========== */
#jbk-FloatingBannerArea{
  display: block;
  position: fixed;
  z-index: 99999;
  right: -400px;
  bottom: 0;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  opacity: 0;
  background-color: #eee;
}
#jbk-FloatingBannerArea.jbk-FloatingBannerArea_on{
  bottom: 0;
  right: 20px;
  opacity: 1;
  transition-property: all;
  transition-duration: 1500ms;
  transition-delay: 0s;
  transition-timing-function: ease;
}
#jbk-FloatingBannerArea.jbk-FloatingBannerArea_off{
  right: -400px;
  bottom: 0;
  opacity: 0;
  transition-property: all;
  transition-duration: 1000ms;
  transition-delay: 0s;
  transition-timing-function: ease;
}
.FloatingBanner_wrapper{
  position: relative;
  -webkit-box-shadow: 0 0 8px #808080;
  box-shadow: 0 0 8px #808080;
  overflow: hidden;
  background-color: #fff;
}
.FloatingBanner-close{
  position: absolute;
  z-index: 999;
  top: -20px;
  right: -4px;
  background-color: #eee;
  border-radius: 16px;
}
.img-FloatingBanner-close{
  cursor: pointer;
}
#jbk-FloatingBannerArea img.TOP-img-hover:hover{
  opacity: 0.8;
}
.top_reflection {
  height: 100%;
  width: 30px;
  position: absolute;
  top: -190px;
  left: 0;
  background-color: #fff;
  opacity: 0;
}
#jbk-FloatingBannerArea_sp{
  display: block;
  position: fixed;
  z-index: 99999;
  right: 0;
  bottom: -400%;
  padding: 0;
  margin: 0;
  margin-right: 10px;
  height: auto;
  opacity: 0;
}
@media only screen and (max-width: 640px) {
  #jbk-FloatingBannerArea_sp{
    width: 100%;
    padding: 0 0 0 20px;
  }
}
#jbk-FloatingBannerArea_sp.jbk-FloatingBannerArea_sp_on{
  width: 100%;
  bottom: 0;
  right: 0;
  padding: 0 0 0 20px;
  opacity: 1;
  transition-property: all;
  transition-duration: 1500ms;
  transition-delay: 0s;
  transition-timing-function: ease;
}
#jbk-FloatingBannerArea_sp.jbk-FloatingBannerArea_sp_off{
  width: 100%;
  right: 0;
  bottom: -400px;
  padding: 0 0 0 20px;
  opacity: 0;
  transition-property: all;
  transition-duration: 1000ms;
  transition-delay: 0s;
  transition-timing-function: ease;
}
.FloatingBanner_wrapper_sp{
  position: relative;
  overflow: hidden;
}
.FloatingBanner-close_sp{
  position: absolute;
  z-index: 999;
  top: -14px;
  right: -8px;
}
.img-FloatingBanner-close_sp{
  cursor: pointer;
}
.top_reflection_sp {
  height: 100%;
  width: 30px;
  position: absolute;
  top: -190px;
  left: 0;
  opacity: 0;
}
.jbk-FloatingBannerArea_none{
  display: none !important;
}

/* ========== c-cvnApp-01 ========== */
.c-cvnApp-01{
  margin-top: 1.5em;
  text-align: center;
  position: relative;
}
.c-cvnApp-01 figure.c-figure-01{
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 100%;
}
.c-cvnApp-01.c-cvnApp-sp figure.c-figure-01{
  top: -16%;
}
.c-cvnApp-01 .c-cvnApp_inner{
  border: solid 5px #1f90df;
  padding: 2em;
}
@media only screen and (max-width: 640px){
  .c-cvnApp-01{
    margin-top: 2.5em;
  }
  .c-cvnApp-01.c-cvnApp-sp figure.c-figure-01{
    top: -9%;
  }
  .c-cvnApp-01 .c-cvnApp_inner{
    padding: 2em;
  }
}
@media only screen and (max-width: 960px){
  .c-cvnApp-01.c-cvnApp-pc figure.c-figure-01{
    top: -5.5%;
  }
}

/* ========== c-cvnApp-01 ========== */
.c-column-group-cashCard {
  display: flex;
  justify-content: space-between;
}

.c-column-group-cashCard .cashCard-unit {
  width: calc((100% - 24px) / 2);
}
@media only screen and (max-width: 640px) {
  .c-column-group-cashCard .cashCard-unit {
    width: calc((100% - 10px) / 2);
  }
}

/* ========== column-content ========== */
.column-content_04 {
  display: flex;
  justify-content: center;
}
.column-inner--content_04 {
    margin: 10px;
}

@media only screen and (max-width: 750px) {
  .column-inner--content_04 {
      margin: 2.5px;
  }
}










/* ========== 241219 ========== */
@media only screen and (max-width: 640px) {
.sty-column-group--col3-sp {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.sty-column-group--col3-sp .col-unit-1\/3 {
  width: 32%;
  margin-top: 0;
  }
.sty-column-group--col3-sp .col-unit-1\/3 p {
font-size: 10px;
}
}
.sty-cvnApp-title + .c-cvnApp_inner {
  margin-top: -30px;
}
.sty-cvnApp-title {
  border-radius: 30px;
  background-color: #1F90DF;
  color: #fff;
  font-weight: bold;
  padding: 10px 30px;
  display: inline-block;
  font-size: 20px;
}
@media only screen and (max-width: 640px) {
  .sty-cvnApp-title + .c-cvnApp_inner {
    margin-top: -20px;
  }
  .sty-cvnApp-title {
    border-radius: 20px;
    background-color: #1F90DF;
    color: #fff;
    font-weight: bold;
    padding: 7px 25px;
    display: inline-block;
    font-size: 16px;
  }
}

.sty-contets_step p {
  margin-bottom: 0;
}
.sty-contets_step {
  border: 3px solid #BDBDBD;
  border-radius: 15px;
}
.sty-contets_step__item {
  position: relative;
  border-top: 3px solid #BDBDBD;
}
.sty-contets_step__item::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: -1px;
  margin: auto;
  width: 100%;
  height: 15px;
  padding-top: 3px;
  background-color: #BDBDBD;
  clip-path: polygon(50% 15px, 0% 0px, 100% 0px);
}
.sty-contets_step__item::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: -4px;
  margin: auto;
  width: 100%;
  height: 15px;
  background-color: #fff;
  clip-path: polygon(50% 15px, 0% 0px, 100% 0px);
}
.sty-contets_step__item:first-child {
  border-top: none;
}
.sty-contets_step__item-inner {
  position: relative;
  margin-bottom: 15px;
}
.sty-contets_step__item-inner::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  background-image: url(/account/img/step_img_04.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.sty-contets_step__item:nth-child(2) .sty-contets_step__item-inner::before {
  background-image: url(/account/img/step_img_05.png);
}
.sty-contets_step__item:nth-child(3) .sty-contets_step__item-inner::before {
  background-image: url(/account/img/step_img_02.png);
}
.sty-contets_step__item:nth-child(4) .sty-contets_step__item-inner::before {
  background-image: url(/account/img/step_img_03.png);
}
.sty-contets_step__item:nth-child(5) .sty-contets_step__item-inner::before {
  background-image: url(/account/img/step_img_01.png);
}

.sty-contets_step__item:first-child::before,.sty-contets_step__item:first-child::after {
  content: none;
}

.sty-step__title {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 10px;
}
.sty-step__title--single {
  justify-content: center;
}
.sty-contets_step__item:first-child .sty-step__title {
  margin-top: 0;
}
.sty-step__title > div{
  width : calc(100% / 3) ;
  text-align: center;
}

.sty-step__title-main-inner {
  display: inline-block;
  background-color: #eb7000;
  color: #fff;
  padding: 5px 30px;
  text-align: center;
  border: 3px solid #BDBDBD;
  border-top: none;
  border-radius: 0 0 6px 6px;
  font-weight: bold;
  font-size: 20px;
}
.sty-contets_step__item:first-child .sty-step__title-main-inner {
  padding: 5px 30px;
}
.sty-step__title-date-inner {
  display: inline-block;
  background-color: #E5E5E5;
  padding: 2px 15px;
  text-align: center;
  border-radius: 20px;
}
.sty-step__text {
  width : calc(100% - 220px) ;
  margin: 15px auto 0;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
.sty-step__offer {
  width : calc(100% - 220px) ;
  margin: 15px auto 0;
}

@media only screen and (max-width: 640px) {


.sty-contets_step__item::before {
  top: -1px;
  margin: auto;
  width: 100%;
  height: 10px;
  background-color: #BDBDBD;
  clip-path: polygon(50% 10px, 0% 0px, 100% 0px);
}
.sty-contets_step__item::after {
  top: -4px;
  margin: auto;
  width: 100%;
  height: 10px;
  background-color: #fff;
  clip-path: polygon(50% 10px, 0% 0px, 100% 0px);
}

.sty-contets_step__item-inner {
  margin-bottom: 15px;
}
.sty-contets_step__item-inner::before {
  left: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 60px;
  height: 60px;
}

.sty-step__title {
margin-top: 5px;
}

.sty-contets_step__item:first-child .sty-step__title {
  margin-top: 0;
}
.sty-step__title > div{
  width : calc(100% / 3) ;
}

.sty-step__title-main-inner {
  padding: 5px 10px;
  font-size: 18px;
}
.sty-contets_step__item:first-child .sty-step__title-main-inner {
  padding: 5px 10px;
}
.sty-step__title-date-inner {
  padding: 2px 10px;
  border-radius: 20px;
}
.sty-step__text {
  width : calc(100% - 120px) ;
  margin: 15px auto 0;
  font-size: 18px;
}
.sty-step__offer {
  width : calc(100% - 120px) ;

  margin: 15px auto 0;
}
}

.sty-heading4-01--sub {
  margin-top: 15px;
}

.sty-heading4-01--sub h4 {
  font-size: 16px;
}
.sty-heading4-01--sub span {
  font-size: 0.8em;
}

.sty-col3myn {
display: flex;
justify-content: space-between;
align-items: stretch;
margin-top: 15px;
}
.sty-col3myn__block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex: 1;
  background-color: #e3f3ea;
border-radius: 12px;
padding: 15px;
}
.sty-col3myn__block--fw {
  align-items: flex-end;
}
.sty-col3myn__block--c-red {
  background-color: #ffe7e7;
}

.sty-col3myn__block + .sty-col3myn__block {
margin-left: 15px;
}
.sty-col3myn__block--03 {
  flex: 3;
}
.sty-col3myn__item {
  flex: 1;
  padding: 0 15px;
}
.sty-col3myn__block--fw .sty-col3myn__item:nth-child(n+4) {
  margin-top: 15px;
}
.sty-col3myn__block--fw .sty-col3myn__item {
  width: calc(100%/3);
  flex: auto;
}
.sty-col3myn__item >*:first-child {
  margin-top: 0;
}
.sty-col3myn__item >*:nth-child(2) {
  margin-top: 5px;
}
.sty-col3myn__item--1-5 {
  flex: 1.5;
}
.sty-col3myn__item--max {
  width: 100%;
  flex: auto;
  margin-top: 15px;
}
@media only screen and (max-width: 640px){
  .sty-heading4-01--sub h4 {
    font-size: 14px;
  }
  .sty-heading4-01--sub span {
    font-size: 0.8em;
  }
  
  .sty-col3myn {
  flex-wrap: wrap;
  margin-top: 15px;
  }
  .sty-col3myn__block {
  padding: 5px;
  flex: auto;
  }

  .sty-col3myn__block + .sty-col3myn__block {
    margin-top: 15px;
    margin-left: 0;
  }
  .sty-col3myn__block--03 {
    flex: auto;
  }
  .sty-col3myn__item {
    flex: 1;
    padding: 5px;
  }
  .sty-col3myn__block--fw .sty-col3myn__item {
    width: calc(100%/3);
    flex: auto;
  }
  .sty-col3myn__item--1-5 {
    flex: 1;
  }
  .sty-col3myn__item--02 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
  }
  .sty-col3myn__item--rev {
    flex-flow: row-reverse;
  }
  .sty-col3myn__item--rev >*:nth-child(n) {
    margin-top: 0;
    flex: 2;
  }
  .sty-col3myn__item--rev >*:first-child {
    flex: 3;
  }
  .sty-col3myn__item--rev >*:last-child {
    margin-top: 0;
  }


  .sty-col3myn__item--max {
    
    width: 100%;
    flex: auto;
    margin-top: 15px;
  }
  .sty-spmt-00 {
    margin-top: 0;
  }

}

/* ========== column-group ========== */
.sty-column-group{
  display: flex;
  justify-content: center;
  align-items: center;
}
.sty-column-group_left{
  width: 25%;
  margin-right: 10px;
}
@media only screen and (max-width: 640px){
  .sty-column-group_left{
    width: 40%;
  }
  .sty-column-group_right{
    width: 60%;
  }
  .sty-column-group_ttl{
    font-size: 20px;
  }
}