@charset "utf-8";

#header,#header .headerBg {
position:relative;
}

#header .headerImage .wrapper img {
display:block;
margin:0 auto;
}

#header .topbar .telBn {
display:block;
float:right;
}

#header .topbar .kangen {
display:block;
float:left;
}

#header .topbar a.tel {
display:block;
}

#header .headerBg {
background:url(../img/headerbg.jpg) 50% 50% no-repeat;
background-size:cover;
min-height:480px;
}

#header .topbar .headerButton {
float:right;
position:relative;
display:block;
}

@media(max-width:768px) {
#header {
height:inherit;
}

#header .topbar .telBn {
width:100%;
margin-top:-.7em;
}

#header .topbar .kangen {
width:35%;
}

#header .headerBg {
background:0 0;
min-height:inherit;
}

#header .topbar .headerButton {
display:none;
}

#header .topbar .headerButton::after {
content:'';
clear:both;
height:0;
display:block;
visibility:hidden;
}
}

#header .topbar .headerButton .ButtonWrap {
position:absolute;
top:33px;
left:7px;
}

#header .topbar .headerButton .ButtonWrap a {
float:left;
width:33%;
}

#header .topbar .headerButton .ButtonWrap a:hover {
-webkit-animation:bounce .4s ease-in-out 0 forwards;
animation:bounce .4s ease-in-out 0 forwards;
}

.gnav {
z-index:999;
margin-top:-5em;
}

.gnav ul {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;
}

.gnav ul li {
-webkit-flex:1;
flex:1;
margin-right:5px;
}

.gnav.fixed ul li {
margin-right:0;
}

.gnav ul li a {
display:block;
z-index:100;
width:100%;
}

#container section.AreaRegButton::after,#container section.AreaRegButton::before {
content:'';
width:0;
height:0;
position:absolute;
left:50%;
}

.gnav.fixed ul li a {
-webkit-box-shadow:none;
box-shadow:none;
border:none;
}

.gnav ul li a:hover {
-webkit-animation:blinkOnce .3s ease-in-out 0 forwards;
animation:blinkOnce .3s ease-in-out 0 forwards;
}

@media(max-width:768px) {
.gnav {
font-size:70%;
background:rgba(255,255,255,1);
margin-top:0;
}

.gnav ul {
padding:0;
}

.gnav ul li a:hover {
-webkit-animation:none;
animation:none;
}
}

.gnav.fixed ul li a:hover {
-webkit-animation:none;
animation:none;
-webkit-filter:saturate(100%) brightness(100%);
filter:saturate(100%) brightness(100%);
}

.gnav ul li a .NavS,.gnav.fixed ul li a>img {
display:none;
}

.gnav.fixed ul li a .NavS {
display:block;
}

@media(max-width:768px) {
.gnav.fixed ul li a>img {
display:block;
}

.gnav.fixed ul li a .NavS {
display:none;
}
}

.gnav.fixed ul li a .NavS img:nth-child(2),.gnav.fixed ul li a:hover .NavS img:nth-child(1) {
display:none;
}

.gnav.fixed ul li a:hover .NavS img:nth-child(2) {
display:block;
}

.navS {
z-index:9999;
}

.navS ul {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-align-items:stretch;
align-items:stretch;
}

.navS ul li {
-webkit-flex:1;
flex:1;
}

.navS ul li a {
display:block;
}

.navS ul li a:hover {
margin-top:-1em;
-webkit-opacity:.9;
opacity:.9;
}

#container .tableContent {
border:3px solid rgba(74,161,4,1);
background:rgba(74,161,4,.05);
padding:.5em 1em;
display:inline-block;
-webkit-border-radius:8px;
border-radius:8px;
}

#container .tableContent a {
text-decoration:underline;
font-size:1.2em;
font-weight:700;
display:block;
color:rgba(74,161,4,1);
}

#container .tableContent a:hover {
text-decoration:none;
}

#container .tableContent a i {
display:inline-block;
font-size:.8em;
-webkit-transition:all .15s ease-in-out 0;
transition:all .15s ease-in-out 0;
}

#container .tableContent a:hover i {
margin-right:.5em -webkit-transform: rotate(90deg);
transform:rotate(90deg);
}

body.index #container #main {
margin-top:2em;
}

#container section.AreaSkyBlue {
background:rgba(0,160,233,1);
}

#container section.AreaGreen {
background:rgba(74,161,4,.1);
}

#container section.AreaPink2 {
background:rgba(241,156,176,.1);
}

.contentHead {
background:rgba(74,161,4,1);
padding:.4em 0;
}

@media(max-width:768px) {
#container .tableContent a i {
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}

body.index #container #main {
margin-top:0;
}

.contentHead .wrapper {
padding:0;
}
}

#container .content09 {
margin-top:-1.8em;
}

#container .endlink {
text-align:center;
}

#container .endlink a {
display:inline-block;
padding:.5em 1em;
background:rgba(74,161,4,1);
color:rgba(255,255,255,1);
letter-spacing:1px;
font-weight:700;
font-size:.9em;
}

#container .FeatureSite .InnerBox a .caption,#container .LeftCommentBox,#container .RightCommentBox {
letter-spacing:0;
font-family:"Lucida Grande","segoe UI","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN",Meiryo,Arial,sans-serif;
}

#container .endlink a:hover {
background:0 0;
color:rgba(74,161,4,1);
border-color:transparent;
}

@media screen and (min-width:320px) and (max-width:374px) {
#container .endlink a {
font-size:.7m;
letter-spacing:0;
}
}

#container section.AreaOrange2 {
background:rgba(251,154,1,.05);
}

#container section.AreaRegButton {
background:rgba(232,97,93,.3);
padding-bottom:1em;
}

#container section.AreaRegButton::before {
border:20px solid transparent;
border-top:20px solid rgba(255,255,255,1);
top:0;
}

#container section.AreaRegButton::after {
border:20px solid transparent;
border-bottom:20px solid rgba(255,255,255,1);
bottom:0;
}

#container .Reg a.RegButton {
display:block;
}

#container .Reg a.RegButton:hover {
-webkit-animation:bounce .7s ease-in-out 0 forwards;
animation:bounce .7s ease-in-out 0 forwards;
}

#container .RightGuideBox img:first-child {
float:right;
margin-left:1em;
margin-right:1em;
}

#container .LeftGuideBox img:first-child {
float:left;
margin-left:1em;
margin-right:1em;
}

@media(max-width:768px) {
#container section.AreaRegButton {
padding-bottom:.4em;
}

#container section.AreaRegButton::after,#container section.AreaRegButton::before {
border-width:10px;
left:47%;
}

#container .Reg a.RegButton {
padding-top:.2em;
}

#container .LeftGuideBox img:first-child,#container .RightGuideBox img:first-child {
width:20%;
margin-left:0;
margin-right:0;
}
}

#container .LeftGuideBox .Text,#container .RightGuideBox .Text {
position:relative;
float:left;
width:78%;
}

#container .LeftGuideBox .Text {
float:right;
}

#container .RightCommentBox img:first-child {
float:right;
margin-left:1em;
margin-right:1em;
}

#container .LeftCommentBox img:first-child {
float:left;
margin-left:1em;
margin-right:1em;
}

#container .LeftCommentBox img:first-child,#container .RightCommentBox img:first-child {
width:15%;
}

@media(max-width:768px) {
#container .LeftCommentBox img:first-child,#container .RightCommentBox img:first-child {
width:15%;
margin-left:0;
margin-right:0;
}
}

#container .LeftCommentBox .Text,#container .RightCommentBox .Text {
position:relative;
float:left;
width:80%;
border:1.5px solid rgba(74,161,4,.9);
background:rgba(74,161,4,.1);
-webkit-border-radius:5px;
border-radius:5px;
padding:.5em 1em;
}

#container .LeftCommentBox .Text::after,#container .RightCommentBox .Text::after {
width:0;
height:0;
position:absolute;
top:20%;
content:'';
}

#container dl .Box3_3 .Text,#container dl .Box4_3 .Text {
padding-top:10px;
}

#container .LeftCommentBox .Text {
float:right;
}

#container .RightCommentBox .Text::after {
border:1em solid transparent;
border-left:1em solid rgba(74,161,4,1);
right:-2em;
}

#container .LeftCommentBox .Text::after {
border:1em solid transparent;
border-right:1em solid rgba(74,161,4,1);
left:-2em;
}

#container .LeftCommentBox.Female .Text,#container .RightCommentBox.Female .Text {
border:1.5px solid rgba(255,153,0,.9);
background:rgba(255,153,0,.1);
}

#container .RightCommentBox.Female .Text::after {
border-left:1em solid rgba(255,153,0,1);
}

#container .LeftCommentBox.Female .Text::after {
border-right:1em solid rgba(255,153,0,1);
}

#container .Box4_3 img {
float:left;
width:40%;
margin-right:1em;
margin-top:0;
}

#container .Box4_3 img.right {
float:right;
margin-left:1em;
margin-right:0;
}

@media(max-width:768px) {
#container .Box4_3 img,#container .Box4_3 img.right {
width:80%;
margin:1em auto;
display:block;
float:inherit;
}
}

#container dl .Box4_3 a.screenshot img {
margin-right:.5em;
}

#container .Box3_3 img {
float:left;
width:20%;
margin-right:1em;
margin-top:0;
}

#container .Box3_3 img.right {
float:right;
margin-left:1em;
margin-right:0;
}

#container dl .Box3_3 a.screenshot img {
margin-right:.5em;
}

#container .Box2_1 {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-align-items:stretch;
align-items:stretch;
}

#container .Box2_1 dl {
-webkit-flex:1;
flex:1;
min-width:49%;
max-width:50%;
margin-right:5px;
}

@media(max-width:768px) {
#container .Box2_1 dl {
width:90%;
min-width:90%;
max-width:90%;
display:block;
margin:0 auto;
}
}

#container .ButtonBox a {
width:49%;
display:inline-block;
}

#container .ButtonBox a:hover {
-webkit-animation:jump .3s ease-in-out 0 forwards;
animation:jump .3s ease-in-out 0 forwards;
}

#container .ButtonBox a img {
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);
box-shadow:0 1px 5px rgba(0,0,0,.2);
}

#container .ButtonBox a.Prof img {
border:2px solid rgba(198,23,56,.9);
}

#container .ButtonBox a.Date img {
border:2px solid rgba(64,155,171,.9);
}

#container .Point7 .clearfix {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;
}

#container .Point7 .clearfix a {
-webkit-flex:1;
flex:1;
margin-right:5px;
margin-bottom:5px;
max-width:25%;
}

#container .Point7 .clearfix a img {
border:1px solid rgba(51,51,51,1);
-webkit-border-radius:3px;
border-radius:3px;
}

#container .ListButton {
display:block;
text-align:center;
margin:1em 0 2em;
}

#container .ListButton:hover {
-webkit-animation:bounce .3s ease-in-out 0 forwards;
animation:bounce .3s ease-in-out 0 forwards;
}

#container .CatButton {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;
}

#container .CatButton a {
-webkit-flex:1;
flex:1;
min-width:49%;
max-width:50%;
margin-right:5px;
margin-bottom:5px;
}

#container .CatButton a:hover {
-webkit-transform:scale(1.05,1.05);
transform:scale(1.05,1.05);
}

#container a.scshot {
display:block;
}

#container a.scshot:hover {
-webkit-animation:bounce .9s ease-in-out 0 forwards;
animation:bounce .9s ease-in-out 0 forwards;
}

@media(max-width:768px) {
#container .CatButton a:nth-child(even) {
margin-right:0;
}

#container .CatButton a:hover {
-webkit-transform:none;
transform:none;
}

#container a.scshot:hover {
-webkit-animation:none;
animation:none;
}
}

#container a.scshot img {
display:block;
margin-left:auto;
margin-right:auto;
}

#container h4.site span {
background:rgba(195,24,36,1);
font-size:1.4em;
}

#container h4.site span::after {
background:rgba(195,24,36,1);
font-size:.6em;
}

#container section.AreaPink.SiteList p:not(.textlink) {
padding:0 1em;
}

#container section.AreaPink.SiteList h4 {
font-size:1.2em;
position:relative;
margin-top:1.5em;
}

#container section.AreaPink.SiteList h4 i.sitename {
font-size:2em;
font-style:normal;
}

#container section.AreaPink.SiteList h4 .caption {
display:block;
position:absolute;
top:-2.2em;
left:1em;
background:rgba(255,155,36,1);
color:rgba(255,255,255,1);
padding:.4em 1em;
border:2px solid rgba(255,255,255,1);
-webkit-border-radius:5px;
border-radius:5px;
-webkit-transform:rotate(-2deg);
transform:rotate(-2deg);
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);
box-shadow:0 1px 5px rgba(0,0,0,.2);
}

#container section.AreaPink.SiteList p.textlink {
margin-bottom:0;
padding-bottom:2em;
}

#container section.AreaPink.SiteList p.textlink a {
border-color:rgba(228,0,90,1);
color:rgba(228,0,90,1);
}

#container section.AreaPink.SiteList p.textlink a:hover {
color:rgba(255,255,255,1);
}

#container section.AreaPink.SiteList p.textlink a::after {
background:rgba(228,0,90,1);
}

#container .GPButton {
text-align:center;
display:block;
-webkit-transition:all .15s ease-in-out 0;
transition:all .15s ease-in-out 0;
}

#container .GPButton:hover {
-webkit-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}

#container .GPButton img {
display:inline-block;
margin:0 auto;
}

#container .RankingButton {
text-align:center;
display:block;
}

#container .RankingButton:hover {
-webkit-animation:bounce .8s ease-in-out 0 forwards;
animation:bounce .8s ease-in-out 0 forwards;
}

#container .RankingButton img {
display:inline-block;
margin:0 auto;
}

#container .SideCatButton {
margin-bottom:2em;
}

@media(max-width:768px) {
#container section.AreaPink.SiteList h4 i.sitename {
font-size:1.4em;
}

#container .GPButton:hover {
-webkit-transform:none;
transform:none;
}

#container .GPButton img {
width:80%;
}

#container .RankingButton:hover {
-webkit-animation:none;
animation:none;
}

body.Ranking #container .SideCatButton {
display:none;
}
}

#container .SideCatButton a {
display:block;
margin-bottom:.5em;
}

#container .SideCatButton a img {
width:100%;
}

#container .SideCatButton a:hover {
-webkit-animation:bounce .4s ease-in-out 0 forwards;
animation:bounce .4s ease-in-out 0 forwards;
}

#floatButton {
position:fixed;
bottom:-300px;
left:0;
z-index:99999;
width:100%;
background:rgba(245,20,121,.05);
padding:0;
-webkit-transition:all .3s ease-in-out 0;
transition:all .3s ease-in-out 0;
}

@media(max-width:768px) {
#container .SideCatButton a:hover {
-webkit-animation:none;
animation:none;
}

#floatButton {
padding-bottom:.5em;
background:rgba(245,20,121,.2);
}

#floatButton .wrapper {
padding:0;
}
}

#floatButton.fixed {
bottom:0;
}

#floatButton a:hover {
-webkit-animation:bounce .7s ease-in-out 0 forwards;
animation:bounce .7s ease-in-out 0 forwards;
}

#floatButton.out {
bottom:-300px;
}

#floatButton a {
display:block;
width:100%;
}

#container .FeatureSite img.header {
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
margin-left:1em;
}

@media(max-width:768px) {
#footer {
display:block;
}

#container .FeatureSite {
margin-top:1em;
}

#container .FeatureSite img.header {
width:90%;
margin-left:5%;
}
}

#container .FeatureSite .InnerBox {
border:4px solid rgba(231,58,41,1);
background:rgba(231,58,41,.1);
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);
box-shadow:0 1px 5px rgba(0,0,0,.2);
padding:.5em;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;
}

#container .FeatureSite .InnerBox a {
-webkit-flex:1;
flex:1;
margin-right:5px;
position:relative;
border:2px solid rgba(255,255,255,1);
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);
box-shadow:0 1px 5px rgba(0,0,0,.2);
}

#container .FeatureSite .InnerBox a:last-child {
margin-right:0;
}

#container .FeatureSite .InnerBox a::after {
content:'';
display:block;
position:absolute;
bottom:0;
left:0;
background:rgba(231,58,41,.9);
width:100%;
height:30px;
-webkit-transition:all .2s ease-in-out 0;
transition:all .2s ease-in-out 0;
}

#container .FeatureSite .InnerBox a:hover::after {
height:100%;
}

#container .FeatureSite .InnerBox a .caption {
position:absolute;
bottom:.2em;
left:.2em;
text-align:center;
display:block;
width:100%;
-webkit-text-shadow:0 -1px 0 rgba(0,0,0,.6);
text-shadow:0 -1px 0 rgba(0,0,0,.6);
z-index:999;
color:rgba(255,255,255,1);
}

@media(max-width:768px) {
#container .FeatureSite .InnerBox a::after,#container .FeatureSite .InnerBox a:hover::after {
height:25px;
}

#container .FeatureSite .InnerBox a .caption {
font-size:.7em;
letter-spacing:-1px;
line-height:25px;
}

#container .FeatureSite .InnerBox a .Button {
display:none;
}
}

#container .FeatureSite .InnerBox a .caption span {
background:rgba(255,255,255,1);
color:rgba(231,58,41,1);
padding:0 .3em;
font-weight:700;
margin-right:.2em;
-webkit-border-radius:2px;
border-radius:2px;
}

#container .FeatureSite .InnerBox a .Button {
-webkit-opacity:0;
opacity:0;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
width:60%;
height:35px;
line-height:35px;
text-align:center;
color:rgba(231,58,41,1);
background:rgba(255,255,255,1);
font-weight:700;
font-size:1.1em;
z-index:999;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);
box-shadow:0 1px 5px rgba(0,0,0,.2);
-webkit-transition:all .3s ease-in-out 0;
transition:all .3s ease-in-out 0;
}

#container .Board p,#container .reviewBox .star {
font-size:1.6em;
font-weight:700;
}

#container .FeatureSite .InnerBox a:hover .Button {
-webkit-opacity:1;
opacity:1;
}

#container .RegButton {
display:block;
margin:1em auto;
text-align:center;
}

#container .RegButton:hover {
-webkit-animation:bounce .4s ease-in-out 0 forwards;
animation:bounce .4s ease-in-out 0 forwards;
}

#container .CatButtonArea {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;
}

#container .CatButtonArea a {
-webkit-flex:1;
flex:1;
min-width:24%;
max-width:25%;
margin-right:5px;
margin-bottom:5px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);
box-shadow:0 1px 5px rgba(0,0,0,.2);
}

#container .CatButtonArea a:hover {
-webkit-animation:bounce .4s ease-in-out 0 forwards;
animation:bounce .4s ease-in-out 0 forwards;
}

#container .index02 {
position:absolute;
left:35%;
top:20px;
}

@media(max-width:768px) {
#container .CatButtonArea a {
margin-right:3px;
}

#container .index02 {
width:45%;
left:50%;
}

#container .index00 a {
width:75%;
}
}

#container .index02 .bg {
position:relative;
-webkit-animation:heartbeat 2s ease-in-out 0 infinite;
animation:heartbeat 2s ease-in-out 0 infinite;
}

#container .index02 .bg img {
display:block;
margin:0 auto;
}

#container table.common.company td a:not(:last-child),#container table.common.review td a:not(:last-child) {
margin-right:.2em;
}

#container .Board {
display:inline-block;
padding:.5em;
border:3px solid rgba(74,161,4,1);
background:rgba(74,161,4,.1);
-webkit-border-radius:2px;
border-radius:2px;
}

#container .reviewBox .star {
color:rgba(234,31,1,1);
}

#container table.common.company {
border-color:rgba(205,12,17,1);
}

#container table.common.company th {
background:rgba(205,12,17,.9);
color:rgba(255,255,255,1);
font-size:1.4em;
letter-spacing:0;
line-height:1.5;
}

#container table.common.company td {
border-left-color:rgba(205,12,17,1);
}

#container table.common.company td a {
color:rgba(205,12,17,1);
font-size:1.2em;
font-weight:700;
display:inline-block;
padding:.3em;
}

#container table.common.company td a:hover {
text-decoration:none;
background:rgba(205,12,17,.9);
color:rgba(255,255,255,1);
}

#container table.common.company td a:hover i {
-webkit-animation:bounce .3s ease-in-out 0 forwards;
animation:bounce .3s ease-in-out 0 forwards;
}

#container table.common.review {
border-color:rgba(253,160,6,1);
}

#container table.common.review th {
background:rgba(253,160,6,1);
color:rgba(255,255,255,1);
font-size:1.4em;
letter-spacing:0;
line-height:1.5;
}

#container table.common.review td {
border-left-color:rgba(253,160,6,1);
}

#container table.common.review td a {
color:rgba(253,100,6,1);
font-size:1.2em;
font-weight:700;
display:inline-block;
padding:.3em;
}

#container table.common.review td a:hover {
text-decoration:none;
background:rgba(253,100,6,.9);
color:rgba(255,255,255,1);
}

#container table.common.review td a:hover i {
-webkit-animation:bounce .3s ease-in-out 0 forwards;
animation:bounce .3s ease-in-out 0 forwards;
}

#container .index00 {
position:relative;
}

#container .index00 a {
position:absolute;
right:2%;
bottom:5%;
}

#container .index00 a:hover {
-webkit-animation:heartbeat .6s ease-in-out 0 infinite;
animation:heartbeat .6s ease-in-out 0 infinite;
}

#container .sidebar .Box.Company ul.menu {
background:rgba(205,12,17,.1);
border-color:rgba(205,12,17,1);
}

#container .sidebar .Box.Company ul.menu li a:hover {
background:rgba(205,12,17,.05);
text-decoration:none;
color:rgba(205,12,17,1);
}

#container .sidebar .Box.Company ul.menu li a::after,#container .sidebar .Box.Company ul.menu li a::before {
background:rgba(205,12,17,1);
}

#container .sidebar .Box.Review ul.menu {
background:rgba(253,160,6,.1);
border-color:rgba(253,160,6,1);
}

#container .sidebar .Box.Review ul.menu li a:hover {
background:rgba(253,192,6,.05);
text-decoration:none;
color:rgba(220,160,6,1);
}

#container .sidebar .Box.Review ul.menu li a::after,#container .sidebar .Box.Review ul.menu li a::before {
background:rgba(253,192,6,1);
}

body.index #container #Ranking {
-webkit-border-radius:5px;
border-radius:5px;
border:7px solid rgba(195,24,36,1);
background:rgba(255,255,255,1);
-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3),0 1px 0 rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.5) inset;
box-shadow:0 1px 0 rgba(255,255,255,.3),0 1px 0 rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.5) inset;
}

@media(max-width:768px) {
#container .index00 a:hover {
-webkit-animation:none;
animation:none;
}

body.index #container #Ranking {
border-width:3px;
}
}

body.index #container #Ranking h3 {
margin:0;
background:rgba(195,24,36,1);
border:none;
font-size:2.7em;
}

body.index #container #Ranking .Inner {
padding:1em;
}

@media(max-width:768px) {
body.index #container #Ranking h3 {
font-size:1.4em;
}

body.index #container #Ranking .Inner {
padding:0 .5em;
}

body.index #container #Ranking .compareTable {
font-size:60%;
}

body.index #container #Ranking .compareTable .column:first-child div,body.index #container #Ranking .compareTable .column:not(:first-child) div:last-child {
font-size:80%;
}

body.index #container #Ranking .compareTable .column div:first-child {
width:84px;
min-width:84px;
max-width:84px;
}

body.index #container #Ranking .compareTable .column div:first-child img {
width:100%;
}

body.index #container #Ranking .compareTable .column div:not(:first-child) {
width:60px;
min-width:60px;
max-width:60px;
}

body.index #container #Ranking .compareTable .column div:last-child {
width:90px;
min-width:90px;
max-width:90px;
}

body.index #container #Ranking .compareTable .column div span.b {
font-size:1.3em;
}

body.index #container #Ranking p.spOnly {
display:none;
}

body.index #container #Ranking table.common td,body.index #container #Ranking table.common th {
display:inline-block;
padding:.5em .2em;
height:36px;
vertical-align:middle;
}

body.index #container #Ranking table.common th {
width:15%;
border-bottom:1px dotted rgba(74,161,4,1);
border-right:1px solid rgba(74,161,4,1);
}

body.index #container #Ranking table.common tr:last-child th {
border-bottom:none;
}

body.index #container #Ranking table.common td {
width:83%;
margin:0;
font-size:.6em;
line-height:36px;
}

body.index #container #Ranking table.common tr:not(:last-child) td {
border-bottom:1px dotted rgba(74,161,4,1);
}
}

@media screen and (min-width:320px) and (max-width:374px) {
body.index #container #Ranking p.spOnly {
display:block;
}
}

body.index #container #Purpose {
-webkit-border-radius:5px;
border-radius:5px;
border:7px solid rgba(62,141,14,1);
background:rgba(255,255,255,1);
-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3),0 1px 0 rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.5) inset;
box-shadow:0 1px 0 rgba(255,255,255,.3),0 1px 0 rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.5) inset;
}

@media(max-width:768px) {
body.index #container #Purpose {
border-width:3px;
}
}

body.index #container #Purpose h3 {
margin:0;
background:rgba(62,141,14,1);
border:none;
font-size:2.7em;
}

body.index #container #Purpose .Inner {
padding:1em;
}

body.index #container #Purpose h4 span,body.index #container #Purpose h4 span::after {
background:rgba(62,141,14,1);
}

body.company #container h3 {
background:rgba(220,10,16,1);
border-left-color:rgba(180,10,16,1);
}

#container .CompanyInfo img {
width:50%;
margin-right:1%;
}

@media(max-width:768px) {
body.index #container #Purpose h3 {
font-size:1.4em;
}

body.index #container #Purpose .Inner {
padding:0;
}

#container .CompanyInfo img {
width:90%;
margin:0 auto;
}
}

#container .CompanyInfo .details {
width:49%;
float:right;
font-size:.8em;
}

@media(max-width:768px) {
#container .CompanyInfo .details {
width:100%;
}
}

#container .CompanyInfo .details table {
border-color:rgba(220,10,16,1);
}

#container .CompanyInfo .details th {
padding:.5em;
width:22%;
background:rgba(220,10,16,.1);
border-bottom-color:rgba(220,10,16,1);
text-align:center;
}

#container .CompanyInfo .details td {
border-bottom-color:rgba(220,10,16,1);
border-left-color:rgba(220,10,16,1);
}

body.review #container h3 {
background:rgba(255,232,94,1);
border-left-color:rgba(237,186,32,1);
color:rgba(21,21,21,1);
-webkit-text-shadow:0 1px 2px rgba(0,0,0,.2);
text-shadow:0 1px 2px rgba(0,0,0,.2);
font-weight:700;
}

.compareTable.type {
font-size:.8em;
}

@media(max-width:768px) {
#container .CompanyInfo .details th {
width:100%;
}

.compareTable.type {
font-size:.6em;
}
}

.compareTable.type .column:not(:first-child) div:nth-child(2),.compareTable.type .column:not(:first-child) div:nth-child(3),.compareTable.type .column:not(:first-child) div:nth-child(4) {
font-size:1em;
font-weight:400;
}

.compareTable.type .column div:first-child {
width:172px;
min-width:172px;
max-width:172px;
}

.compareTable.type .column div:not(:first-child) {
width:142px;
min-width:142px;
max-width:142px;
}

p.spOnly.type {
display:none;
}

@media(max-width:768px) {
.compareTable .column div:first-child {
width:85px;
min-width:85px;
max-width:85px;
}

.compareTable.type .column div:not(:first-child) {
width:76px;
min-width:76px;
max-width:76px;
}

.compareTable.type .column div:nth-child(2) {
width:55px;
min-width:55px;
max-width:55px;
}

.compareTable.type .column:not(:first-child) div:not(:first-child) {
font-size:.8em;
}

p.spOnly.type {
display:none;
}
}

@media screen and (min-width:320px) and (max-width:374px) {
p.spOnly.type {
display:block;
}
}

.compareTable.cols6 {
font-size:.8em;
}

@media(max-width:768px) {
.compareTable.cols6 {
font-size:.6em;
}
}

.compareTable.cols6 .column:not(:first-child) div:nth-child(2),.compareTable.cols6 .column:not(:first-child) div:nth-child(3),.compareTable.cols6 .column:not(:first-child) div:nth-child(4) {
font-size:1em;
font-weight:400;
}

.compareTable.cols6 .column div:first-child {
width:200px;
min-width:200px;
max-width:200px;
}

.compareTable.cols6 .column div:not(:first-child) {
width:108px;
min-width:108px;
max-width:108px;
}

.compareTable.cols6 .column:not(:first-child) div:not(:first-child) {
text-align:center;
padding-left:0;
}

@media(max-width:768px) {
.compareTable.cols6 .column div:first-child {
width:100px;
min-width:100px;
max-width:100px;
}

.compareTable.cols6 .column div:not(:first-child) {
width:80px;
min-width:80px;
max-width:80px;
}

.compareTable.cols6 .column:not(:first-child) div:not(:first-child) {
font-size:.8em;
}
}

.compareTable.cols6 .column:not(:first-child) div:first-child {
font-size:1.3em;
font-weight:700;
}

.compareTable.cols6 .column:nth-child(2) div:nth-child(2) {
width:324px;
min-width:324px;
max-width:324px;
}

.compareTable.cols6 .column:nth-child(2) div:nth-child(3) {
width:216px;
min-width:216px;
max-width:216px;
}

.compareTable.cols6 .column:nth-child(2) div {
height:1em;
min-height:1em;
padding:.5em 0;
}

.compareTable.companyInfo .column:not(:first-child) div,.compareTable.self .column:not(:first-child) div {
min-height:4em;
height:4em;
}

.compareTable.cols6 .column:nth-child(2) div:first-child {
background:rgba(74,161,4,.1);
border-top:none;
}

.compareTable.cols6 .column:nth-child(2) div:not(:first-child) {
background:rgba(74,161,4,.6);
color:rgba(255,255,255,1);
}

.compareTable.cols6 .column:first-child div:first-child {
border-bottom:none;
}

.compareTable.cols4 {
font-size:.8em;
}

@media(max-width:768px) {
.compareTable.cols6 .column:nth-child(2) div:nth-child(2) {
width:240px;
min-width:240px;
max-width:240px;
}

.compareTable.cols6 .column:nth-child(2) div:nth-child(3) {
width:160px;
min-width:160px;
max-width:160px;
}

.compareTable.cols4 {
font-size:.6em;
}
}

.compareTable.cols4 .column:not(:first-child) div:nth-child(2),.compareTable.cols4 .column:not(:first-child) div:nth-child(3),.compareTable.cols4 .column:not(:first-child) div:nth-child(4) {
font-size:1em;
font-weight:400;
}

.compareTable.cols4 .column div:first-child {
width:95px;
min-width:95px;
max-width:95px;
}

.compareTable.cols4 .column div:not(:first-child) {
width:215px;
min-width:215px;
max-width:215px;
}

@media(max-width:768px) {
.compareTable.cols4 .column div:first-child {
width:100px;
min-width:100px;
max-width:100px;
}

.compareTable.cols4 .column div:not(:first-child) {
width:150px;
min-width:150px;
max-width:150px;
}

.compareTable.cols4 .column:not(:first-child) div:not(:first-child) {
font-size:.8em;
}
}

.compareTable.cols4 .column:not(:first-child) div:first-child {
font-size:1.1em;
font-weight:700;
background:rgba(74,161,4,.5);
}

.compareTable.cols5 {
font-size:.8em;
}

@media(max-width:768px) {
.compareTable.cols5 {
font-size:.6em;
}
}

.compareTable.cols5 .column:not(:first-child) div:nth-child(2),.compareTable.cols5 .column:not(:first-child) div:nth-child(3),.compareTable.cols5 .column:not(:first-child) div:nth-child(4),.compareTable.cols5 .column:not(:first-child) div:nth-child(5) {
font-size:1em;
font-weight:400;
text-align:center;
}

.compareTable.cols5 .column div:first-child {
width:200px;
min-width:200px;
max-width:200px;
}

.compareTable.cols5 .column div:not(:first-child) {
width:100px;
min-width:100px;
max-width:100px;
}

.compareTable.cols5 .column div:nth-child(2),.compareTable.cols5 .column div:nth-child(4) {
width:170px;
min-width:170px;
max-width:170px;
}

@media(max-width:768px) {
.compareTable.cols5 .column div:first-child {
width:100px;
min-width:100px;
max-width:100px;
}

.compareTable.cols5 .column div:not(:first-child) {
width:60px;
min-width:60px;
max-width:60px;
}

.compareTable.cols5 .column div:nth-child(2),.compareTable.cols5 .column div:nth-child(4) {
width:70px;
min-width:70px;
max-width:70px;
}

.compareTable.cols5 .column:not(:first-child) div:not(:first-child) {
font-size:.8em;
}

p.spOnly.cols5 {
display:none;
}
}

.compareTable.cols5 .column:not(:first-child) div:first-child {
font-size:1.1em;
font-weight:700;
background:rgba(74,161,4,.5);
}

p.spOnly.cols5 {
display:none;
}

@media screen and (min-width:320px) and (max-width:374px) {
p.spOnly.cols5 {
display:block;
}
}

.compareTable.self {
font-size:.8em;
}

.compareTable.self .column:not(:first-child) div:nth-child(2),.compareTable.self .column:not(:first-child) div:nth-child(3),.compareTable.self .column:not(:first-child) div:nth-child(4) {
font-size:1em;
font-weight:400;
}

.compareTable.self .column div:first-child {
width:140px;
min-width:140px;
max-width:140px;
}

.compareTable.self .column div:not(:first-child) {
width:300px;
min-width:300px;
max-width:300px;
}

.compareTable .column:not(:first-child) div:not(:first-child) {
text-align:left;
padding-left:1em;
}

p.spOnly.self {
display:none;
}

@media(max-width:768px) {
.compareTable .column div:first-child {
width:70px;
min-width:70px;
max-width:70px;
font-size:.8em;
}

.compareTable.self .column div:not(:first-child) {
width:150px;
min-width:150px;
max-width:150px;
}

.compareTable.self .column:not(:first-child) div:not(:first-child) {
font-size:.8em;
}

p.spOnly.self {
display:none;
}
}

@media screen and (min-width:320px) and (max-width:374px) {
p.spOnly.self {
display:block;
}
}

.compareTable.companyInfo {
font-size:.8em;
float:right;
padding:.5em;
}

.compareTable.companyInfo .column:first-child div {
font-size:1.2em;
}

@media(max-width:768px) {
.compareTable.companyInfo .column:first-child div {
font-size:.8em;
}
}

.compareTable.companyInfo .column:not(:first-child) div:nth-child(2),.compareTable.companyInfo .column:not(:first-child) div:nth-child(3),.compareTable.companyInfo .column:not(:first-child) div:nth-child(4) {
font-size:1em;
font-weight:400;
}

.compareTable.companyInfo .column div:first-child,.compareTable.companyInfo .column div:not(:first-child) {
width:145px;
min-width:145px;
max-width:145px;
}

.compareTable.companyInfo .column:not(:first-child) div:not(:first-child) {
text-align:center;
padding-left:0;
}

@media(max-width:768px) {
.compareTable.companyInfo .column div:first-child {
width:90px;
min-width:90px;
max-width:90px;
font-size:.8em;
}

.compareTable.companyInfo .column div:not(:first-child) {
width:90px;
min-width:90px;
max-width:90px;
}

.compareTable.companyInfo .column:not(:first-child) div:not(:first-child) {
font-size:.8em;
}
}

.compareTable.companyInfo .column:nth-child(3) div {
background:rgba(74,161,4,.1);
color:rgba(74,161,4,1);
font-weight:700;
font-size:1.2em;
min-height:2.5em;
height:2.5em;
}

.compareTable.companyInfo .column:nth-child(4) div {
font-size:1.2em;
}

.compareTable.companyInfo .column:nth-child(3) div,.compareTable.companyInfo .column:nth-child(4) div {
width:580px;
min-width:580px;
max-width:580px;
}

p.spOnly.companyInfo {
display:none;
}

@media(max-width:768px) {
.compareTable.companyInfo .column:nth-child(3) div,.compareTable.companyInfo .column:nth-child(4) div {
width:360px;
min-width:360px;
max-width:360px;
}

p.spOnly.companyInfo {
display:none;
}
}

@media screen and (min-width:320px) and (max-width:374px) {
p.spOnly.companyInfo {
display:block;
}
}

body.company.list #container h4 span,body.company.list #container h4 span::after {
background:rgba(220,10,16,1);
}

body.company .Graph .left {
width:49%;
}

body.company .Graph .left img {
width:100%;
}

@media(max-width:768px) {
body.company .Graph .left {
width:100%;
float:inherit;
}
}

body.company .Graph .left table.common {
font-size:.8em;
}

body.company .Graph .right {
width:50%;
}

@media(max-width:768px) {
body.company .Graph .right {
width:100%;
float:inherit;
}
}

body.company .Graph .right #GraphRader {
width:480px!important;
height:480px!important;
display:block;
margin:1em auto 0;
}

@media(max-width:768px) {
body.company .Graph .right #GraphRader {
width:300px!important;
height:auto!important;
margin:0 auto;
}
}

body.company .Graph .right .smallText {
position:absolute;
text-align:right;
margin-top:.8em;
}

@media(max-width:768px) {
body.company .Graph .right .smallText {
margin-top:0;
font-size:.8em;
padding-left:1.5em;
}
}

body.company .Graph .right .smallText span {
text-align:right;
}

body.company form#form_voice {
width:70%;
margin:0 auto;
border-width:3px;
-webkit-border-radius:5px;
border-radius:5px;
}

@media(max-width:768px) {
body.company form#form_voice {
width:100%;
}
}

body.company .Graph_D .form {
border-width:3px;
-webkit-border-radius:5px;
border-radius:5px;
}

body.company .Graph_D .block {
width:33%;
height:450px;
float:left;
}

@media(max-width:768px) {
body.company .Graph_D .block {
width:100%;
height:auto;
float:inherit;
}
}

body.company .Graph_D .block:not(:nth-child(3)) {
margin-right:.1em;
}

body.company .Graph_D canvas.doughnut {
width:300px!important;
height:300px!important;
display:block;
margin:0 auto;
}

body.company .Graph_D p.q {
margin:.5em 0;
font-size:1.3em!important;
min-height:3em;
}

body.company .Graph_D p.Error {
font-size:1.5em;
color:rgba(185,6,6,1);
text-align:center;
font-weight:700;
}

#container #UserVoiceArea .Row {
margin-bottom:1.5em;
}

#container #UserVoiceArea .Row img {
display:block;
float:left;
width:8%;
}

#container #UserVoiceArea .Row:nth-child(even) img {
float:right;
}

#container #UserVoiceArea .Row .Comment {
-webkit-border-radius:3px;
border-radius:3px;
border:3px solid rgba(0,146,188,1);
background:rgba(0,146,188,.1);
padding:.5em 1em;
display:block;
width:90%;
float:right;
position:relative;
}

#container #UserVoiceArea .Row .Comment.F {
background:rgba(205,14,127,.1);
border-color:rgba(205,14,127,1);
}

#container #UserVoiceArea .Row:nth-child(even) .Comment {
float:left;
}

#container #UserVoiceArea .Row .Comment::after {
content:'';
width:0;
height:0;
border:1em solid transparent;
border-right:1em solid rgba(0,146,188,1);
position:absolute;
top:15%;
left:-2em;
}

#container #UserVoiceArea .Row .Comment.F::after {
border-right-color:rgba(205,14,127,1);
}

#container #UserVoiceArea .Row:nth-child(even) .Comment::after {
left:inherit;
right:-1em;
border-right:transparent;
border-left:1em solid rgba(0,146,188,1);
}

#container #UserVoiceArea .Row:nth-child(even) .Comment.F::after {
border-left-color:rgba(205,14,127,1);
}

#container #UserVoiceArea .Row .Comment .Info {
font-size:.8em;
background:rgba(0,146,188,1);
padding:.3em .5em;
color:rgba(255,255,255,1);
display:inline-block;
}

#container #UserVoiceArea .Row .Comment.F .Info {
background:rgba(205,14,127,1);
}

#container #UserVoiceArea .Row .Comment .Info span:not(last-child) {
margin-right:.5em;
}

#container #UserVoiceArea .Row .Comment .Subject {
border-bottom:2px dotted rgba(0,146,188,1);
display:inline-block;
font-weight:700;
}

@media(max-width:768px) {
#container #UserVoiceArea .Row .Comment::after {
top:3%;
}

#container #UserVoiceArea .Row .Comment .Subject {
margin-top:.5em;
display:block;
}
}

#container #UserVoiceArea .Row .Comment .V {
font-family:"Lucida Grande","segoe UI","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN",Meiryo,Arial,sans-serif;
font-weight:400;
}

#container #UserVoiceArea .Row .Comment .V p {
margin:.5em 0;
}

#header .odometer {
position:absolute;
bottom:4%;
left:35%;
font-size:4em;
font-weight:700;
background:rgba(74,161,4,.7);
padding:0 1.7em .06em .05em;
-webkit-border-radius:3px;
border-radius:3px;
}

@media(max-width:768px) {
#header .odometer {
font-size:2em;
bottom:2%;
left:40%;
}
}

body:not(.index) #header .odometer {
display:none;
}

#header .odometer::after {
content:'万円';
font-size:.7em;
text-align:right;
display:block;
position:absolute;
bottom:6%;
right:.2em;
letter-spacing:0;
line-height:1.1em;
font-weight:700;
color:rgba(255,228,0,1);
font-family:"Lucida Grande","segoe UI","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN",Meiryo,Arial,sans-serif;
}

#header .odometer .odometer-digit {
padding:0 .08em;
background:rgba(51,51,51,.8);
color:rgba(255,228,0,1);
height:1.5em;
margin:0;
}

#featuretab .owl-next,#featuretab .owl-prev {
background:rgba(74,161,4,.5);
-webkit-transition:all .3s ease-in-out 0;
transition:all .3s ease-in-out 0;
}

#featuretab .owl-next:hover,#featuretab .owl-prev:hover {
background:rgba(74,161,4,.9);
}

#featuretab .owl-next i,#featuretab .owl-prev i {
margin-right:0;
}

#featuretab .owl-prev {
position:absolute;
top:28%;
left:0;
}

#featuretab .owl-next {
position:absolute;
top:28%;
right:0;
}

#container .Area01 {
background:rgba(74,161,4,1);
}

#container .Area01 .Plan {
display:-webkit-box;
display:box;
display:-webkit-flexbox;
display:flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;
color:rgba(255,255,255,1);
}

#container .Area01 .Plan>div {
-webkit-flex:1;
flex:1;
padding-bottom:2em;
}

@media(max-width:768px) {
#container .Area01 .Plan>div {
min-width:100%;
max-width:100%;
padding-bottom:.5em;
}
}

#container .Area01 .Plan>div img {
width:100%;
margin-bottom:1.5em;
}

#container .Area01 .Plan>div .Text {
padding:0 2em;
font-size:.9em;
}

#container .Area01 .ButtonPlan {
text-align:center;
display:block;
}

#container .Area02 {
background:rgba(235,235,235,1);
}

#container .Area03 {
position:relative;
}

#container .Area03 .Parallax {
background:url(../img/content/index04.jpg) 50% 50% no-repeat fixed;
background-size:cover;
height:500px;
padding-top:100px;
}

@media(max-width:768px) {
#container .Area03 .Parallax {
height:200px;
padding-top:20px;
background-attachment:inherit;
}
}

#container .Area03 .Parallax::after,#container .Area03 .Parallax::before {
content:'';
display:block;
position:absolute;
left:0;
z-index:9999;
width:0;
height:0;
}

#container .Area03 .Parallax::before {
top:0;
border:solid transparent;
border-width:50px 50vw;
border-top:50px solid rgba(235,235,235,1);
}

#container .Area03 .Parallax::after {
top:90%;
border:solid rgba(255,255,255,1);
border-width:50px 50vw;
border-top:50px solid transparent;
}

#container .Area04 .Point {
display:-webkit-box;
display:box;
display:-webkit-flexbox;
display:flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-justify-content:center;
justify-content:center;
}

#container .Area04 .Point>div {
-webkit-flex:1;
flex:1;
padding-bottom:3em;
}

#container .Area04 .Point>div:not(:last-child) {
margin-right:2em;
}

#container .Area04 .Point>div .img {
width:100%;
display:block;
position:relative;
margin-bottom:2em;
}

@media(max-width:768px) {
#container .Area03 .Parallax::after,#container .Area03 .Parallax::before {
border-width:20px 50vw;
}

#container .Area04 {
padding-top:1em;
}

#container .Area04 .Point>div {
min-width:100%;
max-width:100%;
}

#container .Area04 .Point>div:not(:last-child) {
margin-right:0;
}

#container .Area04 .Point>div .img {
width:30%;
float:left;
margin-bottom:0;
margin-right:1em;
}
}

#container .Area04 .Point>div .img::after,#container .Area04 .Point>div .img::before {
z-index:-1;
position:absolute;
content:"";
bottom:1em;
left:.5em;
width:50%;
top:80%;
-webkit-box-shadow:0 15px 10px rgba(119,119,119,1);
box-shadow:0 15px 10px rgba(119,119,119,1);
-webkit-transform:rotate(-3deg);
transform:rotate(-3deg);
}

#container .Area04 .Point>div .img::after {
-webkit-transform:rotate(3deg);
transform:rotate(3deg);
right:.5em;
left:auto;
}

#container .Area04 .Point>div .Title {
text-align:center;
font-weight:700;
font-size:1.6em;
display:block;
margin-bottom:1em;
}

@media(max-width:768px) {
#container .Area04 .Point>div .Title {
font-size:1.3em;
text-align:left;
margin-bottom:.5em;
}
}

#container .Area08 .compareTable.Plan div,.ErrorAttention {
text-align:center;
}

#container .Area04 .Point>div .Title span {
display:inline-block;
color:rgba(74,161,4,1);
background:-webkit-gradient(linear,left 60%,left bottom,from(transparent),color-stop(.6,rgba(74,161,4,.2)),to(rgba(74,161,4,.2)));
background:linear-gradient(transparent 60%,rgba(74,161,4,.2) 60%);
}

#container .Area05 .Parallax::after,#container .Area07 .Parallax::after,#container .Area09 .Parallax::after {
content:'';
display:block;
top:80%;
left:0;
z-index:9999;
}

#container .Area04 .Point>div .Text {
font-size:.9em;
}

#container .Area04 .Point>div .Text .strong {
font-size:1em;
}

#container .Area05 {
position:relative;
}

#container .Area05 .Parallax {
background:url(../img/content/index08.jpg) 50% 50% no-repeat fixed;
background-size:cover;
height:300px;
padding-top:60px;
}

@media(max-width:768px) {
#container .Area05 .Parallax {
height:150px;
padding-top:20px;
background-attachment:inherit;
}
}

#container .Area05 .Parallax::after {
position:absolute;
width:0;
height:0;
border:solid rgba(255,255,255,1);
border-width:50px 50vw;
border-top:50px solid transparent;
}

#container .Area06 {
padding-top:50px;
}

@media(max-width:768px) {
#container .Area05 .Parallax::after,#container .Area05 .Parallax::before {
border-width:20px 50vw;
}

#container .Area06 {
padding-top:5px;
}
}

#container .Area07 {
position:relative;
}

#container .Area07 .Parallax {
background:url(../img/content/index10.jpg) 50% 50% no-repeat fixed;
background-size:cover;
height:300px;
padding-top:60px;
}

@media(max-width:768px) {
#container .Area07 .Parallax {
height:150px;
padding-top:20px;
background-attachment:inherit;
}
}

#container .Area07 .Parallax::after {
position:absolute;
width:0;
height:0;
border:solid rgba(255,255,255,1);
border-width:50px 50vw;
border-top:50px solid transparent;
}

#container .Area08 {
padding-top:50px;
}

#container .Area08 .compareTable.Plan {
margin-bottom:0;
}

#container .Area08 .compareTable.Plan .column:first-child div {
font-size:1.6em;
font-weight:700;
letter-spacing:-1px;
}

#container .Area08 .compareTable.Plan .column div:not(:first-child) {
width:282px;
min-width:282px;
max-width:282px;
}

@media(max-width:768px) {
#container .Area07 .Parallax::after,#container .Area07 .Parallax::before {
border-width:20px 50vw;
}

#container .Area08 {
padding-top:0;
}

#container .Area08 .compareTable.Plan .column:first-child div {
font-size:1em;
}

#container .Area08 .compareTable.Plan .column div span.b {
font-size:1.2em;
}

#container .Area08 .compareTable.Plan .column div:not(:first-child) {
width:30%;
min-width:30%;
max-width:30%;
}
}

#container .Area08 .compareTable.Plan .column div.hatch {
border:7px solid rgba(237,52,138,1);
background:repeating-linear-gradient(-45deg,rgba(237,52,138,0),rgba(237,52,138,0) 4px,rgba(237,52,138,.2) 0,rgba(237,52,138,.2) 8px);
color:rgba(237,52,138,1);
font-size:1.8em;
}

@media(max-width:768px) {
#container .Area08 .compareTable.Plan .column div.hatch {
font-size:1.4em;
border-width:3px;
}
}

#container .Area08 .compareTable.Plan .column:last-child div:nth-child(2) {
width:562px;
min-width:562px;
max-width:562px;
border-right:none;
}

#container .Area08 .compareTable.Plan .column:last-child div:last-child {
width:284px;
min-width:284px;
max-width:284px;
}

#container .Area09 {
position:relative;
}

#container .Area09 .Parallax {
background:url(../img/content/index14.jpg) 50% 50% no-repeat fixed;
background-size:cover;
height:300px;
padding-top:60px;
}

@media(max-width:768px) {
#container .Area08 .compareTable.Plan .column:last-child div:nth-child(2) {
width:62%;
min-width:62%;
max-width:62%;
}

#container .Area08 .compareTable.Plan .column:last-child div:last-child {
width:29%;
min-width:29%;
max-width:29%;
}

#container .Area09 .Parallax {
height:150px;
padding-top:20px;
background-attachment:inherit;
}
}

#container .Area09 .Parallax::after {
position:absolute;
width:0;
height:0;
border:solid rgba(255,255,255,1);
border-width:50px 50vw;
border-top:50px solid transparent;
}

#container .Area10 {
padding-top:50px;
font-size:1.5em;
padding-bottom:3em;
}

@media(max-width:768px) {
#container .Area09 .Parallax::after,#container .Area09 .Parallax::before {
border-width:20px 50vw;
}

#container .Area10 {
padding-top:5px;
font-size:1em;
padding-bottom:.5em;
}
}

.ErrorAttention {
display:none;
margin:.5em auto;
padding:.5em 1.5em;
font-size:1.2em;
font-weight:700;
background:rgba(204,0,0,1);
color:rgba(255,255,255,1);
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);
box-shadow:0 1px 5px rgba(0,0,0,.2);
}


/*///////////////////////
2022.07.05米澤
///////////////////////*/
#floatButton .wrapper.pcview {
display: flex;
justify-content: space-between;
padding: 10px 0 10px 0;
}
@media(max-width:768px) {
#floatButton .wrapper.pcview {
display: none;
}
}
#floatButton .wrapper.pcview a.Tel{
margin: 0 5px;
}
#floatButton .wrapper.pcview a.Reg{
margin: 0 5px;
}
#floatButton .wrapper.pcview a.Line{
display: none;
}
#floatButton .wrapper.pcview a:hover{
filter: brightness(1.3);
}
#floatButton .wrapper.spview{
display: none;
}
@media(max-width:768px) {
#floatButton .wrapper.spview{
display: flex;
flex-direction: column;
}
}
#floatButton .wrapper.spview a.Tel{
margin-top: 7px;
}
#floatButton .wrapper.spview a.Tel img{
margin: 0 auto;
}
#header .topbar .RightArea .Line{
display: none;
}