@charset "utf-8";

@import url(reset.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
@import url(../_plugin/OwlCarousel/assets/owl.carousel.min.css); @import url(../_plugin/OwlCarousel/assets/owl.theme.default.css);
@import url(common_parts.css);
@import url(common.css);


/*
 index
==============================*/
img { display:block; }
ul { list-style:none; }
section { margin-top: 15rem; }
@media screen and (max-width:414px){
	section { margin-top: 7.5rem; }
}

/* color */
.tx-grn { color:#25983b!important; }

/* 見出し */
.left-border { border-left:solid 5px #25983b; padding-left:1em; font-size: 2rem; margin-bottom: 4rem;}
.leaf { position:relative; padding-left:1.5em; border-bottom:solid 3px #25983b; font-size: 2.6rem; margin-bottom: 4rem; }
.leaf:before { position:absolute; top:20%; left:0; background:#25983b; display:block; content:""; width:2.6rem; height:2.6rem; border-radius:50% 1%; }
@media screen and (max-width:414px){
	.leaf { font-size: 2rem; margin-bottom: 2rem;}
	.leaf:before { width:2rem; height:2rem; }
}

/* blog --------------------*/
#blog { margin:7rem auto 10rem; }
#blog .inner { max-width:120rem; padding:2rem; margin-top:3rem; }
#blog .top { position:relative; max-width: 136rem; margin:0 auto 5rem;}
#blog .top img { width:100%; max-height:50rem; object-fit:cover; margin-top: 2rem; }
#blog h2 { font-size: 2.5rem; text-align:center; }
#blog p.day { text-align:right; }

/* page --------------------+ */
#page { margin-top: 5rem; padding-top:3rem; border-top:solid 3px #707070; }
#page ul{ overflow:hidden; }
#page ul li { width:45%; }
#page ul li a { display:block; }
#page ul li.prev { float:left; }
#page ul li.next { float:right; }
#page ul li .img { position:relative; }
#page ul li .img p { position:absolute; top:0; background:#25983b; color:#fff; font-weight: bold; padding:0.5rem 1rem;}
#page ul li.prev p { left:0; }
#page ul li.next p { right:0; }
#page ul li h4 { font-size: 2rem; margin-top: 1rem; }
#page ul li img { width:100%; max-height:20rem; object-fit:cover; }
#page ul:after { display:none; }

@media screen and (max-width:900px){
	#blog { margin-top:9rem;}
}