@charset "utf-8";
/*--------------------------------------
	copyright :　webcal
--------------------------------------*/

@import url(normalize.css);
@import url(common_parts.css);
@import url(common.css);


/*　voice　==============================*/
section h2.sec_title { position: relative; margin-bottom: 10rem; padding: 1rem; font-size: 2.6rem; color: #fff; background: var(--base_color); }
section h2.sec_title::after { position: absolute; z-index: -1; bottom: -20px; left: 50%; content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: var(--base_color) transparent transparent transparent; transform: translateX(-50%); }
section h3 { font-size: 2.2rem; }
section h4 { font-size: 2rem; }
section { margin: 0 auto 5rem; }

.btn { width: 100%; max-width: 340px; margin: auto; }
.btn p { font-weight: bold; border: 1px solid var(--base_color); border-radius: 3px; }
.btn a { display: block; padding: 2rem; color: var(--base_color); }
.btn a:hover { color: #fff; opacity: 1; }
.btn a:hover { background: var(--base_color); }

@media screen and ( min-width: 769px ) {
	section { margin: 0 auto 10rem; }
}



/* voice  ----------*/
#main { padding-top: 10rem; }
section .sec_inner { width: 100%; max-width: 1200px; margin: auto; }
section .item_box { margin: 0 2rem 5rem; }
section .item_box h3 { border-bottom: 1px solid var(--base_color); }
section .item_box h3::before { content: ''; border-left: 5px solid var(--base_color); margin-right: 1em; }
section .item_box img { width: 50%; }
section .item_box.pagenation_nav .flb { display: flex; flex-wrap: wrap; justify-content: center; }
section .item_box.pagenation_nav .flb li { text-align: center; width: 50%; }