/*
Theme Name: minami
Theme URI:
Description:
Author:
Version:
*/

*{font-size: 16px;font-family: 'Noto Sans JP', sans-serif;}
body{line-height: 160%;}

.pc{display: block;}
.sp{display: none;}

a{text-decoration: none;color:#000;}

.block{max-width: 1200px;margin:0 auto;}
.block800{max-width: 800px;margin:0 auto;}

.pa{padding:80px 0}
.pat0{padding:0 0 80px}
.bk{background: rgba(201,201,201,0.15);}

.flex{display: flex;justify-content: space-between;align-items: center;}
.center{text-align: center;}

.tl{font-family: 'Noto Serif JP', serif;font-size: 160%;text-align: center;margin-bottom: 60px;position: relative;line-height: 140%;letter-spacing: 0.2em}
.tl:after{height: 3px;width: 26px;margin-left: -13px;left: 50%;content: "";display: block;background-color: #cec800;position: absolute;bottom:-30px}
.tl_copy{text-align: center;padding: 0 0 50px}

table{border-collapse: collapse;border: solid 1px #ccc;width: 100%;background: #fff;}
table th,
table td{border: solid 1px #ccc;padding:10px;vertical-align: top;}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th,
table th{background:#e5edc8 !important; }

.min{font-family: "Noto Serif JP", serif !important; }



#header{position: fixed;width: 100%;align-items: flex-start;height: 85px;background: #fff;z-index: 99999;top:0}
#header div.flex{position: relative;}
#header #logo {width:382px;height: 120px;background: #fff;position: absolute;top:0;left: 0;z-index: 2}
#header #logo a {width:100%;height: 120px;display: flex;justify-content: center;align-items: center;}
#header #logo img{max-width: 310px;}

#header #nav{display: flex;align-items: center;height: 85px;background: #fff;position: absolute;right: 0;top:0;}
#header #nav ul.flex{justify-content: flex-end;}
#header #nav ul.flex li{margin-right: 1.5vw}
#header #nav ul.flex li a{position: relative;letter-spacing: 0;line-height: 100%;}
#header #nav ul.flex li a:after{background-color: #cec800; /* 下線の色 */bottom: -11px; /* 要素の下端からの距離 */content: ""; /* 要素に内容を追加 */height: 1px; /* 下線の高さ */left: 0; /* 要素の左端からの距離 */opacity: 0; /* 不透明度 */position: absolute; /* 絶対位置指定 */transition: all .3s; /* アニメーション効果を追加 */width: 100%; /* 要素の幅 */;}
#header #nav ul.flex li a:hover:after{bottom: -7px;opacity: 1}
#header #nav ul.flex li.hd_btn a{background: #cec800;color:#fff;padding:10px 15px;display: block;transition: 0.5s;}
#header #nav ul.flex li.hd_btn a:after{display: none;}
#header #nav ul.flex li.hd_btn a:hover{background: #000}
#header #nav ul.flex li.hd_btn a:before{content: "";height: 16px;width: 16px;background: url(./img/i_time.svg) no-repeat center center;background-size: 16px 16px;display: inline-block;vertical-align: top;margin-right: 5px;}


#mainview{height: 80vh;background: url(./img/mainview.png) no-repeat center center;background-size: cover;margin-top:85px;position:relative; display: flex;align-content: center;flex-wrap: wrap;text-shadow: 0 0 10px rgb(255,255,255), 0 0 10px rgb(255,255,255), 0 0 10px rgb(255,255,255), 0 0 10px rgb(255,255,255)}
#mainview div{width: 90%;margin: 0 auto;}
#mainview p{font-size: 250%;letter-spacing: 0.2em;width: 100%;padding: 0 0 25px;line-height: 140%;}
#mainview h1{font-size: 170%;line-height: 160%;letter-spacing: 0.2em;}


.sec01 li{width: 48%;}
.sec01 li a{background: rgba(206,200,0,0.15);display: block;text-align: center;transition: 0.5s}
.sec01 li a:hover{background: rgba(206,200,0,0.35);}
.sec01 li a span.in_btn{margin:0 30px;display: block;background: url(./img/arw.svg) no-repeat right center;background-size: 20px;padding: 20px 0;transition: 0.5s}
.sec01 li a:hover span.in_btn{margin:0 20px;}
.sec01 li a span h3{font-size: 140%;padding: 0 0 10px;letter-spacing: 0.2em}

.sec02 .flex{flex-wrap: wrap;justify-content: flex-start;}
.sec02 li{width: 23%;}
.sec02 li a{padding:30px;display: block;background: #fff;}
.sec02 li a span{display: block;background: url(./img/arw.svg)#fff no-repeat right center;background-size: 20px;}