@charset "UTF-8";


/* common
------------------------------------------------- */
#contents {
    padding-top: 50px;
}
.section {
    padding-bottom: 30px;
}
.section .colsebtn {
    width: 85px;
    height: 85px;
    margin: 0 auto;
    padding-top: 55px;
}
.section .colsebtn a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #D3976D;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #D3976D;
    text-align: center;
    padding-top: 8px;
    box-sizing: border-box;
    position: relative;
}
.section .colsebtn a::after {
    content: '';
    width: 28px;
    height: 28px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.328%22%20height%3D%2231.828%22%20viewBox%3D%220%200%2031.328%2031.828%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_234%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20234%22%20transform%3D%22translate(-671.586%20-990.086)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_54%22%20data-name%3D%22%E7%B7%9A%2054%22%20x2%3D%2228.5%22%20y2%3D%2229%22%20transform%3D%22translate(673%20991.5)%22%20fill%3D%22none%22%20stroke%3D%22%23d3976d%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_55%22%20data-name%3D%22%E7%B7%9A%2055%22%20x1%3D%2228.5%22%20y2%3D%2229%22%20transform%3D%22translate(673%20991.5)%22%20fill%3D%22none%22%20stroke%3D%22%23d3976d%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    top: 38px;
    margin-left: -14px;
    transition: 0.4s;
}
@media (hover: hover) {
.section .colsebtn a:hover {
    color: #fff;
    background-color: #D3976D;
}
.section .colsebtn a:hover::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.328%22%20height%3D%2231.828%22%20viewBox%3D%220%200%2031.328%2031.828%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_234%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20234%22%20transform%3D%22translate(-671.586%20-990.086)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_54%22%20data-name%3D%22%E7%B7%9A%2054%22%20x2%3D%2228.5%22%20y2%3D%2229%22%20transform%3D%22translate(673%20991.5)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_55%22%20data-name%3D%22%E7%B7%9A%2055%22%20x1%3D%2228.5%22%20y2%3D%2229%22%20transform%3D%22translate(673%20991.5)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    transform: rotate(-180deg);
}
}


/* about
------------------------------------------------- */
.section.about p {
    padding-bottom: 35px;
}
.section.about .btn a {
    width: 155px;
    height: 32px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.702%22%20height%3D%2210.672%22%20viewBox%3D%220%200%2016.702%2010.672%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_335%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20335%22%20transform%3D%22translate(-714%20-992.328)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_176%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20176%22%20transform%3D%22translate(714%20995)%22%20fill%3D%22none%22%20stroke%3D%22%23a2a2a2%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%228%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2213%22%20height%3D%227%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_674%22%20data-name%3D%22%E3%83%91%E3%82%B9%20674%22%20d%3D%22M2154.8-21497.172h11.4v5.3%22%20transform%3D%22translate(-1436%2022490)%22%20fill%3D%22none%22%20stroke%3D%22%23a2a2a2%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') 90% center no-repeat;
    background-size: 17px auto;
    border: 1px solid #A2A2A2;
    border-radius: 20px;
    padding-right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    letter-spacing: normal;
    text-align: center;
    color: #696868;
    box-sizing: border-box;
    margin: 20px auto 50px;
}
.section.about .logo1 {
    width: 247px;
    margin: 15px auto 35px;
}
.section.about .logo2 {
    width: 240px;
    margin: 40px auto 45px;
}
@media (hover: hover) {
.section.about .btn a:hover {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.702%22%20height%3D%2210.672%22%20viewBox%3D%220%200%2016.702%2010.672%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_335%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20335%22%20transform%3D%22translate(-714%20-992.328)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_176%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20176%22%20transform%3D%22translate(714%20995)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2214%22%20height%3D%228%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2213%22%20height%3D%227%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_674%22%20data-name%3D%22%E3%83%91%E3%82%B9%20674%22%20d%3D%22M2154.8-21497.172h11.4v5.3%22%20transform%3D%22translate(-1436%2022490)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-color: #696868;
    color: #fff;
}
}


/* system
------------------------------------------------- */
.section.system .fig {
    width: 424px;
    margin: 35px 0 40px 48px;
}
.section.system .sec {
    background-color: rgba(211,151,109,0.1);
    border-radius: 20px;
    padding: 65px 0 70px;
}
.section.system .sec .box {
    width: 410px;
    max-width: 100%;
    background-color: #fff;
    box-shadow: 4px 4px 0 #F2E4D9;
    border-radius: 13px;
    padding: 30px 20px 5px 25px;
    margin-top: 15px;
    box-sizing: border-box;
}
.section.system .sec .box ol {
    font-size: 20px;
    padding-left: 1.5em;
}
.section.system .sec .box ol li {
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 20px;
}
@media screen and (max-width:499px){
.section.system .fig {
    width: calc(100% - 48px);
    margin: 35px auto 40px;
}
}


/* future
------------------------------------------------- */
.section.future p {
    padding-bottom: 30px;
}
.section.future .sec {
    background-color: #EBF4FF;
    border-radius: 20px;
    padding: 65px 0 53px;
}
.section.future .sec .logo {
    width: 165px;
    margin: 0 auto 22px;
}
.section.future .sec h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.7;
    text-align: center;
    padding-bottom: 20px;
}
.section.future .sec .box {
    width: 95.8%;
    background-color: #A6EDC3;
    border-radius: 20px 0 0 20px;
    padding: 50px 0 36px 38px;
    margin-left: 4.2%;
    box-sizing: border-box;
}
.section.future .sec .box ul li {
    width: 400px;
    max-width: 100%;
    margin-bottom: 13px;
    background-color: #fff;
    border: 1px solid #A2A2A2;
    border-radius: 13px;
    box-shadow: 4px 4px 0 rgba(105,104,104,0.15);
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    transition: 0.2s;
}
.section.future .sec .box ul li a {
    width: 100%;
    min-height: 95px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    display: flex;
    align-items: center;
    padding-right: 70px;
    box-sizing: border-box;
    position: relative;
}
.section.future .sec .box ul li a span {
    width: 63px;
    height: 63px;
    border: 1px solid #1A1A1A;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.05em;
    text-align: center;
    padding-top: 16px;
    box-sizing: border-box;
    position: absolute;
    right: -6px;
    top: 15px;
    transition: 0.2s;
}
.section.future .sec .box ul li a span i {
    width: 16px;
    height: 18px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -8px;
    transition: 0.2s;
}
.section.future .sec .box ul li a span i::before {
    content: '';
    width: 16px;
    height: 18px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.557%22%20height%3D%2218.297%22%20viewBox%3D%220%200%2016.557%2018.297%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_160%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20160%22%20transform%3D%22translate(3439.642%20-832.5)%20rotate(90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_648%22%20data-name%3D%22%E3%83%91%E3%82%B9%20648%22%20d%3D%22M-112.617-20421.029l6.865%2C6.861-6.865%2C6.867%22%20transform%3D%22translate(955.549%2023845.529)%22%20fill%3D%22none%22%20stroke%3D%22%231a1a1a%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_51%22%20data-name%3D%22%E7%B7%9A%2051%22%20x1%3D%2216%22%20transform%3D%22translate(833.5%203431.5)%22%20fill%3D%22none%22%20stroke%3D%22%231a1a1a%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center bottom no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s;
}
.section.future .sec .box ul li a span i::after {
    content: '';
    width: 14px;
    height: 14px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.142%22%20height%3D%2214.142%22%20viewBox%3D%220%200%2014.142%2014.142%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_291%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20291%22%20transform%3D%22translate(-848.942%20-100.921)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_51%22%20data-name%3D%22%E7%B7%9A%2051%22%20x1%3D%2216%22%20transform%3D%22translate(850.356%20102.335)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_59%22%20data-name%3D%22%E7%B7%9A%2059%22%20x1%3D%2216%22%20transform%3D%22translate(861.67%20102.335)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 1px;
    top: 3px;
    transition: 0.3s;
    opacity: 0;
}
.section.future .sec .box ul li.open {
    transform: translateY(4px);
    box-shadow: none;
}
.section.future .sec .box ul li.open a span {
    background-color: #1A1A1A;
    color: #fff;
}
.section.future .sec .box ul li.open a span i::before {
    opacity: 0;
}
.section.future .sec .box ul li.open a span i::after {
    opacity: 1;
}
.section.future .sec .box ul li p {
    display: none;
}
@media screen and (max-width:499px){
.section.future .sec .box {
    padding: 50px 20px 36px 20px;
}
}
@media (hover: hover) {
.section.future .sec .box ul li:hover {
    transform: translateY(4px);
    box-shadow: none;
}
.section.future .sec .box ul li:hover a span {
    background-color: #1a1a1a;
    color: #fff;
}
.section.future .sec .box ul li:hover a span i::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.557%22%20height%3D%2218.297%22%20viewBox%3D%220%200%2016.557%2018.297%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_160%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20160%22%20transform%3D%22translate(3439.642%20-832.5)%20rotate(90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_648%22%20data-name%3D%22%E3%83%91%E3%82%B9%20648%22%20d%3D%22M-112.617-20421.029l6.865%2C6.861-6.865%2C6.867%22%20transform%3D%22translate(955.549%2023845.529)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_51%22%20data-name%3D%22%E7%B7%9A%2051%22%20x1%3D%2216%22%20transform%3D%22translate(833.5%203431.5)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    top: 4px;
}
.section.future .sec .box ul li.open:hover a span i::after {
    transform: rotate(-180deg);
}
}


/* contact
------------------------------------------------- */
.section.contact p {
    padding-bottom: 30px;
}
@media screen and (max-width:499px){
.section.contact iframe {
    height: 2000px;
}
}


/* privacy
------------------------------------------------- */
.section.privacy h1 {
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    padding: 55px 0 32px;
}
.section.privacy h2 {
    font-weight: 600;
    line-height: 1;
    padding-bottom: 15px;
}
.section.privacy p {
    padding-bottom: 30px;
}
.section.privacy p.txt {
    font-size: 14px;
    line-height: 1.928;
    padding-bottom: 40px;
}
.section.privacy p.txt a {
    text-decoration: underline;
}
@media (hover: hover) {
.section.privacy p.txt a:hover {
    text-decoration: none;
}
}


/* news
------------------------------------------------- */
.section.news ul {
    border-top: 1px solid #D3976D;
    margin-top: 50px;
}
.section.news ul li {
    border-bottom: 1px solid #D3976D;
    padding: 12px 0;
}
.section.news ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2211%22%20viewBox%3D%220%200%2010%2011%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M5.5%2C0%2C11%2C10H0Z%22%20transform%3D%22translate(10)%20rotate(90)%22%20fill%3D%22%23d3976d%22%2F%3E%3C%2Fsvg%3E') 96% center no-repeat;
    padding: 5px 45px 5px 12px;
    box-sizing: border-box;
}
.section.news ul li a.nolink {
    pointer-events: none;
    background: none;
}
.section.news ul li a dl {
    min-height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section.news ul li a dl dt {
    width: 21.5%;
    font-size: 11px;
    color: #A2A2A2;
}
.section.news ul li a dl dd {
    width: 75%;
    font-weight: 600;
    line-height: 1.5;
    color: #D3976D;
}
.section.news .pagination .wp-pagenavi {
    padding: 50px 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section.news .pagination a,
.section.news .pagination span {
    width: 30px;
    height: 30px;
    border: 1px solid #D3976D;
    font-size: 14px;
    font-weight: 400;
    color: #D3976D;
    margin: 0 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    transition: 0.4s;
}
.section.news .pagination a.previouspostslink,
.section.news .pagination a.nextpostslink {
    display: block;
    width: 6px;
	height: 12px;
    border: none;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2212%22%20viewBox%3D%220%200%207%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201L6%206L1%2011%22%20stroke%3D%22%23d3976d%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    text-indent: -9999px;
    margin: 0 0 0 15px;
	position: relative;
}
.section.news .pagination a.previouspostslink {
	transform: scale(-1, 1);
    margin: 0 15px 0 0;
}
.section.news .pagination span.extend {
    width: auto;
    border: none;
}
.section.news .pagination span.current {
    background-color: #D3976D;
	color: #fff;
}
@media screen and (max-width:499px){
.section.news ul li a {
    padding-left: 0;
}
.section.news ul li a dl dt {
    width: 27.5%;
}
.section.news ul li a dl dd {
    width: 70%;
}
}
@media (hover: hover) {
.section.news ul li a:hover {
    background-position: 105% center;
	background-color: rgba(211,151,109,0.1);
    border-radius: 10px;
}
.section.news ul li a:hover.nolink {
    background-color: rgba(211,151,109,0);
}
.section.news .pagination a:hover {
    background-color: #D3976D;
	color: #fff;
}
.section.news .pagination a.previouspostslink:hover,
.section.news .pagination a.nextpostslink:hover {
    background-color: rgba(0,0,0,0);
    color: #D3976D;
    opacity: 0.7;
}
}


/* news-detail
------------------------------------------------- */
.section.news-detail .box {
    background-color: rgba(211,151,109,0.1);
    border-radius: 20px;
    padding: 35px 0 20px;
    margin-top: 40px;
}

.section.news-detail .box .con p {
    font-size: 16px;
    padding-bottom: 30px;
}
.section.news-detail .box .con p::after {
    content: '';
	display: block;
	clear: both;
}
.section.news-detail .box .con p strong {
    font-weight: 600;
}
.section.news-detail .box .con p em {
    font-style: italic;
}
.section.news-detail .box .con p a {
    color: #1A1A1A !important;
	text-decoration: underline;
    word-break: break-all;
}
.section.news-detail .box .con h1,
.section.news-detail .box .con h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: normal;
    padding-bottom: 20px;
}
.section.news-detail .box .con h3,
.section.news-detail .box .con h4 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.65;
    letter-spacing: normal;
    padding-bottom: 20px;
}
.section.news-detail .box .con h5,
.section.news-detail .box .con h6 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.75;
    padding-bottom: 15px;
}
.section.news-detail .box .con ul {
	font-size: 16px;
    padding-left: 1.5em;
	padding-bottom: 30px;
    list-style: disc;
}
.section.news-detail .box .con ul li {
    list-style: disc;
}
.section.news-detail .box .con ol {
	font-size: 16px;
    padding-left: 1.5em;
	padding-bottom: 30px;
}
.section.news-detail .box .con img {
    float: none !important;
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	padding-bottom: 1.5em;
}
.section.news-detail .box .con .wp-caption {
    width: auto;
    max-width: 100% !important;
	text-align: left;
}
.section.news-detail .box .con .wp-caption.aligncenter {
	margin: 0 auto;
}
.section.news-detail .box .con .wp-caption.alignleft {
	width: 48% !important;
	float: left;
	margin-right: 2%;
}
.section.news-detail .box .con .wp-caption.alignleft img {
	width: 100%;
	padding-top: 0;
}
.section.news-detail .box .con .wp-caption.alignright {
	width: 48% !important;
	float: right;
	margin-left: 2%;
}
.section.news-detail .box .con .wp-caption.alignright img {
	width: 100%;
	padding-top: 0;
}
.section.news-detail .box .con .wp-caption .wp-caption-text,
.section.news-detail .box .con .wp-caption .wp-caption-dd {
	font-size: 14px;
	text-align: left;
	line-height: 1.45;
	padding-top: 0.5em;
}
@media (hover: hover) {
.section.news-detail .box .con p a:hover {
	text-decoration: none;
}
}