@charset "utf-8";
/* CSS Document */

#top_image p span img{
width:20%;
height:auto;
margin:20px 0 0 20px;
}
#yume{
padding:2em 0 0;
}
#yume img{
width:45%;
height:auto;
padding-bottom:1em;	
}
#soshiki{
padding:2em 0 0;
}
#soshikizu{
padding:2em 0 0;
}
#soshikizu img{
width:50%;
height:auto;
padding-bottom:1em;	
}

#soshiki_image #inq{
width:20%;
max-width:248px;
height:auto;
position:absolute;
top:30%;
left:0;
}
#soshiki_image a:hover #inq{opacity:0.7;}
#soshiki_image #inq2{display:none;}
#soshiki_image #inq2 span{color:#FF0;}



@media (max-width: 640px) 
{

#top_image #inq{display:none;}
#top_image #inq2{
display:block;
font-size:90%;
}
#top_image #inq2 a{
display:block;
color:#fff;
background:#F30;
padding:0.5em 0;
}
}
#news{
line-height:2.5;
background:#fff;
padding:1em 0;	
margin-bottom:2em;
}
#news dt{
vertical-align:top;
display:inline-block;	
}
#news dd{
display:inline-block;	
	
}
#news li span{
background:#C00;	
color:#fff;
font-size:80%;
vertical-align:middle;
display:inline-block;
padding:0.1em 0.5em;
margin-right:0.5em;
}
#news li br{
display:none;	
}

h2+p{
padding-bottom:1em;	
}

#pict li{
display:inline-block;
margin-right:1em;
}
#pict li:nth-last-of-type(1){
margin-right:0;
}

.jigyo_box{
width:80%;
margin:0 auto;
display:table;
border-collapse: separate; 
border-spacing: 20px 15px;
}
.jigyo2_box{
width:80%;
margin:0 auto;
display:table;
border-collapse: separate; 
border-spacing: 20px 15px;
}
section{
padding-bottom:2em;	
}

#main section{
max-width:1200px;
margin:0 auto;
}

.jigyo_box li{
display:table-cell;
border:4px solid #009ee7;	
font-size:75%;
background:#fff;
width:30%;
}
.jigyo2_box li{
display:table-cell;
border:4px solid #009ee7;	
font-size:75%;
background:#fff;
width:30%;
}

section .jigyo_box .slide-bottom_blog {
display:table-cell;
border: medium none;
background:none;
font-size:75%;
width:30%;
}

section .jigyo_box .slide-bottom_blog dl {
text-align: left;
}

section .jigyo_box .slide-bottom_blog dd {
padding: 10px 0;
}

section .jigyo_box .slide-bottom_blog dd .m_txt {
font-size: 1.2em;
}

section .jigyo_box .slide-bottom_blog dt{
border:4px solid #009ee7;
padding-bottom: 0;
}

section .jigyo_box .slide-bottom_blog dt img{
padding-bottom: 0;
}

.jigyo_box dt{
color:#009ee7;
font-size:130%;
line-height:1.3;
padding-bottom:10px;
}

.jigyo_box a:hover dt{
color:#ff66cb;	
}

.jigyo_box dt img{
width:100%;
height:auto;
padding-bottom:10px;
vertical-align:top;
}
.jigyo2_box dt img{
width:100%;
height:auto;
padding-bottom:10px;
vertical-align:top;
}
.jigyo_box h3{
font-size:150%;	
}

.jigyo_box dd img{
margin:10px 0 15px;	
}
li.pict{
vertical-align:middle;
background:none!important;
border:none !important;
width:33.5%!important;
}

li.pict img{
vertical-align:bottom;
width:23%!important;
height:auto;
}

.pict2{
vertical-align:top;
width:33.5%;
border:4px solid #009ee7;
overflow:hidden;	
}

.pict2 img{
vertical-align:bottom;
width:113%!important;
height:auto;
}
.pict3{
vertical-align:top;
width:33.5%;
border:none!important;
background:none!important;
}

.pict3 img{
vertical-align:bottom;
width:113%!important;
height:auto;
}

li.pict4{
vertical-align:middle;
background:none!important;
border:none !important;
width:60%!important;
}

li.pict4 img{
vertical-align:bottom;
width:35%!important;
height:auto;
}
li.hop{
display:block;
width:31.5%!important;
margin:0 auto;	
}

li.irr{
display:inline-block;
width:31.5%!important;
margin:0 auto;
border-collapse: separate; 
border-spacing: 20px 15px;
}
#soshikizu {
display:table;	
width:80%;
border-collapse: separate; 
border-spacing: 20px 0;
margin:0 auto;
}
#soshikizu p{
display:table-cell;
vertical-align:middle;
}

#fukushinkai {
display:table;	
width:80%;
border-collapse: separate; 
border-spacing: 20px 0;
margin:0 auto;
}
#fukushinkai p{
display:table-cell;
vertical-align:middle;
}

#fukushinkai p:nth-of-type(1){
width:17%;	
}

#fukushinkai p img{
width:100%;
height:auto;
}

#fukushinkai p:nth-of-type(2){
width:45%;	
text-align:justify;
}

#fukushinkai p:nth-of-type(3) {
width:18%;
background:#009ee7;
}
#fukushinkai p:nth-of-type(3) a {
display:block;
color:#fff;	
padding:1em 0;
margin:0 auto;
}

#fukushinkai p:nth-of-type(3):hover {
background:#ff66cb;
}

@media screen and (max-width: 860px) {
#yume img{
width:80%;
height:auto;
padding-bottom:1em;	
}
#soshikizu img{
width:80%;
height:auto;
padding-bottom:1em;	
}
	
#main section{
width:90%;	
margin:0 auto;
}
#news{
line-height:1.7;
}
#news dd{
width:90%;
text-align:left;	
}
#news li{
margin-bottom:0.5em;	
}
#news li:nth-last-of-type(1){
margin-bottom:0;	
}
#news li br{
display:inline-block;	
}

#pict{
padding-bottom:15px;	
}

.jigyo_box{
width:90%;
margin:0 auto;
display:inline;
}

.jigyo_box li{
display:inline-block;
border:4px solid #009ee7;	
font-size:75%;
background:#fff;
width:45%;
margin-left:2%;
margin-bottom:15px;
}
.jigyo2_box{
width:90%;
margin:0 auto;
display:inline;
}

.jigyo2_box li{
display:inline-block;
border:4px solid #009ee7;	
font-size:75%;
background:#fff;
width:30%;
margin-left:2%;
margin-bottom:15px;
}
li.hop{
display:block;
width:45%!important;
margin:0 auto;	
}

li.pict,
li.pict2,
li.pict3{
display:none;	
}

.jigyo_box dt{
font-size:130%;
line-height:1.3;
padding-bottom:10px;
}

h2{
font-size:120%;	
}

h2+p{
text-align:justify;	
width:90%;
margin:0 auto;
}
h2+p br{
display:none;
}

#fukushinkai {
display:block;
width:80%;
border-collapse: separate; 
border-spacing: 20px 0;
margin:0 auto;
}
#fukushinkai p{
display:block;vertical-align:middle;
width:80%;
}

#fukushinkai p:nth-of-type(1){
width:60%;
margin:0 auto 1em;
}

#fukushinkai p img{
width:70%;
height:auto;
}

#fukushinkai p:nth-of-type(2){
width:90%;	
margin:0 auto;
text-align:justify;
}

#fukushinkai p:nth-of-type(3) {
width:90%;
margin:1em auto 0;
background:#009ee7;
}
#fukushinkai p:nth-of-type(3) a {
display:block;
color:#fff;	
padding:1em 0;
margin:0 auto;
}
#fukushinkai p:nth-of-type(3) br:nth-of-type(1){
display:none;	
}
}

@media screen and (max-width: 500px) {
li.pict{
display:none!important;	
}
.jigyo_box li{
display:inline-block;
border:4px solid #009ee7;	
font-size:85%;
background:#fff;
width:90%;
margin-left:0;
margin-bottom:15px;
}	
li.pict2,
li.pict3{
display:none!important;	
}
#fukushinkai p img{
width:100%;
height:auto;
}

li.hop{
display:block;
width:90%!important;
margin:0 auto;	
}

#top_image p span img{
display:none;	
}
}

@media screen and (min-width: 1300px) {
#top_image p{
height:600px;
}
}

@media screen and (max-width: 1300px) {
#top_image p{
height:480px;
}
}

@media screen and (max-width: 1050px) {
#top_image p{
height:420px;
}
}

@media screen and (max-width: 900px) {
#top_image p{
height:360px;
}
}

@media screen and (max-width: 750px) {
#top_image p{
height:300px;
}
}

@media screen and (max-width: 600px) {
#top_image p{
height:250px;
}
}

@media screen and (max-width: 500px) {
#top_image p{
height:200px;
}
}

@media screen and (max-width: 400px) {
#top_image p{
height:160px;
}
}

#top_image p img{
position:absolute;
top:0;	
}

#top_image p img:nth-of-type(1){
animation: f1 30s infinite linear;	
-ms-animation:  f1 30s infinite linear;	
-webkit-animation: f1 30s infinite linear;	
-moz-animation: f1 30s infinite linear;	
}
@keyframes f1{
0% {opacity:1;}
10% {opacity:1;}
20% {opacity:1;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:1;}
}
@-ms-keyframes f1 {
0% {opacity:1;}
10% {opacity:1;}
20% {opacity:1;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes f1{
0% {opacity:1;}
10% {opacity:1;}
20% {opacity:1;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes f1 {
0% {opacity:1;}
10% {opacity:1;}
20% {opacity:1;}
30% {opacity:1;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:1;}	
}

#top_image p img:nth-of-type(2){
animation: f2 30s infinite linear;	
-ms-animation:  f2 30s infinite linear;	
-webkit-animation: f2 30s infinite linear;	
-moz-animation: f2 30s infinite linear;	
}
@keyframes f2{
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:1;}
40% {opacity:1;}
50% {opacity:1;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}
}
@-ms-keyframes f2 {
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:1;}
40% {opacity:1;}
50% {opacity:1;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}
}
@-webkit-keyframes f2{
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:1;}
40% {opacity:1;}
50% {opacity:1;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes f2 {
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:1;}
40% {opacity:1;}
50% {opacity:1;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}
}

#top_image p img:nth-of-type(3){
animation: f3 30s infinite linear;	
-ms-animation:  f3 30s infinite linear;	
-webkit-animation: f3 30s infinite linear;	
-moz-animation: f3 30s infinite linear;	
}
@keyframes f3{
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:1;}
60% {opacity:1;}
70% {opacity:1;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}
}
@-ms-keyframes f3 {
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:1;}
60% {opacity:1;}
70% {opacity:1;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}
}
@-webkit-keyframes f3{
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:1;}
60% {opacity:1;}
70% {opacity:1;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}
}
@-moz-keyframes f3 {
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:1;}
60% {opacity:1;}
70% {opacity:1;}
80% {opacity:0;}
90% {opacity:0;}
100% {opacity:0;}	
}

#top_image p img:nth-of-type(4){
animation: f4 30s infinite linear;	
-ms-animation:  f4 30s infinite linear;	
-webkit-animation: f4 30s infinite linear;	
-moz-animation: f4 30s infinite linear;	
}
@keyframes f4{
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:1;}
80% {opacity:1;}
90% {opacity:1;}
100% {opacity:0;}
}
@-ms-keyframes f4 {
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:1;}
80% {opacity:1;}
90% {opacity:1;}
100% {opacity:0;}
}
@-webkit-keyframes f4{
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:1;}
80% {opacity:1;}
90% {opacity:1;}
100% {opacity:0;}
}
@-moz-keyframes f4 {
0% {opacity:0;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:1;}
80% {opacity:1;}
90% {opacity:1;}
100% {opacity:0;}	
}

#top_image p img:nth-of-type(5){
animation: f5 30s infinite linear;	
-ms-animation:  f5 30s infinite linear;	
-webkit-animation: f5 30s infinite linear;	
-moz-animation: f5 30s infinite linear;	
}
@keyframes f5{
0% {opacity:1;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:1;}
100% {opacity:1;}
}
@-ms-keyframes f5 {
0% {opacity:1;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:1;}
100% {opacity:1;}
}
@-webkit-keyframes f5{
0% {opacity:1;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:1;}
100% {opacity:1;}
}
@-moz-keyframes f5 {
0% {opacity:1;}
10% {opacity:0;}
20% {opacity:0;}
30% {opacity:0;}
40% {opacity:0;}
50% {opacity:0;}
60% {opacity:0;}
70% {opacity:0;}
80% {opacity:0;}
90% {opacity:1;}
100% {opacity:1;}
}

#top_image p span img{
animation: f6 30s infinite linear!important;	
-ms-animation:  f6 30s infinite linear!important;
-webkit-animation: f6 30s infinite linear!important;
-moz-animation: f6 30s infinite linear!important;
}

@keyframes f6{
0% {opacity:1;}

100% {opacity:1;}
}
@-ms-keyframes f6 {
0% {opacity:1;}

100% {opacity:1;}
}
@-webkit-keyframes f6{
0% {opacity:1;}
100% {opacity:1;}
}
@-moz-keyframes f6 {
0% {opacity:1;}
100% {opacity:1;}
}

.yururi {
    background-color: #ffaa00;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}

.mirai_plus {
    background-color: #7f2eff;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}

.yumekobo {
    background-color: #8cdd00;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}

.kids_ooki {
    background-color: #ff1240;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}

.kids_miyakawa {
    background-color: #12aaff;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}

.jyoin_kawazoe {
    background-color: #02c178;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}

.job_miyakawa {
    background-color: #a5c102;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}

.mirai_plus {
    background-color: #9c02c1;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}

.live_hirokawa {
    background-color: #e0b500;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}

.jump {
    background-color: #00c95b;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}

.sara {
    background-color: #85a3f9;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}

.ariake {
    background-color: #4213d6;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}

.hop {
    background-color: #f22819;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}

.step {
    background-color: #f730f7;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}

.up {
    background-color: #6633FF;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}
.curio {
    background-color: #fc5b00;
    border-radius: 3px;
    color: #fff;
    margin: 0 5px 0 0;
    padding: 2px;
    font-size: 0.9em;
}




/* 福心会関連WEBサイト */
#container {
	display: flex; /* flexbox */
	flex-wrap: wrap; /* 折返し指定 */
	gap: 5px;
	font-size:0.8em;
	white-space: nowrap;
	margin:30px 0;
}

#container div {
	width: calc(25% - 22px); /* gap padding分を引く */
	padding: 10px;
}

@media screen and (max-width: 900px) {
	#container div {
	width: calc(33% - 22px); /* gap padding分を引く */
	padding: 10px;
}
}
@media screen and (max-width: 800px) {
	#container div {
	width: calc(30%); /* gap padding分を引く */
	padding: 10px;
}
}


@media (max-width: 600px) {
	#container div {
	width: calc(50% - 10px); /* gap padding分を引く */
	padding: 10px;
	margin-rightt:10px;
}
}
@media (max-width: 400px) {
	#container div {
	width: calc(100% - 10px); /* gap padding分を引く */
	padding: 10px;
	margin-rightt:10px;
}
}