@charset "UTF-8";

/*──────────────────────────────────
tieup
──────────────────────────────────*/
@media screen and (max-width: 767px) {
	.c_page-ttl__ttl{font-size: 4vw;}
  ._sec1 .c_sec__txt,
  ._sec2 .c_sec__txt,
  ._sec3 .c_sec__txt,
  ._sec4 .c_sec__txt,
  ._sec5 .c_sec__txt {
    margin-top: 2.23%;
  }

  ._sec1 .c_sec__txt:first-child,
  ._sec2 .c_sec__txt:first-child,
  ._sec3 .c_sec__txt:first-child,
  ._sec4 .c_sec__txt:first-child,
  ._sec5 .c_sec__txt:first-child {
    margin-top: 0;
  }
		.c_sec__txt-voice{
		padding: 10px;
		background: #fff0f3;
		font-size: 3.46667vw;
    line-height: 1.76923;
		margin-top: 2.23%;
	}
	.lead_img{
		width: 100%;
		text-align: center;
		margin-bottom: 5.22%;
	}
	.lead_img img{
		width: 80%;
		display: inline-block;
	}
  .c_middle-page-mv__main-ttl {
    background: #59c6f0;
  }

  .c_sec__main-ttl {
    background: url(/brand/feminina/img/tieup_advice/bg_sec_main-ttl--blue_sp.png) left bottom/336px 6.5px repeat-x;
    color: #58c7f0;
  }

  .c_sec__main-sttl {
		border-left: 4px solid #58c7f0;
    color: #58c7f0;
		padding: 1% 0 1% 3.23%;
    background-repeat: repeat;
    background-size: 5px 5px;
    font-size: 4vw;
    font-weight: 700;
    line-height: 1.33333;
		margin-top: 25px;
  }
  .c_sec__main-ssttl {
    color: #58c7f0;
    background-repeat: repeat;
    background-size: 5px 5px;
    font-size: 4vw;
    font-weight: 700;
    line-height: 1.33333;
		margin-top: 25px;
  }
  ._sec1 .c_sec__box {
    margin-top: 8.95%;
    background: #e9f7ff;
  }

  ._sec1 .c_sec__box .c_sec__figure {
    margin-top: 0;
    margin-bottom: 0;
  }

  ._sec1 .c_sec__box__ttl {
    margin-top: 4.47%;
    color: #59c6f0;
    font-weight: 700;
  }

  ._sec2 .c_maker {
    color: #504d4b;
  }

  ._sec2__teachList__que {
    text-align: left;
  }

  ._sec2__teachList__ans {
    margin-bottom: 2%;
    padding: 2.98% 1.49% 2.23% 2.23%;
    color: #504d4b;
  }

  ._sec2__teachList__ans .c_sec__txt {
    margin-top: 0;
  }

  ._sec2__teachList__ans .c_sec__txt:first-child {
    margin-bottom: 2.23%;
  }

  ._sec2__teachList__ans .c_maker:first-child {
    font-size: 15px;
    font-size: 4vw;
    line-height: 1.33333;
  }

  ._sec2__teachList__ans .c_sec__figure {
    margin-top: 2.23%;
    margin-bottom: 0;
  }

  ._sec5__att {
    margin-top: 3.73%;
    font-size: 10.5px;
    font-size: 2.8vw;
  }
	.c_sec__main-list{
		margin-top: 1em;
		font-size: 3.46667vw;
    line-height: 1.76923;
	}
		.c_sec__main-list li{
		display: block;
		position: relative;
		padding: 0 0 0 1.5em;
	}
	.c_sec__main-list li:after{
		content: "・";
		display: inline-block;
		color: #58c7f0;
		position: absolute;
		left: 0;
		top: 0;
	}
  .teachList_check {
    margin-top: 16px;
    padding: 16px 16px 6px;
    background: #e9f7ff;
  }

  .teachList_check ul li {
    margin: 0 0 12px;
    padding: 0 0 0 24px;
    background: url(/brand/feminina/img/tieup_advice/icon_check--blue_sp.png) no-repeat 0 1px;
    background-size: 17px;
    font-size: 13px;
    line-height: 1.5;
  }

  #sec3 .c_sec {
    margin-top: 40px;
  }

  .teachList_sheet {
    width: 100%;
    margin: 8px 0 0 0;
    padding: 15px 20px 20px 20px;
    border: solid 3px #ffe7eb;
    border-radius: 5px;
    background: #fefcf8 url(/brand/feminina/img/tieup_advice/bg_sheet_sp.png);
    background-size: 6px;
  }

  .teachList_sheet h4 {
    margin: 0 0 13px;
    color: #ef768b;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
  }

  .teachList_sheet ul li {
    margin: 0 0 12px;
    padding: 0 0 0 24px;
    background: url(/brand/feminina/img/tieup_advice/icon_check--pink_sp.png) no-repeat;
    background-size: 17px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
  }

  .teachList_sheet .illust {
    margin-top: 20px;
    text-align: center;
  }

  .teachList_sheet .illust img {
    display: inline;
    width: 40vw;
    height: auto;
  }

  .c_link {
    margin-top: 40px;
    border-top: 1px dotted #e5e5e5;
  }
}
.c_page-ttl__logo-area {
    width: 100%;
    margin-top: 0;
    padding: 10px;
    font-size: 3vw;
}
@media print,
screen and (min-width: 768px) {
	.c_page-ttl__logo-area {
    width: 990px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
	font-size: 12px;
}
	.c_page-ttl__ttl{font-size: 28px;}
  ._sec1 .c_sec__txt,
  ._sec2 .c_sec__txt,
  ._sec3 .c_sec__txt,
  ._sec4 .c_sec__txt,
  ._sec5 .c_sec__txt {
    margin-top: 2.23%;
  }

  ._sec1 .c_sec__txt:first-child,
  ._sec2 .c_sec__txt:first-child,
  ._sec3 .c_sec__txt:first-child,
  ._sec4 .c_sec__txt:first-child,
  ._sec5 .c_sec__txt:first-child {
    margin-top: 0;
  }
	.c_sec__txt-voice{
		padding: 10px;
		background: #fff0f3;
		font-size: 16px;
    line-height: 1.6;
		margin-top: 1.5%;
	}
	.lead_img{
		width: 100%;
		text-align: center;
		margin-bottom: 40px;
	}
	.lead_img img{
		display: inline-block;
	}
  .c_sec__main-ttl {
    background: url(/brand/feminina/img/common/component/sec/bg_sec_main-ttl--blue_pc.png) left bottom/100% auto no-repeat;
    color: #58c7f0;
  }
  .c_sec__main-sttl {
   
		border-left: 4px solid #58c7f0;
    color: #58c7f0;
		padding: 5px 0 5px 10px;
    background-repeat: repeat;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
		margin-top: 50px;
  }
  .c_sec__main-ssttl {
    color: #58c7f0;
    background-repeat: repeat;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
		margin-top: 50px;
  }
  ._sec1 .c_sec__box {
    *zoom: 1;
    margin-top: 40px;
    background: #e9f7ff;
  }

  ._sec1 .c_sec__box:after {
    display: table;
    clear: both;
    content: "";
  }

  ._sec1 .c_sec__box .c_sec__figure {
    margin-top: 0;
    margin-bottom: 0;
    float: left;
  }

  ._sec1 .c_sec__box__txt-wrap {
    width: 720px;
    float: right;
  }
	.c_sec__main-list{
		margin-top: 1em;
		font-size: 16px;
    line-height: 1.6;
	}
	.c_sec__main-list li{
		display: block;
		position: relative;
		padding: 0 0 0 1.5em;
	}
	.c_sec__main-list li:after{
		content: "・";
		display: inline-block;
		color: #58c7f0;
		position: absolute;
		left: 0;
		top: 0;
	}
  ._sec1 .c_sec__box__ttl {
    margin-top: 12px;
    color: #59c6f0;
    font-size: 18px;
    font-weight: 700;
  }

  .c_sec__box__txt-wrap .c_sec__txt {
    margin-top: 5px;
  }

  ._sec2 .c_maker {
    color: #504d4b;
  }

  ._sec2__teachList__que {
    text-align: left;
  }

  ._sec2__teachList__ans {
    margin-bottom: 20px;
    padding: 20px 10px 10px 10px;
    color: #504d4b;
  }

  ._sec2__teachList__ans .c_sec__txt {
    margin-top: 0;
  }

  ._sec2__teachList__ans .c_sec__txt:first-child {
    margin-bottom: 15px;
  }

  ._sec2__teachList__ans .c_maker:first-child {
    font-size: 18px;
  }

  ._sec2__teachList__ans .c_sec__figure {
    margin-bottom: 0;
    margin-left: -10px;
  }



  .teachList_check {
    padding: 16px 16px 6px;
    background: #e9f7ff;
  }

  .teachList_check ul li {
    margin: 0 0 12px;
    padding: 0 0 0 32px;
    background: url(/brand/feminina/img/tieup_advice/icon_check--blue_pc.png) no-repeat;
    font-size: 16px;
    line-height: 1.75;
  }

  #sec3 .c_sec {
    margin-top: 40px;
  }

  ._sec3__column {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }

  ._sec3__column__img {
    margin-top: 0;
  }



  .teachList_sheet {
    width: 450px;
    margin: 10px 18px 8px 0;
    padding: 35px 20px 35px 40px;
    float: left;
    border: solid 3px #ffe7eb;
    border-radius: 10px;
    background: #fefcf8 url(/brand/feminina/img/tieup_advice/bg_sheet_pc.png);
  }

  .teachList_sheet h4 {
    margin: 0 0 13px;
    color: #ef768b;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.28;
    text-align: center;
  }

  .teachList_sheet ul li {
    margin: 0;
    padding: 1px 0 12px 32px;
    background: url(/brand/feminina/img/tieup_advice/icon_check--pink_pc.png) no-repeat;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
  }

  .teachList_sheet .illust {
    margin-top: 20px;
    text-align: center;
  }

  .teachList_sheet .illust img {
    display: inline;
  }

  .c_link {
    margin-top: 40px;
    border-top: 1px dotted #e5e5e5;
  }
}