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

#mainimage{
background-image:url(img/mainimage.jpg);
margin-bottom:0;
}

.parents h2{
text-align:center;
font-size:2.8rem;
padding-bottom:3rem;
}

#maintitle{
background-color:#00a0b0;
}
#maintitle h2{
text-align:center;
font-size:3rem;
line-height:1;
padding:4rem 0;
color:#fff;
}


#read{
padding:6rem 0;
}
#read h2{
font-size:2rem;
line-height:1.6;
padding-bottom:2rem;
}
#read p{
text-align:center;
font-weight:500;
}

#about{
background-image:url(img/about_back.jpg);
background-position:50% 0;
background-size:cover;
color:#fff;
}
#about .container{
padding:8rem 20rem 5rem 20rem;
}
#about h2{
font-size:2.5rem;
text-align:left;
font-family: 'M PLUS 1p', sans-serif;
}
#about h2 span{
color:#ff0000;
}
#about h3{
font-size:4rem;
line-height:1.2;
padding:0 0 5rem 0;
font-family: 'M PLUS 1p', sans-serif;
}
#about ul{}
#about li{
border-bottom:1px solid #fff;
padding:1.5rem 0;
font-size:1.8rem;
font-weight:500;
}
#about li p{
display:inline-block;
border:1px solid #fff;
width:3rem;
padding-right:0.3rem;
text-align:center;
margin-right:1rem;
font-style: oblique;
}


#inta{
background-image:url(img/inta_back.jpg);
background-position:50%;
background-size:cover;
padding:9rem 0;
}
#inta h2{
}
#inta ul{
text-align:center;
}
#inta li{
display:inline-block;
vertical-align:top;
width:36.7rem;
}
#inta li:nth-child(2){
margin:0 1.5rem;
}
#inta .box{
padding:2rem;
text-align:justify;
}
#inta .txt{
font-size:1.4rem;
}
#inta .name{
font-size:1.8rem;
font-weight:700;
}
#inta .name span{
font-size:1.5rem;
font-weight:normal;
}
#inta a{
display:block;
color:#fff;
}
#inta a .box{
background-color:#c91515;
background-image:url(../common/img/arrow.png);
background-repeat:no-repeat;
background-position:90% 50%;
  -webkit-transition: .3s;
  transition: .3s;
}
#inta li:nth-child(2) a .box{
background-color:#313131;
}
#inta a:hover .box,#inta li:nth-child(2) a:hover .box{
background-color:#00a0b0;
background-position:97% 50%;
}

#messe{
padding:7rem 0;
}
#messe h2{
padding-bottom:10rem;
}
#messe .image{
position:absolute;
width:53%;
text-align:right;
left:0;
top:7rem;
}
#messe .box{
background-color:rgba(255,255,255,0.8);
padding:5rem;
position:relative;
z-index:3;
width:54%;
float:right;
box-shadow:4px 3px 9px -1px rgba(0,0,0,0.4);
}
#messe .box h3{
font-size:2.5rem;
line-height:1.4;
padding-bottom:2rem;
font-family: 'M PLUS 1p', sans-serif;
}
#messe .box p{
text-align:justify;
}


#seido{
background-color:#eeeeee;
padding:7rem 0;
}
#seido h2{
}
#seido .boxlist{
padding:2rem 8rem 4rem 8rem; 
}
#seido .boxlist .box{
background-color:#fff;
padding:3rem;
margin-bottom:3rem;
}
#seido .boxlist h3{
font-size:2rem;
padding-bottom:1rem;
}
#seido .boxlist p{}
#seido ul{
text-align:center;
}
#seido li{
display:inline-block;
vertical-align:top;
}
#seido li.arrow{
padding:12rem 0.3rem 0 0.3rem;
}
#seido li.arrow span{
font-size:4rem;
color:#db0000;
}
#seido li .maru{
background-color:#00a0b0;
color:#fff;
text-align:center;
border-radius:50%;
width:20rem;
height:20rem;
padding-top:4.5rem;
}
#seido li .maru span{
font-size:10rem;
}
#seido li h3{
font-size:1.8rem;
padding-bottom:1rem;
}
#seido li p{
font-weight:700;
padding-top:0.7rem;
}
#seido .arrow2{
font-size:4rem;
color:#db0000;
text-align:center;
padding:2rem 0;
-moz-transform:    rotate( 180deg );  /* Firefox用 */
-webkit-transform: rotate( 180deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( 180deg );  /* 古いOpera用 */
-ms-transform:     rotate( 180deg );  /* IE9用 */
transform:         rotate( 180deg );
}
#seido dl{
text-align:center;
}
#seido dt{
margin-right:3rem;
}
#seido dd,#seido dt{
display:inline-block;
background-color:#a6937c;
color:#fff;
text-align:center;
font-weight:700;
font-size:2.2rem;
line-height:1;
width:44rem;
padding:1.5rem 0;
border-radius:0.6rem;
}



#hukuri{
padding-top:7rem;
padding-bottom:5rem;
}
#hukuri h2{
text-align:center;
padding-bottom:2rem;
}
#hukuri .text{
text-align:center;
font-weight:500;
padding-bottom:3rem;
}
#hukuri ul{
letter-spacing:-.4rem;
text-align:center;
}
#hukuri li{
display:inline-block;
letter-spacing:normal;
position:relative;
overflow:hidden;
color:#fff;
width: 36.6rem;
margin-right: 3rem;
margin-bottom:3rem;
}
#hukuri li:nth-child(3n){
margin-right:0;
}
#hukuri li .read{
background-color:#313131;
font-size:1.8rem;
padding:1rem 0;
font-weight:700;
}
#hukuri li .title{
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0.3;
}
#hukuri li:hover .title,#hukuri li:active .title,#hukuri li:focus .title {
  bottom: 0;
  left: 0;
  opacity: 1;
}

#hukuri li h3{
background-color:#626262;
font-size:1.8rem;
padding:1rem 0; 
}
#hukuri li .txt{
text-align:justify;
padding:28% 3rem 0 3rem;
}


#linknav{
background-color:#00a0b0;
padding:6rem 0;
}
#linknav dl{
background-color:#fff;
}
#linknav dl.mg_tb{
margin:3rem 0;
}
#linknav dt{
float:left;
width:53rem;
}
#linknav dd{
padding:3.5rem 0 0 57rem;
}
#linknav .title{
font-size:2.2rem;
line-height:1;
font-weight:700;
padding-bottom:2rem;
font-family: 'M PLUS 1p', sans-serif;
}
#linknav .link{
font-weight:700;
}
#linknav .link a{
display:inline-block;
margin-right:2rem;
}
#linknav .link span{
color:#da0a0a;
}


#youkou{
padding:5rem 0;
}
#youkou h3{
color:#fff;
background-color:#434343;
font-size:1.8rem;
line-height:1;
padding:1rem;
margin-bottom:4rem;
}
#youkou table{
width:100%;
border-collapse: collapse;
}
#youkou th,#youkou td{
padding:1.5rem 2.5rem;
border:1px solid #d2d2d2;
}
#youkou th{
background-color:#fbfbfb;
width:30rem;
}
#youkou td{}
#youkou .pdflink{
font-weight:700;
text-align:right;
padding-top:2rem;
}
#youkou .pdflink div{
display:inline-block;
vertical-align:middle;
padding-left:0.7rem;
text-align:justify;
line-height:1.3;
}
#youkou .pdflink p{
font-size:1.3rem;
font-weight:normal;
}


#contactbox{
padding:7rem 0 4rem 0;
}
#contactbox h3{
font-size:2.4rem;
text-align:center;
padding-bottom:4.5rem;
font-family: 'M PLUS 1p', sans-serif;
}
#contactbox ul{
text-align:center;
}
#contactbox li{
display:inline-block;
width:46%;
vertical-align:top;
border:0.8rem solid #d6d6d6;
}
#contactbox li:first-child{
margin-right:7%;
padding:3rem;
text-align:left;
}
#contactbox .tel{
font-size:4.5rem;
font-weight:700;
font-family: 'M PLUS 1p', sans-serif;
}
#contactbox .tel .sm{
font-size:1.6rem;
}
#contactbox .tel .icon-tel2{
font-size:4rem;
margin-right: 0.5rem;
}
#contactbox .teltxt p{
font-size:1.8rem; 
font-weight:700;
margin-top:1rem;
}
#contactbox .mail{
text-align:center;
padding:4.8rem 3rem;
font-family: 'M PLUS 1p', sans-serif;
}
#contactbox .mail a{
display:block;
font-weight:700;
font-size:2.6rem;
vertical-align:middle;
}
#contactbox .mail a span{
font-size:10rem;
color:#7f7f7f;
vertical-align:middle;
}
#contactbox .mail a:hover span{color:#00a0b0;}


@media only screen and (max-width: 767px) {


#mainimage{
height: 15rem;
}

.parents h2{
font-size:2.5rem;
padding-bottom:3rem;
}

#maintitle h2{
font-size:2.2rem;
line-height:1;
padding:3rem 0;
}


#read{
padding:4rem 0;
}
#read h2{
text-align:justify;
font-size: 1.8rem;
line-height: 1.7;
padding-bottom:3rem;
}
#read p{
text-align:justify;
}

#about{
background-position: 0;
}
#about .container{
padding:5rem 2rem;
}
#about h2{
font-size:2.5rem;
}
#about h3{
font-size:3rem;
line-height:1.2;
padding:0 0 4rem 0;
}
#about ul{}
#about li{
padding:1.5rem 0 1.5rem 4rem;
font-size:1.6rem;
padding-left:;
text-align:justify;
position:relative;
}
#about li p{
text-indent:0.2rem;
position:absolute;
left:0;
top:1.5rem;
}



#inta{
padding:6rem 0;
}
#inta h2{
}
#inta ul{
}
#inta li{
display:block;
max-width:440px;
width:100%;
margin:2rem auto;
}
#inta li:nth-child(2),#inta li:nth-child(5){
margin:2rem auto;
}
#inta li img{
width:100%;
}
#inta .box{
padding:2rem;
text-align:justify;
}
#inta .txt{
font-size:1.4rem;
line-height:1.3;
}
#inta .name{
font-size:1.8rem;
font-weight:700;
}
#inta .name span{
font-size:1.3rem;
}
#inta a{
display:block;
color:#fff;
}
#inta a .box{
background-position:90% 75%;
}
#inta a:hover .box,#inta li:nth-child(2n) a:hover .box{
background-position:97% 75%;
}

#messe{
padding:2rem 0 6rem 0;
}
#messe h2{
padding-bottom:3rem;
}
#messe .image{
position:relative;
width:100%;
text-align:center;
left:auto;
top:auto;
}
#messe .box{
padding:2rem 0;
width:100%;
float:none;
box-shadow: none;
}
#messe .box h3{
font-size:2rem;
line-height:1.4;
padding-bottom:2.5rem;
text-align:justify;
}


#seido{
padding:5rem 0;
}
#seido .container{
padding:0 1.5rem;
}
#seido h2{
}
#seido .boxlist{
padding:2rem 0; 
}
#seido .boxlist .box{
padding:2.5rem 1.5rem;
margin-bottom:3rem;
}
#seido .boxlist h3{
font-size:2rem;
padding-bottom:1rem;
}
#seido .boxlist p{
text-align:justify;
}
#seido ul{
text-align:center;
}
#seido li{
display:block;
vertical-align:top;
margin:0 auto;
}
#seido li.arrow{
padding:1rem 0;
-moz-transform:    rotate( 90deg );  /* Firefox用 */
-webkit-transform: rotate( 90deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( 90deg );  /* 古いOpera用 */
-ms-transform:     rotate( 90deg );  /* IE9用 */
transform:         rotate( 90deg );
}
#seido li.arrow span{
font-size:3rem;
}
#seido li .maru{
width:20rem;
height:20rem;
margin:0 auto;
padding-top:4.5rem;
}
#seido li .maru span{
font-size:10rem;
}
#seido li h3{
font-size:1.8rem;
padding-bottom:1rem;
}
#seido li p{
font-weight:700;
padding-top:0.7rem;
}
#seido .arrow2{
font-size:4rem;
padding:2rem 0;
}
#seido dl{
text-align:center;
}
#seido dt{
margin-right:0;
margin-bottom:1rem;
}
#seido dd,#seido dt{
font-size:2.2rem;
line-height:1;
width:100%;
padding:1.5rem 0;
border-radius:0.6rem;
}



#hukuri{
padding-bottom:2rem;
}
#hukuri .text{
}
#hukuri ul{
letter-spacing:-.4rem;
text-align:center;
}
#hukuri li{
color:#333;
width:47.5%;
margin-right:4%;
margin-bottom:3rem;
vertical-align:top;
}
#hukuri li:nth-child(3n){
margin-right:4%;
}
#hukuri li:nth-child(2n){
margin-right:0;
}
#hukuri li .read{
display:none;
}
#hukuri li .title{
  position:relative;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  background:#fff;
  opacity: 1;
}
#hukuri li:hover .title,#hukuri li:active .title,#hukuri li:focus .title {
  bottom: auto;
  left: auto;
  opacity: 1;
}

#hukuri li h3{
background-color:#fff;
font-size:1.7rem;
line-height:1.2;
padding:1rem 0; 
text-align:justify;
}
#hukuri li .txt{
text-align:justify;
font-size:1.4rem;
line-height:1.5;
padding:0 0 0 0;
}


#linknav{
padding:6rem 0;
}
#linknav dl{
max-width:58rem;
}
#linknav dl.mg_tb{
margin:3rem 0;
}
#linknav dt{
float:none;
width:100%;
}
#linknav dd{
padding:3rem 2rem;
}
#linknav .title{
font-size:2.2rem;
line-height:1;
font-weight:700;
padding-bottom:2rem;
}
#linknav .link{
font-weight:700;
}
#linknav .link a{
display:inline-block;
margin-right:2rem;
}
#linknav .link span{
color:#da0a0a;
}


#youkou{
padding:5rem 0;
}
#youkou h3{
color:#fff;
background-color:#434343;
font-size:1.8rem;
line-height:1;
padding:1rem;
margin-bottom:4rem;
}

#youkou table{
border-bottom:1px solid #d2d2d2;
}
#youkou th,#youkou td{
padding:1.5rem 1rem;
    display: block;
    width: 100%;
	border-bottom:none;
}
#youkou th{
}
#youkou td{
text-align:justify;
}
#youkou .pdflink{
font-weight:700;
text-align:right;
}
#youkou .pdflink div{
display:inline-block;
vertical-align:middle;
padding-left:0.7rem;
text-align:justify;
line-height:1.3;
}
#youkou .pdflink p{
font-size:1.3rem;
font-weight:normal;
}
#youkou .pdflink{}


#contactbox{
padding:4rem 0;
}
#contactbox h3{
font-size:2rem;
text-align:center;
padding-bottom:3rem;
}
#contactbox ul{
text-align:center;
}
#contactbox li{
display:block;
width:100%;
vertical-align:top;
border:0.8rem solid #d6d6d6;
}
#contactbox li:first-child{
margin-right:0;
margin-bottom:2rem;
padding:2rem 0 2rem 1rem;
text-align:left;
}
#contactbox .tel{
font-size:2.2rem;
font-weight:900;
}
#contactbox .tel .sm{
font-size:1.2rem;
}
#contactbox .tel .icon-tel2{
font-size:1.7rem;
margin-right: 0.3rem;
}
#contactbox .teltxt{
font-size:1.4rem;
line-height:1.5;
}
#contactbox .teltxt p{
font-size:1.8rem; 
font-weight:700;
margin-top:1rem;
}
#contactbox .mail{
text-align:center;
padding:3rem 0;
}
#contactbox .mail a{
font-size:1.8rem;
}
#contactbox .mail a span{
font-size:3rem;
}




}