@charset "UTF-8";
/* about.css */


section.main{ margin-top:68px;}

@media (max-width: 767px) {
section.main{ margin-top:64px;}
}

.ttl{ background:url(../images/about/main_bg.jpg) no-repeat top center; background-size:cover; height:368px;}
.ttl .inner{ width:1320px; margin:0 auto; position:relative;}
.ttl .top_txt{ position:absolute; left:0; top:110px;}
.ttl .top_txt h1{ font-size:38px; font-weight:bold; color:#fff; margin-bottom:10px; text-align:left;}
.ttl .top_txt p{ font-size:19px; font-weight:bold; color:#FFF; text-align:left; line-height:1.8;}

@media (max-width: 1320px) {
.ttl .inner{ width:100%; position:relative;}
.ttl .top_txt{ position:absolute; left:20px; top:20;}
}


@media (max-width: 767px) {
.ttl{ height:auto;}
.ttl .inner{ width:100%;  position: inherit;}
.ttl .top_txt{ position:inherit; padding:40px 10px;}
.ttl .top_txt h1{ font-size: 24px; font-size: 5vw;
    line-height: 1.4;}
.ttl .top_txt p{ font-size: 16px; font-size: 3.2vw;}
.ttl .top_txt br{ display:none;}
}



.contents{width:1320px; margin:80px auto 40px; }
.contents p.date{ font-size:16px; text-align:right; margin-bottom:10px; margin-top:10px;}
.contents p{ font-size:16px; text-align:left;  }
.contents p.news_txt{ line-height:3;}

@media (max-width: 1320px) {
.contents{width:100%; padding-right: 15px;
    padding-left: 15px; box-sizing:border-box;   }
}


@media (max-width: 767px) {
.contents{width:100%; margin:20px auto; display:block;
    padding-right: 15px;
    padding-left: 15px; box-sizing:border-box;   }
.contents p.date{  font-size: 3.2vw;}
.contents p{  font-size: 3.2vw;}
.contents p.news_txt{ line-height:1.8;}
}


.about_table{border-collapse: collapse; width:950px; margin:80px auto; border:none; font-family: "Yu Gothic","メイリオ", sans-serif; table-layout: fixed;}
.about_table th{ width:234px; text-align:center; color:#1e1e1e; font-weight:bold; font-size:16px; background:#ededed; padding:30px 0; vertical-align:top; border:1px solid #ccc;}
.about_table td{ color:#262626; font-size:16px; padding-left:40px; text-align:left;  padding:30px 0 30px 40px; border:1px solid #ccc;}
.about_table td ul.place{display: flex; flex-wrap: wrap;}
.about_table td ul.place li{ margin-bottom:20px;}
.about_table td ul.place li:nth-child(odd){ width:25%;}
.about_table td ul.place li em{ font-weight:bold; font-style:normal;}
.about_table td ul.place li .tellink{pointer-events: none;}

@media (max-width: 950px) {
.about_table{width:100%; }
.about_table th{ width:25%; }
.about_table td ul.place li{ width: 74%;}
.about_table td ul.place li:nth-child(odd){ width:25%;}  
}




@media (max-width: 767px) {
.about_table{width:100%; margin:40px auto; }
.about_table th.first{border-top:1px solid #ccc;}
.about_table th{ width:100%; text-align:left; font-size:3.2vw; padding:15px 0; padding-left:20px; display:block; box-sizing:border-box; border-bottom:none; border-top:none;}
.about_table td{ font-size:3.2vw; padding:15px 0 15px 20px; width:100%; display:block; box-sizing:border-box;}
.about_table td ul.place{display: flex; flex-wrap: wrap; width:100%;}
.about_table td ul.place li{ margin-bottom:20px; width:65%;}
.about_table td ul.place li:nth-child(odd){ width:25%; margin-right:20px;}
.about_table td ul.place li .tellink{pointer-events: auto;}
}

.message{ width:1320px; margin:0 auto 40px; box-sizing:border-box; border:5px solid #001952; padding:40px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; overflow:hidden;}
.message h2{ text-align:center; color:#001952; font-size:38px; font-weight:900; line-height:1.7; margin-bottom:40px;}
.message .txt_area{ width:836px; margin-right:80px; float:left;}
.message .img_area{ width:270px; text-align:center; float:left;}
.message .img_area .img{ border:1px solid #ccc; padding:2px; width: 80%; margin: 0 auto;}
.message .img_area p{ text-align:center; font-size:18px; color:#262626; line-height:1.8; margin:20px 0;}
.message h3{ font-size:26px; font-weight:bold; line-height:1.8; color:#262626; margin-bottom:20px;}
.message p{ font-size:16px; font-weight:normal; line-height:1.9; color:#242424; margin-bottom:40px;}

@media (max-width: 1320px) {
.message{ width:100%;}
.message h2{ font-size:4vw; }
.message .txt_area{ width:100%; margin-right:0; float:none;}
.message .img_area{ width:40%; float:none; margin:0 auto 20px;}
}



@media (max-width: 767px) {
.message{ width:100%; margin:0 auto 20px; padding:20px;}
.message h2{ font-size:4vw; margin-bottom:20px;}
.message .txt_area{ width:100%; margin-right:0; float:none;}
.message .img_area{ width:60%; float:none; margin:0 auto 20px;}
.message .img_area p{ font-size:3.2vw; margin:10px 0;}
.message h3{ font-size:3.6vw; margin-bottom:10px;}
.message p{ font-size:3.2vw; margin-bottom:20px;}
}


.blog_area{ width:1230px; margin:40px auto; background:url(../images/about/about_img04.png) no-repeat top center; background-size: contain; height:225px; position:relative; box-sizing:border-box; padding:50px;}
.blog_area h3{ color:#fff; font-size:26px; font-weight:bold; margin-bottom:20px; line-height:1.8;}
.blog_area p{ color:#fff; font-size:16px; line-height:1.8;}
.blog_area .linkbtn{ width:300px; position:absolute; right:90px;  bottom:40px;}
.blog_area .linkbtn a{ width:300px; text-align:center; background:#fff; line-height:50px; color:#001653; font-weight:bold; font-size:16px;border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; display:block; position:relative; }
.blog_area .linkbtn a:after{ position:absolute; content:""; background: url(../images/about/about_img06.png) no-repeat top center; background-size:cover; width:25px; height:23px; right:20px; top:0; bottom:0; margin:auto;}

@media (max-width: 1230px) {
.blog_area{ width:100%; background-size: cover; min-height:300px;}
.blog_area .linkbtn{ right:45px;  bottom:40px;}
}


@media (max-width: 767px) {
.blog_area{ width:100%; margin:20px auto; background-size: cover; padding:25px; min-height: auto;    }
.blog_area h3{ font-size:3.6vw; margin-bottom:10px; }
.blog_area p{ font-size:3.2vw; }
.blog_area .linkbtn{ width:85%; right:auto;  bottom:10px; margin: 10px auto;}
.blog_area .linkbtn a{width:100%; font-size:3.2vw; display:block; line-height:40px;}
.blog_area .linkbtn a:after{ position:absolute; content:""; background: url(../images/about/about_img06.png) no-repeat top center; background-size:cover; width:25px; height:23px; right:20px; top:0; bottom:0; margin:auto;}
}



.intro{ width:100%; background:#EEEEEE; padding:70px 0;}
.intro .inner{width:1320px; margin:0 auto;}
.intro h2{ margin-bottom:40px;}
.intro p{ font-size:19px; text-align:center; line-height:1.8; color:#202020; font-weight:bold; margin-bottom:20px;}

@media (max-width: 1230px) {
.intro .inner{width:100%; margin:0 auto;}
}


@media (max-width: 767px) {
.intro{ padding:30px 0;}
.intro .inner{width:100%; padding:0 10px; box-sizing:border-box; }
.intro h2{ margin-bottom:20px;}
.intro p{ font-size:3.2vw; margin-bottom:20px;}
}