@charset "UTF-8";

    .bgextend{
animation-name:bgextendAnimeBase;
animation-duration:2s;
animation-fill-mode:forwards;
position: relative;
overflow: hidden; opacity:0;
}
@keyframes bgextendAnimeBase{
from {
opacity:0;
}
to {
opacity:1;  
}
} .bgappear{
animation-name:bgextendAnimeSecond;
animation-duration:3s;
animation-delay: 1.6s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes bgextendAnimeSecond{
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} .bgLRextend::before{
animation-name:bgLRextendAnime;
animation-duration:2s;
animation-fill-mode:forwards;
content: "";
position: absolute;
width: 115%;
height: 130%;
margin-left: -30px; background-color: rgb(191 199 237 / 10%);
}
@media (max-width: 767px) {
.bgLRextend::before{
margin-left: -10px;
}
}
@keyframes bgLRextendAnime{
0% {
transform-origin:left;
transform:scaleX(0);
opacity: 1; }
50% {
transform-origin:left;
transform:scaleX(1);
opacity: 1; }
50.001% {
transform-origin:right;
}
100% {
transform-origin:right;
transform:scaleX(0);
 opacity: 0; }
} .bgappearTrigger,
.bgLRextendTrigger{
opacity: 0;
} .image-same img {
width: 100%;
height: 300px;
object-fit: cover;
} .main {
padding: 0px 29px 36px 29px;
} .qa-container {
font-family: Arial, sans-serif;
width: 100%;
box-sizing: border-box;
}
.q-shitumon,
.a-shitumon {
border: 1px solid #000;
padding: 10px;
padding-left: 30px; position: relative;
margin-bottom: 30px;
}
.q-shitumon p::before,
.a-shitumon p::before {
font-weight: bold;
position: absolute;
left: 8px; top: 4px; color: #3285bf;
font-size: 22px;
}
.q-shitumon p::before {
content: 'Q';
}
.a-shitumon p::before {
content: 'A';
}
.qa-container p{
margin-bottom: 0;
}  .underline-Area {
border: 0px solid #333;
}
.underline-Area p {
margin: 60px auto;
}
.underline-before {
background: linear-gradient(#af1e23, #af1e23) 0 100%/0 2px no-repeat;
transition: background-size 8s linear; text-decoration: none;
}
.underline-after {
background-size: 100% 2px; } .custom-box-wrapper {
display: flex;
align-items: baseline;
justify-content: space-between;
}
.kyuujin h2 {
font-size: 100%;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
font-size: 220%;
font-family: source-han-serif-japanese,serif;
color: #222;
text-align: left;
position:relative;
} .box {
padding: 20px 0px 0px 0px;
position: relative;
width: 50%;
transition: background-image 0.3s ease-in-out;
}
.impact {
font-family: "Inter", sans-serif;
display: block;
font-size: 600%;
margin-bottom: -40px;
font-weight: 600;
}
.subtext, .box-b .subtext {
font-size: 32px;
vertical-align: baseline;
font-weight: bold;
text-align: left;
}
.kyuujin {
padding-top: 30px;
}
@media (max-width: 1150px) {
.custom-box-wrapper {
flex-direction: column;
}
.box {
width: 100%;
padding: 0px 5px 0px 5px;
}
}
@media (max-width: 767px) {
.impact {
font-size: 350%;
margin-bottom: -15px;
}
.kyuujin h2{
font-size: 133%;		
}
.kyuujin h2:after{
content: "";
position:absolute;
top: 20px;
width: 50px;
border: solid 1px #af1e23;
margin: 5px 0 0 20px;
display: inline-block;
}	
.subtext, .box-b .subtext {
font-size: 20px;
}	
} .tokuchou h3 {
position: relative;
padding: 70px 0px 10px 0px;
text-align: center;
font-size: 170%;
font-family: source-han-serif-japanese,serif;
} .top-tokuchou-area .top-tokuchou {
border: 0px solid #edebf0;
border-radius: 6px;
padding: 15px 0px;
margin-bottom: 30px;
text-align: center;
margin-top: 50px;
font-size: 90%;
}
.tokuchou .grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.tokuchou .grid-item {
border: 1px solid #ccc;
padding: 15px;
box-sizing: border-box;
text-align: left;
display: grid;
grid-template-rows: auto 1fr auto;
}
.tokuchou .thumbnail-container {
flex-grow: 0;
}
.tokuchou .thumbnail-image {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 5px;
}
.tokuchou .grid-item a.button {
display: inline-block;
margin-top: 15px;
background-color: #333333bf;
color: #ffffff;
text-decoration: none;
border-radius: 0px;
transition: background-color 0.2s;
text-align:center;
}
.tokuchou .grid-item a.button:hover {
background-color: #3333333d;
}
@media (max-width: 769px) {
.tokuchou h3 {
padding: 1px 0px 10px 0px;
}
.top-tokuchou-area .top-tokuchou {
border: 0px solid #edebf0;
padding: 0px 5px;
text-align: center;
margin-top: 10px;
font-size: 90%;
}	
.tokuchou .grid-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}
.tokuchou p {
font-size:90%;
}		
.tokuchou .grid-item {
   padding: 0px;
height: 150px;
}	
.tokuchou .thumbnail-image {
width: 100%;
height: 100px;
}	
} .number1::before {
content: "01";
position: absolute;
left: -20px;
top: 5%;
opacity: 0.3;
z-index: 1;
font-size: 330%;
font-weight: bold;
transform: translateY(-50%);
color: #16a2cf;
} .footer-bottom {
margin-top: 19px;
padding: 8px;
height: 270px;
position: relative;
font-size: 14px;
}
@media (max-width: 790px) {
.footer::before {
font-size: 12vw;
}
.footer {
margin: 20px 0 8px;
}	
}
.footer {
position: relative;
}
.footer::before {
content: "DEKITA.Inc";
font-family : Impact;
position: absolute;
left: 50%;
top: 60%;
opacity: 0.3;
z-index: 0;
font-size: 10vw;
transform: translate(-50%, -50%);
color: #95949496;
text-align: center;
}
@media (max-width: 790px) {
.footer::before {
font-size: 12vw;
top: 70%;
}
}
.sidebar h3 {
position: relative;
}
.sidebar h3::after {
content: '';
display: block;
position: absolute;
top: 0;
right: -4px;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
width: 10px;
height: 5px;
background-color: #fff;
}
.step{
left: -20px;
top: 5%;
   opacity: 1.0;
z-index: -1;
font-size: 170%;
transform: translateY(-50%);
color: #44c2eb;	
} .about-container h2 {
position: relative!important;
background-color: inherit!important;
padding: inherit!important;
font-size: 300%;
line-height: 50px;
text-align:left!important;
margin-bottom: 0!important;
} .container-yahoo {
display: flex;
border: 1px solid #dcdcdc;
width: 70%;
padding: 10px;
margin: 0 auto;
position: relative; height: auto; } .image-yahoo-section {
flex: 0 0 30%;
display: flex; align-items: center; justify-content: center; position: relative; padding-right: 10px; }
.image-yahoo-section::after {
content: '';
position: absolute;
right: 0;
top: 15%; bottom: 15%; width: 2px; background: #dcdcdc; height: 70%; } .text-yahoo-section {
flex: 1;
padding: 0 10px; font-size: 90%;
} .image-yahoo-section img {
max-width: 100%;
height: auto;
display: block; }
@media (max-width: 790px) {
.container-yahoo {
flex-direction: column; }
.image-yahoo-section {
border-right: none; border-bottom: 2px solid #dcdcdc; padding: 0 0 20px; }
.image-yahoo-section::after {
content: none; }
.text-yahoo-section {
padding-top: 20px; }
} .grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.grid-item {
border: 1px solid #ccc;
padding: 15px;
box-sizing: border-box;
text-align: left;
display: grid;
grid-template-rows: auto 1fr auto;
}
.thumbnail-container {
flex-grow: 0;
}
.thumbnail-image {
width: 100%;
height: 150px;
object-fit: cover;
}
.grid-item .grid-title {
margin-top: 0;
margin-bottom: 15px;
line-height: 1.2em;
text-align: center;
font-size: 100%;
padding-top:20px;
font-weight:bold;
}
.top-news-area .grid-item h3 {
margin-top: 0;
margin-bottom: 15px;
padding-top:20px;
line-height: 1.2em;
text-align: left;
font-size: 100%;
}
@media (max-width: 769px) {
.top-news-area .grid-item h3 {
margin: 3px;
margin-bottom: 0px;
padding-top: 10px;
line-height: 1.2em;
text-align: left;
font-size: 90%;
}
}
.grid-item a.button {
display: inline-block;
margin-top: 15px;
padding: 5px;
background-color: #333333bf;
color: #ffffff;
text-decoration: none;
border-radius: 0px;
transition: background-color 0.2s;
text-align:center;
border: solid 1px;
}
.grid-item a.button:hover {
background-color: #fff;
color: #000;
border: solid 1px;
}
.thumbnail-image {
width: 100%;
height: 200px;
object-fit: cover;
}
@media (max-width: 769px) {
.grid-container {
grid-template-columns: repeat(2, 1fr);
}
.grid-item {
padding: 5px;
}	
.thumbnail-image {
width: 100%;
height: 100px;
object-fit: cover;
}
.grid-item a.button {
font-size: 80%;
}	
} .waku-kado {
border: solid 1px #dcdcdc;
padding: 30px 10px 0px 10px;
position: relative;
}
.waku-kado:before{
border-bottom:30px solid transparent;
border-left:30px solid #3333339e;
content: '';
display: block;
position: absolute;
top: 0px;
left: 0px;
}
.waku-kado:after{
border-left:30px solid transparent;
border-bottom:30px solid #3333339e;
content: '';
display: block;
position: absolute;
bottom: 0px;
right: 0px;
}
.about-container {
display: flex;
align-items: flex-start;
position: relative;
margin-top: 20px;
padding-top: 20px;
padding-top: 50px;
padding-bottom: 50px;
} .about-container:nth-of-type(2) .about-text-wrapper {
order: 1;
}
.about-container:nth-of-type(2) .about-image-wrapper {
order: 2;
}
.about-container:nth-of-type(3) .about-text-wrapper {
order: 2;
}
.about-container:nth-of-type(3) .about-image-wrapper {
order: 1;
}
.about-container::before {
content: "";
position: absolute;
top: 0;
left: 5%;
width: 90%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
}
.first-about-container::before {
display: none;
}
.about-image-wrapper,
.about-text-wrapper {
flex: 1;
padding: 20px;
display: flex;
align-items: flex-start;
}
.about-text-wrapper {
flex-direction: column;
}
.about-image-wrapper img {
width: 100%;
height: auto;
}
.about-container .aboutcolor {
color: #0095d9;
font-size: 80%;
}
.about-container p {
font-size: 16px;
color: #333333;
margin-bottom: 20px;
} @media (max-width: 768px) {
.about-container {
flex-direction: column-reverse;
}
.about-image-wrapper,
.about-text-wrapper {
flex: none;
width: 100%;
}
.about-container:nth-of-type(3) {
flex-direction: column;
   } .about-container .aboutcolor {
font-size: 80%;
} .about-container:nth-of-type(2) .about-text-wrapper {
order: 2;
}
.about-container:nth-of-type(2) .about-image-wrapper {
order: 1;
}
.about-container:nth-of-type(3) .about-text-wrapper {
order: 1;
}
.about-container:nth-of-type(3) .about-image-wrapper {
order: 2;
}	
}
.custom-box-wrapper {
display: flex;
align-items: baseline;
justify-content: space-between;
} h2.point1{
position: relative;
background-color: inherit;font-size: 300%;line-height: 50px;
}
h2.point2{
position: relative;
background-color: inherit;font-size: 300%;line-height: 50px;
}
h2.point3{
position: relative;
background-color: inherit;font-size: 300%;line-height: 50px;
}
h2.point1::before {
content: "POINT-1.";
position: absolute;
left: -20px;
top: 5%;
opacity: 0.3;
z-index: -1;
font-size: 170%;
transform: translateY(-50%);
color: #ADD8E6;
}
h2.point2::before {
content: "POINT-2.";
position: absolute;
left: -20px;
top: 5%;
opacity: 0.3;
z-index: -1;
font-size: 170%;
transform: translateY(-50%);
color: #ADD8E6;
}
h2.point3::before {
content: "POINT-3.";
position: absolute;
left: -20px;
top: 5%;
opacity: 0.3;
z-index: -1;
font-size: 170%;
transform: translateY(-50%);
color: #ADD8E6;
}
@media (max-width: 1000px) {
.about-container h2 {
padding-left: 0px!important;
font-size: 180%;
}	
h2.point1::before {
font-size: 130%;
}
h2.point2::before {
font-size: 130%;
}	
h2.point3::before {
font-size: 130%;
}	
}
@media (max-width: 768px) {
.about-container h2 {
padding-left: 0px!important;
font-size: 180%;
}	
h2.point1::before {
font-size: 220%;
left: -25px;	
}
h2.point2::before {
font-size: 220%;
left: -25px;	
}	
h2.point3::before {
font-size: 220%;
left: -25px;	
}	
} @media (max-width: 768px) {
.loop02__item img {
height: 300px!important;
width: auto!important;
object-fit: cover!important;
}
}
@media (max-width: 768px) {
.loop02 .loop02__box .loop02__item img {
max-height: 200px!important;
height: 200px!important;
width: auto!important;
object-fit: cover!important;
}
.loop02__item {
width: calc(100vw / 2)!important;
display: block;
}	
}
.loop02 img {
width: 100%;
height: 20vw!important;
object-fit: cover;
}
.button-001 {
display: flex;
justify-content: center;
align-items: center;
width: 300px;
margin:0 auto;
padding: .9em 2em;
border: 1px solid #e1a8b3;
border-radius: 5px;
background-color: #fff;
color: #e1a8b3;
font-size: 1em;
}
.button-001::after {
transform: rotate(45deg);
width: 5px;
height: 5px;
margin-left: 10px;
border-top: 2px solid #e1a8b3;
border-right: 2px solid #e1a8b3;
content: '';
}
.list-001 {
list-style-type: disc;
padding: 1em 1em 1em 2.5em;
border: 2px solid #f4c3d1;
}
.list-001 li {
padding: .3em .3em .3em 0;
}
.list-001 li::marker {
color: #f4c3d1;
font-size: 1.1em;
}
.loop02 {
padding-top: 30px;
padding-bottom: 30px;
display: flex;
overflow: hidden;
}
.loop02__box {
display: flex;
animation: loop-list 50s linear infinite;
}
.loop02__item {
width: calc(100vw / 4);
display: block;
} .loop02__item img {
width: 100%;
}
@keyframes loop-list {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.loop02:hover .loop02__box {
animation-play-state: paused;
}
<!-- 横スクロール　CSS　-->
.step{
padding-top: 2px;
color: #90969a;
font-size: 14px;
font-weight: bold;
}
.top-group br{
display:none;
}
.noweb{
font-size:70%;
} .fade-in-bottom {
opacity: 0;
animation-name: fadein-bottom;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
display: inline;
}
@keyframes fadein-bottom {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}  .spbr{
display: none;
} @media screen and (max-width:768px) {
.spbr{
display: block;
}
} .widget ul{
padding-right:25px;
}
.header-container{
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 25%);
} .title span {
display: block;
font-size: 14px;
margin-top: 0px;
text-align: center;
color: #949495;
} #toc_container {
background: #fff!important;
border: 1px solid #000!important;
margin-bottom: 4em!important;
}
#toc_container p.toc_title {
text-align: left!important;
max-width: 98%!important;
font-weight: 700;
font-size: 19px;
margin: 0;
padding: 0;
border-bottom: 1px solid;
margin-left: 8px!important;
}
#toc_container .toc_title:before {
display: none;
}
#toc_container span.toc_toggle {
font-size: 80%!important;
}
#toc_container p.toc_title+ul.toc_list {
padding-left: 0px;
}
#toc_container span.toc_number::after {
content: "."; 
pointer-events: none;
}
#toc_container .toc_title:before {
color: #444;
}
#toc_container .toc_number {
background-color: inherit;
color: #32373c;
} #toc_container_top {
background: #fff!important;
border: 3px solid #000!important;
box-shadow: 8px 8px 0px 0px;
margin-bottom: 4em!important;
}
#toc_container_top p.toc_title {
text-align: left!important;
max-width: 98%;
font-weight: 700;
font-size: 24px;
max-width: 98%;
margin: 0;
padding: 0;
border-bottom: 1px solid;
margin-left: 8px!important;
}
#toc_container_top span.toc_toggle {
font-size: 80%!important;
}
#toc_container_top span.toc_number::after {
content: "."; 
pointer-events: none;
}
#toc_container_top p.toc_title+ul.toc_list {
padding-left: 8px;
margin-top: 1em;
}
#toc_container_top.no_bullets ul {
background: 0 0;
list-style-type: none;
list-style: none;
text-indent: -23px;
}
#toc_container_top a {
text-decoration: none;
text-shadow: none;
} @media screen and (max-width: 640px) {
#toc_container p.toc_title+ul.toc_list {
padding-left: 0px;
}
#toc_container ul ul li::before {
margin-left: 17px;
}	
} .ect-vertical-card .entry-card-wrap .entry-card-thumb img {
background-color: #ccc;
object-fit: cover;
height: 250px;
}
@media screen and (max-width: 760px){
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
height: auto;
}
.e-card-title {
font-size: 3.2vw;
margin: 10px 0 20px 0;
}
} .full-wide-inder2 {
margin: 0 calc(50% - 32vw);
}
.full-wide-inder-title2 {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 22px;
text-transform: uppercase;
width: 715px;
}
.int-jisseki3{
background-color: #444;
}
.int-jisseki3 .int{
background: #1e1e1e;
width: calc(50% - 70px / 2);
box-sizing: border-box;
text-align: center;
margin: 3em 1em 1em 1em;
margin-bottom: 1em;
border: solid 1px;
}
@media screen and (max-width: 760px){
.int-jisseki3 .int{
width: 100%;
}
}
.int-jisseki3  .int .int-title-con {
background-color: inherit;
padding: 1em;
}
.int-jisseki3 .int .int-info-con {
color: #fff;
}
.int-jisseki3 .int .int-title-con .title {
color: #fff;
font-size: 150%;
font-family: "Arial Black","メイリオ";
} .int-jisseki2{  background-size: cover;  margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%); background-color: #f7f7f7;
}
.int-jisseki2 .int{
background: rgb(16 15 15 / 82%);
width: calc(50% - 70px / 2);
box-sizing: border-box;
text-align: center;
margin: 3em 1em 1em 1em;
margin-bottom: 1em;
border: solid 1px;
}
@media screen and (max-width: 760px){
.int-jisseki2 .int{
width: 100%;
margin: 11px 0px 0px 0px;
margin-bottom: 0em;
}
.int-jisseki2 .int .int-info-con {
padding: 2em;
}
.int-jisseki2 ul{
margin: 0px 0px 0px -35px;
}
}
.int-jisseki2  .int .int-title-con {
background-color: inherit;
padding: 1em;
}
.int-jisseki2 .int .int-info-con {
color: #fff;
}
.int-jisseki2 .int .int-title-con {
background-color: initial;
}
.int-jisseki2 .int .int-title-con .title {
color: #fff;
font-size: 150%;
font-family: "Arial Black","メイリオ";
} .int-jisseki3{ background-image: url(https://dekita.net/wp-content/uploads/2023/11/genba.jpg);
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
background-position: 10% 54%;
}
.int-jisseki3 .int{
background: rgb(16 15 15 / 82%);
width: calc(50% - 70px / 2);
box-sizing: border-box;
text-align: center;
margin: 3em 1em 1em 1em;
margin-bottom: 1em;
border: solid 1px;
}
@media screen and (max-width: 760px){
.int-jisseki3 .int{
width: 100%;
margin: 11px 0px 0px 0px;
margin-bottom: 0em;
}
.int-jisseki3 .int .int-info-con {
padding: 2em;
}
.int-jisseki3 ul{
margin: 0px 0px 0px -35px;
}
}
.int-jisseki3  .int .int-title-con {
background-color: inherit;
padding: 1em;
}
.int-jisseki3 .int .int-info-con {
color: #fff;
}
.int-jisseki3 .int .int-title-con {
background-color: initial;
}
.int-jisseki3 .int .int-title-con .title {
color: #fff;
font-size: 150%;
font-family: "Arial Black","メイリオ";
}
.box-2lines {
flex-wrap: wrap;
margin: 1em;
display: flex;
flex-direction: row;
}
.int {
background: white;
width: 45%;
box-sizing: border-box;
text-align: center;
margin: 1em;
margin-bottom: 1em;
border: solid 1px;
}
.int .int-title-con {
background-color: #fff;
padding: 1em;
}
.int .int-title-con .title {
text-transform: uppercase;
font-weight: 700;
}
.int .int-info-con {
padding: 1em;
color: #2d3b48;
box-sizing: border-box;
text-align: left;
}
.int .int-info-con .intprice {
font-size: 1.35em;
padding: 1em 0;
font-weight: 600;
margin-top: 0;
display: inline-block;
width: 80%;
}
.int .int-info-con .intprice p {
font-size: 25px;
display: inline-block;
margin: 0;
}
.int .int-info-con .intprice span {
font-size: 70%;
display: inline-block;
height: 100px;
}
p.int-left {
text-align: left;
padding-top: 30px;
}
.int .int-info-con .intdesc {
border-bottom: 2px solid #f3f3f3;
margin: 0 auto;
width: 90%;
}
.int .int-info-con .intdesc em {
font-size: 1em;
font-weight: 500;
}
.int .int-info-con .int-features {
font-size: 1em;
list-style: none;
padding-left: 0;
text-align: left;
}
.int .int-info-con .int-features li {
padding: 0.5em;
}
.int .int-info-con .int-select-plan {
border: 3px solid #7cb545;
padding: 0.45em 1em;
border-radius: 2.5em;
cursor: pointer;
transition: all 0.25s;
margin: 1em auto;
box-sizing: border-box;
max-width: 95%;
display: block;
font-weight: 700;
font-size: 80%;
color: #000;
}
.int .int-info-con .int-select-plan:hover {
background-color: #7cb545;
color: white;
}
.fa-check:before {
padding-right: 5px;
}
.blogbutton {
border: 2px solid #7cb545;
padding: 0.45em 1em;
border-radius: 2.5em;
cursor: pointer;
transition: all 0.25s;
margin: 20px auto 10px auto;
box-sizing: border-box;
max-width: 48%;
display: block;
font-weight: 700;
font-size: 80%;
color: #000;
text-align: center;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.box-2lines {
margin: 0;
}
.int {
width: 100%;
}
.int .int-title-con .title {
font-size: 1.45em;
}
.int .int-info-con .intprice {
padding: 0;
}	
.int .int-info-con .intprice p {
font-size: 100%;
}
.int-con .int {
width: 100%;
margin: 1em 0;
}
.int .int-info-con {
padding: 0em;
color: #2d3b48;
box-sizing: border-box;
}
.blogbutton{
display: block!important;
padding: 3px 0px 3px 0px!important;
}	
} .box-2lines-site {
flex-wrap: wrap;
margin: 1em;
display: flex;
flex-direction: row;
}
.int-site {
background: white;
width: 45%;
box-sizing: border-box;
text-align: center;
margin: 1em;
margin-bottom: 1em;
border: solid 1px;
}
.int-site .int-title-con-site {
background-color: #333;
padding: 1em;
}
.int-site .title {
color: #fff;
}
.int-site .int-title-con .title {
text-transform: uppercase;
font-weight: 700;
}
.int-site .int-info-con-site {
padding: 1em;
color: #2d3b48;
box-sizing: border-box;
text-align: left;
}
@media screen and (max-width: 767px) {
.box-2lines-site {
margin: 0;
}
.int-site {
width: 100%;
}
.int-site .int-title-con .title {
font-size: 1.45em;
}
.int-site .int-info-con .intprice {
padding: 0;
}	
.int-site .int-info-con .intprice p {
font-size: 100%;
}
.int-con-site .int-site {
width: 100%;
margin: 1em 0;
}
.int-site .int-info-con-site {
padding: 0em;
color: #2d3b48;
box-sizing: border-box;
}
.blogbutton{
display: block!important;
padding: 3px 0px 3px 0px!important;
}	
} h3 {
font-size: 24px;
font-weight: bold;
} .title-achievement-back {
background-color: #f3f3f3;
padding: 1em;
margin: 30px 30px 51px 30px;
}
.title-achievement {
font-size: 30px;
text-transform: uppercase;
color: #7cb545;
font-weight: 700;
text-align: center;
font-family: source-han-serif-japanese,serif;
}
@media screen and (max-width: 767px){
.title-achievement-back {
background-color: #f3f3f3;
padding: 1em;
margin: 30px 0px 51px 0px;
}
.title-achievement {
font-size: 22px;
}
}
.introdution ul {
text-align:left;
}
p.introleft {
text-align: left;
padding-top: 30px;
} .int-jisseki-ana{
background-image: url(https://dekita.net/wp-content/uploads/2022/11/ana-toumei.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
}
.int-jisseki-ana .int{
background: rgb(16 15 15 / 82%);
width: calc(50% - 70px / 2);
box-sizing: border-box;
text-align: center;
margin: 3em 1em 1em 1em;
margin-bottom: 1em;
border: solid 1px;
}
@media screen and (max-width: 760px){
.int-jisseki-ana .int{
width: 100%;
margin: 11px 0px 0px 0px;
margin-bottom: 0em;
}
.int-jisseki-ana .int .int-info-con {
padding: 2em;
}
.int-jisseki-ana ul{
margin: 0px 0px 0px -35px;
}
}
.int-jisseki-ana  .int .int-title-con {
background-color: inherit;
padding: 1em;
}
.int-jisseki-ana .int .int-info-con {
color: #fff;
}
.int-jisseki-ana .int .int-title-con {
background-color: initial;
}
.int-jisseki-ana .int .int-title-con .title {
color: #fff;
font-size: 150%;
font-family: "Arial Black","メイリオ";
} .videosize {
width:50%;
height:50%;
margin: 0px auto;
}
@media screen and (max-width: 768px) {
.videosize {
width:100%;
}
}
.back-black {
background-color:#444;
padding: 0px 14px;
}
.location-title {
font-size: 15px!important;
font-family: inherit!important;
} .letter {
padding: 30px 30px 20px 30px;
width: 94%;
margin: 0 auto;
font-size: 110%;
background-color: #000000c9;
color: #fff;
}
@media screen and (max-width: 768px) {
.letter {
padding: 15px 8px 15px 10px;
width: 95%;
font-size: 100%;
}
} .flex-container {
display: flex;
flex-wrap: wrap;
margin: 0.5em;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
}
.intro1 {
background: white;
width: 30%;
box-sizing: border-box;
text-align: center;
margin: 1em;
margin-bottom: 1em;
}
.intro1 .intro-container { color: #2d3b48;
box-sizing: border-box;
}
.intro2 {
background: white;
width: 60%;
box-sizing: border-box;
margin: 1em;
margin-bottom: 1em;
}
.intro2 .intro-container { color: #2d3b48;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.flex-container {
margin: 0em;
}	
.intro1 {
width: 100%;
margin: 0px;
}
.intro2 {
width: 100%;
margin: 0px;
margin-bottom: 1em;
}	
}
.migi {
float: right;
}
.small-f {
font-size: 80%;
color: #333;
}
.under {
border-bottom: solid;
border-color: #ffd900;
border-width: 3px;
font-weight:bold;
}
@media screen and (max-width: 768px) {
.koushuuarea {
font-size: 120%!important;
}
}
.about h4{
border-bottom:solid 1px #000;
font-size: 1.8vw;
margin-bottom: 18px;
}
.br-sp {
display: none;
}
@media screen and (max-width: 1080px) {
.br-pc {
display: none;
}
.sp-no{
display:none;
}	
.br-sp {
display: inline-block;
}
}
.koushuuarea {
border: 1px solid #e60033;
text-align:center;
font-size:150%;
padding:20px;
margin-bottom:50px;
} .topicarea .newstitle{
text-align:center;
}
.topicbox {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
box-sizing: border-box;
margin: 0px -10px;
}
.topicitem {
box-sizing: border-box;
width: 48%;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 0px 20px 0px 20px;
}
.topicbox span{
display:block;
font-weight:bold;
font-size:20px;
text-align:center;
color: #7cb545;
}
.topicbox a{
text-decoration:none;
color: inherit;
}
.topiccontent {
text-align: center;
box-sizing: border-box;
height: 100%;
padding: 0px;
border: solid 1px #dcdcdc;
}
.topiccontent span{
font-size: 1.2em;
background: #444;
padding: 4px;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
}
.topiccontent p{
text-align: left;
padding:10px
}
@media screen and (max-width: 768px) {
.topicbox {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
box-sizing: border-box;
margin: 0px -10px;
}
.tpicitem {
box-sizing: border-box;
width: 50%;
margin-bottom: 20px;
padding: 0px 5px;
}
.topicbox span {
font-size: 17px;
}
.topiccontent {
text-align: center;
box-sizing: border-box;
height: 100%;
padding: 15px 5px 15px 5px;
font-size: 15px;
}	
} .location h3{
padding:10px!important;
}
.location td {
vertical-align: top;
}
.locationContainer {
display: flex;
flex-wrap: wrap;
margin: 1em;
flex-direction: row;
align-items: flex-start;
justify-content: center;
}
.location-box-left{
background: white;
width: 60%;
box-sizing: border-box;
text-align: center;
margin: 1em;
margin-bottom: 1em;
}
.location-box-right{
background: white;
width: 30%;
box-sizing: border-box;
text-align: left;
margin: 1em;
margin-bottom: 1em;
}
@media screen and (max-width: 800px) {
.locationContainer {
margin: 0;
}
.locationContainer .plan {
width: 100%;
margin: 1em 0;
}	
.location-box-left{
background: white;
width: 100%;
box-sizing: border-box;
text-align: center;
margin: 1em;
margin-bottom: 1em;
}
.location-box-right{
background: white;
width: 100%;
box-sizing: border-box;
text-align: left;
margin: 1em;
margin-bottom: 1em;
}
}
.location-box .titleContainer {
background-color: #f3f3f3;
padding: 0.5em 1em 0.3em 1em;
}
.location-box .titleContainer .title {
font-size: 1.45em;
text-transform: uppercase;
color: #7cb545;
font-weight: 700;
}
.location-box .locationContainerinfo {
padding: 1em;
color: #2d3b48;
box-sizing: border-box;
}
.locationContainerinfo h3{
padding: 5px 10px 2px 10px;
background-color: #444;
color: #fff;
font-size: 110%;
}
.locationContainerinfo p{
padding: 10px 10px 20px 10px;
}
.location-box .locationContainerinfo .price {
font-size: 1.35em;
padding: 1em 0;
font-weight: 600;
margin-top: 0;
display: inline-block;
width: 80%;
}
.location-box .locationContainerinfo .price p {
font-size: 1.35em;
display: inline-block;
margin: 0;
}
.location-box .locationContainerinfo .price span {
font-size: 70%;
display: inline-block;
}
.location-box .locationContainerinfo .desc {
padding-bottom: 1em;
border-bottom: 2px solid #f3f3f3;
margin: 0 auto;
width: 90%;
}
.location-box .locationContainerinfo .desc em {
font-size: 1em;
font-weight: 500;
}
.location-box .locationContainerinfo .features {
font-size: 1em;
padding-top: 2em;
list-style: none;
padding-left: 0;
text-align: left;
}
.location-box .locationContainerinfo .features li {
padding: 0.5em;
}
.location-box .locationContainerinfo .selectPlan {
border: 3px solid #7cb545;
padding: 0.45em 1em;
border-radius: 2.5em;
cursor: pointer;
transition: all 0.25s;
margin: 1em auto;
box-sizing: border-box;
max-width: 95%;
display: block;
font-weight: 700;
font-size: 80%;
color: #000;
text-decoration: none;
}
.location-box .locationContainerinfo .selectPlan:hover {
background-color: #7cb545;
color: white;
}
@media screen and (max-width: 767px) {	
.location-box .infoContainer .features li {
font-size:15px;
}
}
.muryouarea {
text-align: center;
padding-top: 50px;
padding-bottom:50px;
}
.muryouarea a{
color: #000;
text-decoration:none;
}
.muryou {
text-align: center;
font-size: 35px;
font-family: source-han-serif-japanese,serif;
font-weight:bold;
}
@media screen and (max-width: 767px){
.muryou {
font-size: 20px;
}
.muryouarea {
text-align: center;
padding-bottom: 0px;
}
.menu-content .menu-drawer {
padding: 30px 1em 30px;
}	
.menu-drawer li {
display: block;
border-bottom: solid 1px #dcdcdc;
line-height: 35px;
}
.menu-drawer .sub-menu li{
border-bottom: solid 0px #dcdcdc;
}
.menu-close-button {
display: block;
cursor: pointer;
font-size: 2em;
text-align: right!important;
padding-right: 22px!important;
padding-top: 12px;
}
.menu-drawer a:before {
content: "\f054";
font-family: "Font Awesome 5 Free"; left: 24px;
margin-right: 5px; width: 0.4em;
height: 0.4em;
font-weight: 900;
}
.search-box {
margin: 1em 0 2em;
position: relative;
margin-bottom: 100px;
}
button[type="submit"] {
border-radius: 30px;
width: 100%;
font-size: 100%;
background-color: #7cb545;
color: #fff;
position: relative;
margin-top: 23px;
padding: 5px;
}
.text {
padding-left: 0px!important;
}	
.text ul{
padding-left: 10px!important;
}
}
.full-wide {
padding-top:30px;
padding-bottom:30px;
}
.full-wide-inder {
width: 60vw;
margin: 0 calc(50% - 32vw);
}
.full-wide-inder-title {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 22px;
text-transform: uppercase;
width: 715px;
}
.fixed-background {
min-height: 30vh;
width: 100vw;
margin: 0 calc(50% - 50vw);
background-attachment: fixed;
background-size: cover;
background-position: center;
clip-path: polygon(10% 0, 100% 0%, 90% 100%, 1% 100%);
} .background-1 {
background-image: url(https://dekita.net/wp-content/uploads/2024/10/back-image-2.webp);
}
.background-2 {
background-image: url(https://dekita.net/wp-content/uploads/2023/11/top-background-image.jpg);
} @media screen and (max-width: 767px){
.fixed-background {
min-height: 10vh;
}
.background-2 {
background-image: url(https://dekita.net/wp-content/uploads/2023/11/top-background-image.jpg);
} .fixed-background {
min-height: 10vh;
width: 100vw;
margin: 0 calc(50% - 50vw);
background-attachment: initial;
background-size: cover;
background-position: center;
}
} .footer {
margin: 20px 0 70px;
padding: 8px;
}
.bottommenu {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
margin-top: 20px;
background-color: #444;
z-index: 1;
}
.buttontop {
text-decoration: none;
border: none;
color: #fff;
cursor: pointer;
padding: 9px 0;
text-transform: uppercase;
white-space: normal;
width: 100%;
font-size: 15px;
display: inline-block;
text-align: center;
background-color: #292929;
}
.bottommenu a:hover{
color: #7cb545;
}
.top2waku>table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin-bottom: 0;
width: 60%;
margin: auto;
}
div.top2waku tr td {
padding: 3px;
border: 1px solid #ddd;
line-height: normal;
}
@media screen and (max-width: 767px){
.top2waku>table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin-bottom: 0;
width: 100%;
margin: auto;
}
.buttontop {
text-decoration: none;
color: #fff;
padding: 3px 0 10px 0;
font-size: 12px;
}
.go-to-top {
position: fixed;
display: none;
right: 10px;
bottom: 80px;
z-index: 99999;
}
}  .fa-star:before {
content: "\f005";
color: #ffd900;
font-size: 100%;
}
.entry-title, .archive-title {
font-size: 30px;
}
@media screen and (max-width: 767px) {
.entry-title, .archive-title {
font-size: 25px;
padding: 10px 0px;
}
} .article h2{
padding: 30px;
background-color:#222;
font-size: 40px;
color: #ffffff;
text-align:center;
}
.entry-content h2{
padding: 15px;
background-color:#222;
font-size: 25px;
color: #ffffff;
text-align:left;
}
.article h3 {
border-left: 0px solid #888;
border-right: 0px solid #ddd;
border-top: 0px solid #ddd;
border-bottom: 1px solid #ccc;
font-size: 20px;
padding: 7px 0px;
}
@media screen and (max-width: 767px) {
.article h1 {
font-size: 25px!important;
}
.article h2 {
padding: 20px 30px 20px 30px;
font-size: 20px;
line-height: 28px;
} 
.article h3 {
border-left: 0px solid #888;
border-right: 0px solid #ddd;
border-top: 0px solid #ddd;
border-bottom: 2px solid #7cb545;
font-size: 20px;
padding: 2px 0px;
}
}  table.pc2sp1 {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 40px;
width: 100%;
min-height: 100px;
}
.pc2sp1 .featurescontent {
text-align: center;
box-sizing: border-box;
height: 100%;
padding: 10px;
border: inherit;
box-shadow: inherit;
transition: all 0.3s ease 0s;
}
.pc2sp1 p {
margin-bottom: inherit;
}
.pc2sp1 th {
width: 25%;
border: 3px solid #292929;
background-color: #292929;
color: #fff;
padding: 0 10px;
text-align: center;
font-family: 'Roboto', sans-serif;
font-size: 15px;
vertical-align: middle;
}
.pc2sp1 td {
border: 3px solid #292929;
vertical-align: initial;
}
.featurescontent:hover {
box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
transform: translateY(0px)!important;
}
@media only screen and (max-width:780px){
.pc2sp1 { margin: 0 0px; }
.pc2sp1 th,
.pc2sp1 td{
width: 100%;
display: block;
border-top: none;
}
.pc2sp1 td {
padding: 10px;
font-size:100%;
}
.pc2sp1 tr:first-child th { border-top: 2px solid #292929; }
}
.pc2sp1 table {
box-sizing: unset;
} .navi-footer-in a:hover {
background-color: #f5f8fa;
color: #222!important;
} .waku-top {
border:solid 1px #dcdcdc;
padding-top:5px;
padding-bottom:0px;
}
.entry-content .waku {
border:solid 1px #dcdcdc;
padding:30px 10px 0px 10px;
padding-bottom:0px;
}
.waku {
border:solid 1px #dcdcdc;
padding-top:10px;
padding-bottom:0px;
}
.waku-ad{
border:solid 1px #dcdcdc;
padding-top:20px;
padding-bottom:20px;
}
.waku-wide {
border:solid 1px #dcdcdc;
width:100%;
padding: 10px;
margin-bottom:30px;
} .features h3 {
font-family: source-han-serif-japanese,serif;
}
.featurescontent .fas {
font-size: 60px;
padding-bottom: 15px;
color: #444;
}
.featurescontent .fa {
font-size: 60px;
padding-bottom: 15px;
color: #444;
}
.footer-meta {
display: none;
}
.featuresflexbox {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
box-sizing: border-box;
margin: 0px -10px;
}
.featuresitem {
box-sizing: border-box;
width: calc(100% / 3);
margin-bottom: 20px;
padding: 10px 10px;
position:relative;
}
.featurescontent {
text-align: center;
box-sizing: border-box;
height: 100%;
padding: 35px 10px 40px 10px;
border: solid 1px #222;
transition: all 0.3s ease 0s;
}
.featurescontent:hover{
box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
transform: translateY(-4px);
}
.features p{
margin-bottom: 0em;
}
.featuresflexbox span{
display:block;
font-weight:bold;
font-size:20px;
color: #444;
}
.featuresflexbox a{
text-decoration:none;
color: inherit;
}
.featuresitem :hover{
background: #fff;
}
@media screen and (max-width: 768px) {
.featuresflexbox {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
box-sizing: border-box;
margin: 0px -10px;
}
.featuresitem {
box-sizing: border-box;
width: 48%; padding: 0px 5px;
margin: 10px auto;
}
.featuresflexbox span {
font-size: 13px;
text-align: center;
}
.features p {
margin-bottom: 0em;
text-align: left;
}	
.featurescontent {
text-align: center;
box-sizing: border-box;
height: 100%;
padding: 15px 5px 15px 5px;
font-size: 15px;
}	
} .normalbutton {
background: #303b4c;
color: #fff;
padding: 15px 10px;
display: block;
border-radius: 3px;
width: 400px;
max-width: 100%;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 5px;
text-align: center;
text-decoration: none;
}
.normalbutton:hover {
text-decoration: none;
background: #44536b;
color: #fff;
}
.normalbutton a {
text-decoration:none;
}
.menu-close-button {
display: block;
cursor: pointer;
font-size: 2em;
text-align: left;
padding-left: 22px;
}
@media screen and (max-width: 768px) {
.normalbutton {
padding: 5px 10px;
margin-top: 20px;
font-size: 15px;
margin-bottom: 5px;
text-decoration: none;
}
} .postbutton {
background: #303b4c;
color: #fff;
padding: 5px 10px;
display: block;
border-radius: 3px;
width: 80%;
max-width: 100%;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 15px;
text-align: center;
text-decoration: none;
}
.postbutton:hover {
text-decoration: none;
background: #44536b;
color: #fff;
}
.postbutton a {
text-decoration:none;
}
@media screen and (max-width: 768px) {
.postbutton{
padding: 5px 0px;
width: 44%;
margin-top: 10px;
margin-bottom: 9px;
font-size: 15px;
}
} .contact table {
margin-bottom: 20px;
max-width: 100%;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.contact table th, table td {
border: 0px solid #eee;
padding: 6px;
}
.contact-letter {
padding: 0px 0px 40px 0px;
} .yokobou {
position: relative;
padding: 0 65px;
text-align: center;
}
.yokobou:before {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 2px;
content: '';
background: #000;
}
.yokobou span {
position: relative;
padding: 0 1em;
background: #fff;
font-size: 25px;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.yokobou {
position: relative;
padding: 0 20px;
text-align: center;
}
.yokobou span {
font-size: 15px;
}
}
.teltime {
font-weight: bold;
font-size: 40px;
color: #2d3b48;
padding: 25px;
}
.teltime a{
color: inherit;
text-decoration: none;
}
@media screen and (max-width: 768px) {
.teltime {
font-size: 25px;
}
}  .boxabout {
display:flex;
flex-direction: column-reverse;
padding: 10px;
}
.text {
width: 100%;
padding-left: 10px;
}
.boxabout span {
font-size: 21px;
margin: 0;
font-weight: bold;
}
.pict {
width: 100%;
text-align: center;
min-height: 0%;
}
.pict img {
max-width: 100%;
height:auto;
}
@media (min-width:768px) {
.boxabout {
flex-direction: row-reverse;
justify-content: space-between;
margin-bottom: 0px;
padding: 0px;
padding-bottom: 70px;
}
.boxabout:nth-child(even) {
flex-direction: row;
}
.text {
text-align: left;
padding: 0px 20px 0px 20px;
}
.boxabout p {
text-align: left;
}
.box:nth-child(even) .text {
text-align: left;
}
.pict {
width: 70%;
}
.pict img {
width: 100%;
height:auto;
}
.boxabout:nth-child(even) .pict {
margin-left: 0;
margin-right: 3%;
}
}
@media screen and (max-width: 767px) {
.boxabout ul {
position: relative;
padding: 0px 0px 15px 5px;
}
}  
.about h3,.features h3,.kyuujin h3 {
position: relative;
padding: 15px 0px 60px 0px;
text-align: center;
font-size: 2.5vw;
font-family: source-han-serif-japanese,serif;
}
.onayami h3 {
position: relative;
padding: 70px 0px 10px 0px;
text-align: center;
font-size: 170%;
font-family: source-han-serif-japanese,serif;
}
.catch-copy {
position: relative;
padding: 70px 0px 10px 0px;
text-align: center;
font-size: 2.5vw;
font-weight: 900;
font-family: source-han-serif-japanese,serif;
}
.onayami h3.gyoukai{
position: relative;
padding: 150px 0px 35px 0px;
text-align: center;
font-size: 240%;
font-family: source-han-serif-japanese,serif;
}
@media screen and (max-width: 767px) {
.about h3,.features h3,.onayami h3 {
padding: 0px 0px 15px 0px;
text-align: center;
font-size: 150%;
line-height: 50px;
font-weight: bold;
}
.onayami h3.gyoukai{
padding: 100px 0px 35px 0px;
font-size: 150%;
}	
.catch-copy {
padding: 20px 0px 10px 0px!important;
font-size: 7vw!important;
text-align: left;
}	
.about h4 {
border-bottom: solid 1px #000;
font-size: 4vw;
margin-top: 20px;
margin-bottom: 15px;
}	
.intro2 .intro-container ul{
padding-left: 20px;
}	
} .onayami .inner {
width: calc(100% - 50px);
max-width: 1000px;
margin: 0 auto;
padding: 0px 0;
}
.onayami .title {
color: #fff;
text-shadow: 0 0 12px #000;
font-weight: bold;
text-align: center;
font-size: 36px;
line-height: 1.6;
}
.onayami .list {
margin-top: 40px;
}
.onayami .list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 18px;
font-weight: bold;
line-height: 1.6;
margin: 0;
padding: 0;
}
.onayami .list ul:after {
content: '';
display: block;
width: calc(100% / 3 - 6px);
}
.onayami .list li {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: calc(100% / 3 - 20px);
padding: 38px 20px;
background: rgba(255,255,255,.77);
border: 1px solid #ccc;
border-radius: 3px;
}
.onayami .list li:nth-child(n+4) {
margin-top: 30px;
}
@media screen and (max-width: 1400px) {
.onayami .title {
font-size: 27px;
}
}
@media screen and (max-width: 1270px) {
.onayami .list ul {
font-size: 16px;
}
.onayami .list li {
width: calc(100% / 3 - 10px);
padding: 20px 5px;
}
.onayami .list li:nth-child(n+4) {
margin-top: 13px;
}
}
@media screen and (max-width: 767px) {
.onayami .inner {
width: calc(100% - 5px);
padding: 10px 0;
}
.onayami .title {
font-size: 18px;
}
.onayami .title br {
display: none;
}
.onayami .list {
margin-top: 20px;
}
.onayami .list ul {
font-size: 100%;
}
.onayami .list ul:after {
display: none;
}
.onayami .list li {
width: calc(48% - 5px);
padding: 15px;
text-align: left;
display: table-cell;
font-size: 90%;
}
.onayami .list li:nth-child(n+3) {
margin-top: 4px;
}
}
@media screen and (max-width: 480px) {
.onayami .list li {
width: calc(48% - 2px);
padding: 15px 7px;
text-align: left;
}
} .marketing-area {
text-align:center;
}
.marketing-title {
font-size: 25px;
font-weight: bold;
}
@media (max-width: 767px){
.marketing-title {
font-size: 20px;
}
.grid-item h3 {
font-size: 85%;
}	
} .newsmaintitle {
padding-bottom: 25px;
}
.newstitle {
font-size: 25px;
border-bottom: 1px solid #dcdcdc;
font-weight: bold;
}
.newsline {
text-align: left;
}
.blog-list-area , .top-news a{
text-decoration:none;
}
.top-news-area span.date {
color: #444;
}
.top-news-area .top-news {
border: 1px solid #edebf0;
border-radius: 6px;
padding: 16px;
margin-bottom: 30px;
text-align:center;
margin-top: 50px;
font-size: 100%;
}
.blog-list-area .blog-list {
border: 2px solid #edebf0;
border-radius: 6px;
padding: 16px;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.newstitle {
font-size: 20px;
}	
.top-news-area span.date {
padding-bottom: 4px;
display: inline-block;
}	
.blog-list a{
padding: 0px 0px 3px 0px;
display: inline-block;
padding-left: 3px;
}
.blog-list :hover{
color: #000;
}
.newsline {
line-height: 20px;
padding-bottom: 15px;
}
} .widget-entry-card {
height: 100px;
}
.widget-entry-cards figure {
width: 100px;
height: 120px;
}
.timelineContainer {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
} .timeline {
border: solid 1px;
width: calc(25% - 10px); margin: 10px 5px;
padding: 0px 5px;
box-sizing: border-box;
}
.timeline .timelinetitleContainer {
background-color: #fff;
padding: 1em;
}
.timeline .timelinetitleContainer .title {
text-transform: uppercase;
font-weight: 700;
text-align: center;
}
.timeline .timelinetitleContainer .title .under-timeline {
border-bottom: 1px solid #dcdcdc;
}
.timeline .timelineinfoContainer {
padding: 0em;
color: #2d3b48;
box-sizing: border-box;
text-align: left;
}
.timeline .timelineinfoContainer .timelineprice {
font-size: 1.35em;
padding: 1em 0;
font-weight: 600;
margin-top: 0;
display: inline-block;
width: 80%;
}
.timeline .timelineinfoContainer .timelineprice p {
font-size: 25px;
display: inline-block;
margin: 0;
}
.timeline .timelineinfoContainer .timelineprice span {
font-size: 70%;
display: inline-block;
height: 100px;
}
.timeline .new-entry-card-title{
padding-left: 0px;
overflow: hidden;
text-overflow: ellipsis;
height: 100px;
font-size: 13px;
}
.widget-entry-card-content {
margin-left: 114px;
}
p.introleft {
text-align: left;
padding-top: 30px;
}
.timeline .timelineinfoContainer .timelinedesc {
border-bottom: 2px solid #f3f3f3;
margin: 0 auto;
width: 90%;
}
.timeline .timelineinfoContainer .timelinedesc em {
font-size: 1em;
font-weight: 500;
}
.timeline .timelineinfoContainer .timelinefeatures {
font-size: 3px;
list-style: none;
padding-left: 0;
text-align: left;
}
.timeline .timelineinfoContainer .timelinefeatures li {
padding: 0.5em;
}
.timeline .timelineinfoContainer .timelineselectPlan {
border: 3px solid #7cb545;
padding: 0.45em 1em;
border-radius: 2.5em;
cursor: pointer;
transition: all 0.25s;
margin: 1em auto;
box-sizing: border-box;
max-width: 95%;
display: block;
font-weight: 700;
font-size: 80%;
color: #000;
}
.timeline .timelineinfoContainer .timelineselectPlan:hover {
background-color: #7cb545;
color: white;
}
.fa-check:before {
padding-right: 5px;
}
.blogbutton {
border: 2px solid #7cb545;
padding: 0.45em 1em;
border-radius: 2.5em;
cursor: pointer;
transition: all 0.25s;
margin: 20px auto 10px auto;
box-sizing: border-box;
max-width: 48%;
display: block;
font-weight: 700;
font-size: 80%;
color: #000;
text-align: center;
text-decoration: none;
} @media (max-width: 1000px) {
.timeline {
width: calc(50% - 10px);
}
} @media (max-width: 766px) {
.timeline {
width: calc(100% - 10px);
}
}
@media screen and (max-width: 1000px) {
.timelineContainer {
margin: 0;
margin: 0 auto;
}
.timeline .timelinetitleContainer .title {
font-size: 100%;
text-align: center;
}
.timeline .timelineinfoContainer .timelineprice {
padding: 0;
}	
.timeline .timelineinfoContainer .timelineprice p {
font-size: 100%;
}
.timeline .timelineinfoContainer {
padding: 0em;
color: #2d3b48;
box-sizing: border-box;
}
.timeline .new-entry-card-title{
overflow: inherit;
height: inherit;
}	
.blogbutton{
display: block!important;
padding: 3px 0px 3px 0px!important;
}	
}  .planContainer {
display: flex;
flex-wrap: wrap;
margin: 1em;
flex-direction: row;
align-items: flex-start;
justify-content: center;
}
.plan {
background: white;
width: 30%;
box-sizing: border-box;
text-align: center;
margin: 1em;
margin-bottom: 1em;
}
.plan .titleContainer {
background-color: #f3f3f3;
padding: 0.5em 1em 0.3em 1em;
}
.plan .titleContainer .title {
font-size: 1.45em;
text-transform: uppercase;
color: #7cb545;
font-weight: 700;
}
.plan .infoContainer {
padding: 1em;
color: #2d3b48;
box-sizing: border-box;
}
.plan .infoContainer .price {
font-size: 1.35em;
padding: 1em 0;
font-weight: 600;
margin-top: 0;
display: inline-block;
width: 80%;
}
.plan .infoContainer .price p {
font-size: 1.35em;
display: inline-block;
margin: 0;
}
.plan .infoContainer .price span {
font-size: 70%;
display: inline-block;
}
.plan .infoContainer .desc {
padding-bottom: 1em;
border-bottom: 2px solid #f3f3f3;
margin: 0 auto;
width: 90%;
}
.plan .infoContainer .desc em {
font-size: 1em;
font-weight: 500;
}
.plan .infoContainer .features {
font-size: 1em;
padding-top: 2em;
list-style: none;
padding-left: 0;
text-align: left;
}
.plan .infoContainer .features li {
padding: 0.5em;
}
.plan .infoContainer .selectPlan {
border: 3px solid #7cb545;
padding: 0.45em 1em;
border-radius: 2.5em;
cursor: pointer;
transition: all 0.25s;
margin: 1em auto;
box-sizing: border-box;
max-width: 95%;
display: block;
font-weight: 700;
font-size: 80%;
color: #000;
text-decoration: none;
}
.plan .infoContainer .selectPlan:hover {
background-color: #7cb545;
color: white;
}
.fa-check:before {
padding-right: 5px;
}
@media screen and (max-width: 767px) {
.planContainer {
margin: 0;
}
.planContainer .plan {
width: 100%;
margin: 1em 0;
}	
.plan .infoContainer .features li {
font-size:15px;
}	
} .top-contents h2 {
padding: 90px 30px 18px 30px;
margin-bottom: 20px;
background-color: #fff;
font-size: 330%;
font-family: source-han-serif-japanese,serif;
color: #222;
text-align: center;
border-left: 0px;
line-height: 56px;
}
.top-contents h2.p1{
font-size: 300%;
}
.top-contents h2 .under-yellow{
border-bottom: solid;
border-color: #ffd900;
}
.top-contents .gray {
color: #949495;
text-align: center;
font-size: 13px;
}
@media screen and (max-width: 767px) {
.top-contents h2:first-child{
padding: 40px 0px 0px 0px;
font-size: 180%;
line-height: 100%;
}
.top-contents h2 {
padding: 80px 0px 0px 0px;
font-size: 20px;
}
.top-contents .green {
font-size: 12px;
}
.top-contents h2 .under-yellow{
line-height: 42px;
font-size: 80%;
}	
} .top-image {
position: relative;
width: 100%;
min-height: 550px;
background-color: #191919;
}
.top-group {
padding-top: 80px;
color: #fff;
text-align: center;
font-size: 22px;
text-transform: uppercase;
width: 100%;
}
.top-image-top {
text-align: center;
font-size: 3vw;
font-weight: bold;
line-height: 65px;
color:#fff;
padding-bottom: 30px;
font-family: source-han-serif-japanese,serif;
}
.top-image-title {
text-align: center;
position: absolute;
left: 50%;
font-size: 40px;
top: 320px;
font-weight: bold;
transform: translate(-50%,-50%);
padding: 0 20px;
   background-color: #191919;
font-family: "Gotham SSm A","Gotham SSm B","Montserrat","Noto Sans JP",sans-serif;
}
.green {
color: #7cb545;
}
.top-image-bottom {
text-align: center;
font-size: 25px;
font-weight: bold;
line-height: 60px;
color:#fff;
font-family: source-han-serif-japanese,serif;
}
.top-image-botton {
position: absolute;
top: 500px;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
text-align: center;
color:#fff;
font-size: 14px;
line-height: 38px;
border:solid 1px #fff;
width: 200px;
}
.top-image-botton:hover{
background-color: #444;
color:#fff;
}
.top-image-botton:after{
content: "\f054";
font-family: "Font Awesome 5 Free"; 
font-weight: 900;
color:#fff;
padding-left: 6%;
} @media screen and (max-width: 1000px) {
.top-image-top {
font-size: 6.5vw;
line-height: 65px;
}
} @media screen and (max-width: 767px) {
.top-image {
position: relative;
width: 100%;
min-height: 70vh;
}
.top-group {
position: absolute;
top: 25%;
left: 50%;
transform: translate(-50%, -50%);
padding: 15px 10px;
color: #fff;
text-align: center;
font-size: 22px;
text-transform: uppercase;
width: 100%;
}
.top-image-top {
text-align: center;
font-size: 6.5vw;
font-weight: bold;
line-height: 60px;
}
.top-image-title {
text-align: center;
position: absolute;
left: 50%;
font-size: 30px;
top: 215px;
transform: translate(-50%,-50%);
padding: 0 20px;
background-color: #191919;
font-family: source-han-serif-japanese,serif;
}
.top-image-bottom {
text-align: center;
font-size: 65%;
font-weight: inherit;
line-height: 60px;
}
.top-image-botton {
position: absolute;
top: 380px;
left: 50%;
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin: 0;
padding: 0;
text-align: center;
color: #fff;
font-size: 14px;
line-height: 38px;
border: solid 1px #fff;
width: 200px;
}
} #navi .navi-in a:after{
position: absolute; content: ""; left: 0px; bottom: 0px; height: 2px; width: 100%; background: #00000042; transform: scale(0,1); transition: 0.3s; }
#navi .navi-in a:hover:after{
transform: scale(1); } .toc {
width: 85%;
}
h3.toiawase {
padding: 30px 30px 18px 30px;
border-bottom: inherit;
background-color: #222;
color: #fff;
text-align: center;
font-size: 40px;
border-left: 0px;
line-height: 30px;
}
h3.toiawase > span {
color:#77ec36;
text-align:center;
font-size:15px;
}
@media screen and (max-width: 767px) {
h3.toiawase {
padding: 20px 30px 20px 30px;
font-size: 20px;
line-height: 18px;
}
h3.toiawase > span {
color:#77ec36;
text-align:center;
font-size:12px;
}
}
.header-container-in.hlt-top-menu .logo-header {
width: 270px;
}
.navi-in a {
font-size: 14px;
} .header-container-in.hlt-top-menu .site-name-text {
padding-left: 20px;
}
.mobile-menu-buttons {
background: #222;
}
.mobile-menu-buttons .menu-icon {
padding-top: 10px;
font-size: 22px;
}
@media screen and (max-width: 1023px) {
.mobile-header-menu-buttons {
padding-top: 5px;
height: 60px;
}
.mobile-menu-buttons {
background: #fff;
}	  
.fa-navicon::before, .fa-reorder::before, .fa-bars::before {
content: "\f0c9";
color: #444!important;
}
.fa-search::before {
content: "\f002";
color: #444!important;
}	  
.mobile-menu-buttons .menu-caption {
display: none;
}	
}
.fa-navicon::before, .fa-reorder::before, .fa-bars::before {
content: "\f0c9";
color: #fff;
}
.fa-search::before {
content: "\f002";
color: #fff;
}
.toujuku {
color:#fff;
}
.top-hyou table {
border-collapse: collapse;
margin: 0 auto;
padding: 0;
table-layout: fixed;
}
.top-hyou table tr {
background-color: #fff;
padding: .35em;
border: 2px solid #eee;
color: #000;
}
.top-hyou table th.main-th1{
padding: 2em;
background-color: #7cb545;
color: #fff;
}
.top-hyou table th.main-th{
padding: 10px;
border-right: 2px solid #fff;
background-color: #50535d;
color: #fff;
}
.top-hyou table th {
border-right: 2px solid #eee;
vertical-align: middle;
padding: 10px;
background-color: #fff;
color: #000;
}
.top-hyou table td {
padding: 10px;
border-right: 2px solid #eee;
text-align: center;
border-color: #eee!important;
}
.top-hyou table th {
font-size: 20px;
}
.top-hyou table thead tr{
background-color: #50535d;
color:#fff;
}
.top-hyou table tbody th {
border-right: 2px solid #eee;
font-weight: bold;
text-align: center;
}
.top-hyou th.non {
border-right: none;
}
.top-hyou .txt{
text-align: left;
font-size: .85em;
}
.top-hyou .price{
color: #000;
font-weight: bold;
font-size:1.3em
}
.top-hyou .price span {
font-size: .6em;
}
.top-hyou .red_bk{
background:#e81010
}
.top-hyou .red-txt{
color:#e81010
}
.top-hyou .btn{
background:#e81010;
border: 2px solid #e81010;
color:#fff;
padding: 1em;
border-radius:20px;
display:block;
text-decoration:none;
font-size:.8em
}
.top-hyou .btn:hover{
background: #fff;
border: 2px solid #e81010;
color: #e81010;
transition: .2s;
}
.top-hyou table .btnarea td {
padding: .2em .5em;
border-right:none
}
@media screen and (max-width: 600px) {
.top-hyou top-table{
overflow-x: scroll;
}
.top-hyou table th {
font-size: 15px;
}
.top-hyou table tr {
padding: 0;
}	
.top-hyou table th.main-th {
padding: 0em;
}
.top-hyou .price {
font-size: 100%;
}
}
@media screen and (max-width: 767px) {
.top-hyou table th {
border-right: 2px solid #eee;
vertical-align: middle;
padding: 5px;
background-color: #fff;
color: #000;
} 
} input{
font-size:16px!important;
}
form textarea{
font-size:16px!important;
}
.hyou{
background-color:#fff;
color:#000;
}
.hyou td{
border: solid 1px #000;
}
#main #content-wrap, .separate-layout #main #content-wrap {
padding-top: 50px!important;
} .green{
color:#7cb545;
} #site-header.transparent-header {
position: fixed!important;
} .right {
text-align: right;
display: block;
}
h2.black{
padding: 30px;
background-color:#222;
font-size: 40px;
text-align:center;
}
h2.none{
font-size: 50px;
text-align:center;   
padding: 15px 0px 15px 0px;
} .top-sub{
font-weight:bold;
font-size:25px;
color: #fff;
}
h1.top-title{
font-weight:bold;
color: #fff;
font-size: 80px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-text-stroke: 0;
stroke-width: 0;
-webkit-text-stroke-color: #000;
stroke: #000;
text-shadow: 0 0 0 rgb(0 0 0 / 30%);
margin: 0px 0px 0px 0px;
padding: 5px 20px 5px 20px;
background-color: #444444AD;
font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
}
.contentstitle {
font-weight:bold;
font-size:30px;
margin: 20px 0px 20px 0px;
padding: 10px 20px 10px 20px;
background-color: #444444;
}	
@media (max-width: 767px) {
h1.top-title{
font-weight:bold;
font-size:30px;
}
h2.black{
font-size: 20px;    
padding: 15px 0px 15px 0px;
}
h2.none{
font-size: 25px;
text-align:center;   
padding: 15px 0px 0px 0px;
}
.top-sub{
font-weight:bold;
font-size:20px;
}
.contentstitle {
font-size:20px;
}	
}
#wp-calendar tbody #today {
color: #64d526;
font-size: 150%;
} .opentime{
font-weight:bold;
font-size:40px;
color: #2d3b48;
padding: 25px;
font-family: source-han-serif-japanese,serif;
}
@media (max-width: 767px) {
.opentime{
font-weight:bold;
font-size:20px;
color: #2d3b48;
padding: 15px 25px 25px 25px;
}
}  .takasa{
height:150px;
margin-top: 20px;
}
#toc_container {
margin-top: 60px;
} @media (max-width: 767px) {
.first-title {
font-size: 14px;
}
.main-h2{
font-size: 25px;
}	
.h3-title {
font-size: 18px;
}	 
} ul.meta li {
color: #fff;
}
ul.meta li a {
color: #fff;
} .main-title {
font-size: 5vh!important;
font-weight:bold;
}	
.elementor-icon-box-title{
font-weight: bold;
color:#64D526!important;;
}
.kobetu{
font-weight: bold;
}
.top-setumei{
font-weight: bold;
}
.test{
font-weight: bold;
font-size:150px!important;
}
.theme-button, input[type="submit"], button[type="submit"], button, .button, body div.wpforms-container-full .wpforms-form input[type=submit], body div.wpforms-container-full .wpforms-form button[type=submit], body div.wpforms-container-full .wpforms-form .wpforms-page-button {
border-radius: 30px;
width:100%;
font-size:100%;
background-color: #7cb545;
color: #fff;
}
.gakusei{
font-size:30px!important;
text-align:center;
color:#77ec36;
font-weight:bold;
}
@media (max-width: 767px) {
.elementor-173 .elementor-element.elementor-element-oppmuoq .elementor-heading-title {
font-size: 35px;
} .elementor-173 .elementor-element.elementor-element-vhbdtpo .elementor-heading-title {
color: #FFFFFF;
font-size: 15px!important;
} .elementor-173 .elementor-element.elementor-element-oppmuoq .elementor-heading-title {
font-size: 35px;
padding: 15px 0 15px 0;
margin: 15px 0 15px 0px;
} .elementor-173 .elementor-element.elementor-element-zdmeyep .elementor-heading-title {
color: #ffffff;
font-size: 15px!important;
font-weight: 400;
line-height: 1.6em;
} .main-title {
font-size: 3vh!important;
}	
.elementor-widget:not(:last-child) {
margin-bottom: 0px;
}
.box-text2 {
font-size: 80%;
}
#top-setumei{
font-size:10px!important;	
line-height:10px;
}
} .qa-list{
text-align:left;
}
.qa-list dl {
position: relative;
margin: 0;
padding: 28px 80px 28px 30px;
cursor: pointer;
border-bottom: 1px solid #000;
}
.qa-list dl:first-child {
border-top: 1px solid #000;
}
.qa-list dl:last-child {
margin-bottom: 30px;
}
.qa-list dl::before {
position: absolute;
top: 35px;
right: 35px;
display: block;
width: 7px;
height: 7px;
margin: auto;
content: '';
transform: rotate(135deg);
border-top: 2px solid #000;
border-right: 2px solid #000;
}
.qa-list .open::before {
transform: rotate(-45deg);
}
.qa-list dl dt {
position: relative;
margin: 0;
padding: 0 0 0 50px;
font-weight: bold;
font-size: 20px;
}
.qa-list dl dt::before {
font-size: 22px;
line-height: 1;
position: absolute;
top: 3px;
left: 0;
display: block;
content: 'Q.';
color: #3285bf;
}
.qa-list dl dd::before {
font-size: 22px;
line-height: 1;
position: absolute;
top: 3px;
left: 2px;
display: block;
content: 'A.';
font-weight: bold;
color: #3285bf;
}
.qa-list dl dd {
position: relative;
display: none;
height: auto;
margin: 20px 0 0;
padding: 0 0 0 50px;
}
.qa-list dl dd p {
margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
margin-top: 0;
}
.qa-list normalbutton a{
text-decoration: none;
}
@media screen and (max-width: 767px) {
.qa-list dl {
position: relative;
padding: 15px 40px 15px 10px;
}
.qa-list dl::before {
top: 20px;
right: 20px;
width: 7px;
height: 7px;
}
.qa-list dl dt {
padding: 0 0 0 30px;
font-size: 14px;
}
.qa-list dl dt::before {
font-size: 14px;
top: 3px;
left: 5px;
content: 'Q.';
}
.qa-list dl dd::before {
font-size: 14px;
top: 5px;
left: 5px;
content: 'A.';
}
.qa-list dl dd {
margin: 10px 0 0;
padding: 0 0 0 30px;
font-size: 14px;
}
.qa-list dl dd p {
margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
margin-top: 0;
}
}  .full-width {
margin: 0 calc(50% - 50vw);
padding: 5em calc(50vw - 50%);
} .wpcf7-form p {
margin-bottom: 0;
} section.contact {
background-color: #fff;
}  .contact_item {
margin-bottom: 2.5rem;
} .label {
display: block;
line-height: 1.6;
letter-spacing: 0.05em;
margin-bottom: .6rem;
font-weight: bold;
} .label_tag {
color: #ffffff;
margin-right: 1rem;
padding: 3px 20px;
} .label_must {
background-color: #444;
} .label_option {
background-color: #888988;
} .inputs {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type="text"],input[type="tel"] ,input[type="email"]{
border: solid 1px #707070;
padding: .5rem;
font-size: 1.8rem;
} textarea.form-control {
border: solid 1px #707070;
padding: .5rem;
height: 207px;
font-size: 1.8rem;
}
@media screen and (max-width: 768px){
.full-width {
margin: 0 calc(50% - 50vw);
padding: 1em calc(50vw - 50%);
}
} .btnArea {
text-align: center;
}
input[type="submit"]{
background: #303b4c;
border: 2px solid #ffffff;
color: #ffffff;
text-align: center;
font-size: 2.5rem;
line-height: 1.3;
letter-spacing: .5em;
text-indent: .5em;
font-weight: bold;
padding: 1.4rem 0;
margin-top: 2rem;
cursor: pointer;
border-radius: .3rem;
transition: all .3s;
} input[type="submit"]:hover {
text-decoration: none;
background: #44536b;
color: #fff;
} .wpcf7 .ajax-loader {
display: block;
margin: 0 auto;
} @media screen and (max-width: 480px) {
.contact_item {
margin-bottom: 1.6rem;
}
.label {
margin-bottom: .4rem;
}
.label_tag {
font-size: 13px;
}
input[type="text"],input[type="tel"],input[type="email"] {
padding: .4rem;
font-size: 1.5rem;
}
textarea {
padding: .4rem;
font-size: 1.5rem;
}
input[type="submit"]{
font-size: 1.5rem;
}
}
.cat-label {
position: initial!important;
} .entry-content .flow {
margin: 1em 0;
}
.main-bdr, #inner-content .main-bdr {
border-color: #13284b;
}
.main-bc, .has-sango-main-background-color {
background-color: #404148;
}
.main-bc, .has-sango-main-background-color {
background-color: #13284b;
}
.flow_marker {
content: "";
display: block;
position: absolute;
top: 6px;
left: 0;
width: 14px;
height: 14px;
border-radius: 50%;
border: solid 3px;
}
.flow-content {
position: relative;
padding: 0 0 1.5em 1.8em;
}
.flow-content:before {
content: "";
width: 3px;
background: #ccd5db;
display: block;
position: absolute;
top: 24px;
bottom: 0;
left: 6px;
}
.flow-content:not(:first-of-type):not(:last-of-type) .flow_marker {
background: transparent;
}
.flow-content:last-of-type:before {
content: none;
}
.flow_label {
padding-top: 2px;
color: #90969a;
font-size: 14px;
font-weight: bold;
}
.flow_tiflowe {
font-size: 1.1em;
font-weight: bold;
line-height: 1.5;
}
.flow_main {
margin-top: 0.5em;
padding: 0 0 1.5em;
font-size: 0.9em;
line-height: 1.6;
border-bottom: dashed 1px #ccd5db;
}
.entry-content .flow_main > * {
margin: 0.7em 0 0;
}
.flow_main > ul,
.flow_main > ol {
margin: 0;
padding: 0.3em 0 0.3em 1.3em;
border: none;
}
.entry-content .flow_main .sng-box {
margin-top: 1em;
}
.entry-content .flow_main .box28,
.entry-content .flow_main .box30,
.entry-content .flow_main .box31,
.entry-content .flow_main .box32,
.entry-content .flow_main .box33 {
margin-top: 2.3em;
} .box1 {
position: relative;
width: 100%;
margin: 2em 0;
line-height: 30px;
font-size: 90%;
border: 1px solid;
}
.box1 b{
position: relative;
width: 100%;
margin: 2em 0;
color: #000;
line-height: 30px;
font-size: 120%;
}
.box1 .box-title:before {
position: absolute;
content: '';
display: inline-block; width: 15px; height: 15px; background-size: contain;
left: 3px;
top: 3px;
}
.box1 .box-title:after {
position: absolute;
content: '';
display: inline-block; width: 15px; height: 15px; background-size: contain;
top: 3px;
right: 3px;
}
.box1 .box-title {
padding: 10px 10px 10px 25px;
width: 100%;
line-height: 130%;
font-size: 110%;
font-weight: 700;
color: #fff;
background-color: #000;
}
@media screen and (max-width: 960px) {
.box1 {
position: relative;
margin: 30px 2px 30px;
font-size: 90%;
}	
.box1 .box-title {
padding: 10px 0px 10px 10px;
width: 100%;
line-height: 130%;
font-size: 120%;
font-weight: 700;
color: #fff;
}
}
.box1 ul{
padding: 10px 10px 0px 10px;
}
.box1 ol{
padding: 0em 2em 1.5em;
}
.box1 ul.a{
padding: 0em 2em 1.5em;
}
.box1 a:link {
color: #000;
}
.box1 .boxcover:before {
position: absolute;
content: '';
display: inline-block; width: 15px; height: 15px; background-size: contain;
bottom: 3px;
left: 3px;
}
.box1 .boxcover:after {
position: absolute;
content: '';
display: inline-block; width: 15px; height: 15px; background-size: contain;
right: 3px;
bottom: 3px;
}
.box1 ul > li {
margin: 10px 10px 10px 30px;
font-size: 100%;
}
.box1 ul > li:before {
content: "\f0da";
font-family: "Font Awesome 5 Free";
margin-right: 3px;
position: absolute;
left: 0em;
top: 1px!important;
font-size: 32px;
}
@media screen and (max-width: 960px) {
.box1 ul {
padding: 0 5px 0px 0px;
}
.box1 ul > li {
margin: 10px 10px 10px 30px;
}	
} .muryou-text{
width:80%;
margin:0 auto;
text-align:left;
padding-top:30px;
}
@media screen and (max-width: 767px){
.top-group {
top: 90px;
}	
.top-image {
position: relative;
width: 100%;
min-height: 430px;
}
.top-image-top {
font-size: 6.2vw;
}	
.top-image .top-image-title {
top: none;
}	
.top-image-botton {
top: 320px;
}	
} .cta .inner {
width: calc(100% - 50px);
max-width: 1000px;
margin: 0 auto;
padding: 0px 0;
}
.cta .title {
color: #fff;
text-shadow: 0 0 12px #000;
font-weight: bold;
text-align: center;
font-size: 36px;
line-height: 1.6;
}
.cta .list {
margin-top: 5px;
}
.cta .list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: 18px;
font-weight: bold;
line-height: 1.6;
margin: 0 0 20px 0;
padding: 0;
}
.cta .list ul:after {
content: '';
display: block;
width: calc(100% / 2 - 6px);
}
.cta .list li {
width: calc(100% / 2 - 20px);
list-style: none;
}
.cta li a:hover {
color: #dcdcdc!important;
}
.cta-button:after {
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #fff;
padding-left: 6%;
}
.cta a {
color: #fff!important;
text-decoration:none;
}
.cta a:visited {
color: #fff!important;
text-decoration:none;
}
.cta .ctamenu {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
margin-top: 20px;
background-color: #444;
z-index: 1;
}
.cta-button {
background: #303b4c;
border: solid 1px;
padding: 15px 10px;
display: block;
border-radius: 3px;
text-align: center;
text-decoration: none;
}
.copyright {
margin-top: 8px;
margin-bottom: 20px;
}
@media screen and (max-width: 860px) {
.cta .list ul {
font-size: 13px;
}
.cta .list {
margin-top: 0px;
}
.cta-button {
padding: 10px 10px;
}	
} .column-narrow .content-in {
width: 1100px;
margin:0 auto;
}
@media screen and (max-width:1100px) {
.column-narrow .content-in {
width: auto!important;
}
}
.widget-sidebar{
padding-top:40px;
}
.article h1 {
line-height: 1.25;
font-weight: bold;
font-size: 200%;
border-bottom: solid 2px;
padding: 10px 20px;
background-color: #444;
color: #fff;
}
.sidebar h2, .sidebar h3 {
background-color: #444;
padding: 12px;
margin: 16px 0;
border-radius: 2px;
color: #fff;
}
.sidebar h3 {
font-size: 15px;
}
.b{
font-weight:bold;
}
.line1{
border:solid 1px #444;
}
.line1 ul,ol{
margin: 10px;
}
@media screen and (max-width: 600px) {
.blog-list-area .normalbutton{
padding: 15px 10px;
}
.blog-list-area .normalbutton a:hover{
color: #444!important;
}
} @media screen and (max-width: 600px) {
.mobile-menu-buttons {
background: #fff;
}
.fa-bars::before {
content: "\f0c9";
color: #444;
}
.fa-search::before {
content: "\f002";
color: #444;
}
.mobile-menu-buttons .menu-caption {
display: none;
}
.button[type="submit"], button{
background-color: #dfd7d7fa!important;
}
} .new-entry-card-thumb {
width: 120px;
height: 110px;
}
.new-entry-card-thumb img {
width: 100%;
height: 67%;
object-fit: cover;
}
.widget-entry-card {
height: inherit;
}
@media screen and (max-width: 600px) {
.widget-entry-cards figure {
width: 100%;
}
.new-entry-card-thumb img {
width: 100%;
height: 80%;
object-fit: cover;
}	
.timeline .new-entry-card-title {
padding-left: 0px;
padding-bottom: 15px;
font-size: 90%;
}	
.widget-entry-card-content {
margin-left: 0px;
padding-bottom: 30px;
}
}
#navi .navi-in>ul>li {
width: 15%;
}
.small-title {
font-size: 15px;
}
.int-con {
flex-wrap: wrap;
margin: 1em;
display: flex;
flex-direction: row;
}
@media screen and (max-width: 600px) {
.widget-entry-cards:not(.large-thumb-on) .card-title {
display: inline;
}	
}  @media screen and (max-width: 1023px){ } @media screen and (max-width: 834px){ } @media screen and (max-width: 480px){ }