@charset"utf-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font-weight:inherit;font-style:inherit;font-family:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}
/* Ion.RangeSlider// css version 2.0.3// © 2013-2014 Denis Ineshin | IonDen.com*/
/*----------------------------------------------*/
body {overflow-x:hidden;color:#222;box-sizing:border-box;}
html,body, h1,h2,h3,h4,h5,h6,li,dl,dd,p,span,a,td,em,strong,input{margin: 0;padding: 0;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';font-size: 14px;line-height: 1.5;letter-spacing: 0.02em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color:#222;box-sizing:border-box;}
ul {list-style: none;padding: 0;margin: 0;box-sizing:border-box;}
a{text-decoration:none;}
img{width:100%;display:block;}
/*---------------------------------------------*/
#cover{margin:0;padding:0;height:100%;width:100%;overflow:hidden;}
.section{width:100%;clear:both;}
.inner{width:1140px !important;/*max-width:1140px;min-width:980px;*/margin:0 auto;box-sizing:border-box;}
.pad_top{padding-top:40px;}
.pad_top_w{padding-top:80px;}
.pad_bottom{padding-bottom:40px;}
.pad_bottom_w{padding-bottom:80px;}
.width_pad{padding-left:2.5%;padding-right:2.5%;}
#contents{min-height:450px;}
#contents .inner{padding:0 2%;}
/*----------------------------------------------*/
/*FONT関係*/
.strong,.strong a,.bold{font-weight:bold;}
.font_50{font-size:50px !important;}
.font_40{font-size:40px !important;}
.font_35{font-size:35px !important;}
.font_30{font-size:30px !important;}
.font_25{font-size:25px !important;}
.font_22{font-size:22px !important;}
.font_20{font-size:20px !important;}
.font_18{font-size:18px !important;}
.font_16{font-size:16px !important;}
.font_14{font-size:14px !important;}
.font_12{font-size:12px !important;}
.font_11{font-size:11px !important;}
.font_10{font-size:10px !important;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.hidden{overflow:hidden;}
.underline:hover{text-decoration:underline;opacity:0.7;}
.sm_show,.sm_show_S{display:none !important;}
/*--------------------------*/
/*フォントカラー*/
.color_blue,.color_blue a{color:#465c7e !important;}
.color_blue a:hover{color:#5c7291 !important;}
.color_green,.color_green a{color:#7bc100 !important;}
.color_green a:hover{color:#a0cc16 !important;}

.color_gray,.color_gray a{color:#333333 !important;}
.color_gray a:hover{color:#666 !important;}
.color_lightgray,.color_lightgray a{color:#b2b2b2 !important;}
.color_lightgray a:hover{color:#d6d6d6 !important;}

.color_white,.color_white a,a.color_white{color:#fff !important;}
.color_black,.color_black a,a.color_black{color:#000 !important;}
.color_red,.color_red a{color:#ff6a67 !important;}
/*----------------------------------------------*/
.blk{display:block;}
.inline_blk{display:inline-block;}
.inline{display:inline;}
.blk{display:block;}
.table{display:table;width:100%;}
.cell{display:table-cell;}
.cell.middle{vertical-align:middle;}
.cell.top{vertical-align:top;}
.flex{display:flex;justify-content:center;width:100%;}
/*----------------------------------------------*/
.clear_fix::after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.box_sizing{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.replace{text-indent: 100%;white-space: nowrap;overflow: hidden;}
.float_left{float:left;}
.float_right{float:right;}
/*----------------------------------------------*/
.icon{vertical-align:middle;padding-right:0.7em;}
.radius_5{border-radius:5px;}
.radius_10{border-radius:10px;}
.radius_20{border-radius:20px;}
.radius_50{border-radius:25%;}
.radius_100{border-radius:50%;}
.radius_100vh{border-radius:100vh;}
.bt{border:none;display:inline-block;transition: all 500ms 0s ease;}

.bt_pad,form .bt{color:#fff;padding:15px 26px;}
.bt_small{color:#fff;padding:6px 10px;}
.bt_smaller{color:#fff;padding:3px 6px;}
/*----------------------------------------------*/
.bg_midgray{background-color:#b2b2b2;}
.bg_midgray.bt:not(.no_hover):hover{background-color:#d6d6d6;}
.bg_lightgray{background-color:#f2f2f2;}
.bg_gray{background-color:#333;}
.bg_gray.bt:not(.no_hover):hover{background-color:#666;}

.bg_blue{background-color:#465c7e;}
.bg_blue.bt:not(.no_hover):hover{background-color:#5c7291;}
.bg_green{background-color:#7bc100;}
.bg_green.bt:not(.no_hover):hover{background-color:#a0cc16;}
.bg_white{background-color:#fff;}
.bg_black{background-color:#000;}
/*----------------------------------------------*/
/*.action{visibility:hidden;}
.action.on{visibility:visible;}*/
.transit_1{ transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);}
.transit_2{transition-timing-function:cubic-bezier(.215,.61,.355,1);}
.transit_3{transition-timing-function:cubic-bezier(.7,.085,.79,.415);}
.transit_4{transition-timing-function:cubic-bezier(.34,.615,.4,.985);}
.transit_5{transition-timing-function:cubic-bezier(.15,1.04,.83,1.09);}
/*----------------------------------------------*/
.checkbox{width:20px;height:20px;vertical-align:middle;margin:3px 5px 3px 3px;}
.radio{width:1.5em;height:1.5em;vertical-align:middle;margin:0 0 0.2em 1em;}

.input,.textarea{width:98%;max-width:700px;font-size:18px;border:1px solid #999;border-radius:3px;background:#f2f2f2;}
.input{height:2em;padding:0.1em 0.5em;}
.select{height:2em;padding:0 0 0 0.5em;}
.textarea{min-height:8em;padding:0.5em;}
.required{padding:0.25em 0.5em;margin-left:0.5em;}

.input_small{font-size:14px;}
.input.narrow{width:20%;min-width:12em;}
.input.narrower{width:10%;min-width:6em;}
.input.narrowest{width:5%;min-width:4em;}
.input.middle{width:45%;}
.input.semi_wide{width:65%;}
.input.alpha_numeric{ime-mode:disabled;}
.input:disabled {background: #ccc;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc;}
.error{background:rgba(253,208,208,1.00)  !important;}
.error::-webkit-input-placeholder{color:#fff;}
.error:-ms-input-placeholder{color:#fff;}
.error:-moz-placeholder{color:#fff;}
.error_info{display:block;padding:0.5em 0 0 0.5em;}
.alpha_numeric{ime-mode: inactive;}
/*----------------------------------------------*/

/*Header*/
header{position:relative;background:#fff;z-index:1;}
header .upper{height:80px;position:relative;}
header h1{padding:10px 0 0 1em;}
header h1 a,header h1 svg{height:30px;}
header .flex{align-items:center;}
header .flex div:first-child{padding-right:1.5em;}
header .flex div:last-child{margin-left:auto;line-height:1;}
header .right p{line-height:1.2;padding-top:0.4em;}
header .right p span{padding:0.15em 0.3em;}
header .right a{display:block;line-height:1.2;font-family: 'Noto Sans JP', sans-serif;}
header .menus a{padding:0.5em 1em;display:inline-block;position:relative;}
header .menus a:before{content:"";display:block;position:absolute;width:100%;height:2px;background:#7bc100;bottom:0;left:0;transform:scaleX(0);transition-property:all; transition-duration:.5s;transform-origin:left;}
header .menus a:hover:before{transform:scaleX(1);}
/*---------------------------------------------*/
/*Footer*/
footer{position:relative;}
footer:before{content:"";width:100%;position:absolute;left:0;top:0;height:1rem;background:url("../img/jaggy_w.svg") repeat-x left top;}

footer #foot_bts{padding:5% 1em 3% 1em;}
footer #foot_bts .cell{vertical-align: middle; }
footer #foot_bts h2{width:15%;}
footer #foot_bts h2 svg{width:80%;}
footer #foot_bts .flex{flex-wrap:wrap;justify-content:flex-start;width:60%;padding-left:5%; }
footer #foot_bts .flex li{width:50%;}
footer #foot_bts .flex li:before{content:"-";color:#fff;padding:0 0.5em 0 0;}

footer .comp_logos{padding-bottom:1em;}
footer .comp_logos ul.flex li{height:5.5em;padding:1em;}
footer .comp_logos ul.flex li img{height:100%;display:block;}
footer span.color_white.font_12{font-family: 'Nova Round', cursive;}

footer .table .right.cell .bg_white{padding:0.5em 2em;}
footer .table .right.cell .font_22{line-height:1.2;font-family: 'Noto Sans JP', sans-serif;}
footer #aside{padding:1em 0;}
/*---------------------------------------------*/
/*
#alert_bar{background:#ccc;display:none;z-index:9999;}
#alert_bar.alert{background:#bb0717;}
#alert_bar.comp{background:#1c8eb4;}
#bar_inner{padding:1.45em 1em 1.25em 1em;color:#fff;}
/*---------------------------------------------*/
/*
#alert_cover{z-index:9999;width:100%;height:100%;background:rgba(0,0,0,0.8);position:fixed;top:0;left:0;display:none;}
#alert_close{width:100%;height:100%;display:block;position:absolute;top:0;left:0;}
#alerts{z-index:2;position: relative;top:50%;padding:0;text-align:center;border-radius:3px;overflow:hidden;display:none;background:#fff;}
#alerts.a_big{width:80%;max-width:600px;margin:-20% auto 0 auto;}
#alerts.a_small{width:80%;max-width:300px;margin:-75px auto 0 auto;}
#alerts.a_auto{margin:0 auto;}
.hide_html{display:none;}
#alerts.apptype_1{padding:1em;}
#alerts.apptype_2{background:none;margin:auto;overflow:visible;cursor:pointer;}
#alerts.apptype_2 img{border-radius:5px;overflow:hidden;}
#alerts .bt_list{margin:0.5em 0;}
#alerts .bt_list li{display:inline-block;margin:0 1%;}
/*---------------------------------------------*/
/*共通*/
.sub_title{margin:1em 0 6em 0;}
.sub_title strong{display:block;position:relative;font-family: 'Nova Round', cursive;margin-bottom:0.5em;opacity:0;}
.sub_title.on strong{animation: sub_title_flash .6s linear 1;opacity:1;}
.sub_title strong b{opacity:0;transition-property:all; transition-delay:.4s; display:inline-block; transition-duration:.4s;}
.sub_title.on strong b{opacity:1;}
.sub_title strong:before{content:"";border:0.3em solid;border-color:#7bc100 transparent transparent #7bc100;position:absolute;top:0;margin-left:-0.75em;}
.sub_title strong:after{content:"";border:0.3em solid;border-color: transparent #7bc100 #7bc100 transparent;position:absolute;bottom:0;margin-right:-0.75em;}
.sub_title.c_blue strong:before{border-color:#465c7e transparent transparent #465c7e;}
.sub_title.c_blue strong:after{border-color: transparent #465c7e #465c7e transparent;}
.sub_title span{display:inline-block;position:relative;opacity:0;transition-property:all; transition-delay:.6s;  transition-duration:.4s;transform:translateY(100%);}
.sub_title.on span{transform:translateY(0);opacity:1;}
.sub_title span:before,.sub_title span:after{width:1em;content:"";border-top:2px solid #000;height:0;position:absolute;top:50%;}
.sub_title span:before{margin-left:-1.5em;}
.sub_title span:after{margin-left:0.5em;}
@keyframes sub_title_flash {
0%{opacity:0;transform: scaleX(0);}5%{opacity:1;}50%{transform: scaleX(1);opacity:1;}60%{opacity:0;}70%{opacity:1;}80%{opacity:0;}90%{opacity:1;}}
/*----------------------------*/
/*コンバージョンエリア共通*/
.member_ann{position:relative;margin-top:80px;margin-bottom:100px;}
.member_ann .blue_bar{background: linear-gradient(to right, #465c7e 50%, transparent 50%);position:relative;z-index:2;transform:translateX(-100%);transform-origin:left;transition-property:all; transition-duration:.5s;}
.member_ann.on .blue_bar{transform:translateX(0);transition-property:all;}
.member_ann .gray_bar{background: linear-gradient(to left, #f2f2f2 45%, transparent 45%);position:absolute;height:100%;width:100%;top:15%;transform:translateX(100%);transform-origin:right;transition-property:all; transition-duration:.5s;}
.member_ann.on .gray_bar{transform:translateX(0);transition-property:all;}
.member_ann .gray_bar:after{content:"";background: #f2f2f2;width:8%;height:100%;display:block;left:47.1%;top:0;position:absolute;
clip-path: polygon(0% 50%, 0% 50%, 100% 0%, 100% 100%);}
.member_ann .blue_bar .bg_blue{padding:4em 0 3em 0;width:77%;position:relative;}
.member_ann .blue_bar .bg_blue:after{content:"";background: #465c7e;width:8%;height:100%;display:block;right:-7.9%;top:0;position:absolute;
clip-path: polygon(0% 100%, 0% 0%, 100% 50%, 100% 50%);}
.member_ann .blue_bar h2{padding:0 0 0.25em 0; transition-property:all; transition-duration:.3s;transform:translateY(1em);opacity:0;}
.member_ann.on .blue_bar h2{transform:translateY(0);opacity:1;}
.member_ann .blue_bar h2+strong{transition-property:all; transition-duration:.3s;transform:translateY(1.5em);opacity:0;display:inline-block;}
.member_ann.on .blue_bar h2+strong{transform:translateY(0);opacity:1;}
.member_ann .blue_bar .bt_cov{padding:2em 0 0.75em 0;transition-property:all; transition-duration:.3s;transform:scale(0);opacity:0;}
.member_ann.on .blue_bar .bt_cov{transform:scale(1);opacity:1;}
.member_ann .blue_bar p.font_11{transition-property:all; transition-duration:.3s;opacity:0;}
.member_ann.on .blue_bar p.font_11{opacity:1;}
.member_ann .blue_bar .memb_img{width:23%;position:relative;}
.member_ann .blue_bar .memb_img img{position:absolute;bottom:-20%;left:-7.5%;}
.member_ann .blue_bar .memb_img img:last-child{transition-property:all; transition-duration:.4s;transform:translateX(100%);opacity:0;transform-origin: bottom;transition-delay: 1.2s;}
.member_ann.on .blue_bar .memb_img img:last-child{transform:translateX(0);opacity:1;}
.member_ann .blue_bar .memb_img img:first-child{transition-property:all; transition-duration:.4s;transform:translateY(100%);opacity:0;transition-delay: 1.8s;}
.member_ann.on .blue_bar .memb_img img:first-child{transform:translateY(0);opacity:1;}
/*---------------------*/
/*TOP*/
/*---------------------*/
#top #section_1{margin-bottom:5em;position:relative;padding-top:3rem;}
#top #section_1>div.bg_white{position:relative;transition-property:all; transition-duration:.5s;transform:scaleY(0);transition-delay:.1s;}
#top #section_1.on>div.bg_white{transform:scaleY(1);}
#top #section_1>div.bg_white:before{content:"";width:100%;position:absolute;left:0;top:-1rem;height:1rem;background:url("../img/jaggy_wb.svg") repeat-x left top;}
#top #section_1 .bar{position:absolute;transform:skew(15deg,-15deg);width:110%;height:10rem;}
#top #section_1 .bar.bg_blue{bottom:5rem;left:-5%;z-index:1;}
#top #section_1 .bar.bg_green{background:#7bc100;clip-path: polygon(22% 100%,20% 50%, 22% 0%, 100% 0%, 100% 100%);right:-5%;bottom:0;}
#top #section_1 .bar:before{content:"";position:absolute;height:100%;width:100%;transition-property:all; transition-duration:.5s;transform:scaleX(1);opacity:1;top:0;background:#fff;}
#top #section_1 .bar.bg_blue:before{z-index:2;transform-origin:right;clip-path: polygon(0% 100%,2% 50%, 0% 0%, 100% 0%, 100% 100%);transition-delay: .6s;}
#top #section_1 .bar.bg_green:before{z-index:0;transform-origin:left;transition-delay: 1s;}
#top #section_1.on .bar.bg_blue:before{transform:scaleX(0);}
#top #section_1.on .bar.bg_green:before{transform:scaleX(0);}

#top #section_1 .inner.flex{position:relative;z-index:3;}
#top #section_1 .inner.flex .left_area{width:55%;align-self: center;padding:0 2.5% 5rem 0;}

#top #section_1 .inner.flex .left_area h2{padding-bottom:0.5em;transition-property:all; transition-duration:.5s;transform:translateY(15%);opacity:0;}
#top #section_1.on .flex .left_area h2{transform:translateY(0);opacity:1;}
#top #section_1 .flex .left_area h3{width:80%;margin:1em auto;transition-property:all; transition-duration:.5s;transform:translateY(15%);opacity:0;}
#top #section_1.on .flex .left_area h3{transform:translateY(0);opacity:1;}
#top #section_1 .flex .left_area .flex{margin:2em 7% 2.5em 7%;justify-content: space-between;width:86%;}
#top #section_1 .flex .left_area .flex p{padding:0 3%;transition-property:all; transition-duration:.5s;transform:translateY(3em);opacity:0;}
#top #section_1.on .flex .left_area .flex p{transform:translateY(0);opacity:1;}

#top #section_1 .flex .right_area{width:45%;box-sizing:border-box;margin-top:-1rem;}
#top #section_1 .flex .right_area div.bg_blue{padding:1em 1.5em;min-height:400px;box-shadow: 0 0 0 4px #fff;transform: translateY(3em);opacity:0;transition-property:all; transition-duration:.5s;transition-delay:1.8s;}
#top #section_1.on .flex .right_area div.bg_blue{transform: translateY(0);opacity:1;}
/*---------------------*/
#top #section_2 .flex .delay_c{width:30.3%;margin:1.5%;position:relative;transition-property:all; transition-duration:.4s;transform:translateY(3em);opacity:0;}
#top #section_2 .flex.on .delay_c{transform:translateY(0);opacity:1;}
#top #section_2 .flex .bg_blue{clip-path: polygon(0% 85%, 0% 0%, 100% 0%, 100% 85%, 50% 100%);padding-top:3em;}
#top #section_2 .flex .points{position:absolute;z-index:2;top:-0.5em;left:1em;display:inline-block;padding:1em 1em 2em 1em;clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 100% 100%, 50% 90%);}
#top #section_2 .flex img{width:40%;display:block;margin:0 auto 2em auto;}
#top #section_2 .flex .points strong{display:block;font-family: 'Nova Round', cursive;}
#top #section_2 .flex .font_20{padding-bottom:1.5em;}
#top #section_2 .flex .bg_blue p{padding:0 1.5em 40% 1.5em;min-height:19em;}
/*---------------------*/
#top #section_3 .flex{padding-bottom:3em;}
#top #section_3 .flex div{width:19%;padding:0 2%;transition-property:all; transition-duration:.6s;transform:translateY(3em);opacity:0;}
#top #section_3 .flex.on div{opacity:1;transform:translateY(0);}
#top #section_3 .flex img{width:70%;diplay:block;margin:auto;}
#top #section_3 .flex h3{padding:1.2em 0 0.8em 0;}
/*---------------------*/
#top #section_5 .flex{padding-bottom:3em;}
#top #section_5 .flex div{width:15%;padding:0 4%;transition-property:all; transition-duration:.6s;transform:translateY(3em);opacity:0;}
#top #section_5 .flex.on div{opacity:1;transform:translateY(0);}
#top #section_5 .flex h3{padding:1em 0 0 0;}
/*---------------------*/
#top #section_6{position:relative;}
#top #section_6:before{content:"";width:100%;position:absolute;left:0;top:0;height:1rem;background:url("../img/jaggy_w.svg") repeat-x left top;}
#top #section_6:after{content:"";width:100%;position:absolute;left:0;bottom:0;height:1rem;background:url("../img/jaggy_wb.svg") repeat-x left top;}

#top #section_6 .sub_title{margin-bottom:3em;}
#top #section_6 div.action{padding-top:2em;}
#top #section_6 .bg_white{margin-bottom:2em;position:relative;padding:2em ;transition-property:all; transition-duration:.6s;transform:translateY(3em);opacity:0;}
#top #section_6 .on .bg_white{opacity:1;transform:translateY(0);}
#top #section_6 .types{position:absolute;top:0;left:2em;padding:0.3em 1.2em;}
#top #section_6 .bg_white:nth-of-type(2n) .flex{flex-direction: row-reverse;}
#top #section_6 .flex div:first-child{width:65%;box-sizing: border-box;padding-right:2em;}
#top #section_6 .bg_white:nth-of-type(2n) .flex div:first-child{padding-left:2em;padding-right:0;}
#top #section_6 .flex div:first-child h3{padding:1em 0 0.5em 0;}
#top #section_6 .flex div:first-child div span.bg_green{padding:0.2em 1em;display:inline-block;margin:0 0.65em 0 0;}
#top #section_6 .flex div:first-child p{padding:1em 0 1.5em 0;}
#top #section_6 .flex .price{}
#top #section_6 .flex .price strong{display:inline-block;font-family: 'Noto Sans JP', sans-serif;vertical-align:middle;padding-bottom:0.25em;}
#top #section_6 .flex .price .bg_blue{padding:0.2em 1em;margin:0 0.65em 0 0}
#top #section_6 .flex div.imgs{width:35%;box-sizing: border-box;background:#ccc;}
#top #section_6 .bg_white:nth-of-type(2n) .flex div.imgs{margin-top:1.5em;}
/*---------------------*/
#top #section_7 .steps{background: linear-gradient(to right, #465c7e 50%, transparent 50%);margin-bottom:4em;transform:translateX(-100%);transform-origin:left;transition-property:all; transition-duration:.5s; }
#top #section_7 .on .steps{transform:translateX(0);}
#top #section_7 .steps:nth-of-type(2n){background: linear-gradient(to right, #7bc100 50%, transparent 50%);}
#top #section_7 .steps .inner{position:relative;}

#top #section_7 .steps:not(:last-child) .inner:after{content:"";width:0;height:0;border:12px solid;border-color:#465c7e transparent transparent transparent;bottom:0;left:50%;position:absolute;margin:0 0 -3.5em -6px;}
#top #section_7 .steps .b_gcov{position:relative;padding:1.75em 1.5em 1.75em calc(1.5em + 4% );transform:translateX(50%);transition-property:all;opacity:0;transition-duration:.3s;}
#top #section_7 .on .steps .b_gcov{;transform:translateX(0);opacity:1;}
#top #section_7 .steps .b_gcov:before{content:"";background:#465c7e;left:-0.1%;top:0;position:absolute;width:4%;height:100%;display:block;
clip-path: polygon(0% 100%, 0% 0%, 100% 50%, 100% 50%);z-index:2;}
#top #section_7 .steps:nth-of-type(2n) .b_gcov:before{background:#7bc100;}
#top #section_7 .steps .inner strong.color_white{position:absolute;left:0;top:50%;font-family: 'Nova Round', cursive;transform:translateY(-100%) rotate(-90deg);transform-origin:center  bottom;margin-left:0;z-index:4;}
#top #section_7 .steps .flex{align-items: center;}

#top #section_7 .steps .flex h3{padding-bottom:0.6em;}
#top #section_7 .steps .flex div:first-child{width:10%;}
#top #section_7 .steps .flex div:last-child{width:85%;padding:0 2% 0 5%;}

#top #section_7 .steps:nth-of-type(5){background: #fff;}
#top #section_7 .steps:nth-of-type(5) div.bg_blue{width:80%;padding:0.5em 0;margin:0 auto;}
#top #section_7 .steps:nth-of-type(6) {background: linear-gradient(to right, #465c7e 50%, transparent 50%);}
#top #section_7 .steps:nth-of-type(6) .b_gcov:before{background:#465c7e;}
/*---------------------*/
#top #section_9{position:relative;z-index:2;}
#top #section_9 .voices section{background: linear-gradient(to right, #7bc100 50%, transparent 50%);margin-bottom:-2em;transform:translateX(-100%);transform-origin:left;transition-property:all; transition-duration:.5s;}
#top #section_9 .voices section:nth-of-type(2n){background: linear-gradient(to left, #465c7e 50%, transparent 50%);transform-origin:right;transform:translateX(100%);}
#top #section_9 .voices.on section, #top #section_9 .voices.on section:nth-of-type(2n){transform:translateX(0);}
#top #section_9 .voices .flex{width: 80%;padding:2em 15% 2em 2em;align-items:center;clip-path: polygon(0% 100%, 0% 0%, 90% 0%, 100% 50%, 90% 100%);}
#top #section_9 .voices section:nth-of-type(2n) .flex{flex-direction: row-reverse;padding:2em 2em 2em 15%;clip-path: polygon(10% 100%,0% 50%, 10% 0%, 100% 0%,  100% 100%);}
#top #section_9 .voices .flex h3{padding-bottom:1em;}
#top #section_9 .voices .flex div:first-child{width:75%;padding:1em 5em 1em 2em;}
#top #section_9 .voices section:nth-of-type(2n) .flex div:first-child{padding:1em 2em 1em 5em;}
#top #section_9 .voices .flex div:last-child{width:25%;padding:2em 0;}
#top #section_9 .voices section:last-child{margin-bottom:-4em;}
/*---------------------*/
#top #section_10{position:relative;}
#top #section_10:before{content:"";width:100%;position:absolute;left:0;top:0;height:1rem;background:url("../img/jaggy_w.svg") repeat-x left top;}
#top #section_10:after{content:"";width:100%;position:absolute;left:0;bottom:0;height:1rem;background:url("../img/jaggy_wb.svg") repeat-x left top;}
#top #section_10 .inner{padding:6% 0 3% 0;}
#top #section_10  .bg_white{padding:2.5em;margin-bottom:2em;transition-property:all; transition-duration:.6s;transform:translateY(4em);opacity:0;}
#top #section_10 .on .bg_white{opacity:1;transform:translateY(0);}
#top #section_10  dt{padding:0.25em 0 1.5em 2.8em;position:relative;}
#top #section_10  dd{padding:0.25em 0 0 2.8em;position:relative;}
#top #section_10 dt:before, #top #section_10 dd:before{color:#fff;border-radius:100vh;position:absolute;width:1.5em;height:1.5em;text-align:center;padding:0.2em;left:0;top:0;}
#top #section_10 dt:before{content:"Q";background:#7bc100;font-family: 'Nova Round', cursive;}
#top #section_10 dd:before{content:"A";background:#465c7e;font-family: 'Nova Round', cursive;}
/*---------------------*/
#top #section_11 div.bg_blue{padding:1em;width:auto;margin:0 auto;}
#top #section_11 div.bg_blue .cell:first-child{border-right:1px solid #fff;padding:0.25em 1em 0.25em 0;}
#top #section_11 div.bg_blue .cell:last-child{padding:0.25em 0 0.25em 1em;}
#top #section_11 div.bg_blue a{display:block;line-height:1.2;font-family: 'Noto Sans JP', sans-serif;}
/*---------------------*/
/*Thanks*/
/*---------------------*/
#thanks #contents h2{padding:2em 0;}
#thanks #contents p{padding-bottom:2em;}
#thanks #contents .bt_cov{padding-bottom:4em;}
/*---------------------*/
/*Error_p*/
/*---------------------*/
#error_p #contents h2{padding:2em 0;}
#error_p #contents p{padding-bottom:2em;}
#error_p #contents .bt_cov{padding-bottom:4em;}

/*---------------------*/
/*form*/
/*---------------------*/
#form_table{margin:1em auto 0.5em auto;width:100%;display:block;max-width:650px;}
#form_table dt{padding:0 0 0.25em 0.5em;}
#form_table dd{padding:0 0 1em 0;}
#form_table dd p{padding:0.25em 0 0 0.5em;}
#form_table input.bg_blue{width:60%; margin-top:1em;}
/*-----------*/
#top_form #form_table dt{font-size:14px !important;color:#fff;}
#top_form #form_table input.bg_blue{margin-top:0.5em;font-size:16px !important;background:#7bc100;padding:10px 26px;width:100%;}
#top_form #form_table .input{height:2em;font-size:16px !important;}
#top_form #form_table .textarea{min-height:6em;font-size:16px !important;}
#top_form #form_table dd{padding-bottom:0.5em;}
#top_form #form_table div.center{color:#fff;}
#top_form #form_table div.center .color_blue{color:#7bc100 !important;}
/*---------------------------------------------*/
/*---------------------------------------------*/
/*スマホページ*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*---------------------------------------------*/
/*768px*/
/*---------------------------------------------*/
/*---------------------------------------------*/
@media only screen and (max-width:768px){	
.inner{max-width:initial;min-width:initial;width:100% !important;}
.sm_hide{display:none !important;}
.sm_show{display:block !important;}
/*------------------------------*/
.font_50{font-size:35px !important;}
.font_40{font-size:25px !important;}
.font_35{font-size:25px !important;}
.font_30{font-size:22px !important;}
.font_25{font-size:20px !important;}
.font_22{font-size:16px !important;}
.font_20{font-size:14px !important;}
.font_18{font-size:14px !important;}
.font_16{font-size:14px !important;}
.font_14{font-size:12px !important;}
/*------------------------------*/
header .upper{height:auto;}
header .flex div:first-child{width:45%;boxsizing:border-box;}
header h1{padding:8px 0 8px 2%;}
header h1 a,header h1 svg{height:initial;width:100%;max-width:180px;}
header .flex div.right{width:38%;margin:4px 9% 4px auto;text-align:right;}	
header div.bg_black{background:none;}
header div.bg_black:before{content:"";width:5%;height:0.5em;display:block;position:absolute;top:1.4em;right:1%;border:2px solid;border-color:#000 transparent #000 transparent;}
header .menus{position:absolute;background:#000;flex-wrap:wrap;z-index:9;display:none;}
header .menus.appear{display:block;}
header .menus li{width:100%;border-bottom:1px solid #fff;}	
header .menus a{padding:1em;}
/*---------------------------------------------*/
/*Footer*/
footer div.table{padding-bottom:30px;display:block;}
footer div.cell{padding:0 0 3em 0;display:block;width:100%;box-sizing:border-box;}
footer #foot_bts{width:auto;padding: 5em 1em 2em 1em;}
footer #foot_bts svg{width:30%;display:block;max-width:180px;margin:0 auto 2em auto;}
footer #right_link{padding:0 2% 2em 2%;;border-left:none;width:96%;}
footer #foot_bts .flex{width:100%;padding:0; }
footer #foot_bts .flexli{width:48%;padding:0 1%;}
footer .table .right.cell{width:70%;display:block;max-width:250px;margin:auto;}
footer .table .right.cell .bg_white{padding:1em 1em;}
/*---------------------------------------------*/
.member_ann{position:relative;margin-top:50px;margin-bottom:50px;}
.member_ann .blue_bar .bg_blue{border-radius:0;width:100%;}
.member_ann .blue_bar .inner{padding:0 !important;}
.member_ann .blue_bar .bg_blue:after{content:none;}
.member_ann .blue_bar .memb_img{display:none;}
.member_ann .gray_bar{display:none;}
.member_ann .blue_bar h2{padding:0 2% 0.5em 2%;}
.member_ann .blue_bar h2+strong{padding:0 2%;}
/*---------------------*/
/*TOP*/
/*---------------------*/
#top #section_1 .bar{position:absolute;transform:skew(15deg,-15deg);width:110%;height:10%;}
#top #section_1 .bar.bg_blue{bottom:55%;}
#top #section_1 .bar.bg_green{;clip-path: none;bottom:50%;}
#top #section_1 .bar.bg_blue:before{clip-path: none;}
#top #section_1 .inner.flex{flex-wrap:wrap;}
#top #section_1 .inner.flex .left_area{width:100%;box-sizing:border-box;padding:15% 2% 10% 2%;align-self: center;}
#top #section_1 .flex{height:auto;}
#top #section_1 .flex .right_area{width:94%;box-sizing:border-box;}
/*---------------------*/
#top #section_2 div.flex{padding:0 1% ;width:98%;flex-wrap:wrap;}
#top #section_2 div.flex .delay_c{width:98%;margin:0 auto 1.5em auto;}
#top #section_2 .flex .bg_blue{clip-path: none;}
#top #section_2 .flex .font_20{padding-bottom:1.5em;}
#top #section_2 .flex .bg_blue p{padding:0 1em 4em 1em;min-height:initial;}
/*---------------------*/
#top #section_3 .flex{flex-wrap:wrap;padding-bottom:0;}
#top #section_3 .flex_1 div{width:40%;padding:0 4% 2em 4%;}
/*---------------------*/
#top #section_5 .flex{flex-wrap:wrap;padding-bottom:0;}
#top #section_5 .flex_1 div{width:40%;padding:0 4% 2em 4%;}
/*---------------------*/
#top #section_6 .flex{flex-wrap:wrap;flex-direction:column-reverse;}
#top #section_6 .flex div.imgs{width:100%;min-height:250px;margin:1em 0 1em 0;}
#top #section_6 .flex div:first-child{width:100%;padding:0;}
#top #section_6 .bg_white:nth-of-type(2n) .flex div:first-child{padding-left:0;}
#top #section_6 .bg_white:nth-of-type(2n) .flex{flex-direction:column-reverse;}
#top #section_6 .flex div:first-child div span.bg_green{padding:0.2em 0.5em;margin:0 0.5em 0.5em 0;font-size:12px;}
/*---------------------*/
#top #section_7 .steps .inner{padding:0 0 0 5%;}
#top #section_7 .steps .b_gcov:before{width:7%;}
#top #section_7 .steps .inner strong.color_white{left:2%;}
#top #section_7 .steps .flex{flex-wrap:wrap;}
#top #section_7 .steps .flex div:first-child{width:90%;}
#top #section_7 .steps .flex div:first-child img{width:60%;margin:0 auto 1em auto;}
#top #section_7 .steps .flex div:last-child{width:90%;padding:0;}
#top #section_7 .steps:nth-of-type(5)  .inner{padding:0;}
/*---------------------*/	
#top #section_9 .voices section{margin-bottom:2em;width:115%;}
#top #section_9 .voices section:nth-of-type(2n){margin-left:-15%;}
#top #section_9 .voices .flex{width: 100%;padding:2em 15% 2em 2%;flex-wrap:wrap;flex-direction:column-reverse !important;box-sizing:border-box;}
#top #section_9 .voices section:nth-of-type(2n) .flex{padding:2em 2% 2em 15%;}
#top #section_9 .voices .flex div:first-child,#top #section_9 .voices section:nth-of-type(2n) .flex div:first-child{width:100%;padding:1em 2% 1em 2%;box-sizing:border-box;}
	#top #section_9 .voices .flex div:last-child{width:100%;padding:1em 0 2em 0;}
#top #section_9 .voices .flex div:last-child img{width:50%;margin:0 auto;}
/*---------------------*/		

#top #section_10  .bg_white{padding:2em 1em;margin-bottom:1em;}		
}