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


.kinkyu{
width: 65%;
height: auto;
margin: 30px auto;
padding: 30px;
display: block;
background-color: #FFE4E5;
border: #FF9092 2px solid;
}
.kinkyu p{
font-size: 17px;
font-weight: 500;
text-align: justify;
}
.kinkyu a{
display: block;
font-size: 22px;
font-weight: 600;
text-align: center;
padding-top: 20px;
color: #E50003;
}


.flexslider{
width: 1280px;
height: 600px;
margin: 140px auto 0px auto;
position: relative;
}
.slider .img00{
background-image: url("../images/slide/slide.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 1280px;
height: 600px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: 0px;
}
.slider .img01{
background-image: url("../images/slide/slide_01.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 1280px;
height: 600px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: 0px;
}
.slider .img02{
background-image: url("../images/slide/slide_02.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 1280px;
height: 600px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: 0px;
}
.slider .img03{
background-image: url("../images/slide/slide_03.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 1280px;
height: 600px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: 0px;
}
.slider .img04{
background-image: url("../images/slide/slide_05.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 1280px;
height: 600px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: 0px;
}

.slider .img06{
background-image: url("../images/slide/slide_06.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 1280px;
height: 600px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: 0px;
}
.slider .img_zoom1{
background-image: url("../images/slide/slide_zoom01.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 1280px;
height: 600px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: 0px;
}
.slider .img_zoom2{
background-image: url("../images/slide/slide_zoom02.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 1280px;
height: 600px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: 0px;
}
.slider .img_ken1{
background-image: url("../images/slide/slide_ken01.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 1280px;
height: 600px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: 0px;
}

.news_topics{
width: 1048px;
display: block;
height: auto;
margin: 100px auto 0px auto;
clear: both;
}

.news_topics .news,
.news_topics .topics{
width: 458px;
height: auto;
float: left;
display: block;
margin: 0px 33px;
}
.news_topics .news h3{
background-image: url("../images/pc/00_top/news.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:276px;
height: 66px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
margin: 0px auto;
}
.news_topics .topics h3{
background-image: url("../images/pc/00_top/topics.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:276px;
height: 66px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
margin: 0px auto;
}
.news_topics iframe {
width:458px;
height: 250px;
display: block;
margin-top: 20px;
border:none;
padding: 0px;
}
.news_topics a{
width:120px;
height: auto;
display: block;
background-color: #00a9ba;
color: #ffffff;
font-size: 16px;
font-weight: 500;
text-align: center;
text-decoration: none;
letter-spacing: -1px;
padding: 15px 8px;
margin: 20px auto 50px auto;
}
.news_topics a:hover{
opacity: 0.6;
}
.news_topics .br_pc{
display: block;
}
.news_topics .br_sp{
display: none;
}

.seminar{
width: 1280px;
height: auto;
margin: 0px auto 0px auto;
text-align: center;
clear: both;
padding-top: 80px;
padding-bottom: 140px;
}
.seminar .information .spnone{
display: block;
}
.seminar h3{
background-image: url("../images/pc/00_top/seminar_soudan.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:419px;
height: 66px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
margin: 0px auto 50px auto;
}
/*
.seminar h3{
background-image: url("../images/pc/00_top/seminar.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:276px;
height: 66px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
margin: 0px auto 50px auto;
}*/
.seminar .information{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.seminar .information a{
display: block;
width: 357px;
height: 362px;
position: relative;
z-index: 10;
margin: 10px 10px;
}

.seminar .information .content{
width: 357px;
height: 362px;
position: relative;
}

.seminar .information .img_area{
 width:356px;
 height: 211px;
 margin:0 auto;
 overflow:hidden;
 box-shadow: 5px 5px 0 #ffef00;
 position: relative;
 z-index: 2;
}
.seminar .information .img_area img{
 transition:1s all;
}
.seminar .information a:hover .img_area img{
  transform:scale(1.2,1.2);
  transition:0.4s all;
}
.seminar .information .info_area{
width: 280px;
height: 194px;
position: relative;
border: 1px solid #00a9ba;
box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .2);
z-index: 3;
top: -85px;
left: 38px;
pointer-events: none;
}
.seminar .information .info_area:hover{
opacity: 0.8;
}

.seminar ul{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.seminar ul li{
margin: 0px 25px;
}

.seminar .box{
display: block;
width:250px;
height: 35px;
background-color: #00a9ba;
color: #ffffff;
font-size: 17px;
line-height: 18px;
padding: 5px 0px 5px 0px;
font-weight: 500;
text-align: center;
text-decoration: none;
margin: 0px auto;
}
.seminar .box .list{
color: #ffffff;
text-decoration: none;
line-height:35px;
}
.seminar .box .list:hover{
opacity: 0.6;
}
.seminar .box label{
cursor: pointer;
transition: 1s;
display: block;
}
.seminar .box input[type="checkbox"].on-off,
.box input[type="checkbox"].on-off +div{
	display: none;
}
.seminar .box input[type="checkbox"].on-off:checked +div{
	display:block;
}
.seminar .box div{
	margin: 4px auto 0px auto;
    padding:0px 20px;
    background-color: #ffffff;
    height: auto;
    width: 100px;
    position: relative;
    z-index: 11;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .2);
}
.seminar .box div a{
	color : #333;
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 15px 0px 14px 20px;
    border-bottom: 0.7px dashed #776d69;
}
.seminar .box div a:last-child{
 border-bottom: none;
}
.seminar .box div a::before{
  content: "■";
  color: #00a9ba;
  padding-right: 5px;
  margin-left: -20px;
}
.seminar .box div a:hover{
color: #00a9ba;
transition:0.4s all;
}

.news_spnone{
display: block;
}

/* ============================================== スマートフォン ================================================ */
@media screen and (max-width: 620px) {


.kinkyu{
width: 65%;
height: auto;
margin: 30px auto;
padding: 30px;
display: block;
background-color: #FFE4E5;
border: #FF9092 2px solid;
}
.kinkyu p{
font-size: 17px;
font-weight: 500;
text-align: justify;
}
.kinkyu a{
display: block;
font-size: 1.7em;
font-weight: 600;
text-align: center;
padding-top: 20px;
color: #E50003;
}


.flexslider{
width: 100%;
height: 600px;
margin: 0px auto;
display: block;
position: relative;
z-index: 20;

}

.slider .img00{
background-image: url("../images/slide/slide_sp.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 100%;
height:580px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: -10px;
}
.slider .img01{
background-image: url("../images/slide/slide_01_sp.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 100%;
height:580px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: -10px;
}
.slider .img02{
background-image: url("../images/slide/slide_02_sp.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 100%;
height:580px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: -10px;
}
.slider .img03{
background-image: url("../images/slide/slide_03_sp.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 100%;
height:580px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: -10px;
}
.slider .img04{
background-image: url("../images/slide/slide_04_sp.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 100%;
height:580px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: -10px;
}

.slider .img06{
background-image: url("../images/slide/slide_06_sp.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 100%;
height:580px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: -10px;
}
.slider .img_zoom1{
background-image: url("../images/slide/slide_zoom01_sp.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 100%;
height:580px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: -10px;
}
.slider .img_zoom2{
background-image: url("../images/slide/slide_zoom02_sp.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 100%;
height:580px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: -10px;
}
.slider .img_ken1{
background-image: url("../images/slide/slide_ken01_sp.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 100%;
height:580px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
position: relative;
left: -10px;
}




.news_topics{
width: 100%;
display: block;
height: auto;
margin: 40px auto 0px auto;
clear: both;
text-align: center;
}

.news_topics .news,
.news_topics .topics{
width: 100%;
height: auto;
float: none;
display: block;
margin: 0px auto;
}

.news_topics .news h3{
background-image: url("../images/pc/00_top/news.png");
background-repeat: no-repeat;
background-position: center;
background-size: 90%;
width:276px;
height: 66px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
margin: 0px auto 20px auto;
}
.news_topics .topics h3{
background-image: url("../images/pc/00_top/topics.png");
background-repeat: no-repeat;
background-position: center;
background-size: 90%;
width:276px;
height: 66px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
margin: 0px auto 20px auto;
}
.news_topics iframe{
width: 90%;
height: 120px;
display: block;
margin: 20px auto 0px auto;
}
.news_topics a{
width:auto;
height: auto;
display: inline-block;
background-color: #00a9ba;
color: #ffffff;
font-size: 16px;
font-weight: 500;
text-align: center;
text-decoration: none;
letter-spacing: -1px;
padding: 12px 5%;
margin: 30px auto 50px auto;
}
.news_topics iframe .spnone{
display: none;
}
.news_topics .br_pc{
display: none;
}
.news_topics .br_sp{
display: block;
}

.seminar{
width: 100%;
height: auto;
margin: 0px auto 0px auto;
text-align: center;
clear: both;
padding-top: 20px;
padding-bottom: 60px;
}
.seminar .information .spnone{
display: none;
}
.seminar h3{
background-image: url("../images/pc/00_top/seminar_soudan.png");
background-repeat: no-repeat;
background-position: center;
background-size: 90%;
width:419px;
height: 66px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
margin: 0px auto 20px auto;
}
/*
.seminar h3{
background-image: url("../images/pc/00_top/seminar.png");
background-repeat: no-repeat;
background-position: center;
background-size: 90%;
width:276px;
height: 66px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
margin: 0px auto 20px auto;
}*/
.seminar .information a{
display: block;
width: auto;
height: 320px;
position: relative;
z-index: 10;
margin: 0px auto 20px auto;
}

.seminar .information .content{
width: 100%;
height: 100%;
position: relative;
margin-bottom: 30px;
}

.seminar .information .img_area{
 width:320px;
 height: 189px;
 margin:0 auto;
 overflow:hidden;
 box-shadow: 5px 5px 0 #ffef00;
 position: relative;
 z-index: 2;
}

.seminar .information .info_area{
width: 252px;
height: 175px;
position: relative;
border: 1px solid #00a9ba;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2);
z-index: 3;
top: -85px;
left: 32px;
pointer-events: none;
}
.seminar ul li{
margin: 5px auto 30px auto;
}

.seminar .box{
display: block;
width:230px;
height: 35px;
margin: 0px auto 0px auto;
float: none;
}


}