@charset "UTF-8";


/*--------------------------------------------*/
body,input,textarea {
	font-family: /*"M PLUS Rounded 1c",*/"M PLUS 1p"/*"M PLUS 1",*/,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","メイリオ", meiryo, Osaka, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", sans-serif;
	font-style: normal;
	font-weight: 400/* 700 */;
}
* { box-sizing:border-box; }
body {
	margin:0px;
	padding:0px;
	font-size:100%;
	line-height:1em;
	color:#000;
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-webkit-font-feature-settings: 'palt' 1; // for Android 4.4
	font-feature-settings: 'palt' 1;
	min-width: 1400px;
}
header a, footer a { color:#364c63; text-decoration:none; display:inline-block; }

h1 { font-size:150%; }
h2 { font-size:140%; }
h3 { font-size:130%; }
h4 { font-size:120%; }
h5 { font-size:100%; }
h6 { font-size:100%; }
h1,h2,h3,h4,h5,h6,div,dl,dt,dd,p,a,table,tr,td,address,img,
header ul, footer ul{
	margin:0px;
	padding:0px;
	line-height:1.5em;
	text-align:left;
	font-style:normal;
	list-style:none outside;
}
ul { margin:1em 0; padding:0 0 0 2em; } li { line-height:1.3em; margin:0 0 .5em; }
header li, footer li { line-height:1em; margin:0; }
i,em { font-style:normal; } u { text-decoration:none; } sup,sub { font-size:60%; }
/*************/
#clear, .clear { clear:both; }
.c { margin-left:auto; margin-right:auto; }
.l { float:left; }
.r { float:right; }
.t_c { text-align:center; }
/*img.l { margin:0 10px 10px 0; }
img.r { margin:0 0 10px 10px; }*/

/* table */
table { width:100%; border-collapse:collapse; border-spacing:0; margin-top:20px; margin-bottom:20px; }
thead th, thead td { background:#000; color:#FFF; font-weight:bold; }
thead th           { border-bottom-color:#FFF; border-left-color:#FFF; border-right-color:#FFF; }
thead th:first-child { border-left-color:#000; border-right-color:#FFF; }
thead th:last-child  { border-left-color:#FFF; border-right-color:#000; }
thead th:only-child  { border-left-color:#000; border-right-color:#000; }
tbody th           { border-bottom-color:#FFF; }
th,td { border:1px solid #000; padding:15px; text-align:center; }
th { width:20%; background-color:#000; font-weight:bold; color:#FFF; }
td {  }
thead + tbody tr:first-child th { border-top-color:#FFF; }
tbody tr:first-child th { border-top-color:#000; }
tbody tr:last-child th  { border-bottom-color:#000; }

/* * */
ul.aster { list-style:none; padding:0; }
p.aster::before,
.aster li::before { content:"※"; }
p.aster,
.aster li { padding-left:1em; text-indent:-1em; margin:0; line-height:1.5em; }

/* -------------------------------------------- */
a 			{ text-decoration:underline; color:#0095FF; }
a:hover     { opacity:.50; text-decoration:none; }
/* nav a:hover { opacity:1; }
/* --------------------------------------------*/

/* inner */
.inner {
	display:block; clear:both; padding:0px; margin-left:auto; margin-right:auto;
	width:1000px; position:relative;
}


/* common */
header a {  }


/* pagetop *
.pagetop   {  }
.pagetop a {  }


/* footer ********** */
footer {  }



/* copyright */
.copyright {
	width:100%; padding:10px; margin-top:2.5em;
	text-align:right;
}


/* --------------------------------------------*/

/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* ¥*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* */
.clearfix:after { content:""; }

/* --------------------------------------------*/

/* header ********** */
header{ display:flex; flex-direction:column; justify-content:center; margin:0px; padding:0px; }
header div:first-of-type     { background:url("../../common/img/header_bg.jpg") repeat-x; height:113px; width:100%; display:flex; justify-content:center;}
header div:first-of-type img { width:882px; height:47px; margin:23px auto 0 auto; }
header div:nth-of-type(2)    { height:1270px;background: url("../../common/img/header_bg2.jpg") no-repeat; background-size:cover;  display:flex;  align-content:flex-start; flex-direction:column; position:relative; }
header div:nth-of-type(2) img { width: 1000px; align-self:center; }
header div h2{ display:flex; background:url("../../common/img/header_03.svg")0 / 100%; height:111px;width:1000px; align-items:center; justify-content:center; text-align:center; color:#fff; font-size: 2.25em; line-height: 1.2; margin:0 auto 40px auto; }


/* main ********** */

section#dl01 { height:700px; background:#f7f2ed; padding:100px 200px; position:relative; background:#f7f2ed url("../../common/img/dl01bg.png") repeat-x left bottom; }
section#dl01::before{ content:""; width:368px; height:187px; display:block; position:absolute; left:0; top:0; background:url("../../common/img/flag.png") no-repeat; }
section#dl01::after{ content:""; width:368px; height:187px; display:block; position:absolute; right:0; top:0; background:url("../../common/img/flag.png") no-repeat; transform: scale(-1,1); }

section#dl01 h3 { font-size:2.25em; color:#f87474; text-align:center; }
section#dl01 ul,section#dl02 ul { width:100%; display:flex; justify-content:space-between; align-content:center; list-style:none; margin:60px 0 0 0; padding:0; }
section#dl01 ul li,section#dl02 ul li { width:50%; display:flex; justify-content:center; flex-wrap: wrap; align-content:center;}
section#dl01 ul li a img ,section#dl02 ul a img{ height:60px; width:auto; }
section#dl01 ul li:nth-child(1),section#dl02 ul li:nth-child(1){gap:0 15px; border-right:solid 10px #000;}
section#dl01 ul li:nth-child(2),section#dl02 ul li:nth-child(2){gap:0 60px;}
section#dl01 ul li div,section#dl02 ul li div  { display:flex; flex-direction:column; justify-content:center; text-align:center;  width:117px;}
section#dl01 ul li div strong,section#dl02 ul li div strong{ display:block; font-weight:normal; margin-bottom:.5em; }
.text1 {
vertical-align: super;
font-size: 0.625em;
margin-top: -5px;
}



/* 操作 ********** */

section#operation    { background: url("../../common/img/operation_bg.gif") repeat; padding:80px 0 100px 0; }
section#operation .inner { width:1300px; overflow-x: hidden; }
section#operation h3 { margin-bottom:60px; text-align:center; }

section#operation .inner div { display:flex; justify-content:space-between; flex-wrap:nowrap; height:398px; width:100%; position:relative; margin-bottom: 4em;}
/*スマホ左イメージ*/
section#operation .inner div div:first-child { position:relative; height:398px; overflow:hidden; width:300px;   }
section#operation .inner div div:first-child img { width:180px; height:auto; position:absolute; left:10px; top:5px; border-radius:20px; }
section#operation .inner div div:first-child::before { position:absolute;  z-index:2; left: 0; top:0; background: url("../../common/img/operation_02.svg") no-repeat; background-size: cover; content:""; display:block;  width:200px; height:398px;}
section#operation .inner div div:nth-child(2){ width:1200px; height:398px; background:#fff; box-sizing:border-box; border-radius:20px; display:flex; flex-direction:column; padding: 2em; justify-content:flex-start; font-weight: 700;}

/*スマホ右*/
section#operation div.op2{ flex-direction:row-reverse; }
section#operation .inner div.op2 div:first-child::before{ right:0;left:auto; }
section#operation .inner div.op2 div:first-child img { right:10px;left:auto; }

/*スマホ横の白枠*/
section#operation div h4{ width:680px; font-size: 2.375em; border-radius:10px; color:#fff; box-sizing:border-box; padding:.5em; position:relative; margin-bottom:40px; }
section#operation div h4::after{ position:absolute; content:""; display:block; left:50px; bottom: -22px; width: 26px;   height: calc(26px / 2 * tan(60deg)); clip-path: polygon(0 0, 100% 0, 50% 100%); }
section#operation div h4 span{ font-size:0.632em;margin-right:5px; }

section#operation .inner div div:nth-child(2) p{font-size:2.125em;}


/* ステップ1 */
section#operation div.op1 h4,section#operation div.op1 h4::after { background:#F87474; }
section#operation div.op1 div:nth-child(2) img{ width:300px; display:inline-block; vertical-align:middle;}
section#operation div.op1 div:nth-child(2){ background-image: url("../../common/img/operation_09.png");  background-position:bottom 10px right 20px; background-repeat:no-repeat; }

section#operation div ul {margin:0;padding:0;list-style:none;}
section#operation div.op2 ul{ padding:0 0 0 180px; }
section#operation div ul li {font-size:2.125em; margin:0 0 5px 0; display:flex; align-items:flex-start;}
section#operation div ul li::before{ content:"●"; display:inline-block; margin:0 5px 0 0; padding:0; color:#F87474; }
section#operation div.op2 ul li::before { color:#3AB0FF; }

/* ステップ2 */
section#operation div.op2 h4,section#operation div.op2 h4::after { background:#3AB0FF; }
section#operation div.op2 div:nth-child(2) { background-image: url("../../common/img/operation_10.png");  background-position:bottom 10px left 20px; background-repeat:no-repeat; }
section#operation div.op2 div:nth-child(2) img            { width:146px; display:inline-block; vertical-align:middle; margin:0 .5em;}
/*section#operation div.op2 div:nth-child(2) p:nth-child(3) { text-align: right;margin-top: 1em; }*/
section#operation div.op2 div:nth-child(2) p{padding-left: 180px;}

section#operation div.op2 div:nth-child(2) p:nth-child(3) span {color:#ff7cad; position:relative; z-index:1;padding:0 .5em; }
section#operation div.op2 div:nth-child(2) p:nth-child(3) span::after { content: ""; display:block; background:#ffdeea; width:100%; height:18px; position:absolute; z-index:-1; bottom:-5px; right:0; }

/* ステップ3 */
section#operation div.op3 h4,section#operation div.op3 h4::after { background:#8aca4a; }
section#operation div.op3 div:nth-child(2) img{ width:165px; display:inline-block; vertical-align:middle; margin:0 .5em 0 0;}
section#operation div.op3 div:nth-child(2){ background-image: url("../../common/img/operation_11.png"); background-position:bottom 10px right 20px; background-repeat:no-repeat; }



/* ポイント ********** */
section#points { background-color:#ff86a8; position:relative; padding:60px 0 230px 0; z-index:2;}
section#points::before{  content: ""; width:100%; height:331px; background-image:url("../../common/img/points_bg2.png"); background-repeat:repeat-x; position:absolute; top:0; }
section#points::after{ z-index: -1; content: ""; width:100%; height:296px; background-image:url("../../common/img/points_bg.png"); background-repeat:repeat-x; position:absolute; bottom:0; }
section#points h3{ text-align:center; margin-bottom:125px; }
section#points ul{ display:flex; flex-wrap:nowrap; justify-content:space-between; list-style:none; position:relative; z-index:2; }
section#points ul li { background:#f9f2ed; box-sizing:border-box; border-radius:20px; width:300px; height:300px; padding: 40px; display:flex; justify-content:center; align-items:center; font-size:1.875em; font-weight: 700; text-align: justify; position:relative; }

section#points ul li::before{position:absolute; top:-70px; left:-30px; content:""; width: 227px; height:140px; display:block;}
section#points ul li::after{position:absolute; bottom:-10px; right:10px; content:""; display:block;}
/* ポイント1 */
section#points ul li:nth-child(1){ color:#367cbd; padding:40px 30px; }
section#points ul li:nth-child(1)::before{ background-image:url("../../common/img/points_02.png"); }
section#points ul li:nth-child(1)::after{ background-image:url("../../common/img/points_05.png"); width:89px; height:82px; }
/* ポイント2 */
section#points ul li:nth-child(2){ padding:0 30px; color:#42b137;}
section#points ul li:nth-child(2)::before{ background-image:url("../../common/img/points_03.png"); }
section#points ul li:nth-child(2)::after{ background-image:url("../../common/img/points_06.png"); width:82px; height:95px; }
/* ポイント3 */
section#points ul li:nth-child(3){ color:#bb74f8; padding:30px 25px; letter-spacing:-3px; }
section#points ul li:nth-child(3)::before{ background-image:url("../../common/img/points_04.png"); }
section#points ul li:nth-child(3)::after{ background-image:url("../../common/img/points_07.png"); width:64px; height:81px; }


/* faq ********** */
section#faq { background-color:#fff; padding:60px 0 230px 0; background:url("../../common/img/faq_02.png") repeat-x bottom; }
section#faq h3 { text-align:center; margin-bottom:70px; height:119px; display:block; background:url("../../common/img/faq_01.png") no-repeat top center; color:#6d5841; font-size:3em; line-height:2em; }

section#faq dl { margin:0; padding:0; }
section#faq dl dt { font-size:1.5em; color:#6d5841; padding:0 0 0 53px; margin:0 0 30px 0; font-weight:800; position:relative; }
section#faq dl dt::before    { content:"Q"; position:absolute; left:0; top:0; height:36px; width:36px; border-radius:18px; background:#f2b340; color:#fff; font-weight:800; text-align:center; font-size:1em;  }
section#faq dl dd            { padding:0 0 30px 0; margin:0 0 30px 0;color:#6d5841; border-bottom:dashed 1px #f2b340; }
section#faq dl dd:last-of-type { margin:0; border-bottom:initial; }

section#faq dl dd p.url_links { margin-top:1em; word-wrap:break-word; }

section#faq .inner { position: relative; }
section#faq .inner::after { content:""; display:block; width:275px; height:199px; position:absolute; right:0; bottom: -200px; background:url("../../common/img/faq_03.png") no-repeat; }

section#faq .inner p{ margin-top:2em; color:#6d5841; }

/* dl02 ********** */
section#dl02{padding:100px 0;background:url("../../common/img/dl02bg.gif") repeat; }
section#dl02 .inner { display:flex; flex-direction:column; justify-content:center; align-items:center; }
section#dl02 .inner h3 { text-align:center; }
section#dl02 .inner h3 img:nth-of-type(1){ width:109px; margin-bottom:30px; }
section#dl02 .inner h3 img:nth-of-type(2) { width:503px; }

section#dl02 ul li:nth-child(1) p{color:#fff;text-align:left; display:block; width: 100%; box-sizing: border-box;padding-left:30px;}
section#dl02 ul li:nth-child(1) p:nth-of-type(1){font-size: 1.5em; font-weight:800; margin-top:30px;}
section#dl02 ul li:nth-child(1) p:nth-of-type(3){margin-top:30px; font-size: 1.125em; font-weight:800;}
section#dl02 ul li:nth-child(1) p:nth-of-type(3) a { position:relative; padding-left:35px; color:#fff; text-decoration:underline dashed; text-underline-offset: 8px; }
section#dl02 ul li:nth-child(1) p:nth-of-type(3) a::before { display:block; position:absolute; left:0; top:0; height:26px; width:26px; border-radius:13px; background:#fff; content:url("../../common/img/dl02_01.png"); color:#00abf7; text-align:center; }


/* footer ********** */
footer { height:155px; display:flex; align-items:center; justify-content:center; }
footer .inner div  { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom:.5em;}
footer .inner span { color:#da7529; }
footer .inner p    { font-size:0.75em; color:#a9a9a9; }
footer .inner p a  { color:#a9a9a9; text-decoration:underline; }




ul.sns_top{ position:absolute; top:30px; left: calc(50% - 500px); display:flex; justify-content:flex-end; list-style:none; gap:0 1em; width:1000px; box-sizing:border-box; margin:30px auto 0 auto; padding-right:0px; }
ul.sns_top li { width:50px; height:50px; border-radius:25px; padding:0; margin:0; background:red; background:#fff; }
ul.sns_top li a { width:100%; height:100%; display:flex; justify-content:center; align-items:center; }
ul.sns_top li img{ width:auto; height:50%; margin:initial; }


/*sns 下の方のリンク*/

.spikes{
  position: relative;
  height: 30px;
  margin-bottom: 80px;
}

#sns.top_sns .spikes{
  background: #fff;
}

#sns.last_sns .spikes {
  background: #00aaf7;
}


.spikes::after {
  content: '';
  position: absolute;
  right: 0;
  left: -0%;
  top: 100%;
  z-index: 10;
  display: block;
  height: 50px;
  background-size: 50px 100%;
  background-position: 0 0;
}
#sns.top_sns .spikes::after{ background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%), linear-gradient(225deg, #ffffff 25%, transparent 25%);}

#sns.last_sns .spikes::after{ background-image: linear-gradient(135deg, #00aaf7 25%, transparent 25%), linear-gradient(225deg, #00aaf7 25%, transparent 25%);}

#sns{padding:0 0 80px 0;}
#sns { 
background-size: auto auto;
background-color: rgba(255, 251, 142, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 20px, rgba(255, 250, 98, 1) 20px, rgba(255, 250, 98, 1) 40px );
 }



#sns h3{ font-size:3em; text-align:center; color:#F87474; }
#sns h4{ font-size:1em;text-align:center; color:#F87474; }
/*#sns.top_sns h3,#sns.top_sns h4{ color:#fff; } */
#sns ul {display: flex; justify-content: center; list-style:none; gap:0 2em; margin:30px auto 0px auto; padding:0;}
#sns ul li      { width:80px; height:80px; border-radius:40px; padding:0; margin:0; background:red; background:#fff; }
#sns ul li a    { width:100%; height:100%; display:flex; justify-content:center; align-items:center; }
#sns ul li a img{ width:auto; height:50%; }



/*------------------------------------
scroll_up ｜下から上へ出現
------------------------------------*/

.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}


/*------------------------------------
scroll_left ｜左から出現
------------------------------------*/

.scroll_left {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(-30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_left.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}


/*------------------------------------
scroll_right ｜右から出現
------------------------------------*/

.scroll_right {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}








/*------------------------------------------------------------
	レスポンシブ
------------------------------------------------------------*/
.sp { display:none; }
@media (max-width: 768px){
	.sp { display:inline-block; }
	.pc { display:none; }


body { min-width:initial; }
header, #mv,.inner ,footer{ width:100%; }
.copyright       { padding:0; font-size:0.875em; }

/*------------------------------------
header
------------------------------------*/

ul.sns_top{ /*position:static;*/ gap:0 .3em; justify-content:flex-end; width: 100%; left:0; top:2%; margin:0; padding-right:20px; }
/*ul.sns_top::before{ content:"Follow us"; display:inline-block; line-height:40px; font-size:0.875em; font-weight:bold; color:#FFF; margin-right:10px;
 }*/
ul.sns_top li { width:2em; height:2em; border-radius:1em; aspect-ratio: 1 / 1;}
ul.sns_top li img{ width:auto !important; height:50% !important; }


header div:first-of-type      { justify-content:center; align-items:center; height:auto; padding:20px 20px 35px 20px; background-position:bottom; background-color:#fde403; gap:0 1em;  }
header div:first-of-type img,header div:nth-of-type(2) img  { width:100%; height:auto; }
header div:first-of-type img { margin:0 auto;  }
header div:nth-of-type(2){ width:100%; padding:0 30px; height:auto; padding-bottom:30px; }

header div:first-of-type p.sp { 
    font-weight:bold;
    font-size: min(4.2vw,20px);
    line-height: min(6vw,26px);

    color:#199a0c;


      text-shadow: 2px 2px 0 #fff,
             -2px 2px 0 #fff,
             2px -2px 0 #fff,
             -2px -2px 0 #fff;



}
header div:first-of-type p.sp span:nth-child(1) { color:#007ccf; }
header div:first-of-type p.sp span:nth-child(2) { color:#ff8a00; }
header div:first-of-type p.sp span:nth-child(3) { color:#e14a4a; }
header div:first-of-type p.sp span:nth-child(4) { color:#ff2591; letter-spacing:-2px; }


header div h2{
	width: 80%;
	padding:0%;
    position: relative;
    
    color: #FFF;
    line-height: 3em;
    text-align: center;
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 30px;
    margin-top:0;

    font-size: min(4vw,20px);
    line-height: min(6vw,26px);

    background: initial;
    height: 86px;
    background-color: #ff81b0;
    font-weight:normal;
    letter-spacing: -0.05em;

    z-index: 2;
}
header div h2:after,
header div h2:before{
    display: block;
    content: '';
    position: absolute;
    top:0;
    border-top: 43px solid #ff81b0;
    border-bottom: 43px solid #ff81b0;
    border-right: 2em solid transparent;
    border-left: 2em solid transparent;
    z-index: -1;
}
header div h2:after{ left: -2em; }
header div h2:before{ right: -2em; }

/*------------------------------------
main 
------------------------------------*/
section#dl01 { width:100%; padding:10% 30px 20% 30px; height:auto; }
section#dl01::before,section#dl01::after   { width:20%; height:0; padding-top:50.82%; background-size:100% auto; }
section#dl01 h3 { font-size:1em; }
section#dl01 ul, section#dl02 ul       { flex-direction:column; justify-items:center; margin:30px 0 0 0; }
section#dl01 ul li, section#dl02 ul li { width:100%; margin:0 auto; }
section#dl01 ul li:nth-child(1), section#dl02 ul li:nth-child(1){border-right:none; border-bottom:solid 2px #fff; margin-bottom:1em; padding-bottom:1em; flex-direction:column; align-items:center;}
section#dl01 ul li a img, section#dl02 ul a img { height:auto; width:200px; }
section#dl01 ul li div strong, section#dl02 ul li div strong { font-size:0.875em; }

/* 操作 ********** */
section#operation { padding:10% 0; overflow:hidden; }
section#operation .inner { width:100%; padding:0 30px; }
section#operation h3     { margin-bottom:30px; }
section#operation h3 img { width:100%; }
section#operation .inner div { height:auto; flex-wrap:wrap;position:static; display:block; }
section#operation .inner div div:first-child  { position:static; width:100%; height:300px; display:flex; justify-content:center; align-items:center; }
section#operation .inner div div:first-child::before { left:calc( 50% - 75px) !important; width:150px; height:296px; }
section#operation .inner div div:first-child img { left:calc( 50% - 68px) !important; width:134px; height:290px; }
section#operation .inner div div:nth-child(2) { width:100%; height:auto; }
section#operation div h4                        { width:100%; padding:10px; font-size:1em; margin-bottom:20px; }
section#operation div h4::after { bottom:-10px; width:13px; height:calc(13px / 2 * tan(60deg)); }
section#operation div h4 span                   { font-size:0.75em; }
section#operation .inner div div:nth-child(2) p { font-size:1.125em; }
/*section#operation .inner div div:nth-child(2) p br { display:none; }*/

section#operation .inner div{ margin-bottom:3em; }
section#operation .inner div div{ margin-bottom:1em; }
section#operation div.op1 div:nth-child(2) img { width:auto; height:80px; }
section#operation div.op2 div:nth-child(2) img,section#operation div.op3 div:nth-child(2) img { width:auto; height:50px; }
section#operation div.op1 div:nth-child(2),section#operation div.op2 div:nth-child(2),section#operation div.op3 div:nth-child(2) { background-image:none; position:relative; padding:1em; }
section#operation .inner div.op1 div:nth-child(2)::before{ content:''; background-image: url("../../common/img/operation_09.png"); background-size: contain; vertical-align:middle; width:120px; height:94px; display:block; background-repeat:no-repeat; position:absolute; right:-20px; bottom:-75px; }

section#operation div.op2 div:nth-child(2) img { margin:0 5px; }
/*section#operation div.op2 div:nth-child(2) p:nth-child(3){ text-align:initial; }*/
section#operation div.op2 ul { padding:0 }
section#operation .inner div.op2 div:nth-child(2)::before{ content:''; background-image: url("../../common/img/operation_10.png"); background-size: contain; vertical-align:middle; width:77px; height:70px; display:block; background-repeat:no-repeat; position:absolute; right:-20px; bottom:-45px; z-index:2; }
section#operation .inner div.op2 div:nth-child(2){ padding-bottom:25px; }


section#operation div.op2 div:nth-child(2) p:nth-child(3) span{  line-height: 2;
  padding:0 0 1px 0;
  display: inline; 
  background:linear-gradient(transparent 70%, #ffdeea 0%);}

section#operation div.op2 div:nth-child(2) p:nth-child(3) span::after{display:none;}
section#operation .inner div.op3 div:nth-child(2)::before{ content:''; background-image: url("../../common/img/operation_11.png"); background-size: contain; vertical-align:middle; width:80px; height:111px; display:block; background-repeat:no-repeat; position:absolute; right:-40px; bottom:-40px; }


section#operation div ul li {font-size:1.125em;}

/* ポイント ********** */
section#points{ padding:60px 0 150px 0; }
section#points::before { background-size:50%; }
section#points::after  { background-size:80%; background-position:bottom;}
section#points .inner  { width:100%; padding:0 30px; }
section#points h3      { margin-bottom:30px; }
section#points h3 img  { width:100%; }


section#points ul { flex-direction:column; gap:30px 0; margin:0; padding:0; }
section#points ul li { justify-content:flex-start; width: 100%; height:auto; font-size: 1em; padding:20px 100px 20px 80px!important;letter-spacing:0 !important;}
section#points ul li::before { width:100px; height:62px; background-size:contain; top:-20px; left:-20px; }
section#points ul li br{ display:none; }

/* faq ********** */
section#faq{ padding:30px 30px 150px 30px; background-size:auto 15%; }
section#faq .inner::after { width:150px; height:109px; background-size:contain; bottom:-120px; }
section#faq h3 { background-size:250px 60px; height:60px; line-height:50px; font-size:1.25em; margin-bottom:30px; }
section#faq dl dt { font-size:1.125em; padding:0 0 0 35px; margin-bottom:15px; }
section#faq dl dt::before { height:26px; width:26px; border-radius:13px; }


section#dl02{padding:30px;}
section#dl02 .inner h3 img:nth-of-type(1){ margin-bottom:0; }
section#dl02 .inner h3 img:nth-of-type(2){ width:100%; }
section#dl02 ul li:nth-child(1) p{ padding-left:0; font-size:1em !important; }
section#dl02 ul li div strong { color:#fff; }


/* sns ********** */
.spikes { margin-bottom:50px;}
#sns    { padding:0 0 50px 0; }
#sns h3{ font-size:1.5em; }
#sns h4{ font-size:1em; font-weight:normal; }

/* footer ********** */
footer{ height:auto; padding: 30px;}
footer .inner {
flex-direction: column;
align-items: flex-start;
}
footer .inner img{ width:60%;height:auto; }
footer .inner span{font-size: 0.875em;}

footer .inner div { margin-bottom:1em; }
footer .inner p { font-size:0.625em; }

}