@charset "UTF-8";
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

@font-face {
  font-family: "Biko_Black";
  src: url("../fonts/Biko_Black.woff") format("woff"), url("../fonts/Biko_Black.woff2") format("woff2");
}
@font-face {
  font-family: "Biko_Regular";
  src: url("../fonts/Biko_Regular.woff") format("woff"), url("../fonts/Biko_Regular.woff2") format("woff2");
}


/* commmon */
html {  }
body { position:relative; color:#1e1f20; line-height:2.0; /*font-family:'Roboto', 'Noto Sans JP', Arial, sans-serif;*/ font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size:0.8em; font-weight:400; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; -webkit-text-size-adjust:100%; letter-spacing:0.0em; overflow-wrap: break-word; word-wrap:break-word; }
body {  }

::selection { text-shadow:0 0 2px #1e1f20; background:rgba(183,100,236,0.1); }
::-moz-selection { text-shadow:0 0 2px #1e1f20; background:rgba(183,100,236,0.1)/*#152E3D*/; }

* { box-sizing:border-box; }

a { color:inherit; text-decoration:none; }
a:visited { color:#111; }
a:hover {  }
a img { border:0; }
img { vertical-align:top; }
hr { margin:0 0 20px 0; padding:0; border:0; }
div { word-break:break-all; }


/* .Head */
.Head { position:fixed; z-index:50; width:100%; min-height:60px; padding-top:0px; background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); }
.Head.fixed { position:fixed; top:0; left:0; width:100%; animation-name:slideIn; animation-duration:3.0s; animation-timing-function:ease-in; animation-iteration-count:1; }
.HeadInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; position:relative; z-index:2; width:90%; min-height:auto; margin:0 auto; }
.Head .Logo { display:block; width:100%; margin:10px auto 10px auto; text-align:left; }
.Head .Logo img { position:relative; top:7px; width:75%; height:auto; object-fit:cover; }
.Head .Txt { display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; position:fixed; left:0; bottom:0; width:100%; background:#fff; }
.Head .Phone { width:50%; color:#EC4944; line-height:1.0; font-size:1.2rem; font-weight:bold; text-align:center; }
.Head .Phone a  { display:block; }
.Head .Phone svg  { width:auto; height:0.7em; margin-right:-0.2em; fill:#EC4944; overflow:visible; enable-background:new 0 0 26.9 26.09; }
.Head .Phone small  { display:block; color:#000; font-size:0.6rem; font-weight:normal; }
.Head .Mail { width:50%; }
.Head .Mail a { display:block; padding:15px 5px; border-radius:0; color:#fff; line-height:1.3; font-size:1.0rem; font-weight:bold; text-align:center; background:#EC4944; }
.Head .Mail a:hover { opacity:0.8; }
.Head .Mail svg { position:relative; top:0.1em; width:auto; height:1.0em; fill:#fff; }

.Head nav {  }
.Head nav .trigger { display:block; position:fixed; top:0; right:0; z-index:101; width:60px; height:61px; background:#009844; opacity:0.9; }
.Head nav .trigger::before { content:''; display:block; position:absolute; top:50%; left:50%; z-index:10; width:24px; height:2px; background:#fff; box-shadow:0 8px 0 0 rgba(255,255,255,1), 0 -8px 0 0 rgba(255,255,255,1); transform:translate(-50%,-50%); transition:0.2s; }
.Head nav .trigger.active::before { content:''; display:block; position:absolute; top:50%; left:50%; z-index:10; width:24px; height:2px; background:#fff; box-shadow:0 0 0 0 rgba(255,255,255,0), 0 0 0 0 rgba(255,255,255,0); transform:translate(-50%,-50%) rotate(45deg); transition:0.2s; }
.Head nav .trigger.active::after { content:''; display:block; position:absolute; top:50%; left:50%; z-index:10; width:24px; height:2px; background:#fff; box-shadow:0 0 0 0 rgba(255,255,255,0), 0 0 0 0 rgba(255,255,255,0); transform:translate(-50%,-50%) rotate(-45deg); transition:0.2s; }
.Head nav ul { display:none; flex-flow:row wrap; justify-content:space-between; align-items:center; width:1080px; margin:0 auto; padding:3px 0; }
.Head nav ul.active { display:block; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; margin:0 auto; padding:0 0; background:#009844; opacity:0.9; }
.Head nav li { list-style:none; width:100%; border-right:#009844 1px solid; }
.Head nav li.forSP { display:block !important; }
.Head nav li.forPC { display:none !important; }
.Head nav li:last-child { border-right:0; cursor:pointer; }
.Head nav a { display:block; width:100%; padding:0 20px; border-bottom:rgba(255,255,255,0.5) 1px dotted; color:#fff; line-height:60px; font-size:1.0em; text-align:left; white-space:nowrap; letter-spacing:-0.05em; }
.Head nav a.trigger {  border-bottom:0 !important; }

a.cv { display:block; position:absolute; left:50%; bottom:-40px; z-index:5; min-width:90%; border-radius:50px; padding:15px; font-size:0.9em; font-weight:bold; line-height:1.3; text-align:center; color:#fff; text-shadow:0 0 6px rgba(0,0,0,0.4); letter-spacing:-0.05em; background:linear-gradient(180deg, rgba(244,189,61,1) 0%, rgba(244,178,24,1) 100%); box-shadow:0 2px 7px 0 rgba(0,0,0,0.2); transform:translate(-50%,0); transition:0.2s; }
a.cv b { font-size:1.3em; }
a.cv br { display:inline-block; }
a.cv .material-icons { position:relative; top:0.1em; margin-left:0.6em; font-size:1.0em; }

a:hover.cv { display:block; position:absolute; left:50%; bottom:-42px; z-index:5; min-width:90%; margin-bottom:-2px; border-radius:50px; padding:15px; font-size:0.9em; font-weight:bold; line-height:1.3; text-align:center; color:#fff; text-shadow:0 0 6px rgba(0,0,0,0.4); background:linear-gradient(180deg, rgba(244,178,24,1) 0%, rgba(244,189,61,1) 100%); box-shadow:0 0px 7px 0 rgba(0,0,0,0.2); transform:translate(-50%,0); transition:0.2s; }
a:hover.cv b { font-size:1.3em; }
a:hover.cv br { display:inline-block; }
a:hover.cv .material-icons { position:relative; top:0.1em; margin-left:0.6em; font-size:1.0em; }

@media screen and (min-width:728px) {
.Head { position:fixed; width:100%; min-width:1080px; padding-top:0px; top:0px; background:#fff; }
.Head.fixed { position:fixed; top:0; left:0; width:100%; animation-duration:2.0s; animation-timing-function:ease-in; animation-iteration-count:1; }
.HeadInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; position:relative; z-index:2; width:100%; min-height:80px; margin:0 auto; }
.Head .Logo { display:block; width:27%; margin:0; padding:0 0 0 20px; text-align:left; }
.Head .Logo img { top:0; width:100%; height:auto; object-fit:cover; }
.Head .Txt { display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; position:relative; left:auto; bottom:auto; z-index:50; width:71%; background:transparent; }
.Head .Phone { width:220px; color:#EC4944; line-height:1.0; font-size:1.6rem; font-weight:bold; text-align:center; letter-spacing:-0.01em; }
.Head .Phone a  { display:block; }
.Head .Phone svg  { position:relative; top:-0.035em; width:auto; height:0.7em; margin-right:-0.2em; fill:#EC4944; overflow:visible; enable-background:new 0 0 26.9 26.09; }
.Head .Phone small  { display:block; color:#000; font-size:0.8rem; font-weight:normal; }
.Head .Mail { width:120px; }
.Head .Mail a {display: block;height: 80px;padding: 20px 10px;color: #fff;line-height: 1.3;font-size: 0.9rem;font-weight: bold;text-align: center;background: #EC4944;padding-top: 10px;}
.Head .Mail svg { display:block; position:relative; top:0.1em; width:auto; height:1.5em; margin:0 auto 3px; fill:#fff; }
.Head .Mail2 a { display: flex;justify-content: center;align-items: end; font-size: 1rem; padding-bottom: 15px;}
.Head .cloud a {background: #24407F;}
.Head nav { display:block; position:relative; top:auto; left:auto; width:calc(100% - 460px); height:auto; background:transparent; }
.Head nav .trigger { display:none; }
.Head nav ul { display:block; width:100%; height:auto; margin:0 auto; padding:0 20px 0 0; text-align:center; }
.Head nav li { display:inline-block; list-style:none; width:auto; border:0; margin-left:1.3vw; }
.Head nav li:first-child { margin-left:0; }
.Head nav li:last-child { cursor:pointer; }
.Head nav a { display:inline-block; position:relative; padding:10px 0; color:#000; font-size:0.9vw; text-align:center; white-space:inherit; letter-spacing:0.00em; line-height:1.8 !important; }
.Head nav a::before { content:''; display:block; position:absolute; left:-5%; bottom:0; width:0; height:2px; background:#009844; transition:0.25s; }
.Head nav a:hover::before { content:''; display:block; position:absolute; left:-5%; bottom:0; width:110%; height:2px; background:#009844; transition:0.25s; }
.Head nav li.forSP { display:none !important; }
.Head nav li.forPC { display:inline-block !important; }

a.cv { display:block; position:absolute; left:50%; bottom:-40px; z-index:5; min-width:720px; border-radius:50px; padding:25px; font-size:1.4rem; font-weight:bold; text-align:center; color:#fff; text-shadow:0 0 6px rgba(0,0,0,0.4); background:linear-gradient(180deg, rgba(244,189,61,1) 0%, rgba(244,178,24,1) 100%); box-shadow:0 2px 7px 0 rgba(0,0,0,0.2); transform:translate(-50%,0); transition:0.2s; }
a.cv b { font-size:1.2em; }
a.cv br { display:none; }
a.cv .material-icons { position:relative; top:0.1em; margin-left:0.6em; font-size:1.0em; }

a:hover.cv { display:block; position:absolute; left:50%; bottom:-43px; z-index:5; min-width:720px; margin-bottom:-3px; border-radius:50px; padding:25px; font-size:1.4rem; font-weight:bold; text-align:center; color:#fff; text-shadow:0 0 6px rgba(0,0,0,0.4); background:linear-gradient(180deg, rgba(244,178,24,1) 0%, rgba(244,189,61,1) 100%); box-shadow:0 0px 7px 0 rgba(0,0,0,0.2); transform:translate(-50%,0); transition:0.2s; }
a:hover.cv b { font-size:1.2em; }
a:hover.cv br { display:none; }
a:hover.cv .material-icons { position:relative; top:0.1em; margin-left:0.6em; font-size:1.0em; }
}

.Slide { padding-top:60px; }
.Slide .SlideInner { position:relative; width:100%; height:auto; }
.Slide figure { margin:0 !important; padding:0 !important; }
.Slide img.pc { display:none; width:100%; height:100%; object-fit:cover; }
.Slide img.sp { display:block; width:100%; height:100%; object-fit:cover; }

@media screen and (min-width:728px) {
/* .Slide */
.Slide { padding-top:80px; }
.Slide .SlideInner { position:relative; width:100%; height:auto; }
.Slide figure { margin:0 !important; padding:0 !important; }
.Slide img.pc { display:block; width:100%; height:100%; object-fit:cover; }
.Slide img.sp { display:none; width:100%; height:100%; object-fit:cover; }
}

.Point { position:relative; padding:70px 0 50px; background:#ffffee url('../images/bg01.gif') repeat center center; background-size:10px; }
.Point .PointInner { width:90%; height:auto; margin:0 auto; }
.Point header {  }
.Point header h2 { margin-bottom:40px; line-height:1.6; font-size:1.3rem; font-weight:bold; text-align:center; }
.Point header h2 img { position:relative; top:0.0em; width:100%; height:auto; margin-right:0.2em; }
.Point header h2 small { display:block; }
.Point header h2 b { color:#009844; font-size:1.2em; }
.Point figure { display:block; width:40%; margin:0 auto 20px !important; text-align:center; }
.Point img { width:100%; height:100%; object-fit:cover; }
.Point ul { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; }
.Point li { position:relative; width:100%; margin-bottom:45px; background:#fff; box-shadow:0 5px 8px 0 rgba(0,0,0,0.075); }
/* .Point li::after { content:''; display:block; position:absolute; top:50%; left:505; width:150%; height:200%; background:rgba(0,0,0,0.03); transform:translate(10.5%,-21%) rotate(45deg); } */
.Point .badge { display:block; position:absolute; top:-20px; left:20px; z-index:5; font-family:'Biko_Regular', sans-serif; font-size:44px; font-weight:bold; line-height:1.0; text-align:center; }
.Point .badge small { display:block; margin:0; font-size:21px; }
.Point .badge img { width:auto; height:1.2em; }
.Point li:nth-child(odd) .badge { color:#EC4944; }
.Point li:nth-child(even) .badge { color:#009844; }
.Point li .PointWrap { position:relative; top:0; left:0; overflow:hidden; margin:0; padding:25px 25px 40px; background:#fff url('../images/shadow.png') no-repeat right top; background-size:100% 100%; box-shadow:0 5px 0 0 rgba(0,0,0,0.075); }
/*.Point li .PointWrap::after { content:''; display:block; position:absolute; top:50%; left:10%; width:150%; height:200%; background:rgba(0,0,0,0.03); transform:translate(10.5%,-21%) rotate(45deg); }*/
.Point li dt { margin-bottom:12px; font-size:1.6em; font-weight:bold; text-align:center; }
.Point li dd { line-height:1.4; font-size:1.2em; text-align:justify; }

@media screen and (min-width:728px) {
/* .Point */
.Point { position:relative; padding:80px 0 50px; background:#ffffee url('../images/bg01.gif') repeat center center; background-size:10px; }
.Point .PointInner { width:1080px; height:auto; margin:0 auto; }
.Point header {  }
.Point header h2 { margin-bottom:40px; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.Point header h2 img { position:relative; top:0.0em; width:auto; height:1.7em; margin-right:0.2em; }
.Point header h2 small { display:block; }
.Point header h2 b { color:#009844; font-size:1.3em; }
.Point figure { display:block; width:40%; margin:0 auto 20px !important; text-align:center; }
.Point img { width:100%; height:100%; object-fit:cover; }
.Point ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }
.Point li { position:relative; width:31.5%; margin:0 0 45px; background:#fff; box-shadow:0 5px 8px 0 rgba(0,0,0,0.075); }
/* .Point li::after { content:''; display:block; position:absolute; top:50%; left:505; width:150%; height:200%; background:rgba(0,0,0,0.03); transform:translate(10.5%,-21%) rotate(45deg); } */
.Point .badge { display:block; position:absolute; top:-15px; left:20px; z-index:5; font-family:'Biko_Regular', sans-serif; font-size:44px; font-weight:bold; line-height:1.0; text-align:center; }
.Point .badge small { display:block; margin:0; font-size:21px; }
.Point .badge img { width:auto; height:1.3em; }
.Point li:nth-child(odd) .badge { color:#EC4944; }
.Point li:nth-child(even) .badge { color:#009844; }
.Point li .PointWrap { position:relative; top:0; left:0; overflow:hidden; margin:0; padding:70px 25px; background:#fff url('../images/shadow.png') no-repeat right top; background-size:100% 100%; box-shadow:0 5px 0 0 rgba(0,0,0,0.075); }
/*.Point li .PointWrap::after { content:''; display:block; position:absolute; top:50%; left:10%; width:150%; height:200%; background:rgba(0,0,0,0.03); transform:translate(10.5%,-21%) rotate(45deg); }*/
.Point li dt { margin-bottom:12px; font-size:1.6em; font-weight:bold; text-align:center; }
.Point li dd { line-height:1.4; font-size:1.2em; text-align:justify; }

}

.Concept { position:relative; padding:70px 0 70px; background:url('../images/bg02.jpg') no-repeat center center; background-size:cover; }
.ConceptInner { width:86%; height:auto; margin:0 auto; }
.Concept header {  }
.Concept header h2 { position:relative; margin-bottom:40px; color:#007333; line-height:1.6; font-size:1.3rem; font-weight:bold; text-align:center; }
.Concept header h2::after { content:'Strengths'; position:absolute; z-index:1; top:50%; left:50%; font-family:'Biko_Regular', sans-serif; font-size:2.0em; letter-spacing:0.0em; white-space:nowrap; transform:translate(-50%, -50%); opacity:0.12 }
.Concept figure { display:block; width:100%; margin:0 auto 20px !important; text-align:center; }
.Concept img { width:100%; height:100%; object-fit:cover; }
.Concept ul { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; }
.Concept li { width:100%; }
.Concept li:first-child { margin-bottom:30px; }
.Concept h3 { color:#007333; font-size:1.6em; font-weight:bold; text-align:center; letter-spacing:0.05em; }
.Concept figure { display:block; margin-bottom:20px; }
.Concept img { width:100%; height:100%; object-fit:cover; }
.Concept p { line-height:1.4; font-size:1.2em; }
.Concept .adjust { letter-spacing:0; }

@media screen and (min-width:728px) {
/* Concept */
.Concept { position:relative; padding:100px 0; background:url('../images/bg02.jpg') no-repeat center center; background-size:cover; }
.ConceptInner { width:800px; height:auto; margin:0 auto; }
.Concept header {  }
.Concept header h2 { position:relative; margin-bottom:40px; color:#007333; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.Concept header h2::after { content:'Strengths'; position:absolute; z-index:1; top:50%; left:50%; font-family:'Biko_Regular', sans-serif; font-size:2.0em; letter-spacing:0.2em; white-space:nowrap; transform:translate(-50%, -50%); opacity:0.12 }
.Concept figure { display:block; width:100%; margin:0 auto 20px !important; text-align:center; }
.Concept img { width:100%; height:100%; object-fit:cover; }
.Concept ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }
.Concept li { width:42%; }
.Concept li:first-child { margin-bottom:0; }
.Concept h3 { color:#007333; font-size:1.6em; font-weight:bold; text-align:center; letter-spacing:0.05em; }
.Concept figure { display:block; margin-bottom:20px; }
.Concept img { width:100%; height:100%; object-fit:cover; }
.Concept p { line-height:1.4; font-size:1.2em; }

}

.Task { position:relative; padding:70px 0 50px; background:#ffffee url('../images/bg03.jpg') repeat center center; background-size:cover; }
.TaskInner { width:90%; height:auto; margin:0 auto; }
.Task header {  }
.Task header h2 { margin-bottom:40px; line-height:1.6; font-size:1.3rem; font-weight:bold; text-align:center; }
.Task header h2 img { position:relative; top:0.0em; width:auto; height:1.3em; margin-right:0.2em; }
.Task header h2 small { display:inline-block; }
.Task header h2 b { color:#009844; font-size:1.2em; }
.Task header h2 b.red { color:#EC4944; font-size:1.2em; }
.Task figure { display:block; width:100%; margin:0 auto 20px !important; text-align:center; }
.Task img { width:100%; height:100%; object-fit:cover; }
.Task ul { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; }
.Task li { position:relative; width:100.0%; margin-bottom:45px; background:#fff; box-shadow:0 5px 8px 0 rgba(0,0,0,0.075); }
.Task .badge { display:block; position:absolute; top:-20px; left:20px; z-index:5; font-size:44px; font-weight:bold; line-height:1.0; text-align:center; }
.Task .badge small { display:block; margin:0; font-size:21px; }
.Task .badge img { width:auto; height:1.2em; }
.Task li:nth-child(odd) .badge { color:#EC4944; }
.Task li:nth-child(even) .badge { color:#009844; }
.Task li .TaskWrap { position:relative; top:0; left:0; overflow:hidden; margin:0; padding:25px 25px 30px; background:#fff url('../images/shadow.png') no-repeat right top; background-size:100% 100%; box-shadow:0 5px 0 0 rgba(0,0,0,0.075); }
/*.Task li .TaskWrap::after { content:''; display:block; position:absolute; top:50%; left:10%; width:150%; height:200%; background:rgba(0,0,0,0.03); transform:translate(10.5%,-21%) rotate(45deg); }*/
.Task li h3 { margin-bottom:12px; font-size:1.6em; font-weight:bold; text-align:center; }
.Task li p { line-height:1.4; font-size:1.2em; text-align:justify; }

@media screen and (min-width:728px) {
/* .Task */
.Task { position:relative; padding:80px 0 50px; background:#ffffee url('../images/bg03.jpg') repeat center center; background-size:cover; }
.TaskInner { width:1080px; height:auto; margin:0 auto; }
.Task header {  }
.Task header h2 { margin-bottom:40px; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.Task header h2 img { position:relative; top:0.0em; width:auto; height:1.7em; margin-right:0.2em; }
.Task header h2 small { display:inline-block; }
.Task header h2 b { color:#009844; font-size:1.3em; }
.Task header h2 b.red { color:#EC4944; font-size:1.3em; }
.Task figure { display:block; width:86%; margin:0 auto 20px !important; text-align:center; }
.Task img { width:100%; height:100%; object-fit:cover; }
.Task ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }
.Task li { position:relative; width:31.5%; margin-bottom:45px; background:#fff; box-shadow:0 5px 8px 0 rgba(0,0,0,0.075); }
.Task .badge { display:block; position:absolute; top:-20px; left:20px; z-index:5; font-size:44px; font-weight:bold; line-height:1.0; text-align:center; }
.Task .badge small { display:block; margin:0; font-size:21px; }
.Task .badge img { width:auto; height:1.3em; }
.Task li:nth-child(odd) .badge { color:#EC4944; }
.Task li:nth-child(even) .badge { color:#009844; }
.Task li .TaskWrap { position:relative; top:0; left:0; overflow:hidden; margin:0; padding:40px 25px; background:#fff url('../images/shadow.png') no-repeat right top; background-size:100% 100%; box-shadow:0 5px 0 0 rgba(0,0,0,0.075); }
/*.Task li .TaskWrap::after { content:''; display:block; position:absolute; top:50%; left:10%; width:150%; height:200%; background:rgba(0,0,0,0.03); transform:translate(10.5%,-21%) rotate(45deg); }*/
.Task li h3 { margin-bottom:12px; font-size:1.6em; font-weight:bold; text-align:center; }
.Task li p { line-height:1.4; font-size:1.2em; text-align:justify; }

}

/* .Function */
.Function { position:relative; padding:80px 0 70px; background:#ffffee url('../images/bg05.jpg') repeat center center; background-size:cover; }
.FunctionInner { width:90%; height:auto; margin:0 auto; }
.Function header {  }
.Function header h2 { position:relative; margin-bottom:40px; color:#007333; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.Function header h2::after { content:'Features'; position:absolute; top:50%; left:50%; z-index:1; color:#3A836D; line-height:1.0; font-family:'Biko_Regular', sans-serif; font-size:2.0rem; font-weight:bold; text-align:center; letter-spacing:0; white-space:nowrap; transform:translate(-50%,-50%); opacity:0.2; }
.Function figure { display:block; width:86%; margin:0 auto 10px !important; text-align:center; }
.Function img { width:50%; height:50%; object-fit:cover; }
.FunctionWrap { display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; }
.FunctionWrap > li { position:relative; width: 100.0%; height:auto; margin:0 1.5% 25px; padding:45px 0; background:#fff; box-shadow:0 5px 8px 0 rgba(0,0,0,0.075); cursor:pointer; transition:0.4s; }
.FunctionWrap > li:hover { box-shadow:0 5px 8px 0 rgba(0,0,0,0.075), inset 0 0 0 4px rgba(0,152,68,1); transition:0.4s; }
	.FunctionWrap > li:nth-child(1)::before { content:'01'; position:absolute; left:-15px; top:-15px; width:60px; height:60px; border-radius:60px; color:#fff; line-height:64px; font-family:'Biko_Regular', sans-serif; font-size:2.2em; font-weight:normal; text-align:center; background:#007333; }
	.FunctionWrap > li:nth-child(2)::before { content:'02'; position:absolute; left:-15px; top:-15px; width:60px; height:60px; border-radius:60px; color:#fff; line-height:64px; font-family:'Biko_Regular', sans-serif; font-size:2.2em; font-weight:normal; text-align:center; background:#007333; }
	.FunctionWrap > li:nth-child(3)::before { content:'03'; position:absolute; left:-15px; top:-15px; width:60px; height:60px; border-radius:60px; color:#fff; line-height:64px; font-family:'Biko_Regular', sans-serif; font-size:2.2em; font-weight:normal; text-align:center; background:#007333; }
	.FunctionWrap > li:nth-child(4)::before { content:'04'; position:absolute; left:-15px; top:-15px; width:60px; height:60px; border-radius:60px; color:#fff; line-height:64px; font-family:'Biko_Regular', sans-serif; font-size:2.2em; font-weight:normal; text-align:center; background:#007333; }
	.FunctionWrap > li:nth-child(5)::before { content:'05'; position:absolute; left:-15px; top:-15px; width:60px; height:60px; border-radius:60px; color:#fff; line-height:64px; font-family:'Biko_Regular', sans-serif; font-size:2.2em; font-weight:normal; text-align:center; background:#007333; }
	.FunctionWrap > li::after { content:'+'; position:absolute; right:0; bottom:0; width:40px; height:40px; color:#007333; line-height:35px; font-size:2.0em; text-align:center; background:#8DCCA9; }
.FunctionWrap > li p { font-size:1.6em; font-weight:bold; text-align:center; }
.Function .modal { display:none; }
.Function .modal.active { display:block !important; min-width:90% !important; }
body.active::after { content:''; display:block; position:fixed; top:0; left:0; z-index:27; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.Function .modal { position:fixed; z-index:50; top:50%; left:50%; padding:30px 20px; background:#fff; transform:translate(-50%,-50%); }
.Function .modal h4 { margin-bottom:10px; font-size:1.8em; font-weight:bold; }
.Function .modal h4 .badge { display:inline-block; position:relative; top:-0.0em; width:60px; height:60px; margin-right:0.3em; border-radius:60px; color:#fff; line-height:60px; text-align:center; background:#007333; }
.Function .modal .modalInner { display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; }
.Function .modal .modalInner figure { display:block; width:80%; margin:0 auto 15px; }
.Function .modal .modalInner p { display:block; width:100%; margin:0 auto; line-height:1.4; font-size:1.4em; }
.Function .modal .modalClose { display:block; position:absolute; z-index:50; right:0; bottom:0; width:40px; height:40px; color:#007333; line-height:35px; font-size:2.0em; text-align:center; background:#8DCCA9; cursor:pointer; }

@media screen and (min-width:728px) {
.Function { position:relative; padding:80px 0 70px; background:#ffffee url('../images/bg04.jpg') repeat center center; background-size:cover; }
.FunctionInner { width:1080px; height:auto; margin:0 auto; }
.Function header {  }
.Function header h2 { position:relative; margin-bottom:40px; color:#007333; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.Function header h2::after { content:'Features'; position:absolute; top:50%; left:50%; z-index:1; color:#3A836D; line-height:1.0; font-family:'Biko_Regular', sans-serif; font-size:2.0rem; font-weight:bold; text-align:center; letter-spacing:0.2em; white-space:nowrap; transform:translate(-50%,-50%); opacity:0.2; }
.Function figure { display:block; width:86%; margin:0 auto 10px !important; text-align:center; }
.Function img { width:50%; height:50%; object-fit:cover; }
.FunctionWrap { display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; }
.FunctionWrap > li { position:relative; width:30.0%; height:auto; margin:0 1.5% 25px; padding:45px 0; background:#fff; box-shadow:0 5px 8px 0 rgba(0,0,0,0.075); cursor:pointer; transition:0.4s; }
.FunctionWrap > li:hover { box-shadow:0 5px 8px 0 rgba(0,0,0,0.075), inset 0 0 0 4px rgba(0,152,68,1); transition:0.4s; }
	.FunctionWrap > li:nth-child(1)::before { content:'01'; position:absolute; left:-15px; top:-15px; width:60px; height:60px; border-radius:60px; color:#fff; line-height:64px; font-family:'Biko_Regular', sans-serif; font-size:2.2em; font-weight:bold; text-align:center; background:#007333; }
	.FunctionWrap > li:nth-child(2)::before { content:'02'; position:absolute; left:-15px; top:-15px; width:60px; height:60px; border-radius:60px; color:#fff; line-height:64px; font-family:'Biko_Regular', sans-serif; font-size:2.2em; font-weight:bold; text-align:center; background:#007333; }
	.FunctionWrap > li:nth-child(3)::before { content:'03'; position:absolute; left:-15px; top:-15px; width:60px; height:60px; border-radius:60px; color:#fff; line-height:64px; font-family:'Biko_Regular', sans-serif; font-size:2.2em; font-weight:bold; text-align:center; background:#007333; }
	.FunctionWrap > li:nth-child(4)::before { content:'04'; position:absolute; left:-15px; top:-15px; width:60px; height:60px; border-radius:60px; color:#fff; line-height:64px; font-family:'Biko_Regular', sans-serif; font-size:2.2em; font-weight:bold; text-align:center; background:#007333; }
	.FunctionWrap > li:nth-child(5)::before { content:'05'; position:absolute; left:-15px; top:-15px; width:60px; height:60px; border-radius:60px; color:#fff; line-height:64px; font-family:'Biko_Regular', sans-serif; font-size:2.2em; font-weight:bold; text-align:center; background:#007333; }
	.FunctionWrap > li::after { content:'+'; position:absolute; right:0; bottom:0; width:40px; height:40px; color:#007333; line-height:35px; font-size:2.0em; text-align:center; background:#8DCCA9; }
.FunctionWrap > li p { font-size:1.6em; font-weight:bold; text-align:center; }
.Function .modal { display:none; }
.Function .modal.active { display:block !important; width:78% !important; min-width:640px !important; }
body.active::after { content:''; display:block; position:fixed; top:0; left:0; z-index:27; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.Function .modal { position:fixed; z-index:50; top:50%; left:50%; padding:50px 40px; background:#fff; transform:translate(-50%,-50%); }
.Function .modal h4 { margin-bottom:40px; font-size:2.4em; font-weight:bold; }
.Function .modal h4 .badge { display:inline-block; position:relative; top:-0.0em; width:60px; height:60px; margin-right:0.3em; border-radius:60px; color:#fff; line-height:60px; text-align:center; background:#007333; }
.Function .modal .modalInner { display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; }
.Function .modal .modalInner figure { display:block; width:30%; margin:0; }
.Function .modal .modalInner p { display:block; position:relative; z-index:2; width:68%; margin:0 0 0 0; line-height:1.4; font-size:1.4em; }
.Function .modal .modalClose { display:block; position:absolute; z-index:50; right:0; bottom:0; width:40px; height:40px; color:#007333; line-height:35px; font-size:2.0em; text-align:center; background:#8DCCA9; cursor:pointer; }
}

.Flow { position:relative; padding:80px 0 70px; background:#ffffee url('../images/bg03.jpg') repeat center center; background-size:cover; }
.Flow.PC { display:none; }
.Flow.SP { display:block; }
.FlowInner { width:100%; height:auto; margin:0 auto; }
.Flow header {  }
.Flow header h2 { position:relative; margin-bottom:40px; color:#007333; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.Flow header h2::after { content:'Scoring flow'; position:absolute; top:50%; left:50%; z-index:1; color:#3A836D; line-height:1.0; font-family:'Biko_Regular', sans-serif; font-size:2.0rem; font-weight:bold; text-align:center; letter-spacing:0; white-space:nowrap; transform:translate(-50%,-50%); opacity:0.2; }
.Flow header h2 img { position:relative; top:0.0em; width:auto; height:1.7em; margin-right:0.5em; }
.Flow header h2 small { display:inline-block; }
.Flow header h2 b { /*color:#009844;*/ font-size:1.3em; }
.Flow header h2 b.red { color:#EC4944; font-size:1.3em; }
.Carousel { position:relative; overflow:hidden; text-align:center; }
.Carousel div.mHeight { height:auto !important; }
.Carousel li { position:relative; overflow:hidden; margin:25px; padding:25px; border-radius:14px; background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2) !important; cursor:pointer; }
.Carousel figure { display:block; position:relative; /*min-height:calc(100vw * 0.12);*/ text-align:center; }
.Carousel figure.mHeight { height: auto !important; }
.Carousel figcaption { display:block; margin-bottom:15px; line-height:1.3; font-size:1.2em; text-align:justify; }
.Carousel p { display:block; margin-bottom:5px; line-height:1.3; font-size:1.2em; text-align:justify; }
.Carousel img { width:85%; height:85%; object-fit:contain; margin-bottom:10px; }
.Carousel h3 { margin-bottom:0; padding-left:10px; font-size:1.4em; font-weight:bold; letter-spacing:-0.05em; }
.Carousel h3 span.a { display:inline-block; margin:0 -0.2em; }
.Carousel h3 span.b { display:inline-block; margin:0 -0.5em 0 0; }
.Carousel h3.active { margin-bottom:15px; padding-left:10px; font-size:1.4em; font-weight:bold; letter-spacing:-0.05em; }
.Carousel h4 { display:block; margin-bottom:5px; color:#EC6763; line-height:1.3; font-size:1.5em; font-weight:bold; text-align:left; }
.Carousel h5 { display:block; margin-bottom:5px; color:#EC6763; line-height:1.3; font-size:1.4em; text-align:left; }
.Carousel h5 + p { margin-bottom:15px; }
.Carousel li > .badge { position:absolute; left:-10px; top:0; width:100px; height:100px; color:#fff; background:#EC6763; transform:translate(-50%,-50%) rotate(45deg); }
.Carousel li > .badge b { display:inline-block; position:absolute; right:7px; bottom:35px; color:#fff; font-family:'Biko_Regular', sans-serif; font-size:1.6em; transform:rotate(-45deg); }
.Carousel .vertical---x2 { display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; }
.Carousel .vertical---x2 > * { display:block; width:100%; height:auto; margin:0; padding:10px 0; }
.Carousel .cover---x2 { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; }
.Carousel .cover---x2 > * { display:block; width:100%; }
.Carousel li .badge2 { position:absolute; left:10px; top:10px; Z-INDEX:5; width:24px; height:24px; border-radius:24px; color:#fff; line-height:28px; font-family:'Biko_Regular', sans-serif; text-align:center; background:#EC6763; transform:translate(-50%,-50%); }
.dashed { margin:0 0; padding:0; border:0; border-top:#B2B2B2 1px dashed; }
.paddinTop { padding-top:15px !important; }
.padding-left0 { padding-left:0 !important; }
.ParentWrapSP { padding:15px !important; cursor:pointer; }
.ParentSP { margin-bottom:0 !important; }
.ParentSP.active { margin-bottom:10px !important; }
.ChildSP { padding:0; }
.ChildSP.active { display:flex !important; /*height:auto !important;*/ }
.ChildSP.active .mHeight { /*height:auto !important;*/ }
.ChildSP.active .cover---x2 > * { display:block !important; /*height:auto !important;*/ }
.ChildSP.active .vertical---x2 > * { display:block !important; /*height:auto !important;*/ }

@media screen and (min-width:728px) {
/* .Flow */
.Flow { position:relative; padding:90px 0 70px; background:#ffffee url('../images/bg03.jpg') repeat center center; background-size:cover; }
.Flow.PC { display:block; }
.Flow.SP { display:none; }
.FlowInner { width:100%; height:auto; margin:0 auto; }
.Flow header {  }
.Flow header h2 { position:relative; margin-bottom:40px; color:#007333; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.Flow header h2::after { content:'Scoring flow'; position:absolute; top:50%; left:50%; z-index:1; color:#3A836D; line-height:1.0; font-family:'Biko_Regular', sans-serif; font-size:2.0rem; font-weight:bold; text-align:center; letter-spacing:0.2em; white-space:nowrap; transform:translate(-50%,-50%); opacity:0.2; }
.Flow header h2 img { position:relative; top:0.0em; width:auto; height:1.7em; margin-right:0.5em; }
.Flow header h2 small { display:inline-block; }
.Flow header h2 b { /*color:#009844;*/ font-size:1.3em; }
.Flow header h2 b.red { color:#EC4944; font-size:1.3em; }
.Carousel { position:relative; overflow:hidden; width:100%; text-align:center; }
.Carousel > li { position:relative; overflow:hidden; margin:25px; padding:25px; border-radius:14px; background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2) !important; }
.Carousel .slick-slide { width:60vw; height:auto; outline:0; }
.Carousel figure { display:block; position:relative; /*padding:40px;*/ }
/*
.Carousel figure + figure + figure { margin-top:25px; }
.Carousel figure + figure + figure + figure { margin-top:25px; }
*/
.border01 { padding:0 20px 20px 0; border-right:#B2B2B2 1px dashed; border-bottom:#B2B2B2 1px dashed; }
.border02 { padding:0 0 20px 20px; border-bottom:#B2B2B2 1px dashed; }
.border03 { padding:20px 20px 0 0; border-right:#B2B2B2 1px dashed; }
.border04 { padding:20px 0 0 20px; }
.Carousel figcaption { display:block; margin-bottom:0; line-height:1.5; font-size:1.2em; text-align:justify; }
.Carousel p { display:block; margin-bottom:5px; line-height:1.5; font-size:1.2em; text-align:justify; }
.Carousel p.size-m { font-size:1.4em; }
.Carousel img { display:block; width:80%; height:80%; object-fit:cover; margin:0 auto 20px; }
.Carousel h3 { position:relative; z-index:10; margin:10px 0 10px; padding-left:10px; font-size:1.6em; font-weight:bold; letter-spacing:-0.05em; }
.Carousel h4 { display:block; margin-bottom:5px; color:#EC6763; line-height:1.3; font-size:1.6em; font-weight:bold; text-align:left; }
.Carousel h5 { display:block; margin-bottom:0; color:#EC6763; line-height:1.3; font-size:1.5em; text-align:left; }
.Carousel li > .badge { position:absolute; left:0; top:0; width:130px; height:130px; color:#fff; background:#EC6763; transform:translate(-50%,-50%) rotate(45deg); }
.Carousel li > .badge b { display:inline-block; position:absolute; right:0; bottom:30px; color:#fff; font-family:'Biko_Regular', sans-serif; font-size:2.4em; transform:rotate(-45deg); }
.Carousel .vertical---x2 { display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; }
.Carousel .vertical---x2 > * { display:block; width:100%; height:auto; margin:2% 0; }
.Carousel .cover---x2 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }
.Carousel .cover---x2 > * { display:block; width:50%; /*padding:40px;*/ }
.Carousel li .badge2 { position:absolute; left:30px; top:30px; Z-INDEX:5; width:40px; height:40px; border-radius:40px; color:#fff; line-height:43px; font-family:'Biko_Regular', sans-serif; font-size:1.3em; font-weight:bold; text-align:center; background:#EC6763; transform:translate(-50%,-50%); }
.dashed { margin:25px 0; padding:0; border:0; border-top:#B2B2B2 1px dashed; }
.slick-arrow { font-size:0; }
.slick-arrow { z-index:70; width:50px; height:50px; border-radius:50px; background:#EC4944; opacity:0.8; }
.slick-prev { z-index:70; top:50%; left:20px; width:50px; height:50px; border-radius:50px; background:#EC4944; transform:translate(0,-50%); opacity:0.8; }
.slick-next { z-index:70; top:50%; right:20px; width:50px; height:50px; border-radius:50px; background:#EC4944; transform:translate(0,-50%); opacity:0.8; }
.slick-prev:hover,
.slick-prev:focus,
.slick-prev:active { z-index:70; top:50%; left:20px; width:50px; height:50px; border-radius:50px; background:#EC4944; transform:translate(0,-50%); opacity:1.0; }
.slick-next:hover,
.slick-next:focus,
.slick-next:active { z-index:70; top:50%; right:20px; width:50px; height:50px; border-radius:50px; background:#EC4944; transform:translate(0,-50%); opacity:1.0; }
.slick-prev::before { content:''; display:block; position:absolute; top:50%; left:50%; width:14px; height:14px; border-top:#fff 2px solid; border-right:#fff 2px solid; font-size:0; transform:translate(-35%,-50%) rotate(-135deg); }
.slick-next::before { content:''; display:block; position:absolute; top:50%; left:50%; width:14px; height:14px; border-top:#fff 2px solid; border-right:#fff 2px solid; font-size:0; transform:translate(-65%,-50%) rotate(45deg); }
.slick-dots { bottom:-7px; }
.slick-dots li { display:inline-block; margin:0 10px !important; padding:0 !important; border-radius:10px; width:7px !important; height:7px !important; background:#eee; box-shadow:none !important; }
.slick-dots li.slick-active { background:#EC6763; }
.ParentWrapSP { padding:25px !important; cursor:inherit; }
.ParentSP { margin-bottom:20px !important; }
.ChildSP { display:flex !important; }
.padding-left0 { padding-left:0 !important; }
.FlowWrap table { width:100%; border-collapse:collapse; font-size:0.8em; }
.FlowWrap table th, .FlowWrap table td { width:50%; line-height:1.3; font-size:1.3em; }
.FlowWrap table + table,
.FlowWrap .bodyPCInner + .bodyPCInner { border-top:#B2B2B2 1px dashed; }
.FlowWrap table { height:370px; margin:0; padding:0; border-collapse:collapse; }
.FlowWrap table.flow01-01 { height:370px; }
.FlowWrap table.flow01-02 { height:350px; }
.FlowWrap table + table { height:350px;  }
.FlowWrap table td { position:relative; text-align:left; }
.FlowWrap table .th01 { padding-top:25px !important; }
.FlowWrap table .td-photo01 { height:180px; padding:0 0 0 0 !important; text-align:center; }
.FlowWrap table .td-photo02 { height:180px; padding:20px 0 0 0 !important; text-align:center; }
.FlowWrap table h4 + .td-photo01 { margin-top:0; }
.FlowWrap table h4 + .td-photo02 { margin-top:0; }
.FlowWrap table .td-photo02 { height:180px; padding:20px 0 0 0 !important; text-align:center; }
.FlowWrap table .td01 { padding:0 25px 15px 0 !important; }
.FlowWrap table .td02 { padding:0 0 15px 25px !important; }
.FlowWrap table .td03 { padding:0 25px 15px 0 !important; }
.FlowWrap table .td04 { padding:0 0 15px 25px !important; }
.FlowWrap table .td05 { width:50%; padding:15px 25px 0 0 !important; }
.FlowWrap table .td06 { padding:15px 0 0 25px !important; }
.FlowWrap table + table .td03 { padding:0 25px 0 0 !important; }
.FlowWrap table + table .td04 { padding:0 0 0 25px !important; }
.FlowWrap table td img { display:inline-block;object-fit:initial; margin-bottom:0 !important; height: auto;}
.FlowWrap table .reading_td img {width: 80%!important;
    height: auto!important;}
.FlowWrap tr td:nth-child(2) { border-left:#B2B2B2 1px dashed; }
.FlowWrap h4 { margin-bottom:10px; padding-left:25px; font-size:1.4em; font-weight:bold; }
.FlowWrap tr td:first-child h4 { padding-left:0; }
.FlowWrap h5 { font-size:1.3em; font-weight:bold; }
.FlowWrap h5 + p { margin-bottom:3px; font-size:1.2em; }
.FlowWrap td p.end { margin-bottom:0; }
.FlowWrap td.border-none { border-left:0 !important; }
.flow02-01 tr td:first-child { vertical-align:middle !important; text-align:center !important; }
.flow02-02 tr td:first-child { vertical-align:middle !important; text-align:center !important; }
.flow02-01 tr td:last-child, .flow02-02 tr td:last-child { vertical-align:middle !important; }
.flow02-02 tr td:last-child p { display:inline-block !important; }
.adjust { width:auto !important; height:45% !important; object-fit:cover; }
.photoAdjust { display:block !important; width:70%!important; height:auto!important; margin:0 auto; object-fit:cover!important; }
.flow_01_btn {display: block;}
.flow_01_btn img  {
	display: block!important;
	width: 80%;
	margin: 0 auto;
}
}

.Fee { position:relative; padding:80px 0 50px; background:#ffffee url('../images/bg01.gif') repeat center center; background-size:10px; }
.Fee .FeeInner { width:90%; height:auto; margin:0 auto; }
.Fee header {  }
.Fee header h2 { position:relative; margin-bottom:40px; color:#007333; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.Fee header h2::after { content:'Price'; position:absolute; top:50%; left:50%; z-index:1; color:#3A836D; line-height:1.0; font-family:'Biko_Regular', sans-serif; font-size:2.0rem; font-weight:bold; text-align:center; letter-spacing:0; white-space:nowrap; transform:translate(-50%,-50%); opacity:0.12 }
.Fee header h2 img { position:relative; top:0.0em; width:auto; height:1.7em; margin-right:0.5em; }
.Fee header h2 small { display:block; }
.Fee header h2 b { color:#009844; font-size:1.3em; }
.Fee figure { display:block; width:40%; margin:0 auto 20px !important; text-align:center; }
.Fee img { width:100%; height:100%; object-fit:cover; }
.Fee ul { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; }
.Fee li { position:relative; width:100%; margin-bottom:65px; background:#fff; box-shadow:0 5px 8px 0 rgba(0,0,0,0.075); text-align:center; }
.Fee .badge { display:block; position:absolute; top:-20px; left:20px; z-index:5; font-family:'Biko_Black', sans-serif; font-size:44px; font-weight:bold; line-height:1.0; text-align:center; }
.Fee .badge small { display:block; margin:0; font-size:21px; }
.Fee .badge img { width:auto; height:1.2em; }
.Fee li:nth-child(odd) .badge { color:#EC4944; }
.Fee li:nth-child(even) .badge { color:#009844; }
.Fee li .FeeWrap { position:relative; top:0; left:0; min-height:320px; margin:0; padding:25px 25px 25px; font-size:1.2em; background:#fff url('../images/shadow.png') no-repeat right top; background-size:100% 100%; box-shadow:0 5px 0 0 rgba(0,0,0,0.075); }
/*.Fee li .FeeWrap::after { content:''; display:block; position:absolute; top:50%; left:10%; width:150%; height:200%; background:rgba(0,0,0,0.03); transform:translate(10.5%,-21%) rotate(45deg); }*/
.Fee li h3 { margin-bottom:12px; color:#009844; font-size:1.6em; font-weight:bold; text-align:center; }
.Fee li p { line-height:1.4; text-align:center; }
.Fee li p.FeeTxt small { display:block; font-size:1.0rem; text-align:center; }
.Fee li p.FeeTxt b { color:#009844; font-size:3rem;font-family:'Biko_Black', sans-serif; }
	.Fee li:nth-child(odd) h3,
	.Fee li:nth-child(odd) p.FeeTxt b { color:#EC4944; }
.Fee li p.FeeTxt span { font-size:0.6em; }
.wrapSP {  }
.Fee li:nth-child(1) .wrapSPInner { position:relative; top:calc(100vw * 0.07); /*margin-bottom:calc(-100vw * 0.1);*/ }
.Fee li:nth-child(2) .wrapSPInner { position:relative; top:calc(100vw * 0.07); /*margin-bottom:calc(-100vw * 0.1);*/ }
.Fee li:nth-child(3) .wrapSPInner { position:relative; top:calc(100vw * 0.145); /*margin-bottom:calc(-100vw * 0.1);*/ }

@media screen and (min-width:728px) {
/* .Fee */
.Fee { position:relative; padding:80px 0 50px; background:#ffffee url('../images/bg01.gif') repeat center center; background-size:10px; }
.Fee .FeeInner { width:1080px; height:auto; margin:0 auto; }
.Fee header {  }
.Fee header h2 { position:relative; margin-bottom:40px; color:#007333; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.Fee header h2::after { content:'Price'; position:absolute; top:50%; left:50%; z-index:1; color:#3A836D; line-height:1.0; font-family:'Biko_Regular', sans-serif; font-size:2.0rem; text-align:center; letter-spacing:0.2em; white-space:nowrap; transform:translate(-50%,-50%); opacity:0.12 }
.Fee header h2 img { position:relative; top:0.0em; width:auto; height:1.7em; margin-right:0.5em; }
.Fee header h2 small { display:block; }
.Fee header h2 b { color:#009844; font-size:1.3em; }
.Fee figure { display:block; width:40%; margin:0 auto 20px !important; text-align:center; }
.Fee img { width:100%; height:100%; object-fit:cover; }
.Fee ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }
.Fee li { position:relative; width:31.5%; margin-bottom:45px; background:#fff; box-shadow:0 5px 8px 0 rgba(0,0,0,0.075); text-align:center; }
.Fee .badge { display:block; position:absolute; top:-20px; left:20px; z-index:5; font-family:'Biko_Black', sans-serif; font-size:44px; line-height:1.0; text-align:center; }
.Fee .badge small { display:block; margin:0; font-size:21px; }
.Fee .badge img { width:auto; height:1.3em; }
.Fee li:nth-child(odd) .badge { color:#EC4944; }
.Fee li:nth-child(even) .badge { color:#009844; }
.Fee li .mHeight { margin:0; }
.Fee li .FeeWrap { position:relative; top:0; left:0; min-height:auto; margin:0; padding:60px 25px; font-size:1.2em; background:#fff url('../images/shadow.png') no-repeat right top; background-size:100% 100%; box-shadow:0 5px 0 0 rgba(0,0,0,0.075); }
/*.Fee li .FeeWrap::after { content:''; display:block; position:absolute; top:50%; left:10%; width:150%; height:200%; background:rgba(0,0,0,0.03); transform:translate(10.5%,-21%) rotate(45deg); }*/
.Fee li h3 { margin-bottom:12px; color:#009844; font-size:1.6em; font-weight:bold; text-align:center; }
.Fee li p { line-height:1.4; text-align:center; }
.Fee li p.FeeTxt small { display:block; font-size:1.0rem; text-align:center; }
.Fee li p.FeeTxt b { color:#009844; font-size:3rem;font-family:'Biko_Black', sans-serif; }
	.Fee li:nth-child(odd) h3,
	.Fee li:nth-child(odd) p.FeeTxt b { color:#EC4944; }
.Fee li p.FeeTxt span { font-size:0.6em; }
.wrapSP { display:inherit; vertical-align:inherit; }
.wrapSPinner { display:inherit; }
.Fee li:nth-child(1) .wrapSPInner { position:relative; top:auto; /*margin-bottom:calc(-100vw * 0.1);*/ }
.Fee li:nth-child(2) .wrapSPInner { position:relative; top:auto; /*margin-bottom:calc(-100vw * 0.1);*/ }
.Fee li:nth-child(3) .wrapSPInner { position:relative; top:auto; /*margin-bottom:calc(-100vw * 0.1);*/ }

}

.Result { position:relative; padding:80px 0 70px; background:#ffffee url('../images/bg02.jpg') repeat center center; background-size:cover; }
.ResultInner { width:90%; height:auto; margin:0 auto; }
.Result header {  }
.Result header h2 { position:relative; margin-bottom:40px; color:#007333; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.Result header h2::after { content:'Experience'; position:absolute; top:50%; left:50%; z-index:1; color:#3A836D; line-height:1.0;  font-family:'Biko_Regular', sans-serif;font-size:2.0rem; font-weight:bold; text-align:center; letter-spacing:0; white-space:nowrap; transform:translate(-50%,-50%); opacity:0.2; }
.Result header h2 img { position:relative; top:0.0em; width:auto; height:1.7em; margin-right:0.5em; }
.Result header h2 small { display:inline-block; }
.Result header h2 b { color:#009844; font-size:1.3em; }
.Result header h2 b.red { color:#EC4944; font-size:1.3em; }
.Result ul { margin-bottom:15px; text-align:center; }
.Result li { display:block; margin:0 0.5em 10px; font-size:1.2em; font-weight:bold; }
.Result .note { margin-bottom:20px; font-size:0.7rem; text-align:center; }
.Result .catch { color:#007333; font-size:1.2em; font-weight:bold; text-align:center; }

@media screen and (min-width:728px) {
/* .Result */
.Result { position:relative; padding:80px 0 70px; background:#ffffee url('../images/bg02.jpg') repeat center center; background-size:cover; }
.ResultInner { width:1080px; height:auto; margin:0 auto; }
.Result header {  }
.Result header h2 { position:relative; margin-bottom:40px; color:#007333; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.Result header h2::after { content:'Experience'; position:absolute; top:50%; left:50%; z-index:1; color:#3A836D; line-height:1.0; font-family:'Biko_Regular', sans-serif; font-size:2.0rem; font-weight:bold; text-align:center; letter-spacing:0.2em; white-space:nowrap; transform:translate(-50%,-50%); opacity:0.2; }
.Result header h2 img { position:relative; top:0.0em; width:auto; height:1.7em; margin-right:0.5em; }
.Result header h2 small { display:inline-block; }
.Result header h2 b { color:#009844; font-size:1.3em; }
.Result header h2 b.red { color:#EC4944; font-size:1.3em; }
.Result ul {  margin-bottom:0; text-align:center; }
.Result li { display:inline-block; margin:0 0.5em 10px; font-size:1.3em; font-weight:bold; }
.Result .note { margin-bottom:20px; font-size:0.7rem; text-align:right; }
.Result .catch { color:#007333; font-size:1.2em; font-weight:bold; text-align:center; }

}

.Voice { position:relative; padding:80px 0 10px; background:#ffffee url('../images/bg03.jpg') repeat-y center top; background-size:250% auto; }
.VoiceInner { width:90%; height:auto; margin:0 auto; }
.Voice header {  }
.Voice header h2 { position:relative; z-index:2; margin-bottom:40px; color:#3A836D; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.Voice header h2::after { content:'Customer Reviews'; position:absolute; top:50%; left:50%; z-index:1; color:#3A836D; line-height:1.0; font-family:'Biko_Regular', sans-serif; font-size:2.0rem; font-weight:bold; text-align:center; letter-spacing:0; white-space:nowrap; transform:translate(-50%,-50%); opacity:0.12 }
.Voice li h3 { position:relative; z-index:2; margin-bottom:0; padding:10px 50px 10px 10px; border-radius:6px; color:#FFF; line-height:1.3; font-size:1.6em; font-weight:bold; background:#007333; }
.Voice li h3::before { content:'+'; display:block; position:absolute; top:50%; right:15px; width:30px; height:30px; border-radius:20px; color:#007333; line-height:27px; text-align:center; background:#fff; transform:translate(0,-50%); }
.Voice h3 .badge { display:inline-block; position:relative; top:-0.1em; margin-right:15px; font-family:'Biko_Regular', sans-serif; font-size:0.8em; line-height:1.0; }
.Voice li h3.active { position:relative; z-index:2; margin-bottom:10px; padding:10px 50px 10px 10px; border-radius:6px 6px 0 0; color:#FFF; line-height:1.3; font-size:1.6em; font-weight:bold; background:#007333; }
.Voice li h3.active::before { content:'-'; display:block; position:absolute; top:50%; right:15px; width:30px; height:30px; border-radius:20px; color:#007333; line-height:26px; text-align:center; background:#fff; transform:translate(0,-50%); }
.Voice ul {  }
.Voice li { margin-bottom:40px; border:#007333 2px solid; border-radius:8px; background:#fff; }
.Voice .Parent {  }
.Voice .Child { display:none; padding:15px; }
.Voice .Child.active { display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; padding:25px; }
.Voice .Child figure { display:block; width:100%; margin:0 auto 20px !important; text-align:center; }
.Voice .Child figcaption { display:block; padding-top:15px; font-size:1.4em; line-height:1.4; }
.Voice .Child figcaption span { font-size:1.2em; font-weight:bold; }
.Voice .Child img { width:170px; height:229px; object-fit:cover; }
.Voice .Child .Txt { width:100%; line-height:1.7; text-align:justify; }
.Voice .Child p { margin-bottom:0.7em; font-size:1.2em; }

@media screen and (min-width:728px) {
/* .Voice */
.Voice { position:relative; padding:80px 0 50px; background:#ffffee url('../images/bg03.jpg') repeat-y center top; background-size:inherit; }
.VoiceInner { width:1080px; height:auto; margin:0 auto; }
.Voice header {  }
.Voice header h2 { position:relative; z-index:2; margin-bottom:40px; color:#3A836D; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.Voice header h2::after { content:'Customer Reviews'; position:absolute; top:50%; left:50%; z-index:1; color:#3A836D; line-height:1.0; font-family:'Biko_Regular', sans-serif; font-size:2.0rem; font-weight:bold; text-align:center; letter-spacing:0; white-space:nowrap; transform:translate(-50%,-50%); opacity:0.12 }
.Voice li h3 { position:relative; z-index:2; margin-bottom:0; padding:15px 40px 15px 10px; border-radius:6px; color:#FFF; line-height:1.3; font-size:1.6em; font-weight:bold; background:#007333; cursor:pointer; }
.Voice li h3::before { content:'+'; display:block; position:absolute; top:50%; right:15px; width:30px; height:30px; border-radius:20px; color:#007333; line-height:27px; text-align:center; background:#fff; transform:translate(0,-50%); }
.Voice h3 .badge { display:inline-block; position:relative; top:-0.1em; margin-right:15px; font-family:'Biko_Regular', sans-serif; font-size:0.8em; line-height:1.0; }
.Voice li h3.active { position:relative; z-index:2; margin-bottom:10px; padding:15px 40px 15px 10px; border-radius:6px 6px 0 0; color:#FFF; line-height:1.3; font-size:1.6em; font-weight:bold; background:#007333; }
.Voice li h3.active::before { content:'-'; display:block; position:absolute; top:50%; right:15px; width:30px; height:30px; border-radius:20px; color:#007333; line-height:26px; text-align:center; background:#fff; transform:translate(0,-50%); }
.Voice h3 .badge { display:inline-block; position:relative; top:-0.1em; margin-right:15px; font-family:'Biko_Regular', sans-serif; font-size:0.8em; line-height:1.0; }
.Voice ul {  }
.Voice li { margin-bottom:40px; border:#007333 2px solid; border-radius:8px; background:#fff; }
.Voice .Parent {  }
.Voice .Child { display:none; padding:25px; }
.Voice .Child .ChildInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; padding:25px; }
.Voice .Child.active .ChildInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; padding:25px; }
.Voice .Child figure { display:block; width:25%; text-align:center; }
.Voice .Child figcaption { display:block; padding-top:15px; font-size:1.4em; line-height:1.4; }
.Voice .Child figcaption span { font-size:1.2em; font-weight:bold; }
.Voice .Child img { width:257px; height:100%; object-fit:cover; }
.Voice .Child .Txt { width:68%; line-height:1.7; text-align:justify; }
.Voice .Child p { margin-bottom:0.7em; font-size:1.2em; }

}

/*Foot*/
.Foot { padding-bottom:50px; }

.pageTop { display:none; position:fixed; z-index:15; right:20px; bottom:60px; width:60px; height:60px; background:#009844; box-shadow:0 0 5px 0 rgba(0,0,0,0.2); cursor:pointer; }
.pageTop::before { content:''; display:block; position:absolute; left:50%; top:45%; width:16px; height:16px; border-top:#fff 2px solid; border-right:#fff 2px solid; transform:translate(-50%,-50%) rotate(-45deg);  box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
.pageTop::after { content:'TOP'; display:inline-block; position:absolute; left:50%; bottom:7px; color:#fff; font-size:12px; font-family:'Biko_Black', sans-serif; font-weight:bold; transform:translate(-50%,0);  box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}

.cvArea { background:url('../images/bg05.jpg') no-repeat center center; background-size:cover; }
.cvAreaInner { width:90%; margin:0 auto; padding:30px 0 30px 0; text-align:center; }
.cvAreaInner h4 { padding-top:30px; font-size:1.1em; font-weight:bold; background:url('../images/deco.png') no-repeat center top; background-size:auto 25px; }
.cvAreaInner h4 b { color:#EC4944; font-size:1.3em; }
.cvAreaInner p {  }
.cvAreaInner p a { display:block; width:96%; margin:0 auto; padding:12px 10px; color:#fff; font-size:1.0em; font-weight:bold; background: linear-gradient(235deg, rgba(236,98,94,1) 0%, rgba(236,73,68,1) 100%); box-shadow:0 0 10px 5px rgba(0,0,0,0.08); }
.cvAreaInner p a b { font-size:1.1em; }
.cvAreaInner p a .material-icons { position:relative; top:0.125em; margin-left:0.3em; font-size:0.8em; }
.cvAreaInner p a:hover { display:block; width:96%; margin:0 auto; padding:12px 10px; color:#fff; font-size:1.0em; font-weight:bold; background: linear-gradient(235deg, rgba(236,98,94,1) 0%, rgba(236,73,68,1) 100%); box-shadow:0 0 10px 5px rgba(0,0,0,0.1); opacity:0.8; transition:0.2s; }
.cvAreaInner p a:hover b { font-size:1.1em; }
.cvAreaInner p a:hover .material-icons { position:relative; top:0.15em; margin-left:0.3em; font-size:1.0em; }

.FootInner { width:90%; margin:0 auto; padding:30px 0; text-align:center; }
.FootInner figure { display:block; }
.FootInner figure img { width:70%; height:auto; }
.FootInner p { display:block; position:relative; top:0.6em; margin-left:0; }
.FootInner a { cursor:pointer; }
.Foot small { display:block; padding: 8px; color:#fff; font-size:0.8em; text-align:center; background:#009844; }

@media screen and (min-width:728px) {
.Foot { padding-bottom:0; }

.pageTop { display:block; position:fixed; z-index:15; right:20px; bottom:50px; width:60px; height:60px; background:#009844; cursor:pointer; }
.pageTop::before { content:''; display:block; position:absolute; left:50%; top:45%; width:16px; height:16px; border-top:#fff 2px solid; border-right:#fff 2px solid; transform:translate(-50%,-50%) rotate(-45deg);  box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
.pageTop::after { content:'TOP'; display:inline-block; position:absolute; left:50%; bottom:7px; color:#fff; font-size:12px; font-family:'Biko_Black', sans-serif; font-weight:bold; transform:translate(-50%,0);  box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}

.cvArea { background:url('../images/bg05.jpg') no-repeat center center; background-size:cover; }
.cvAreaInner { width:1080px; margin:0 auto; padding:60px 0; text-align:center; }
.cvAreaInner h4 { padding-top:50px; font-size:1.8em; font-weight:bold; background:url('../images/deco.png') no-repeat center top; }
.cvAreaInner h4 b { color:#EC4944; font-size:1.3em; }
.cvAreaInner p {  }
.cvAreaInner p a { display:block; width:70%; margin:0 auto; padding:15px 0; color:#fff; font-size:1.8em; font-weight:bold; background: linear-gradient(235deg, rgba(236,98,94,1) 0%, rgba(236,73,68,1) 100%); box-shadow:0 0 10px 5px rgba(0,0,0,0.08);  transition:0.2s;}
.cvAreaInner p a b { font-size:1.3em; }
.cvAreaInner p a .material-icons { position:relative; top:0.15em; margin-left:0.3em; font-size:1.0em; }
.cvAreaInner p a:hover { display:block; width:70%; margin:0 auto; padding:15px 0; color:#fff; font-size:1.8em; font-weight:bold; background: linear-gradient(235deg, rgba(236,98,94,1) 0%, rgba(236,73,68,1) 100%); box-shadow:0 0 10px 5px rgba(0,0,0,0.1); opacity:0.8; transition:0.2s; }
.cvAreaInner p a:hover b { font-size:1.3em; }
.cvAreaInner p a:hover .material-icons { position:relative; top:0.15em; margin-left:0.3em; font-size:1.0em; }

.FootInner { width:1080px; margin:0 auto; padding:60px 0; text-align:left; }
.FootInner figure { display:inline-block; }
.FootInner figure img { width:auto; height:43px; }
.FootInner p { display:inline-block; position:relative; top:0.6em; margin-left:20px; }
.FootInner a { cursor:pointer; }
.Foot small { display:block; padding: 8px; color:#fff; font-size:0.8em; text-align:center; background:#009844; }
}

/* info */
.info01 { display:none; position:fixed; top:50%; left:50%; z-index:50; max-width:90%; height:54%; background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); transform:translate(-50%,-50%); }
.info01.active { display:block !important; min-width:90% !important; }
.info01 header h3 { position:relative; z-index:2; margin-bottom:30px; color:#3A836D; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.info01 header h3::after { content:'Company'; position:absolute; top:50%; left:50%; z-index:1; color:#3A836D; line-height:1.0; font-family:'Biko_Black', sans-serif; font-size:1.8rem; font-weight:bold; text-align:center; white-space:nowrap; transform:translate(-50%,-50%); opacity:0.2 }
.info01 table { width:100%; border-collapse:collapse; font-size:1.2em; line-height:1.4; }
.info01 tr { border-bottom:#E5E5E5 1px dotted; }
.info01 th { display:block; width:100%; padding-top:15px; white-space:nowrap; font-weight:bold; text-align:left; }
.info01 td { display:block; padding-bottom:10px; }
.info01 .modalClose { display:block; position:absolute; z-index:50; right:0; bottom:0; width:40px; height:40px; color:#007333; line-height:35px; font-size:2.0em; text-align:center; background:#8DCCA9; cursor:pointer; }
.info01 .modal06Inner { position:relative; overflow:auto; width:100%; height:100%; padding:20px 20px; }

.info02 { display:none; position:fixed; top:50%; left:50%; z-index:50; max-width:90%; height:86%; background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); transform:translate(-50%,-50%); }
.info02.active { display:block !important; min-width:90% !important; }
.info02 header h3 { position:relative; z-index:2; margin-bottom:30px; color:#3A836D; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.info02 header h3::after { content:'Privacy Policy'; position:absolute; top:50%; left:50%; z-index:1; color:#3A836D; line-height:1.0; font-family:'Biko_Regular', sans-serif; font-size:2.0rem; font-weight:bold; text-align:center; letter-spacing:0; white-space:nowrap; transform:translate(-50%,-50%); opacity:0.2 }
.info02 .modalInner p { margin-bottom:20px; line-height:1.4; }
.info02 ol { margin-bottom:30px; }
.info02 ol li { margin-bottom:10px; }
.info02 ol li h4 { display:inline-block; margin-bottom:5px; color:#007333; line-height:1.4; font-size:1.4em; font-weight:bold; }
	.info02 ol li:nth-child(1) h4::before { content:'01'; display:inline-block; position:relative; top:-0.05em; width:30px; height:30px; padding:0; border-radius:30px; margin-right:4px; color:#fff; line-height:35px; font-family:'Biko_Regular', sans-serif; font-size:0.7em; font-weight:bold; text-align:center; background:#007333; }
	.info02 ol li:nth-child(2) h4::before { content:'02'; display:inline-block; position:relative; top:-0.05em; width:30px; height:30px; padding:0; border-radius:30px; margin-right:4px; color:#fff; line-height:35px; font-family:'Biko_Regular', sans-serif; font-size:0.7em; font-weight:bold; text-align:center; background:#007333; }
	.info02 ol li:nth-child(3) h4::before { content:'03'; display:inline-block; position:relative; top:-0.05em; width:30px; height:30px; padding:0; border-radius:30px; margin-right:4px; color:#fff; line-height:35px; font-family:'Biko_Regular', sans-serif; font-size:0.7em; font-weight:bold; text-align:center; background:#007333; }
	.info02 ol li:nth-child(4) h4::before { content:'04'; display:inline-block; position:relative; top:-0.05em; width:30px; height:30px; padding:0; border-radius:30px; margin-right:4px; color:#fff; line-height:35px; font-family:'Biko_Regular', sans-serif; font-size:0.7em; font-weight:bold; text-align:center; background:#007333; }
	.info02 ol li:nth-child(5) h4::before { content:'05'; display:inline-block; position:relative; top:-0.05em; width:30px; height:30px; padding:0; border-radius:30px; margin-right:4px; color:#fff; line-height:35px; font-family:'Biko_Regular', sans-serif; font-size:0.7em; font-weight:bold; text-align:center; background:#007333; }
	.info02 ol li:nth-child(6) h4::before { content:'06'; display:inline-block; position:relative; top:-0.05em; width:30px; height:30px; padding:0; border-radius:30px; margin-right:4px; color:#fff; line-height:35px; font-family:'Biko_Regular', sans-serif; font-size:0.7em; font-weight:bold; text-align:center; background:#007333; }
	.info02 ol li:nth-child(7) h4::before { content:'07'; display:inline-block; position:relative; top:-0.05em; width:30px; height:30px; padding:0; border-radius:30px; margin-right:4px; color:#fff; line-height:35px; font-family:'Biko_Regular', sans-serif; font-size:0.7em; font-weight:bold; text-align:center; background:#007333; }
.info02 ol li h4 + p { margin-bottom:20px; }
.info02 .cover---x2 { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-end; font-size:0.8em; line-height:1.3; }
.info02 .cover---x2 blockquote { display:block; width:100%; margin-bottom:15px; padding:15px; border:#009844 1px solid; font-size:0.8em; }
.info02 .cover---x2 blockquote::after { content:''; clear:both; display:table; height:0; }
.info02 .cover---x2 blockquote img { float:right; width:auto; height:40px; }
.info02 .cover---x2 blockquote + div { width:100%; }
.info02 .cover---x2 p { text-align:right !important; }
.info02 .modalClose { display:block; position:absolute; z-index:50; right:0; bottom:0; width:40px; height:40px; color:#007333; line-height:35px; font-size:2.0em; text-align:center; background:#8DCCA9; cursor:pointer; }
.info02 .modal07Inner { position:relative; overflow:auto; width:100%; height:100%; padding:20px 20px; }

@media screen and (min-width:728px) {
.info01 { display:none; position:fixed;  overflow:inherit; top:50%; left:50%; z-index:50; max-width:860px; height:auto; padding:50px 100px; background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); transform:translate(-50%,-50%); }
.info01.active { display:block !important; min-width:640px !important; }
.info01 header h3 { position:relative; z-index:2; margin-bottom:30px; color:#3A836D; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.info01 header h3::after { content:'Company'; position:absolute; top:50%; left:50%; z-index:1; color:#3A836D; line-height:1.0; font-family:' letter-spacing:0;', sans-serif; font-size:2.0rem; font-weight:bold; text-align:center; letter-spacing:0.2em; white-space:nowrap; transform:translate(-50%,-50%); opacity:0.2 }
.info01 table { width:100%; border-collapse:collapse; font-size:1.2em; }
.info01 tr { border-bottom:#E5E5E5 1px dotted; }
.info01 th { display:table-cell; width:20%; white-space:nowrap; font-weight:normal; text-align:left; }
.info01 td { display:table-cell; }
.info01 .modalClose { display:block; position:absolute; z-index:50; right:0; bottom:0; width:40px; height:40px; color:#007333; line-height:35px; font-size:2.0em; text-align:center; background:#8DCCA9; cursor:pointer; }
.info01 .modal06Inner { position:relative; overflow:auto; width:100%; height:100%; padding:20px 20px; }

.info02 { display:none; position:fixed; top:50%; left:50%; z-index:50; max-width:860px; padding:50px 100px; background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); transform:translate(-50%,-50%); }
.info02.active { display:block !important; min-width:640px !important; }
.info02 header h3 { position:relative; z-index:2; margin-bottom:30px; color:#3A836D; line-height:1.6; font-size:1.8rem; font-weight:bold; text-align:center; }
.info02 header h3::after { content:'Privacy Policy'; position:absolute; top:50%; left:50%; z-index:1; color:#3A836D; line-height:1.0; font-family:' letter-spacing:0;', sans-serif; font-size:2.0rem; font-weight:bold; text-align:center; letter-spacing:0.2em; white-space:nowrap; transform:translate(-50%,-50%); opacity:0.2 }
.info02 ol { margin-bottom:30px; }
.info02 ol li { margin-bottom:10px; }
.info02 ol li h4 { display:inline-block; margin-bottom:5px; color:#007333; line-height:1.5; font-size:1.6em; font-weight:bold; }
	.info02 ol li:nth-child(1) h4::before { content:'01'; display:inline-block; position:relative; top:-0.05em; width:30px; height:30px; padding:0; border-radius:30px; margin-right:4px; color:#fff; line-height:35px; font-family:'Biko_Regular', sans-serif; font-size:0.8em; font-weight:bold; text-align:center; background:#007333; }
	.info02 ol li:nth-child(2) h4::before { content:'02'; display:inline-block; position:relative; top:-0.05em; width:30px; height:30px; padding:0; border-radius:30px; margin-right:4px; color:#fff; line-height:35px; font-family:'Biko_Regular', sans-serif; font-size:0.8em; font-weight:bold; text-align:center; background:#007333; }
	.info02 ol li:nth-child(3) h4::before { content:'03'; display:inline-block; position:relative; top:-0.05em; width:30px; height:30px; padding:0; border-radius:30px; margin-right:4px; color:#fff; line-height:35px; font-family:'Biko_Regular', sans-serif; font-size:0.8em; font-weight:bold; text-align:center; background:#007333; }
	.info02 ol li:nth-child(4) h4::before { content:'04'; display:inline-block; position:relative; top:-0.05em; width:30px; height:30px; padding:0; border-radius:30px; margin-right:4px; color:#fff; line-height:35px; font-family:'Biko_Regular', sans-serif; font-size:0.8em; font-weight:bold; text-align:center; background:#007333; }
	.info02 ol li:nth-child(5) h4::before { content:'05'; display:inline-block; position:relative; top:-0.05em; width:30px; height:30px; padding:0; border-radius:30px; margin-right:4px; color:#fff; line-height:35px; font-family:'Biko_Regular', sans-serif; font-size:0.8em; font-weight:bold; text-align:center; background:#007333; }
	.info02 ol li:nth-child(6) h4::before { content:'06'; display:inline-block; position:relative; top:-0.05em; width:30px; height:30px; padding:0; border-radius:30px; margin-right:4px; color:#fff; line-height:35px; font-family:'Biko_Regular', sans-serif; font-size:0.8em; font-weight:bold; text-align:center; background:#007333; }
	.info02 ol li:nth-child(7) h4::before { content:'07'; display:inline-block; position:relative; top:-0.05em; width:30px; height:30px; padding:0; border-radius:30px; margin-right:4px; color:#fff; line-height:35px; font-family:'Biko_Regular', sans-serif; font-size:0.8em; font-weight:bold; text-align:center; background:#007333; }
.info02 .cover---x2 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end; font-size:0.8em; line-height:1.3; }
.info02 .cover---x2 blockquote { display:block; width:70%; padding:15px; border:#009844 1px solid; font-size:0.8em; }
.info02 .cover---x2 blockquote::after { content:''; clear:both; display:table; height:0; }
.info02 .cover---x2 blockquote img { float:right; width:auto; height:40px; }
.info02 .cover---x2 blockquote + div { width:26%; }
.info02 .cover---x2 p {  text-align:right !important; }
.info02 .modalClose { display:block; position:absolute; z-index:50; right:0; bottom:0; width:40px; height:40px; color:#007333; line-height:35px; font-size:2.0em; text-align:center; background:#8DCCA9; cursor:pointer; }
.info02 .modal07Inner { position:relative; overflow:auto; width:100%; height:100%; padding:20px 20px; }
}

@media screen and (max-width:768px) {
	.Carousel .ChildSP {
		display: none;
	}
	.Head .cloud {
		display: none;
	}
	.Carousel h3 {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.Carousel h3:after {
		content: "";
		display: block;
		background: url(../images/plus-icon.png) repeat center center;
		width: 15px;
		height: 15px;
		background-size: cover;
	}
	.ParentWrapSP .FlowWrap .ParentSP span {
		flex: 1;
    text-align: center;
	}
	.Carousel h3.active:after {
		background: url(../images/minus-icon.png) repeat center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
}