@charset "UTF-8";

.tag a {
display:inline-block;
font-size:11px;
line-height:22px;
margin:0 5px 5px 0;
padding:0 7px;
background:#5ab7ba;
color:#fff;
border-radius:5px;
transition:0.2s;}
.tag a:hover {
background:#e80;}

/* post =============== */

.post {
text-align:left;}
.post .ttl {
font-family:'M PLUS Rounded 1c',sans-serif;
padding:0 0 5px 0;
font-size:220%;
line-height:1.5;
border-bottom:3px solid #5ab7ba;}
.post .date {
margin:20px 0;
font-size:90%;
line-height:1.2;}
.post .tag {
margin:25px 0;}
.post .body {}
.post .body p {
margin-bottom:1em;}
.wp-caption {
max-width:100% !important;
height:auto;
border:none;
text-align:center;
background:none;
margin-bottom:1em;}
.wp-caption img {
margin:0;}
.wp-caption .wp-caption-text {
font-size:80%;
line-height:1.6;
font-weight:normal;
padding:8px;}

/* oEmbed不具合を見た目解消 */

blockquote.wp-embedded-content {
position:absolute;
clip:rect(1px, 1px, 1px, 1px);}
iframe.wp-embedded-content {
position:relative !important;}
iframe.wp-embedded-content {
width:100% !important;}

/* post-topics new ================*/

.post-topics-new {
position:absolute;
top:-16px;
left:-10px;
text-align:center;
width:32px;
font-size:10px;
line-height:32px;
color:#fff;
white-space:nowrap;
background:#5ab7ba;
border-radius:50%;}

/* post-topics-l ========================*/

.post-topics-l {
width:100%;
justify-content:space-between;}
.post-topics-l li {
margin:20px 0;
text-align:left;
width:47.5%;
background:#efefef url("../../images/documents02.png") no-repeat right 15px center / 80px;
transition:background 0.2s;}
.post-topics-l li:hover {
background:#e2f1f2 url("../../images/documents02.png") no-repeat right 10px center / 80px;}
.post-topics-l li a {
display:block;
padding:25px 115px 25px 20px;}
.post-topics-l a .ttl {
margin:0 0 10px 0;
font-size:120%;
line-height:1.4;
font-weight:bold;}
.post-topics-l a .date {
padding:6px 7px;
font-size:80%;
line-height:1.2;
color:#fff;
background:#777;
border-radius:5px;}
.post-topics-l a .txt {
margin:12px 0 0 0;
font-size:90%;
line-height:18px;
max-height:18px;
overflow: hidden;
color:#222;}

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

.post-topics-l li {
width:100%;}

}

/* post-topics-m ========================*/

.post-topics-m {
width:100%;
border-top:1px solid #88c9ca;}
.post-topics-m li {
position:relative;
padding:30px 0;
border-bottom:1px solid #88c9ca;}
.post-topics-m .img {
width:200px;
overflow:hidden;
box-shadow:0 0 0 1px #fff;}
.post-topics-m .img img {
width:100%;
transition:0.3s;
-webkit-transform:scale(1.1);
transform:scale(1.1);}
.post-topics-m .img:hover img {
-webkit-transform:scale(1);
transform:scale(1);}
.post-topics-m .txt {
position:absolute;
left:225px;
right:0;
top:50%;
transform:translate(0,-50%);}
.post-topics-m .ttl {
font-size:140%;
font-family:'M PLUS Rounded 1c',sans-serif;
line-height:30px;
max-height:60px;
overflow:hidden;}
.post-topics-m .date {
font-size:90%;
line-height:1.2;
margin:11px 0;}

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

.post-topics-m .img {
width:100px;}
.post-topics-m .txt {
left:125px;}
.post-topics-m .ttl {
font-size:120%;
line-height:24px;
max-height:48px;}
.post-topics-m .date {
margin:7px 0 0 0;}

}

/* navi =========================== */

.page_navi {
margin:30px 0 0 0;}
.page_navi ul {
font-size:0;
text-align:center;}
.page_navi li {
font-size:13px;
line-height:1.2;
display:inline-block;
vertical-align:top;}
.page_navi a, .page_navi a:hover, .page_navi span {
text-decoration:none;
color:#fff;
padding:8px;
margin:0 2px 2px 0;
background:#999;
display:block;
transition:all 0.3s;}
.page_navi a:hover {
background:#e80;
text-decoration:none;}
.page_navi span.dots {
background:none;
color:#222;}
.page_navi span.current {
color:#fff;
background:#88c9ca;}
.page_navi p.back {
margin:0;}
.page_navi p.back a, .page_navi p.back a:hover {
display:inline-block;
padding:8px;}
.navigation {
width:100%;
font-size:80%;
line-height:1.2;
text-align:center;
margin:36px 0;
padding:12px 0;
background:#e2f1f2;
border-radius:5px;}

/* search ================*/

.searchbox {
width:100%;
position:relative;
margin:0 0 20px 0;}
.searchbox .ttl {
position:absolute;
top:0;
left:-0;
z-index:2;
text-align:center;
width:44px;
font-size:10px;
line-height:44px;
color:#fff;
white-space:nowrap;
background:#222;
border-radius:6px 0 0 6px;}
.searchbox input[type="text"] {
font-size:14px;
line-height:44px;
height:44px;
padding:0 40px 0 50px;
width:100%;
background:#fff;
border:1px solid #bbb;
border-radius:6px;}
.searchbox input[type="text"]:focus {
background:#fff;}
.searchbox input[type="search"] {
font-size:14px;
line-height:44px;
height:44px;
padding:0 40px 0 50px;
width:100%;
background:#fff;
border:1px solid #bbb;
border-radius:6px;}
.searchbox input[type="search"]:focus {
background:#fff;}
.searchbox input[type="submit"] {
position:absolute;
right:8px;
top:50%;
transform:translate(0,-50%);
width:24px;
height:24px;
background:transparent;
background:#fff url("../../images/i_search.png") no-repeat center center / contain;
border:none;
cursor:pointer;}

/* comment ======================*/

#comments {
padding:20px;
margin:30px 0;
border:2px solid #ddd;
background:#fff;
font-size:90%;
line-height:1.6;}
#comments ul {
margin:0 0 22px 0;}
#comments li {
background:#f7f7f5;
margin:0 0 12px 0;
padding:17px;}
.comment-author {
font-size:110%;
margin:0 0 10px 0;}
.says{
display:none;}
.comment-metadata {
margin:0 0 10px 0;}
#comments h3 {
font-size:120%;
margin:0 0 22px 0;}
#respond {}
.comment-notes {
font-size:90%;
background:#f7f7f5;
padding:13px;
margin:0 0 12px 0;}
#respond img {
margin:10px 0;}
#respond input , #respond textarea {
width:100%;
font-size:16px!important;
background:#fff;
padding:0.2em;
margin:5px 0;
border:1px solid #bbb;
border-radius:5px;}
#respond input[type="checkbox"] {
width:auto;
margin:0 5px 0 0;}
#respond input[type="submit"] {
width:auto;
font-size:14px;
-webkit-appearance:none;
background:#eadfc0;
cursor:pointer;
margin:15px 0 0 0;
padding:0.7em 1.4em;
border-style:none;
border-radius:5px;}
.logged-in-as {
font-size:90%;
background:#f7f7f5;
padding:13px;
margin:10px 0;}
.comment-form-cookies-consent {
font-size:90%;
background:#f7f7f5;
padding:13px;
margin:10px 0;}
.comment-form-url , .form-allowed-tags {
display:none;}
#respond .required {
color:#ff0000;}

/* sidebar ====================== */

.sidebar h2 {
padding:0 0 5px 0;
margin:0 0 15px 0;
font-size:150%;
line-height:1.2;
border-bottom:1px solid #333;}
.sidebar_tab {
margin:25px 0 0 0;
overflow:hidden;
border-radius:9px;}
.sidebar_tab .tab_menu {
width:100%;
text-align:center;
font-size:0;}
.sidebar_tab .tab_menu li {
display:inline-block;
vertical-align:top;
width:50%;
font-size:16px;
line-height:48px;
font-family:'M PLUS Rounded 1c',sans-serif;
white-space:nowrap;
overflow:hidden;}
.sidebar_tab .tab_menu li a {
display:block;
color:#222;
background:#fff;}
.sidebar_tab .tab_menu li.active a {
background:#e2eec5;}
.sidebar_tab .tab_menu li a:hover {
color:#e80;}
.sidebar_tab .sidebar_tab_contents {
padding:15px;
background:#e2eec5;}
.sidebar-archive {
padding:0 5px;}
.sidebar-archive li {
font-size:80%;
line-height:1.2;
width:50%;
padding:6px 0 5px 15px;
background:url("../../images/i_arrow_s.png") no-repeat left center / 10px;}
.sidebar-topics {  
padding:0 5px;}
.sidebar-topics li {
padding:12px 0 0 0;
margin:12px 0 0 0;
border-top:1px dotted #8fc31f;}
.sidebar-topics li:first-child {
margin:0;
border-top:none;}
.sidebar-topics .ttl {
font-family:'M PLUS Rounded 1c',sans-serif;
line-height:1.3;}
.sidebar-topics .date {
font-size:70%;
line-height:1.2;
margin:8px 0 10px 0;}
.sidebar-topics .tag a {
background:#6fba2c;}
.sidebar-topics .tag a:hover {
background:#e80;}

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

.bnr-sidebar li {
width:25%;
padding:5px;}
.sidebar-archive li {
width:33.3333%;}

}

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

.bnr-sidebar li {
width:50%;}
.sidebar-archive li {
width:50%;}

}

/*  privacy  ======================*/

.privacy {
text-align:left;
font-size:90%;}
.privacy dl {
margin:15px 0 0 0;
line-height:1.5;}
.privacy dt {
width:23px;
white-space:nowrap;
padding:4px 0;}
.privacy dd {
width: calc(100% - 24px);
padding:4px 0;}

/*  about  ======================*/

.about01 {
max-width:1000px;
margin:45px auto 0;
justify-content:space-between;}
.about01.reverse {
flex-direction: row-reverse;
margin-bottom:70px;}
.about01 li {
width:47.5%;}
.about01 li img {
border-radius:20px;}
.about01 dl {
justify-content: space-between;
width:100%;}
.about01 dt {
margin:0 0 45px 0;
width:60px;}
.about01 dt .num {
font-size:48px;
line-height:60px;
color:#fff;
background:#6a4331;
border-radius:50%;}
.about01.reverse dt .num {
background:#f08300;}
.about01 dd {
margin:0 0 45px 0;
width:calc(100% - 75px);
text-align:left;
font-size:130%;
line-height:1.5;
font-weight:bold;}
.about01 dt:last-child {
margin:0;}
.about01 dd:last-child {
margin:0;}

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

.about01 {
max-width:800px;}
.about01 ul.reverse {
flex-direction: row;
margin-bottom:50px;}
.about01 li {
width:100%;}
.about01 dl {
margin:45px 0 0 0;}
.about01 dt {
margin:0 0 35px 0;}
.about01 dd {
margin:0 0 35px 0;}

}

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

.about01 dd br {
display:none;}

}

.about02 {
width:100%;
justify-content:space-between;}
.about02 li {
width:33.333333%;
font-size:80%;}
.about02 li img {
margin:0 0 17px 0;}

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

.about02 li {
padding:0 0 35px 0;
width:100%;
font-size:90%;}
.about02 li:last-child {
padding:0;}

}

.about03 {
width:100%;
max-width:1100px;
margin:0 auto;
justify-content:space-between;}
.about03 li {
position:relative;
text-align:left;
margin:30px 0 0 0;
width:30.333333%;}
.about03 li.col-50 {
margin:60px 0 0 0;
width:47.5%;}
.about03 li img {
border-radius:15px;
margin:0 0 20px 0;}
.about03 li .ttl {
position:absolute;
display:inline-block;
padding:0 2em;
left:50%;
top:0;
font-size:170%;
line-height:60px;
font-family:'M PLUS Rounded 1c',sans-serif;
color:#fff;
background:#8fc31f;
white-space:nowrap;
border-radius:50%;
transform:translate(-50%,-50%);}

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

.about03 {
max-width:640px;}
.about03 li {
margin:60px 0 0 0;
width:100%;}
.about03 li:first-child {
margin:30px 0 0 0;}
.about03 li.col-50 {
margin:60px 0 0 0;
width:100%;}

}

.about04 {
width:100%;
max-width:900px;
margin:0 auto;
text-align:left;}
.about04 iframe {
display:block;
vertical-align: bottom;
margin:0 0 40px 0;}

.about05 {
width:100%;
max-width:900px;
margin:0 auto;
justify-content:space-between;
flex-direction:row-reverse;}
.about05 .img {
width:30%;
margin:10px 0 0 0;}
.about05 .img ul {
width:100%;
justify-content:space-between;}
.about05 .img ul li {
width:100%;
padding:0 0 30px 0;}
.about05 .img img {
width:100%;
border-radius:10px;}
.about05 .txt {
width:65%;
text-align:left;}
.about05 table {}
.about05 table th {
padding:10px 0;
font-size:90%;
line-height:1.5;
text-align:left;
vertical-align:top;
font-weight:bold;}
.about05 table td {
padding:10px 0;
font-size:90%;
line-height:1.5;
text-align:left;
vertical-align:top;}

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

.about05 {
flex-direction:row;}
.about05 .img {
width:100%;
margin:0 0 20px 0;}
.about05 .img ul li {
width:49%;
padding:0 0 10px 0;}
.about05 .txt {
width:100%;}

}

/* support =============== */

.support01 {
margin:60px auto;
width:100%;
max-width:1000px;
justify-content:space-between;}
.support01.reverse {
flex-direction:row-reverse;}
.support01 li {
text-align:left;
width:47.5%;}
.support01 li img {
border-radius:20px;}

.support02 {
margin:60px auto 0;
width:100%;
max-width:900px;
justify-content:space-between;}
.support02 li {
text-align:left;
width:47.5%;}
.support02 li .ttl {
text-align:center;
margin:0 0 20px 0;
font-size:120%;
line-height:40px;
background:#8dc21f;}
.support02 li:last-child .ttl {
background:#f29600;}
.support02 li:last-child table.p-tbl {
border:1px solid #f29600;}
.support02 li:last-child table.p-tbl th {
background:#fdebd1;
border:1px solid #f29600;}
.support02 li:last-child table.p-tbl td {
background:#fff;
border:1px solid #f29600;}

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

.support01.reverse {
flex-direction: row;}
.support01 li {
width:100%;}
.support01 li:last-child {
margin:40px 0 0 0;}

}

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

.support02 li {
width:100%;}
.support02 li:last-child {
margin:30px 0 0 0;}
.support02 li:last-child table.p-tbl {
border-bottom:0;}
.support02 li:last-child table.p-tbl th {
border:0;}
.support02 li:last-child table.p-tbl td {
border:0;
border-bottom:1px solid #f29600;}

}

/* life =============== */

.life01 {
padding:60px 0;}
.life01 .img {
position:absolute;
width:270px;
right:0;
top:50%;
transform:translate(0,-50%);}
.life01 .img img {
border:10px solid #fff;
box-shadow:2px 2px 4px 0 rgba(0,0,0,0.2);
transform:rotate(-6deg);}
.life01 .txt {
font-family:'M PLUS Rounded 1c',sans-serif;
position:relative;
padding:0 290px 0 175px;
text-align:left;
line-height:1.6;}
.life01 .ttl01 {
margin:0 0 6px 0;
font-size:200%;
line-height:1.3;
font-weight:bold;}
.life01 .ttl02 {
margin:0 0 10px 0;
font-size:220%;
line-height:1.3;
font-weight:bold;
color:#6a4331;}
.life01 .txt .clock {
position:absolute;
width:150px;
left:0;
top:50%;
transform:translate(0,-50%);}
.life01 .txt .clock img {
border:3px solid #000;
box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);
border-radius:50%;}

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

.life01 {
padding:6% 0;}
.life01 .img {
position:static;
width:100%;
max-width:640px;
margin:0 auto;
transform:translate(0,0);}
.life01 .img img {
transform:rotate(0deg);}
.life01 .txt {
max-width:640px;
margin:35px auto 0;
padding:0 0 0 175px;}

}

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

.life01 {
padding:40px 0;}
.life01 .txt {
text-align:center;
margin:70px auto 0;
padding:0;}
.life01 .txt .clock {
width:30%;
left:50%;
top:0;
transform:translate(-50%,-110%);}
.life01 .ttl01 {
font-size:5vw;}
.life01 .ttl02 {
font-size:6.5vw;}

}

.life02 {}
.life02 ul {
width:100%;
padding:15px 0;
justify-content:space-between;}
.life02 ul li {
text-align:left;
padding:30px 0;
width:46%;}
.life02 ul li .txt {}
.life02 ul li .txt .month {
float:left;
width:140px;}
.life02 ul li .txt .desc {
margin:0 0 0 165px;}
.life02 ul li .txt .desc p {
line-height:1.4;
margin:8px 0 0 0;}
.life02 ul li .img {
margin:15px 0 0 0;}
.life02 ul li .img img {
width:100%;
border-radius:20px;}

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

.life02 ul {
max-width:800px;
margin:0 auto;}
.life02 ul li {
padding:25px 0;
width:100%;}

}

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

.life02 ul li {
padding:20px 0;}
.life02 ul li .txt .month {
width:120px;}
.life02 ul li .txt .desc {
margin:0 0 0 145px;}

}

.life03 {
max-width:900px;
margin:0 auto;
justify-content:space-between;}
.life03 li {
width:48.5%;
text-align:left;
font-size:90%;}

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

.life03 li {
width:100%;
margin:35px 0 0 0;}
.life03 li:first-child {
margin:0;}

}

/* recruit =============== */

.recruit01 {}
.recruit01 .img01 , .recruit01 .img02 {
position:absolute;
top:50%;
width:18.2%;
transform:translate(0,-50%);}
.recruit01 .img01 {
left:-2%;}
.recruit01 .img02 {
right:-2%;}

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

.recruit01 .img01 , .recruit01 .img02 {
display:none;}

}

.recruit02 {
width:100%;
justify-content:space-between;}
.recruit02.reverse {
flex-direction:row-reverse;}
.recruit02 .img {
width:35%;}
.recruit02 .txt {
text-align:left;
width:60%;
line-height:1.7;}
.recruit02 .txt h2 {
margin:0 0 30px 0;}
.recruit02 .txt .ttl {
margin:25px 0 12px 0;
font-family:'M PLUS Rounded 1c',sans-serif;
font-size:110%;
line-height:1.3;
color:#e80;
font-weight:bold;}

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

.recruit02 .reverse {
flex-direction:row;}
.recruit02 .img {
width:100%;}
.recruit02 .img img {
max-width:85%;}
.recruit02 .txt {
width:100%;
margin:25px 0 0 0;}

}

.recruit03 {
position:relative;
padding:0 0 45px 0;}
.recruit03 .img01 {
position:absolute;
bottom:0;
left:1%;
width:25%;}

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

.recruit03 .img01 {
display:none;}

}

.recruit04 {
position:relative;}
.recruit04 .img01 {
position:absolute;
top:50%;
right:-4%;
width:25%;
transform:translate(0,-50%);}

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

.recruit04 {
padding-top:250px;}
.recruit04 .img01 {
position:absolute;
top:0;
right:50%;
width:70%;
max-width:250px;
transform:translate(50%,-30%);}

}

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

.recruit04 {
padding-top:300px;}

}

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

.recruit04 {
padding-top:250px;}

}