@charset "utf-8";
/* CSS Document */
#main{
position:relative;
width:100%;
overflow:hidden;
}
#main img{
width:100%;
height:auto;
padding-top:30px;
}
#main img:nth-of-type(2){display:none;}
#contents{
max-width:100%;
margin:0 auto;
padding:5em 0 0;
}
@media screen and (max-width: 768px) {
#main-visual span img{
width:1500px;
margin-top:10px;
margin-left: -750px; 
}
}
@media screen and (max-width: 640px) {
#main img:nth-of-type(1){display:none;}
#main img:nth-of-type(2){display:inline;}
#main-visual span img{
width:1000px;
margin-top:10px;
margin-left: -480px; 
}
}
#top_message{
position:absolute;
width:100%;
display:block;
top:100px;
left:8%;
margin:0; 
padding:0;
}
#top_copy{
color:#fff;
font-size:200%;
display:inline-block;
vertical-align:middle;
line-height:1.2;
padding-left:2em;
padding-bottom:0.5em;
font-weight:500;
}
#top_copy span{color:#f44779;}
#top_copy span:nth-of-type(2){
border:1px solid #f44779;
width:5em;
height:5em;
display:block;
border-radius:50%;
position:absolute;
bottom:-1em;
left:0;
}
#main p{
position:relative;
margin:0;
padding:0;
top:0;
left:0;
}
#top_message p{
color:#fff;
padding:0 0 0 4.7em;
font-size:90%;
}
@media screen and (min-width:1200px) {
#top_message{
top:180px;
left:12%;
}
#top_copy{
font-size:250%;
padding-left:2em;
padding-bottom:0.5em;
}
#top_message p{padding:0 0 0 6em;}
}
@media screen and (max-width:768px) {
#top_message{
top:80px;
left:8%;
}
#top_copy{
font-size:150%;
padding-left:2em;
padding-bottom:0.2em;
}
#top_message p{
padding:0 0 0 4.5em;
font-size:70%;
}
}
#about1{
text-align:center;
margin-bottom:3em;
}
#about1 dl{margin-top:3em;}
#about1 dt{
font-size:170%;
padding-top:1em;
padding-bottom:0.8em;
line-height:1.3;
font-weight:500;
}
#about1 dt span{
font-size:45%;
letter-spacing:0.2em;
}
#about1 dd{
font-size:90%;
line-height:2;
text-align:justify;
width:80%;
max-width:1020px;
margin:0 auto;
}
#about1 dd span{
display:block;
text-align:center;
padding:2em 1em;
border:1px solid #555;
margin-bottom:1em;
}
#about1 dd span br{display:none;}
@media screen and (max-width:480px) {
#about1 dd span br{display:inline;}
}
@media screen and (max-width:768px) {
#contents{
padding-top:1em;
width:100%;
}
#about1 dl{
width:90%;
margin:1em auto 0;
}
#about1 dd{
font-size:80%;
width:90%;
}
}
.slider3{margin:20px 0 0;}
.slider3 img{
width:300px;
height:auto;
margin-right:20px;
border-radius:8px;
}
@media screen and (max-width:640px) {
.slider3{margin:20px 0 30px;}
.slider3 img{width:150px;margin-right:10px;}
}
h3{
font-weight:normal;
text-align:center;
font-size:120%;
padding-bottom:1em;
}
h4{
text-align:center;
font-size:120%;
line-height:2;
margin:4em 0;
}
h4 span{
font-size:80%;
display:block;
margin:0 auto;
padding-bottom:0.5em;
}
h4 span:before{content: "―　";}
h4 span:after{content: "　―";}
h4:nth-of-type(1) br:nth-of-type(1),
h4:nth-of-type(2) br{
display:none;
}
#logo2 dt{font-size:120%;}
#logo2 img{
width:120px;
height:auto;
padding:1em 0;
}
#about2 p,
#about3 p,
#about4 p{
text-align:center;
position:relative;
}
#about2 p img,
#about3 p img,
#about4 p img{
width:100%;
height:auto;
}
#about2 p img:nth-of-type(2),#about3 p img:nth-of-type(2),#about4 p img:nth-of-type(2){display:none;}
#about2 p span,#about3 p span,#about4 p span{
display:block;
position:absolute;
background:#fff;
top:15%;
right:10%;
width:220px;
height:100px;
font-size:120%;
font-weight:bold;
padding-top:70px;
}
#about2 p span span,#about3 p span span,#about4 p span span{
position:relative;
top:0;
right:0;
padding:1em;
font-size:60%;
padding:10px 0 0 0;
color:#ff6522;
}
#about4 p:nth-of-type(2){
font-size:90%;
line-height:2;
margin:2em auto;
text-align:justify;
width:80%;
max-width:1020px;
}
#about4{
margin:6em 0 0;
}
#about4 h4{
margin:2em 0 1em;
font-size:170%;
font-weight:500;
}
@media screen and (max-width:1000px) {
#about2 p span,#about3 p span,#about3 p span{
top:13%;
right:8%;
width:180px;
height:75px;
font-size:100%;
font-weight:bold;
padding-top:50px;
}
}
@media screen and (max-width:768px) {
#logo2 img{
width:80px;
height:auto;
padding:1em 0;
}
#about2 p span,#about3 p span,#about4 p span{
top:10%;
right:5%;
width:140px;
height:65px;
font-size:100%;
font-weight:bold;
padding-top:40px;
}
#about2 p span span,#about3 p span span,#about4 p span span{
padding:1em;
font-size:60%;
padding:5px 0 0 0;
}
h4{
font-size:100%;
line-height:2;
margin:3em 0;
}
#about4 h4{
font-weight:bold;
font-size:120%;
}
#about4 p:nth-of-type(2){
text-align:justify;
font-size:80%;
}
#about4 p:nth-of-type(2) br{
display:none;
}
}
@media screen and (max-width:500px) {
h3{padding-bottom:1em;}
h4{
font-size:90%;
line-height:2;
margin:2em 0;
}
h4:nth-of-type(1) br:nth-of-type(1),h4:nth-of-type(2) br{display:inline;}
#about2 p span,#about3 p span,#about4 p span{
display:block;
position:relative;
color:#fff;
background:#ff6522;
top:0;
right:0;
width:auto;
height:auto;
font-size:100%;
padding:1em;
}
#about2 p span span,#about3 p span span,#about4 p span span{
display:inline;
padding:0;
font-size:60%;
padding:10px 0 0 0;
color:#fff;
padding-left:1em;
}
#about2 p img:nth-of-type(1),#about3 p img:nth-of-type(1),#about4 p img:nth-of-type(1){display:none;}
#about2 p img:nth-of-type(2),#about3 p img:nth-of-type(2),#about4 p img:nth-of-type(2){display:inline;}
}
#about3 ul:nth-of-type(1){
width:31em;
margin:3em auto;
}
#about3 ul:nth-of-type(1) li{
text-align:left;
list-style-type:disc;
line-height:2;
margin-left:1em;
}
@media screen and (max-width:768px) {#about3 ul:nth-of-type(1){font-size:90%;}}
@media screen and (max-width:500px) {
#about3 ul:nth-of-type(1){
width:90%;
margin:2em auto;
}
}


#nur{
max-width:1020px;
margin:0 auto;
padding:0 30px;
}
h3{
font-weight:500;
font-size:170%;
text-align:center;
margin:2em 0 0;
}
#about5{margin-bottom:2em;}
#about5 p{
text-align:center;
font-size:90%;
margin-bottom:2em;
}
#about5 ul{
width:100%;
margin:0;
padding:0;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
#about5 ul li{
width:32%;
margin-right:2%;
padding-bottom:1em;
}
#about5 ul li:nth-of-type(3){margin-right:0%;}
#about5 li dl{width:100%;}
#about5 li dt{
text-align:center;
padding:0.5em;
}
#about5 li:nth-of-type(1) dt{background:#ffe783;}
#about5 li:nth-of-type(2) dt{background:#ffbec7;}
#about5 li:nth-of-type(3) dt{background:#ffab8b;}
#about5 li dd img{
width:100%;
height:auto;
}
#about5 li dd span{
display:block;
padding:1em 1em 0;
text-align:justify;
line-height:1.7;
font-size:90%;
}
#about5 li:nth-of-type(1){background:#ffffd0;}
#about5 li:nth-of-type(2){background:#ffe4e8;}
#about5 li:nth-of-type(3){background:#ffd5c5;}
@media screen and (max-width:640px) {
#about5 ul{display:block;}
#about5 ul li{
width:100%;
margin-bottom:2em;
}
h3{font-size:130%;}
#about5 p{text-align:justify;}
#about5 p br{display:none;}
}


#about6 p{
text-align:center;
font-size:90%;
margin-bottom:2em;
}
#about6 p span{font-size:80%;}
#about6 ul{
width:100%;
margin:0;
padding:0;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
#about6 ul li:nth-of-type(1){
color:#ff2e80;
background:#ffe4e8;
margin-bottom:2em;
}
#about6 ul li:nth-of-type(2){
color:#5480ff;
background:#cfe7ff;
margin-bottom:2em;
}
#about6 ul li:nth-of-type(3){
color:#974000;
background:#ffe4ba;
}
#about6 ul li:nth-of-type(4){
color:#717071;
background:#ddd;
}
#about6 ul li{
width:48%;
margin-right:4%;
padding:3em;
}
#about6 ul li:nth-of-type(2),#about6 ul li:nth-of-type(4){margin-right:0%;}
#about6 li dl{width:100%;}
#about6 li dt{
text-align:center;
font-size:160%;
width:3em;
line-height:1;
margin:0 auto 1em;
padding:1em 1em 0.9em;
border-radius:2em;
}
#about6 li:nth-of-type(1) dt{border:1px solid #ff2e80;}
#about6 li:nth-of-type(2) dt{border:1px solid #5480ff;}
#about6 li:nth-of-type(3) dt{border:1px solid #974000;}
#about6 li:nth-of-type(4) dt{border:1px solid #717071;}
#about6 li dd{line-height:2;}
#about6 li dd img{
width:100%;
height:auto;
padding-top:1em;
}
@media screen and (max-width:768px) {#about6 li dt{font-size:120%;}}
@media screen and (max-width:640px) {
#about6 p{
text-align:justify;
margin-bottom:1em;
}
#about6 p br{display:none;}
#about6 p br:nth-of-type(2){display:inline;}
#about6 ul{display:block;}
#about6 ul li,
#about6 ul li:nth-of-type(1),
#about6 ul li:nth-of-type(2){
width:100%;
padding:2em 1em 1em;
font-size:90%;
margin-bottom:1em;
}
}