@charset "UTF-8";
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@700&display=swap');

/* commmon */
html {  }
body { position:relative; color:#000; line-height:1.5; /*font-family:'Roboto', 'Noto Sans JP', Arial, sans-serif;*/ font-family: "游ゴシック", 'Yu Gothic', YuGothic, "Hiragino Sans", Meiryo, sans-serif; font-size:10px; 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 { text-align:justify; }

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

* { position:relative; 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; }
.material-icons { position:relative; top:0.1em; font-size:1.0em; }

.Wrap { max-width:1600px; margin:0 auto; background:url('../images/bg01.jpg') repeat center top; box-shadow:0 0 10px 10px rgba(0,0,0,0.05); }


.spacer10 { display:block; clear:both; margin:0 0 10px 0; padding:0; border:0; }
.spacer20 { display:block; clear:both; margin:0 0 20px 0; padding:0; border:0; }
.spacer30 { display:block; clear:both; margin:0 0 30px 0; padding:0; border:0; }
.spacer40 { display:block; clear:both; margin:0 0 40px 0; padding:0; border:0; }
.spacer50 { display:block; clear:both; margin:0 0 50px 0; padding:0; border:0; }
.spacer60 { display:block; clear:both; margin:0 0 60px 0; padding:0; border:0; }

.marker { font-weight:bold; background:linear-gradient(180deg, rgba(255,114,159,0) 0%, rgba(255,114,159,0) 50%, rgba(255,114,159,0.25) 51%, rgba(255,114,159,0.25) 100%); }

figure { display:block; }
figure > img { width:100%; height:100%; object-fit:cover; margin-bottom:1.8em; }

.Section { padding:110px 0; }
.Section header { }
.Section h2 { margin-bottom:70px; font-size:4.0em; font-weight:bold; text-align:center; }
.Section h2 b { position:relative; left:-0.15em; font-size:1.25em; }
.Section h3 { margin-bottom:0.5em; padding-left:1.0em; border-left:rgba(54,131,149,1) 3px solid; color:rgba(255,0,0,1); font-size:2.2em; font-weight:bold; text-align:left; }
.Section h4 { margin-bottom:0.5em; padding-left:1.0em; border-left:rgba(54,131,149,1) 3px solid; color:rgba(255,0,0,1); font-size:2.2em; font-weight:bold; text-align:left; }

input[type='text'],textarea,button { width:100%; margin:0; padding:10px 15px; border:rgba(150,150,150,1) 1px solid; border-radius:6px; line-height:1.5; font-size:16px; background:rgba(251,251,251,1); box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
textarea { min-height:18.0em; }

.Section p { margin-bottom:3.0rem; font-size:1.1rem; line-height:1.5; }
.Section .catch { color:rgba(255,0,0,0.65); line-height:1.5; font-size:2.1rem; font-weight:bold; text-align:center; }
.Section .note { color:#777; line-height:1.2; font-size:0.9em; }

.Section ul.checkList { width:76%; margin :0 auto; text-align:center; }
.Section ul.checkList li { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:#ddd 1px dotted; font-size:1.6rem; }
.Section ul.checkList li > * { margin:0 0 0 0; }

.afterArrow::before { content:''; display:inline-blcok; position:absolute; left:50%; bottom:-200px; border:transparent 120px solid; border-top:rgba(32,162,192,1) 40px solid; transform:translate(-50%,0); }

.textSize10 { font-size:1.0rem !important; } 
.textSize11 { font-size:1.1rem !important; } 

.alignLeft { text-align:left !important; } 
.alignRight { text-align:right !important; } 
.alignCenter { text-align:center !important; } 

.Inner { width:92%; /*width:1080px;*/ margin:0 auto; padding:0 0; }

.cover---x1 { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; }
.cover---x1 > * { display:block; width:100.0%; }
.cover---x2 { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; }
.cover---x2 > * { display:block; width:100.0%; }
.cover---x3 { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; }
.cover---x3 > * { display:block; width:100.0%; }
.cover---x4 { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; }
.cover---x4 > * { display:block; width:100%; }
.cover---x5 { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; }
.cover---x5 > * { display:block; width:100%; }
.cover---x6 { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; }
.cover---x6 > * { display:block; width:100.0%; }

.cover---x1List { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; }
.cover---x1List > * { display:block; width:100.0%; }
.cover---x2List { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; }
.cover---x2List > * { display:block; width:100.0%; }
.cover---x3List { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; }
.cover---x3List > * { display:block; width:100.0%; }
	.cover---x3PlanList { display:flex; flex-flow:column nowrap; justify-content:space-between; align-items:center; }
	.cover---x3PlanList > * { width:100.0%; }
	.cover---x3PlanList > *:nth-child(1),
	.cover---x3PlanList > *:nth-child(3) { padding-bottom:0 !important; }
	.cover---x3PlanList > *:nth-child(2) { z-index:3; width:100%; }
.cover---x4List { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; }
.cover---x4List > * { display:block; width:100%; }
.cover---x5List { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; }
.cover---x5List > * { display:block; width:100.0%; }
.cover---x5List2l { display:flex; flex-flow:column wrap; justify-content:center; align-items:flex-start; }
.cover---x5List2l > * { display:block; width:100%; margin-bottom:40px; }
	.cover---x5List2l > *:nth-child(2) { margin-right:0%; margin-left:0%; }
	.cover---x5List2l > *:nth-child(4) { margin-right:0%; }
	.cover---x5List2l > *:nth-child(5) { margin-left:0%; }
.cover---x6List { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; }
.cover---x6List > * { display:block; width:100.0%; }

.Section table.normal { width:100%; margin:0 0 10px 0; padding:0; border-top:rgba(0,0,0,0.5) 2px solid; border-bottom:rgba(0,0,0,0.5) 2px solid; border-collapse:collapse; font-size:1.0rem; }
.Section .normal tr { display:block; padding:0; border-bottom:rgba(0,0,0,0.25) 1px dotted; }
.Section .normal tr:nth-child(even) { background:rgba(0,0,0,0.01); }
.Section .normal th { display:block; width:100%; padding:8px 0 0; font-weight:bold; text-align:left; }
.Section .normal th .material-icons { position:relative; top:0.15em; color:rgba(255,0,0,1); }
.Section .normal td { display:block; padding:5px 0 15px; }

.Section table.Normal { width:100%; margin:0 0 10px 0; padding:0; /*border-top:rgba(0,0,0,0.5) 2px solid; border-bottom:rgba(0,0,0,0.5) 2px solid;*/ border-collapse:collapse; font-size:1.3rem; }
.Section .Normal tr { padding:0; /*border-bottom:rgba(0,0,0,0.25) 1px dotted;*/ }
.Section .Normal tr:nth-child(even) { background:rgba(0,0,0,0.01); }
.Section .Normal th { width:25%; padding:15px 0; font-weight:bold; text-align:left; }
.Section .Normal th .material-icons { position:relative; top:0.15em; color:rgba(54,131,149); }
.Section .Normal td { padding:15px 0; }

.Section table.Comparison { width:100%; margin:0 0 10px 0; padding:0; border-top:rgba(0,0,0,0.5) 2px solid; border-bottom:rgba(0,0,0,0.5) 2px solid; border-collapse:collapse; font-size:1.3rem; }
.Section .Comparison thead { border-bottom:rgba(0,0,0,0.4) 3px double; background:rgba(240,240,240,1); }
.Section .Comparison thead tr { position:relative; }
.Section .Comparison thead th { padding:15px 0; text-align:center; vertical-align:middle; }
.Section .Comparison thead th.This { position:relative; top:-8px; width:18.3333%; padding-top:25px; color:rgba(255,255,255,1); font-weight:bold; text-align:center; white-space:nowrap; background:rgba(255,0,0,1); box-shadow:0 10px 0 0 rgba(255,0,0,1), inset 0 -10px 0 0 rgba(255,0,0,1); }
.Section .Comparison thead th.This::before { content:''; display:block; position:absolute; top:0; left:-1px; width:2px; height:calc(100% + 10px); background:rgba(255,0,0,1); }
.Section .Comparison thead th.This::after { content:''; display:block; position:absolute; top:0; right:-1px; width:2px; height:calc(100% + 10px); background:rgba(255,0,0,1); }
.Section .Comparison thead th.This .material-icons { position:relative; top:0.15em; color:rgba(255,255,255,1); }
.Section .Comparison tbody tr { padding:0; border-bottom:rgba(0,0,0,0.25) 1px dotted; }
.Section .Comparison tbody tr:nth-child(even) { background:rgba(0,0,0,0.01); }
.Section .Comparison tbody th { width:12%; padding:15px 0; font-weight:bold; text-align:left; vertical-align:middle; }
.Section .Comparison tbody th .material-icons { position:relative; top:0.15em; color:rgba(255,0,0,1); }
.Section .Comparison tbody td { width:13.3333%; padding:15px 0; text-align:center; vertical-align:middle; }
.Section .Comparison tbody td.This { padding:5px 0; border-left:rgba(255,0,0,1) 2px solid; border-right:rgba(255,0,0,1) 2px solid; color:rgba(255,0,0,1); font-size:1.8em; font-weight:bold; background:rgba(255,0,0,0.02); }
.Section .Comparison tbody tr:last-child td.This { border-bottom:rgba(255,0,0,1) 2px solid; }

.Section blockquote { width:100%; margin:0 0 20px 0; padding:30px; border:rgba(0,0,0,0.25) 1px solid; border-radius:3px; font-size:1.2rem; background:rgba(0,0,0,0.05); }

.cvArea h3 { font-size:3.8rem; margin-bottom:30px; }
.cvArea .btns { min-width:100%; }
.cvArea .btns a { display:inline-block; min-width:40.0%; margin:0 10px; padding:25px; border:rgba(255,255,255,1.0) 1px solid; border-radius:4px; font-size:2.0rem; white-space:nowrap; background:rgba(255,255,255,0); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:0.2s; }
.cvArea .btns a:hover { display:inline-block; min-width:40.0%; margin:0 10px; padding:25px; border:rgba(255,0,0,1.0) 1px solid; border-radius:4px; color:rgba(255,0,0,1); font-size:2.0rem; white-space:nowrap; background:rgba(255,255,255,1); box-shadow:0 4px 0 0 rgba(0,0,0,0.2); transition:0.2s; }
.cvArea .btns a + a { display:inline-block; min-width:40.0%; margin:0 10px; padding:25px; border:rgba(255,255,255,1.0) 1px solid; border-radius:4px; color:rgba(255,0,0,1); font-size:2.0rem; white-space:nowrap; background:rgba(255,255,255,1); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:0.2s; }
.cvArea .btns a + a:hover { display:inline-block; min-width:40.0%; margin:0 10px; padding:25px; border:rgba(255,255,255,1.0) 1px solid; border-radius:4px; color:rgba(255,255,255,1); font-size:2.0rem; white-space:nowrap; background:rgba(255,0,0,1); box-shadow:0 4px 0 0 rgba(0,0,0,0.2); transition:0.2s; }

@media screen and (min-width:728px) {
    .spacer10 { display:block; clear:both; margin:0 0 10px 0; padding:0; border:0; }
    .spacer20 { display:block; clear:both; margin:0 0 20px 0; padding:0; border:0; }
    .spacer30 { display:block; clear:both; margin:0 0 30px 0; padding:0; border:0; }
    .spacer40 { display:block; clear:both; margin:0 0 40px 0; padding:0; border:0; }
    .spacer50 { display:block; clear:both; margin:0 0 50px 0; padding:0; border:0; }
    .spacer60 { display:block; clear:both; margin:0 0 60px 0; padding:0; border:0; }
    
    .marker { font-weight:bold; background:linear-gradient(180deg, rgba(255,114,159,0) 0%, rgba(255,114,159,0) 50%, rgba(255,114,159,0.25) 51%, rgba(255,114,159,0.25) 100%); }
    
    figure { display:block; }
    figure > img { width:100%; height:100%; object-fit:cover; margin-bottom:1.8em; }
    
    .Section { padding:110px 0; }
    .Section header { }
    .Section h2 { margin-bottom:70px; font-size:4.0em; font-weight:bold; text-align:center; }
    .Section h2 b { position:relative; left:-0.15em; font-size:1.25em; }
    .Section h3 { margin-bottom:0.5em; color:rgba(255,0,0,1); font-size:2.6em; font-weight:bold; text-align:center; }
    .Section h4 { margin-bottom:0.5em; padding-left:1.0em; border-left:rgba(255,0,0,1) 3px solid; color:rgba(255,0,0,1); font-size:2.2em; font-weight:bold; text-align:left; }
    
    input[type='text'],textarea,button { width:100%; margin:0; padding:10px 15px; border:rgba(150,150,150,1) 1px solid; border-radius:6px; background:rgba(251,251,251,1); box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
    textarea { min-height:18.0em; }
    
    .Section p { margin-bottom:3.0rem; font-size:1.1rem; line-height:1.5; }
    .Section .catch { color:rgba(255,0,0,0.65); line-height:1.5; font-size:2.1rem; font-weight:bold; text-align:center; }
    .Section .note { color:#777; line-height:1.2; font-size:0.9em; }
    
    .Section ul.checkList { width:76%; margin :0 auto; text-align:center; }
    .Section ul.checkList li { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:#ddd 1px dotted; font-size:1.6rem; }
    .Section ul.checkList li > * { margin:0 0 0 0; }
    
    .afterArrow::before { content:''; display:inline-blcok; position:absolute; left:50%; bottom:-200px; border:transparent 120px solid; border-top:rgba(32,162,192,1) 40px solid; transform:translate(-50%,0); }
    
    .textSize10 { font-size:1.0rem !important; } 
    .textSize11 { font-size:1.1rem !important; } 
    
    .alignLeft { text-align:left !important; } 
    .alignRight { text-align:right !important; } 
    .alignCenter { text-align:center !important; } 
    
    .Inner { width:910px; /*width:1080px;*/ margin:0 auto; padding:0 20px; }
    
    .cover---x1 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
    .cover---x1 > * { display:block; width:100.0%; }
    .cover---x2 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
    .cover---x2 > * { display:block; width:50.0%; }
    .cover---x3 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
    .cover---x3 > * { display:block; width:33.3333%; }
    .cover---x4 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
    .cover---x4 > * { display:block; width:25%; }
    .cover---x5 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
    .cover---x5 > * { display:block; width:20%; }
    .cover---x6 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
    .cover---x6 > * { display:block; width:16.6666%; }
    
    .cover---x1List { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
    .cover---x1List > * { display:block; width:100.0%; }
    .cover---x2List { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
    .cover---x2List > * { display:block; width:48.0%; }
    .cover---x3List { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
    .cover---x3List > * { display:block; width:31.5%; }
    	.cover---x3PlanList { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; }
    	.cover---x3PlanList > * { width:34.5%; }
    	.cover---x3PlanList > *:nth-child(1),
    	.cover---x3PlanList > *:nth-child(3) { padding-bottom:0 !important; }
    	.cover---x3PlanList > *:nth-child(2) { z-index:3; width:40%; }
    .cover---x4List { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
    .cover---x4List > * { display:block; width:22%; }
    .cover---x5List { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
    .cover---x5List > * { display:block; width:18.5%; }
    .cover---x5List2l { display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; }
    .cover---x5List2l > * { display:block; width:32%; margin-bottom:40px; }
    	.cover---x5List2l > *:nth-child(2) { margin-right:2%; margin-left:2%; }
    	.cover---x5List2l > *:nth-child(4) { margin-right:1%; }
    	.cover---x5List2l > *:nth-child(5) { margin-left:1%; }
    .cover---x6List { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
    .cover---x6List > * { display:block; width:16.6666%; }
    
    .Section table.normal { width:100%; margin:0 0 10px 0; padding:0; border-top:rgba(0,0,0,0.5) 2px solid; border-bottom:rgba(0,0,0,0.5) 2px solid; border-collapse:collapse; font-size:1.0rem; }
    .Section .normal tr { display:table-row; padding:0; border-bottom:rgba(0,0,0,0.25) 1px dotted; }
    .Section .normal tr:nth-child(even) { background:rgba(0,0,0,0.01); }
    .Section .normal th { display:table-cell; width:35%; padding:15px 10px; font-weight:bold; text-align:left; white-space:nowrap; }
    .Section .normal th .material-icons { position:relative; top:0.15em; color:rgba(255,0,0,1); }
    .Section .normal td { display:table-cell; padding:15px 0; }
    
    .Section table.Normal { width:100%; margin:0 0 10px 0; padding:0; /*border-top:rgba(0,0,0,0.5) 2px solid; border-bottom:rgba(0,0,0,0.5) 2px solid;*/ border-collapse:collapse; font-size:1.3rem; }
    .Section .Normal tr { display:table-row; padding:0; /*border-bottom:rgba(0,0,0,0.25) 1px dotted;*/ }
    .Section .Normal tr:nth-child(even) { background:rgba(0,0,0,0.01); }
    .Section .Normal th { display:table-cell; width:25%; padding:15px 0; font-weight:bold; text-align:left; }
    .Section .Normal th .material-icons { position:relative; top:0.15em; color:rgba(54,131,149); }
    .Section .Normal td { display:table-cell; padding:15px 0; }
    
    .Section table.Comparison { width:100%; margin:0 0 10px 0; padding:0; border-top:rgba(0,0,0,0.5) 2px solid; border-bottom:rgba(0,0,0,0.5) 2px solid; border-collapse:collapse; font-size:1.3rem; }
    .Section .Comparison thead { border-bottom:rgba(0,0,0,0.4) 3px double; background:rgba(240,240,240,1); }
    .Section .Comparison thead tr { position:relative; }
    .Section .Comparison thead th { padding:15px 0; text-align:center; vertical-align:middle; }
    .Section .Comparison thead th.This { position:relative; top:-8px; width:18.3333%; padding-top:25px; color:rgba(255,255,255,1); font-weight:bold; text-align:center; white-space:nowrap; background:rgba(255,0,0,1); box-shadow:0 10px 0 0 rgba(255,0,0,1), inset 0 -10px 0 0 rgba(255,0,0,1); }
    .Section .Comparison thead th.This::before { content:''; display:block; position:absolute; top:0; left:-1px; width:2px; height:calc(100% + 10px); background:rgba(255,0,0,1); }
    .Section .Comparison thead th.This::after { content:''; display:block; position:absolute; top:0; right:-1px; width:2px; height:calc(100% + 10px); background:rgba(255,0,0,1); }
    .Section .Comparison thead th.This .material-icons { position:relative; top:0.15em; color:rgba(255,255,255,1); }
    .Section .Comparison tbody tr { padding:0; border-bottom:rgba(0,0,0,0.25) 1px dotted; }
    .Section .Comparison tbody tr:nth-child(even) { background:rgba(0,0,0,0.01); }
    .Section .Comparison tbody th { width:12%; padding:15px 0; font-weight:bold; text-align:left; vertical-align:middle; }
    .Section .Comparison tbody th .material-icons { position:relative; top:0.15em; color:rgba(255,0,0,1); }
    .Section .Comparison tbody td { width:13.3333%; padding:15px 0; text-align:center; vertical-align:middle; }
    .Section .Comparison tbody td.This { padding:5px 0; border-left:rgba(255,0,0,1) 2px solid; border-right:rgba(255,0,0,1) 2px solid; color:rgba(255,0,0,1); font-size:1.8em; font-weight:bold; background:rgba(255,0,0,0.02); }
    .Section .Comparison tbody tr:last-child td.This { border-bottom:rgba(255,0,0,1) 2px solid; }
    
    .Section blockquote { width:100%; margin:0 0 20px 0; padding:30px; border:rgba(0,0,0,0.25) 1px solid; border-radius:3px; font-size:1.2rem; background:rgba(0,0,0,0.05); }
    
    .cvArea h3 { font-size:3.8rem; margin-bottom:30px; }
    .cvArea .btns { min-width:100%; }
    .cvArea .btns a { display:inline-block; min-width:40.0%; margin:0 10px; padding:25px; border:rgba(255,255,255,1.0) 1px solid; border-radius:4px; font-size:2.0rem; white-space:nowrap; background:rgba(255,255,255,0); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:0.2s; }
    .cvArea .btns a:hover { display:inline-block; min-width:40.0%; margin:0 10px; padding:25px; border:rgba(255,0,0,1.0) 1px solid; border-radius:4px; color:rgba(255,0,0,1); font-size:2.0rem; white-space:nowrap; background:rgba(255,255,255,1); box-shadow:0 4px 0 0 rgba(0,0,0,0.2); transition:0.2s; }
    .cvArea .btns a + a { display:inline-block; min-width:40.0%; margin:0 10px; padding:25px; border:rgba(255,255,255,1.0) 1px solid; border-radius:4px; color:rgba(255,0,0,1); font-size:2.0rem; white-space:nowrap; background:rgba(255,255,255,1); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:0.2s; }
    .cvArea .btns a + a:hover { display:inline-block; min-width:40.0%; margin:0 10px; padding:25px; border:rgba(255,255,255,1.0) 1px solid; border-radius:4px; color:rgba(255,255,255,1); font-size:2.0rem; white-space:nowrap; background:rgba(255,0,0,1); box-shadow:0 4px 0 0 rgba(0,0,0,0.2); transition:0.2s; }
}

.Head { position:relative; top:0; left:0; z-index:10; width:100%; min-height:200px; transition:0.4s; }
    .Head.fixed { position:fixed; z-index:999; min-height:auto; background:rgba(255,255,255,0.8); transition:0.4s; }
.HeadInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; z-index:2; width:90%; margin:0 auto; padding:20px 0 20px; transition:0.4s; }
    .Head.fixed .HeadInner { padding:0px 0 10px; transition:0.4s; }
.Head .Logo { display:block; width:100%; margin-bottom:5px; text-align:center; }
.Head .Logo small { display:block; position:relative; top:1.0em; margin-bottom:10px; font-size:0.6rem; font-weight:bold; }
.Head .Logo small br{ display:none; }
.Head .Logo img { width:192px; height:auto; margin-bottom:0; object-fit:cover; }
    .Head.fixed .Head .Logo img { width:150px; height:auto; margin-bottom:0; object-fit:cover; }
.Nav { display:block; width:100%; }
.Nav .trigger { display:none; }
.Nav ul { text-align:center; }
.Nav li { display:inline-block; margin-left:1.0em; }
.Nav a { display:block; padding:0; color:#000; font-size:0.85rem; font-weight:bold; text-align:center; white-space:nowrap; transition:0.6s; }
.Nav a::before { content:''; display:block; position:absolute; left:-5%; bottom:-5px; width:0%; height:2px; background:rgba(0,0,0,1); transition:0.4s; }
.Nav a:hover::before { content:''; display:block; position:absolute; left:-5%; bottom:-5px; width:110%; height:2px; background:rgba(0,0,0,1); transition:0.4s; }
.Nav li:last-child { position:fixed; bottom:0; left:0; width:100%; height:auto; margin:0; }
.Nav li:last-child a { padding:4px 27px; border-radius:0; color:rgba(255,255,255,1) !important; line-height:40px; white-space:nowrap; background:rgba(0,0,0,1); transition:0.4s; }
.Nav li:last-child a::before { content:none; }
.Nav li:last-child a:hover { color:rgba(0,0,0,1) !important; background:rgba(255,255,255,0.9); box-shadow:inset 0 0 0 2px rgba(0,0,0,1); transition:0.4s; }

@media screen and (min-width:728px) {
    .Head { position:relative; top:0; left:0; z-index:10; width:100%; min-height:200px; transition:0.4s; }
        .Head.fixed { position:fixed; z-index:999; width:100%; min-height:auto; background:rgba(255,255,255,0.8); transition:0.4s; }
    .HeadInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; z-index:2; width:90%; margin:0 auto; padding:40px 0 20px; }
        .Head.fixed .HeadInner { padding:20px 0 20px; }
    .Head .Logo { display:block; width:35%; margin-bottom:0; text-align:left; }
    .Head .Logo small { display:inline-block; position:relative; top:1.0em; margin-bottom:0; font-size:0.6rem; font-weight:bold; }
    .Head .Logo small br{ display:inline; }
    .Head .Logo img { width:192px; height:auto; margin-bottom:0; object-fit:cover; }
    .Nav { display:block; width:65%; }
    .Nav .trigger { display:none; }
    .Nav ul { text-align:right; }
    .Nav li { display:inline-block; margin-left:2.0em; }
    .Nav a { display:block; padding:0; color:#000; font-size:0.85rem; font-weight:bold; text-align:center; white-space:nowrap; transition:0.6s; }
    .Nav a::before { content:''; display:block; position:absolute; left:-5%; bottom:-5px; width:0%; height:2px; background:rgba(0,0,0,1); transition:0.4s; }
    .Nav a:hover::before { content:''; display:block; position:absolute; left:-5%; bottom:-5px; width:110%; height:2px; background:rgba(0,0,0,1); transition:0.4s; }
    .Nav li:last-child { position:relative; bottom:auto; left:auto; width:auto; height:autos; margin:0 0 0 2.0em; }
    .Nav li:last-child a { padding:4px 27px; border-radius:2.0em; color:rgba(255,255,255,1) !important; line-height:1.5; white-space:nowrap; background:rgba(0,0,0,1); transition:0.4s; }
    .Nav li:last-child a::before { content:none; }
    .Nav li:last-child a:hover { color:rgba(0,0,0,1) !important; background:rgba(0,0,0,0.0); box-shadow:inset 0 0 0 2px rgba(0,0,0,1); transition:0.4s; }
}

/* .Slide */
.Slide { position:relative; z-index:20; top:-80px; width:100%; height:auto; margin-bottom:-100px; background:url('../images/bg02.png') no-repeat center top; background-size:cover; }
.SlideInner { padding:130px 0 200px; align-items:flex-end; }
.Slide figure { display:block; position:relative; top:0.8em; width:74%; }
.Slide figure img { margin-bottom:0; }
.Slide h1 { width;100%; color:rgba(0,0,0,1); line-height:1.6; font-size:18px; font-weight:bolder; text-align:center; white-space:wrap; }
.Slide h1 small { display:block; margin-bottom:15px; color:rgba(255,255,255,1); line-height:1.0; font-family:'PT sans', Ariel; font-size:40px; font-weight:700; letter-spacing:0.1em; }
.Slide h1 span { display:block; margin-bottom:10px; }
.Slide h1 span br { display:none; }
.Slide h1 b { color:rgba(32,162,192); line-height:1.2; font-size:40px; font-weight:bolder; }

@media screen and (min-width:728px) {
    .Slide { position:relative; z-index:20; top:-100px; width:100%; height:auto; margin-bottom:-100px; background:url('../images/bg02.png') no-repeat center top; background-size:cover; }
    .SlideInner { padding:130px 0 200px; align-items:flex-end; }
    .Slide figure { display:block; position:relative; top:0.8em; width:48%; }
    .Slide figure img { margin-bottom:0; }
    .Slide h1 { width;50%; color:rgba(0,0,0,1); line-height:1.6; font-size:22px; font-weight:bolder; text-align:left; white-space:nowrap; }
    .Slide h1 small { display:block; margin-bottom:25px; color:rgba(255,255,255,1); line-height:1.0; font-family:'PT sans', Ariel; font-size:64px; font-weight:700; letter-spacing:0.1em; }
    .Slide h1 span { display:block; margin-bottom:15px; }
    .Slide h1 span br { display:inline; }
    .Slide h1 b { color:rgba(32,162,192); line-height:1.2; font-size:50px; font-weight:bolder; }
}

/* .Intro */
.Intro { z-index:30; overflow:hidden; top:-200px; min-height:700px; margin-bottom:-450px; padding:150px 0 100px; background:url('../images/bg03.png') no-repeat center top; background-size:cover; }
.IntroInner { width:92%; margin:0 auto; padding:0 0 100px 0; }
.IntroInner::before { content:''; display:block; position:absolute; bottom:10px; top:auto; right:0; width:130px; height:130px; background:url('../images/intro01.png') no-repeat; background-size:cover; }
.Intro h2 { margin-bottom:20px; font-size:18px; text-align:center; }
.Intro h2 span { display:block; }
.Intro h2 small { display:block; margin-bottom:10px; color:rgba(255,255,255,1); line-height:1.0; font-family:'PT sans', Ariel; font-size:24px; font-weight:700; letter-spacing:0.1em; }
.Intro h2 b { color:rgba(32,162,192); line-height:1.2; font-size:24px; font-weight:bolder; }
.Intro ul { text-align:left; }
.Intro li { display:inline-block; margin:0; padding:10px 20px; line-height:1.0; text-align:left; background:rgba(255,255,255,1); }
.Intro li p { margin:0 !important; }
.Intro svg { position:relative; top:0.15em; width:1.1em; height:1.1em; margin-right:0.3em; fill:rgba(255,114,159,1); }

@media screen and (min-width:728px) {
    .Intro { z-index:30; overflow:hidden; top:-155px; min-height:700px; margin-bottom:-535px; padding:200px 0 150px; background:url('../images/bg03.png') no-repeat center top; background-size:cover; }
    .IntroInner { width:700px; margin:0 auto; padding:0 0 100px 0; }
    .IntroInner::before { content:''; display:block; position:absolute; bottom:-120px; top:auto; right:-220px; width:340px; height:300px; background:url('../images/intro01.png') no-repeat; background-size:cover; }
    .Intro h2 { margin-bottom:20px; font-size:22px; text-align:left; }
    .Intro h2 span { display:block; }
    .Intro h2 small { display:block; margin-bottom:10px; font-size:45px; color:rgba(255,255,255,1); line-height:1.0; font-family:'PT sans', Ariel; font-size:50px; font-weight:700; letter-spacing:0.1em; }
    .Intro h2 b { color:rgba(32,162,192); line-height:1.2; font-size:50px; font-weight:bolder; }
    .Intro ul { text-align:left; }
    .Intro li { display:inline-block; margin:0; padding:10px 20px; line-height:1.0; text-align:left; background:rgba(255,255,255,1); }
    .Intro li p { margin:0 !important; }
    .Intro svg { position:relative; top:0.15em; width:1.1em; height:1.1em; margin-right:0.3em; fill:rgba(255,114,159,1); }
}

/* .Point */
.Point { position:relative; z-index:40; margin-bottom:-150px; padding:100px 0 0; }
.Point h2 { margin-bottom:20px; padding-top:50px; font-size:18px; text-align:center; }
.Point h2 span { display:block; }
.Point h2 small { display:block; position:absolute; top:0; left:0; color:rgba(255,255,255,1); line-height:1.0; font-family:'PT sans', Ariel; font-size:35px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; }
.Point h2 small::after { content:''; display:table; clear:both; height:0; }
.Point h2 b { color:rgba(32,162,192); line-height:1.2; font-size:30px; font-weight:bolder; }
.Point header + p { font-size:1.2rem; text-align:justify; }
.Point header + p br { display:none; }
.Point ul { align-items:flex-start; }
.Point .Thum { width:80%; margin:0 auto 20px; padding:15px 15px 15px; text-align:center; background:rgba(255,114,159,1); }
.Point .Thum img { width:74%; height:auto; margin-bottom:5px; }
.Point .Thum h3 { padding-left:0; border-left:0; color:rgba(255,255,255,1); line-height:1.5; font-size:1.2rem; }
.Point li:nth-child(3) .Thum h3 { letter-spacing:-0.1em; }
.Point .Txt p { font-size:1.0rem; letter-spacing:-0.05em; }
.Point .Txt p br { display:none; }
.Point .afterArrow::before { bottom:-140px !important; }

@media screen and (min-width:728px) {
    .Point { position:relative; z-index:40; margin-bottom:-130px; padding:110px 0 0; }
    .Point h2 { margin-bottom:20px; padding-top:100px; font-size:22px; text-align:center; }
    .Point h2 span { display:block; }
    .Point h2 small { display:block; position:absolute; top:0; left:0; font-size:70px; color:rgba(255,255,255,1); line-height:1.0; font-family:'PT sans', Ariel; font-size:65px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; }
    .Point h2 small::after { content:''; display:table; clear:both; height:0; }
    .Point h2 b { color:rgba(32,162,192); line-height:1.2; font-size:50px; font-weight:bolder; }
    .Point header + p { font-size:1.2rem; text-align:center; }
    .Point header + p br { display:inline; }
    .Point ul { align-items:flex-start; }
    .Point .Thum { width:100%; margin:0 0 20px 0; padding:15px 15px 15px; text-align:center; background:rgba(255,114,159,1); }
    .Point .Thum img { width:84%; height:auto; margin-bottom:5px; }
    .Point .Thum h3 { padding-left:0; border-left:0; color:rgba(255,255,255,1); line-height:1.5; font-size:1.2rem; }
    .Point li:nth-child(3) .Thum h3 { letter-spacing:-0.1em; }
    .Point .Txt p { font-size:1.0rem; letter-spacing:-0.05em; }
    .Point .Txt p br { display:inline; }
    .Point .afterArrow::before { bottom:-150px !important; }
}

/* .cover---x3PlanList */
.Plan { margin-bottom:-330px; padding:170px 0 340px; background:url('../images/bg04.png') no-repeat center top; background-size:cover; }
.Plan h2 { margin-bottom:50px; font-size:18px; text-align:center; }
.Plan h2 span { display:block; }
.Plan h2 small { display:block; position:absolute; top:-1.0em; right:0; color:rgba(220,220,220,1); line-height:1.0; font-family:'PT sans', Ariel; font-size:40px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; }
.Plan h2 b { color:rgba(32,162,192); line-height:1.2; font-size:30px; font-weight:bolder; }
.cover---x3PlanList li { margin-bottom:20px; padding:20px; border:rgba(94,201,192,1) 1px solid; border-radius:3px; color:rgba(94,201,192,1); background:rgba(255,255,255,1); box-shadow:0 0 10px 0 rgba(0,0,0,0.1); }
.cover---x3PlanList li:nth-child(2) { zoom:1.0; color:rgba(89,184,161,1); border:rgba(89,184,161,1) 3px solid; }
.Plan h3 { padding-left:0; border-left:0; color:rgba(94,201,192,1); font-size:1.3rem; font-weight:bolder; }
.Plan h3 strong { font-size:1.2em; }
.Plan h3 span { display:block; margin:5px 0 15px; padding:8px; color:rgba(255,255,255,1); line-height:1.0; font-size:1.1rem; background:rgba(94,201,192,1); }
.Plan h3 b { font-size:1.5rem; }
.Plan li:nth-child(2) h3 {  }
.Plan li:nth-child(2) h3 b {  }
.Plan figure { text-align:center; }
.Plan figure img { width:70%; height:auto; }
.Plan p { margin-bottom:15px; color:rgba(0,0,0,1); font-size:0.8rem; }
.Plan li:nth-child(2) p { margin-bottom:0; color:rgba(0,0,0,1); line-height:1.4; font-size:0.8rem; }
.Plan .afterArrow::before { bottom:-160px !important; }

@media screen and (min-width:728px) {
    .Plan { margin-bottom:-300px; padding:170px 0 340px; background:url('../images/bg04.png') no-repeat center top; background-size:cover; }
    .Plan h2 { margin-bottom:50px; font-size:22px; text-align:center; }
    .Plan h2 span { display:block; }
    .Plan h2 small { display:block; position:absolute; top:-0.1em; right:0; font-size:70px; color:rgba(255,255,255,1); line-height:1.0; font-family:'PT sans', Ariel; font-size:65px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; }
    .Plan h2 b { color:rgba(32,162,192); line-height:1.2; font-size:50px; font-weight:bolder; }
    .cover---x3PlanList li { margin-bottom:0; padding:15px; border:rgba(94,201,192,1) 1px solid; border-radius:3px; color:rgba(94,201,192,1); background:rgba(255,255,255,1); box-shadow:0 0 10px 0 rgba(0,0,0,0.1); }
    .cover---x3PlanList li:nth-child(2) { zoom:1.3; color:rgba(89,184,161,1); border:rgba(89,184,161,1) 3px solid; }
    .Plan h3 { padding-left:0; border-left:0; color:rgba(94,201,192,1); font-size:1.0rem; font-weight:bolder; }
    .Plan h3 strong { font-size:1.2em; }
    .Plan h3 span { display:block; margin:5px 0 15px; padding:8px; color:rgba(255,255,255,1); line-height:1.0; font-size:1.1rem; background:rgba(94,201,192,1); }
    .Plan h3 b { font-size:1.5rem; }
    .Plan li:nth-child(2) h3 {  }
    .Plan li:nth-child(2) h3 b {  }
    .Plan figure {  }
    .Plan figure img { width:100%; height:100%; }
    .Plan p { margin-bottom:15px; color:rgba(0,0,0,1); font-size:0.8rem; }
    .Plan li:nth-child(2) p { margin-bottom:0; color:rgba(0,0,0,1); line-height:1.4; font-size:0.8rem; }
    .Plan .afterArrow::before { bottom:-200px !important; }
}

/* .Flow */
.Flow { position:relative; z-index:20; }
.Flow h2 { margin-bottom:20px; font-size:18px; text-align:center; }
.Flow h2 span { display:block; }
.Flow h2 small { display:block; position:absolute; top:-130px; left:-30px; color:rgba(255,255,255,1); line-height:1.0; font-family:'PT sans', Ariel; font-size:40px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; }
.Flow h2 b { color:rgba(32,162,192); line-height:1.2; font-size:30px; font-weight:bolder; }
.Flow h2 + p { text-align:center; }
.FlowInner { padding:50px 30px 0; background:rgba(255,255,255,1); box-shadow:0 0 10px 10px rgba(0,0,0,0.05); }
.FlowWrap ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
.FlowWrap li { width:30%; }
.FlowWrap li:last-child { width:80%; margin:60px auto 0; }
.Flow ul + p { position:relative; top:calc(100vw * -0.8); width:100%; margin-botttom:-90px; text-align:center; }

@media screen and (min-width:728px) {
    .Flow { position:relative; z-index:20; }
    .Flow h2 { margin-bottom:30px; font-size:22px; text-align:center; }
    .Flow h2 span { display:block; }
    .Flow h2 small { display:block; position:absolute; top:-130px; left:-30px; font-size:70px; color:rgba(255,255,255,1); line-height:1.0; font-family:'PT sans', Ariel; font-size:65px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; }
    .Flow h2 b { color:rgba(32,162,192); line-height:1.2; font-size:50px; font-weight:bolder; }
    .Flow h2 + p { text-align:center; }
    .FlowInner { padding:50px 30px 0; background:rgba(255,255,255,1); box-shadow:0 0 10px 10px rgba(0,0,0,0.05); }
    .FlowWrap ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
    .FlowWrap li { width:18%; }
    .FlowWrap li:last-child { width:40%; margin-top:0; }
    .Flow ul + p { position:relative; top:-90px; width:60%; margin-botttom:-90px; text-align:center; }
}

/* .Result */
.Result { z-index:30; margin-bottom:0 !important; background:url('../images/bg05.jpg') no-repeat center center; background-size:cover; }
.ResultInner { padding:60px 30px; color:rgba(255,255,255,1); text-align:center; background:rgba(254,102,0,0.8); box-shadow:0 0 10px 5px rgba(0,0,0,0.1); }
.Result h2 { margin-bottom:20px; font-size:40px; font-weight:bolder; }
.Result h2 b { margin-bottom:20px; color:rgba(255,255,255,1); font-size:30px; font-weight:bolder; }
.Result h2 small { display:block; font-size:20px; }
.Result p { margin-bottom:0; font-size:1.2rem; }

@media screen and (min-width:728px) {
    .Result { z-index:30; margin-bottom:0 !important; background:url('../images/bg05.jpg') no-repeat center center; background-size:cover; }
    .ResultInner { padding:80px 30px; color:rgba(255,255,255,1); text-align:center; background:rgba(254,102,0,0.8); box-shadow:0 0 10px 5px rgba(0,0,0,0.1); }
    .Result h2 { margin-bottom:20px; font-size:40px; font-weight:bolder; }
    .Result h2 b { margin-bottom:20px; color:rgba(255,255,255,1); font-size:40px; font-weight:bolder; }
    .Result h2 small { display:block; font-size:20px; }
    .Result p { margin-bottom:0; font-size:1.2rem; }
}

/* .News */
.News { padding:0; }
.NewsInner { padding:80px 0 130px; text-align:center; background:rgba(255,255,255,1.0); }
.NewsWrap { display:flex; flex-flow:column wrap; justify-content:center; align-items:center; }
.News h2 { width:100%; margin-bottom:20px; padding-right:0; color:rgba(0,0,0,1); font-size:18px; font-weight:bolder; text-align:center; white-space:nowrap; }
.News h2 small { display:inline-block; margin-right:1.0em; color:rgba(32,162,192,1); font-size:24px; font-weight:bolder; }
.News ul { width:100%; margin-bottom:0; padding-left:0; border-left:0; font-size:0.9rem; }
.News li { margin-bottom:8px; }
.News li time { display:inline-block; margin-right:10px; color:rgba(130,130,130,1); }
.News li span { display:inline-block; top:-0.1em; margin-right:10px; padding:6px 14px; color:rgba(255,255,255,1); line-height:1.0; font-size:0.7em; font-weight:bolder; background:rgba(32,162,192,1); }

@media screen and (min-width:728px) {
    .News { padding:0; }
    .NewsInner { padding:80px 0 130px; text-align:center; background:rgba(255,255,255,1.0); }
    .NewsWrap { display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; }
    .News h2 { width:40%; padding-right:50px; color:rgba(0,0,0,1); font-size:18px; font-weight:bolder; text-align:left; white-space:nowrap; }
    .News h2 small { display:block; margin-right:0; color:rgba(32,162,192,1); font-size:30px; font-weight:bolder; }
    .News ul { width:60%; margin-bottom:0; padding-left:50px; border-left:rgba(220,220,220,1) 1px solid; font-size:1.1rem; }
    .News li { margin-bottom:8px; }
    .News li time { display:inline-block; margin-right:10px; color:rgba(130,130,130,1); }
    .News li span { display:inline-block; top:-0.1em; margin-right:10px; padding:6px 14px; color:rgba(255,255,255,1); line-height:1.0; font-size:0.7em; font-weight:bolder; background:rgba(32,162,192,1); }
}


/* .FAQ */
.FAQ { top:-100px; z-index:30; min-height:860px; margin-bottom:-300px; background:url('../images/bg06.png') no-repeat center top; background-size:auto 100%; }
.FAQInner {  }
.FAQ h2 { margin-bottom:30px; padding-right:50px; color:rgba(0,0,0,1); font-size:18px; font-weight:bolder; text-align:center; white-space:nowrap; }
.FAQ h2 small { display:block; color:rgba(32,162,192,1); font-size:40px; font-weight:bolder; }
.FAQ ul {  }
.FAQ li { margin-bottom:20px; border:rgba(54,131,149,1) 1px solid; border-radius:10px; background:rgba(255,255,255,1); }
.FAQ li h3 { margin-bottom:0; padding:12px 12px 12px 80px; border-left:0; border-radius:8px 0 0 8px; color:rgba(32,162,192,1); font-size:18px; font-weight:bolder; text-align:left; background:rgba(32,162,192,0); }
.FAQ li h3 span {display:block; position:absolute; top:0; left:0; width:60px; height:100%; border-radius:8px 0 0 8px; color:rgba(255,255,255,1); line-height:2.85em; text-align:center; background:rgba(45,186,219,1); }
.FAQ li h3.active { border-radius:8px 0 0 0; color:rgba(255,255,255,1); background:rgba(32,162,192,1); }
.FAQ li h3.active span { border-radius:8px 0 0 0; }
.FAQ li p { display:none; margin-bottom:30px; padding:20px 40px 0 80px; }
.FAQ li p::before { content:'A'; display:block; position:absolute; top:21px; left:20px; width:24px; height:24px; border-radius:100%; color:rgba(255,255,255,1); line-height:26px; font-size:0.8rem; font-weight:bolder; text-align:center; background:rgba(54,131,149,1); }
.FAQ li p.active { display:block; }

@media screen and (min-width:728px) {
    .FAQ { top:-100px; z-index:30; min-height:860px; margin-bottom:-300px; background:url('../images/bg06.png') no-repeat center top; background-size:100% auto; }
    .FAQInner {  }
    .FAQ h2 { margin-bottom:30px; padding-right:50px; color:rgba(0,0,0,1); font-size:18px; font-weight:bolder; text-align:center; white-space:nowrap; }
    .FAQ h2 small { display:block; color:rgba(32,162,192,1); font-size:40px; font-weight:bolder; }
    .FAQ ul {  }
    .FAQ li { margin-bottom:20px; border:rgba(54,131,149,1) 1px solid; border-radius:10px; background:rgba(255,255,255,1); }
    .FAQ li h3 { margin-bottom:0; padding:15px 15px 15px 80px; border-left:0; border-radius:8px 0 0 8px; color:rgba(32,162,192,1); font-size:20px; font-weight:bolder; text-align:left; background:rgba(32,162,192,0); }
    .FAQ li h3 span {display:block; position:absolute; top:0; left:0; width:60px; height:100%; border-radius:8px 0 0 8px; color:rgba(255,255,255,1); line-height:2.75em; text-align:center; background:rgba(45,186,219,1); }
    .FAQ li h3.active { border-radius:8px 0 0 0; color:rgba(255,255,255,1); background:rgba(32,162,192,1); }
    .FAQ li h3.active span { border-radius:8px 0 0 0; }
    .FAQ li p { display:none; margin-bottom:30px; padding:20px 40px 0 80px; }
    .FAQ li p::before { content:'A'; display:block; position:absolute; top:21px; left:20px; width:24px; height:24px; border-radius:100%; color:rgba(255,255,255,1); line-height:26px; font-size:0.8rem; font-weight:bolder; text-align:center; background:rgba(54,131,149,1); }
    .FAQ li p.active { display:block; }
}


/* .Form */
.Form { padding:0; }
.FormInner { padding:220px 0 50px; background:rgba(255,255,255,1.0); }
.Form h2 { margin-bottom:5px; padding-right:0; color:rgba(54,131,149,1); font-size:30px; font-weight:bolder; text-align:center; }
.Form h2 + p { font-size:16px; font-weight:bolder; text-align:center; }
.Form table { width:100% !important; margin:0 auto !important; font-size:1.0rem; }
.Form th { display:block; width:100% !important; padding:0 0 0 0 !important; font-size:1.0rem; vertical-align:middle !important; }
.Form th .must { position:relative; float:right; color:rgba(255,0,0,1); font-size:0.6em; font-weight:normal; }
.Form .material-icons { top:0.2em !important; color:rgba(54,131,149,1); }
.Form td { display:block; padding:5px 0 15px 0 !important; font-size:1.0rem; }
.FormWrap { width:100%; margin:0 auto; }
.Form h3 { margin-bottom:10px; color:rgba(0,0,0,1); font-size:1.5em !important; font-weight:normal; text-align:left; }
.Form h3 .material-icons { top:0.1em !important; color:rgba(54,131,149,1); }
.scrollArea { overflow:auto; width:100%; height:10.0em; margin:0 0 20px 0; padding:10px 15px; border:rgba(150,150,150,1) 1px solid; border-radius:6px; background:rgba(251,251,251,1); box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.scrollArea + label { display:block; margin-bottom:40px; font-size:1.0rem; font-weight:bolder; text-align:center !important; }
.scrollArea + label input[type='checkbox'] { top:-0.2rem; margin:0 5px 0 0; padding:0; }
.Form button { display:inline-block; max-width:100%; border:0; border-radius:4px; color:rgba(255,255,255,1); line-height:50px; font-size:1.3rem; font-weight:bolder; background:rgba(254,102,0,1); }
.Form button:hover { background:rgba(254,102,0,0.8); transition:0.4s; }

.formWrap { padding-top:0; }
.formWrap h3 { margin-bottom:20px; color:rgba(32,162,192,1); border-color:rgba(32,162,192,1); font-size:1.1rem; text-align:left; }
.formWrap h4 { margin-bottom:20px; color:rgba(32,162,192,1); border-color:rgba(32,162,192,1); font-size:1.1rem; text-align:left; }
.formWrap p { margin-bottom:10px; }
.error_messe .material-icons { color:rgba(255,0,0,1); }
.btn { display:inline-block; min-width:280px; max-width:480px; margin:0 5px; border:0; border-radius:4px; color:rgba(255,255,255,1); line-height:50px; font-size:1.2rem; font-weight:bolder; background:rgba(180,180,180,1); }
.btn:hover { background:rgba(180,180,180,0.8); transition:0.4s; }
.btn.primary { display:inline-block; min-width:280px; max-width:480px; margin:15px 5px 0; border:0; border-radius:4px; color:rgba(255,255,255,1); line-height:50px; font-size:1.2rem; font-weight:bolder; background:rgba(254,102,0,1); }
.btn.primary:hover { background:rgba(254,102,0,0.8); transition:0.4s; }

@media screen and (min-width:728px) {
    .Form { padding:0; }
    .FormInner { padding:270px 0 50px; background:rgba(255,255,255,1.0); }
    .Form h2 { margin-bottom:10px; padding-right:50px; color:rgba(54,131,149,1); font-size:40px; font-weight:bolder; text-align:center; }
    .Form h2 + p { font-size:20px; font-weight:bolder; text-align:center; }
    .Form table { width:80% !important; margin:0 auto !important; font-size:1.0rem; }
    .Form th { display:table-cell; width:30% !important; padding:0 15px 0 0 !important; font-size:1.0rem; vertical-align:middle !important; }
    .Form th .must { position:relative; float:right; color:rgba(255,0,0,1); font-size:0.6em; font-weight:normal; }
    .Form .material-icons { top:0.2em !important; color:rgba(54,131,149,1); }
    .Form td { display:table-cell; padding:10px; font-size:1.0rem; }
    .FormWrap { width:80%; margin:0 auto; }
    .Form h3 { margin-bottom:10px; color:rgba(0,0,0,1); font-size:1.5em !important; font-weight:normal; text-align:left; }
    .Form h3 .material-icons { top:0.1em !important; color:rgba(54,131,149,1); }
    .scrollArea { overflow:auto; width:100%; height:10.0em; margin:0 0 20px 0; padding:10px 15px; border:rgba(150,150,150,1) 1px solid; border-radius:6px; background:rgba(251,251,251,1); box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
    .scrollArea + label { display:block; margin-bottom:40px; font-size:1.2rem; font-weight:bolder; text-align:center !important; }
    .scrollArea + label input[type='checkbox'] { top:-0.2rem; margin:0 5px 0 0; padding:0; }
    .Form button { display:inline-block; max-width:480px; border:0; border-radius:4px; color:rgba(255,255,255,1); line-height:60px; font-size:1.4rem; font-weight:bolder; background:rgba(254,102,0,1); }
    .Form button:hover { background:rgba(254,102,0,0.8); transition:0.4s; }

    .formWrap h3 { margin-bottom:40px; color:rgba(32,162,192,1); border-color:rgba(32,162,192,1); font-size:1.3rem; text-align:left; }
    .formWrap h4 { margin-bottom:40px; color:rgba(32,162,192,1); border-color:rgba(32,162,192,1); font-size:1.3rem; text-align:left; }
    .formWrap p { margin-bottom:15px; }
    .error_messe .material-icons { color:rgba(255,0,0,1); }
    .btn { display:inline-block; min-width:280px; max-width:480px; margin:0 5px; border:0; border-radius:4px; color:rgba(255,255,255,1); line-height:60px; font-size:1.4rem; font-weight:bolder; background:rgba(180,180,180,1); }
    .btn:hover { background:rgba(180,180,180,0.8); transition:0.4s; }
    .btn.primary { display:inline-block; min-width:280px; max-width:480px; margin:0 5px; border:0; border-radius:4px; color:rgba(255,255,255,1); line-height:60px; font-size:1.4rem; font-weight:bolder; background:rgba(254,102,0,1); }
    .btn.primary:hover { background:rgba(254,102,0,0.8); transition:0.4s; }
}

/* .Foot */
.Foot.Section { margin-bottom:0 !important; padding:20px 0 60px !important; color:rgba(255,255,255,1); background:rgba(0,0,0,1); } 
.Foot .Inner { margin:0 auto !important; padding:0 !important; } 
.Foot small { display:block; font-size:0.6rem; letter-spacing:0.1em; } 
.Foot .pageTop { display:block; position:fixed; right:0; bottom:48px; width:60px; height:60px; color:rgba(255,255,255,1); line-height:80px; text-align:center; background:rgba(254,102,0,0.8); cursor:pointer; }
.Foot .pageTop .material-icons { font-size:2.0rem; transform:rotate(90deg); } 

@media screen and (min-width:728px) {
    .Foot.Section { margin-bottom:0 !important; padding:20px 0 20px !important; color:rgba(255,255,255,1); background:rgba(0,0,0,1); } 
    .Foot .Inner { margin:0 auto !important; padding:0 !important; } 
    .Foot small { display:block; font-size:0.8rem; letter-spacing:0.1em; } 
    .Foot .pageTop { display:block; position:fixed; right:0; bottom:0; width:60px; height:60px; color:rgba(255,255,255,1); line-height:80px; text-align:center; background:rgba(254,102,0,0.8); cursor:pointer; }
    .Foot .pageTop .material-icons { font-size:2.0rem; transform:rotate(90deg); } 
}