@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import "normalize.css";
@import url('https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day|Euphoria+Script|Noto+Sans+JP:300,500|Noto+Serif+JP&display=swap&subset=japanese');
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
    font-size: 150%;
    -webkit-text-size-adjust: none;
}
header, section, footer, aside, nav, main, article, figure {
    display: block;
}
a {
    color: #8d724a;
}
a:hover, a:active {
    color: #8d724a;
    text-decoration: none;
}
a img:hover {
    opacity: 0.8;
}
a img.no-hover:hover {
    opacity: 1;
}
table {
    width: 100%
}
*, *:before, *:after {
    box-sizing: border-box;
}
p {
    margin: 0 0 1.5em;
}
.section {
    margin: 0 0 30px;
}
.section .section {
    margin: 0 0 10px;
}
p, dd, td, th, li {
    line-height: 1.8em;
}
img {
    max-width: 100%;
    vertical-align: bottom;
}
.image-l {
    float: left;
    margin: 0 16px 8px 0;
}
.image-r {
    float: right;
    margin: 0 0 8px 16px;
}
.bold {
    font-weight: bold;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
#totop {
    position: fixed;
    bottom: 60px;
    right: 50px;
    z-index: 9;
    margin-bottom: 0;
    background:#af9c80;
}

/*****************************Index*****************************/

body {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    color:#333;
}
#wrapper {
    min-width: 1250px;
    overflow: hidden;
}
.container {
    width: 1170px;
    margin: 0 auto;
}

#gnavi a, #gnavi span {
    text-decoration: none;
    color: #4d4d4d;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    transition: all 0.7s ease;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0 23px;
    line-height: 1.3em;
    letter-spacing: 0.05em;
}
#gnavi a:hover {
    color:#af9c80;
}
#gnavi a:before,#gnavi a:after {
    content:'';
    position: absolute;
    width:1px;
    height:100%;
    background:#b3b3b3;
    left:0;
    transform: rotate(30deg);
    top:0;
    transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
#gnavi a:hover:before,#gnavi a:hover:after {
    transform: rotate(748deg);
}
#gnavi a:after {
    left:auto;
    right:-1px;
}
#gnavi > ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
#gnavi > ul > li {
    position: relative;
    transition: all 0.7s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1em;
}
#gnavi .submenu {
    display: none;
    position: absolute;
    top: 64px;
    left: 0;
    background: rgba(0, 68, 152, 0.8);
    z-index: 1;
    width: 250px;
}
#gnavi .submenu > li > a {
    padding: 10px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: block;
}
#gnavi .submenu > li:hover > a {
    background: rgba(255, 255, 255, 0.9);
    color: #004498;
}
#gnavi > ul > li.close-menu {
    display: none;
}
.h-logo a:hover img {
    opacity: 1;
}
.h-logo {
    max-width: 170px;
    margin-bottom:0;
}
h1 {
    font-size: 13px;
    line-height: 1.3em;
    color: #444;
    margin-bottom: 37px;
    letter-spacing: 0.05em;
    overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 520px;
}
.h-tel {
    margin-bottom:0;
    line-height: 1em;
}
.h-tel a {
    text-decoration: none;
    font-size: 23px;
    color:#231815;
    font-weight: bold;
    line-height: 1em;
    padding-left:35px;
    position: relative;
}
.h-tel a:before {
    content:'';
    position: absolute;
    background:url(../images/h_tel.png)center no-repeat;
    background-size: contain;
    left:0;
    top:2px;
    width:28px;
    height:28px;
}
.h-tel a span{
    font-size: 13px;
    color:#707070;
    font-weight: normal;
    margin-left:35px;
    display:block;
    line-height: 1.9em;
}
.h-mail {
    margin:0 0 8px 32px;
}
.h-mail a {
    text-decoration: none;
    color:#fff;
    font-weight: bold;
    position: relative;
    font-size: 16px;
    display:block;
    background:#af9c80;
    border-radius: 25px;
    padding:15px 60px;
    width:auto;
    text-align: center;
    transition: all .5s;
}
.h-mail a:hover {
    opacity: .8;
}
.h-mail a:before {
    content:'';
    position: absolute;
    background:url(../images/h_mail.png)center no-repeat;
    background-size: contain;
    width:20px;
    height:20px;
    left:29px;
    top:calc(50% - 12px);
}
.h-mail a:after {
    content:'';
    position: absolute;
    background:url(../images/idx_btn_white.png)center no-repeat;
    background-size: contain;
    width:20px;
    height:7px;
    right:20px;
    top:calc(50% - 6px);
    transition: all .5s;
}
.h-mail a:hover:after {
    right:10px;
}
#header {
    display:flex;
    justify-content: space-between;
    max-width: 1680px;
    margin:0 auto -5px;
    padding:28px 0 0;
}
.h-right-top {
    display:flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin:-9px 0 14px;
}
.h2-above {
    position: relative;
    margin:195px 0 20px -65px;
}
.h2-above:before,.h2-above:after {
    content:'';
    position: absolute;
    background:url(../images/idx_main_bird01.png)center no-repeat;
    background-size: contain;
    width:50px;
    height:38px;
    left: 65px;
    top: -90px;
}
.h2-above:after {
    background:url(../images/idx_main_bird02.png)center no-repeat;
    background-size: contain;
    width:42px;
    height:56px;
    top: 30px;
    left: calc(40% - 60px);
}
.h2-above span:not(:last-child) {
    font-size: 26px;
    font-family: 'Noto Sans JP', sans-serif;
    background:rgba(255,255,255,.9);
    padding:1px 43px 1px 65px;
    display:inline-block;
    position: relative;
    z-index: 1;
    line-height: 1.4em;
    margin-bottom:22px;
    letter-spacing: 0.02em;
    color:#4d4d4d;
}
.h2-above span:nth-child(3):after {
    content:'';
    position: absolute;
    background:url(../images/idx_main_txtbg.png)center no-repeat;
    background-size: contain;
    width:252px;
    height:8px;
    bottom:3px;
    left:65px;
    z-index: -1;
}
.h2-above span:last-child {
    margin-left:65px;
    display:inline-block;
}
.idx-slider li {
    background: url(../images/idx_main01.png)center right no-repeat;
    background-size: auto;
    position: relative;
}
#index h2 {
    position: relative;
    font-size: 89px;
    font-family: 'Dawning of a New Day', cursive;
    color:#4d4d4d;
    transform: rotate(-5deg);
    opacity: .8;
    letter-spacing: 0.09em;
    font-style: italic;
    text-shadow: 0 0 0 #4d4d4d;
}
#index h2:before {
    content:'';
    position: absolute;;
    background:url(../images/idx_main_bird03.png)center no-repeat;
    background-size: contain;
    width:71px;
    height:57px;
    top:20px;
    left:calc(50% + 345px);
}
#index h2 span:last-child {
    margin-left:150px;
}
#mainvisual {
    max-width: 1680px;
    margin:0 auto;
    height:780px;
}
.idx-slider,.idx-slider .slick-list,.idx-slider .slick-track {
    height:100%;
}
.idx-slider .slick-dots {
    display:flex;
    position: absolute;
    bottom:60px;
    right:-90px;
}
.idx-slider .slick-dots button {
    display:none;
}
.idx-slider .slick-dots li {
    background:url(../images/idx_nav01.jpg)center no-repeat;
    background-size: contain;
    width:120px;
    height:70px;
    cursor: pointer;
    margin: 0 5px;
    transition: all .5s;
}
.idx-slider .slick-dots li:hover,.idx-slider .slick-dots li.slick-active {
    opacity: .7;
}
.idx-slider .slick-dots li:nth-child(2) {
    background:url(../images/idx_nav02.jpg)center no-repeat;
    background-size: contain;
}
.idx-slider .slick-dots li:nth-child(3) {
    background:url(../images/idx_nav03.jpg)center no-repeat;
    background-size: contain;
}
.slider-container {
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.idx-tlt {
    text-align: center;
    margin-bottom:17px;
}
.idx-tlt span {
    color:#8d724a;
    font-size: 24px;
    position: relative;
    letter-spacing: 0.05em;
}
.box01 .idx-tlt span:before {
    background:url(../images/idx_tlt01.png)center no-repeat;
    background-size: contain;
}
.idx-tlt span:before {
    content:'';
    position: absolute;
    background:url(../images/idx_tlt.png)center no-repeat;
    background-size: contain;
    width:39px;
    height:60px;
    left:-41px;
    top:-17px;
}
.idx-tlt-below {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.05em;
    margin-bottom:7px;
}
.idx-txt {
    font-size: 17px;
    color:#4d4d4d;
    line-height: 2.4em;
    max-width: 820px;
    margin:0 auto 20px;
}
.idx-txt span {
    font-weight: bold;
    font-size: 18px;
}
.idx-btn {
    margin-bottom:0;
}
.idx-btn a {
    text-decoration: none;
    border:1px solid #4d4d4d;
    font-size: 16px;
    text-align: center;
    padding:13px;
    border-radius: 25px;
    display:block;
    max-width: 250px;
    margin: 0 auto;
    color:#333;
    position: relative;
    transition: all .5s;
}
.idx-btn a:hover {
    border:1px solid #af9c80;
    color:#af9c80;
}
.idx-btn a:after {
    content: '';
    position: absolute;
    background: url(../images/idx_btn_brown.png)center no-repeat;
    background-size: contain;
    width: 20px;
    height: 7px;
    right: 24px;
    top: calc(50% - 7px);
    transition: all .5s;
}
.idx-btn a:hover:after {
    right:14px;
}
.b01-top {
    background:url(../images/b01_bg.jpg)center no-repeat;
    background-size: cover;
    padding: 112px 0 86px;
}
.box01 ul {
    display:flex;
    justify-content: center;
}
.box01 li a {
    position: relative;
    text-decoration: none;
    display:block;
    overflow: hidden;
}
.box01 li a:before {
    content:'';
    position: absolute;
    background:#000;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity: .3;
    transition: all .5s;
}
.box01 li a:hover:before {
    opacity: .5;
}
.b01-cnt {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.b01-img {
    margin-bottom:0;
}
.b01-concept {
    font-size: 24px;
    color:#fff;
    position: relative;
    font-family: 'Euphoria Script', cursive;
    letter-spacing: 0.1em;
    transform: rotate(-4deg);
    margin-bottom:0;
    padding-left:40px;
}
.b01-concept:before {
    content:'';
    position: absolute;
    background:url(../images/b01_icon01.png)center no-repeat;
    background-size: contain;
    width:28px;
    height:34px;
    left: -2px;
    top: -2px;
    transform: rotate(4deg);
}
.box01 li:nth-child(2) .b01-concept:before {
    background:url(../images/b01_icon02.png)center no-repeat;
    background-size: contain;
    width:26px;
    height:30px;
}
.box01 li:nth-child(3) .b01-concept:before {
    background:url(../images/b01_icon03.png)center no-repeat;
    background-size: contain;
    width:33px;
    height:36px;
}
.b01-concept span {
    font-family: 'Dawning of a New Day', cursive;
    font-size: 36px;
}
.b01-tlt {
    color:#fff;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4em;
    display:flex;
    align-items: center;
    margin: 0 0 0 66px;
    letter-spacing: 0.05em;
}
.box01 ul li:last-child .b01-tlt {
    margin: 0 0 0 110px;
}
.box01 ul li:last-child .b01-cnt {
    left:-15px;
    top:10px;
}
.b01-tlt span {
    width:40px;
    height:40px;
    background: url(../images/b01_btn.png)center no-repeat;
    background-size: contain;
    display:inline-block;
    margin-left:20px;
    transition: all .5s;
}
.box01 a:hover .b01-tlt span {
    transform: rotate(360deg);
}
.box02 {
    background:url(../images/b02_bg01.png)center repeat;
    background-size: auto;
    position: relative;
    z-index: 1;
    padding-top:123px;
}
.box02:before {
    content: '';
    position: absolute;
    background: url(../images/b02_bg.png)center no-repeat;
    background-size: contain;
    width: 1620px;
    height: 1294px;
    top: -34px;
    left: calc(50% - 330px);
    z-index: -1;
}
.box02 .idx-tlt {
    margin-bottom:20px;
}
.box02 .idx-tlt span:before {
    left: -56px;
    top: -18px;
}
.box02 .idx-tlt-below {
    margin-bottom:34px;
}
.b02-staff li {
    display:flex;
    justify-content: flex-end;
    position: relative;
    height:260px;
}
.b02-img {
    width:1040px;
    position: absolute;
    height:260px;
    top:0;
    left:calc(50% - 960px);
}
.b02-img:before {
    content: '';
    position: absolute;
    right: 19px;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 131px solid transparent;
    border-left: 60px solid transparent;
    border-right: 60px solid #fff;
    border-bottom: 131px solid #fff;
}
.b02-staff li:nth-child(3) .b02-img:before {
    right:4px;
}
.b02-staff li:nth-child(2) .b02-img:before {
    content: '';
    position: absolute;
    left: 15px;
    width: 0;
    height: 0;
    border-bottom: 131px solid #fff;
    border-left: 60px solid #fff;
    border-right: 60px solid transparent;
    border-top: 131px solid transparent;
}
.b02-img-tlt {
    position: absolute;
    top: calc(50% - 39px);
    right: 22px;
    color: #d1c7b7;
    font-size: 36px;
    font-family: 'Euphoria Script', cursive;
    transform: rotate(-63deg);
    margin-bottom: 0;
    letter-spacing: 0.08em;
}
.b02-img-tlt span {
    font-family: 'Dawning of a New Day', cursive;
    font-size: 60px;
}
.b02-img-name {
    position: absolute;
    bottom: 20px;
    left: calc(50% + 80px);
    color: #b3b3b3;
    font-size: 40px;
    width: 150px;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.2em;
    letter-spacing: 0.07em;
}
.b02-cnt {
    background:#fff;
    width:calc(50% - 60px);
    position: relative;
    z-index: 1;
    padding: 52px 32px;
}
.b02-staff li:nth-child(2) {
    flex-direction: row-reverse;
}
.b02-staff li:nth-child(2) .b02-img {
    left:calc(50% - 75px);
}
.b02-staff li:nth-child(2) .b02-img-name {
    left: calc(50% - 220px);
}
.b02-staff li:nth-child(2) .b02-img-tlt {
    right: auto;
    left: 11px;
    transform: rotate(63deg);
    top: calc(50% - 43px);
}
.b02-staff li:nth-child(2) .idx-txt,.box02 .b02-staff li:nth-child(2) .idx-btn {
    margin: 0 0 20px auto;
    max-width: 475px;
}
.b02-staff li:nth-child(2) .b02-cnt {
    padding:62px 44px;
}
.box02 .idx-btn a {
    margin:0;
}
.b02-staff li:nth-child(3) .b02-img-name {
    left: calc(50% + 100px);
}
.b02-staff li:nth-child(3) .b02-img-tlt {
    right: -3px;
    top: calc(50% - 44px);
}
.b02-staff li:nth-child(3) .b02-img {
    left: calc(50% - 975px);
}
.b02-staff li:nth-child(3) .b02-cnt {
    padding:62px 31px;
}
.b02-staff {
    margin-bottom:140px;
}
.b02-list {
    display:flex;
    justify-content: center;
}
.b02-list li a {
    display:block;
    text-decoration: none;
    height:100%;
    position: relative;
}
.b02-list li a:before {
    content:'';
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#000;
    opacity: .2;
    transition: all .5s;
}
.b02-list li a:hover:before {
    opacity: .5;
}
.b02-list-img {
    margin-bottom:0;
}
.b02-list-cnt {
    position: absolute;
    top:0;
    left:0;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
    height:100%;
}
.b02-list-tlt {
    font-family: 'Euphoria Script', cursive;
    font-size: 36px;
    color:#fff;
    position: relative;
    padding-left:40px;
    line-height: 1.3em;
    margin-bottom:45px;
}
.b02-list-tlt:before {
    content:'';
    position: absolute;
    background:url(../images/b02_icon.png)center no-repeat;
    background-size: contain;
    left:-7px;
    top:0;
    width:36px;
    height:43px;
}
.b02-btn {
    border:1px solid #fff;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    position: relative;
    color:#fff;
    border-radius: 30px;
    margin-bottom:0;
    padding:7px 60px;
    letter-spacing: 0.05em;
}
.b02-btn:after {
    content:'';
    position: absolute;
    background:url(../images/idx_btn_white.png)center no-repeat;
    background-size: contain;
    width:20px;
    height:7px;
    right:29px;
    top:calc(50% - 6px);
    transition: all .5s;
}
.b02-list li a:hover .b02-btn:after {
    right:20px;
}
.box03 {
    background:#f2f2f2;
    position: relative;
    z-index: 1;
    padding:75px 0 0;
}
.box03 .idx-tlt,.box03 .idx-tlt-below {
    text-align: left;
}
.box03 .idx-tlt {
    margin:1px 0 15px 42px;
}
.b03-txt .idx-txt {
    max-width: 100%;
}
.box03:before {
    content:'';
    position: absolute;
    background:url(../images/b03_bg.png)center no-repeat;
    background-size: cover;
    width:798px;
    height:100%;
    left:calc(50% - 100px);
    bottom:0;
    z-index: -1;
}
.box03 .idx-tlt-below {
    margin-bottom:15px;
}
.box03 .idx-tlt span:before {
        left: -42px;
    top: -14px;
}
.box03 .container {
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
}
.b03-img {
    width:191px;
    margin:0 75px 0 auto;
}
.b03-cnt {
    width:calc(100% - 325px);
    margin-bottom:60px;
}
.txt-name {
    text-align: right;
    font-size: 21px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.05em;
    line-height: 1.2em;
    margin-bottom:5px;
}
.txt-name span {
    font-size: 16px;
    margin-right:20px;
}
.b03-txt .idx-txt:nth-child(3) {
    margin-bottom:5px;
}
.box03 .idx-btn a {
    margin:0 auto 0 0;
}
.f-top-tlt {
    position: relative;
    text-align: center;
    margin-bottom:44px;
}
.f-top-tlt:after {
    content:'';
    position: absolute;
    background:url(../images/f_bg.png)center no-repeat;
    background-size: contain;
    width:780px;
    height:4px;
    bottom:-14px;
    left:calc(50% - 390px);
}
.f-top-tlt span {
    position: relative;
    font-size: 24px;
    font-weight: bold;
}
.f-top-tlt span:before,.f-top-tlt span:after {
    content:'';
    position: absolute;
    background:url(../images/idx_tlt.png)center no-repeat;
    background-size: contain;
    width:30px;
    height:52px;
    right:-67px;
    top:-14px;
}
.f-top-tlt span:before {
    right:auto;
    left:-70px;
    transform: scaleX(-1);
}
.f-tel a {
    text-decoration: none;
    color:#231815;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.1em;
    position: relative;
}
.f-tel a:before {
    content:'';
    position: absolute;
    background:url(../images/h_tel.png)center no-repeat;
    background-size: contain;
    width:28px;
    height:28px;
    left:-43px;
    top:47px;
}
.f-tel a span {
    font-size: 14px;
    color:#4d4d4d;
    font-weight: normal;
    line-height: 1.1em;
}
.f-tel a span:last-child {
    color:#707070;
    display:block;
    margin-top:6px;
}
.f-mail-btn a {
    display:block;
    border:2px solid #af9c80;
    background:#af9c80;
    color:#fff;
    transition: all .5s;
    text-align: center;
    padding: 15px 60px;
    position: relative;
    border-radius: 30px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    width: auto;
    margin:0 auto;
    transition: all .5s;
}
.f-mail-btn a:hover {
    opacity: .8;
}
.f-mail-btn a:before {
    content: '';
    position: absolute;
    background: url(../images/h_mail.png)center no-repeat;
    background-size: contain;
    width: 21px;
    height: 21px;
    left: 25px;
    top: calc(50% - 12px);
}
.f-mail-btn a:after {
    content: '';
    position: absolute;
    background: url(../images/idx_btn_white.png)center no-repeat;
    background-size: contain;
    width: 20px;
    height: 7px;
    right: 23px;
    top: calc(50% - 4px);
    transition: all .5s;
}
.f-mail-btn a:hover:after {
    right:13px;
}
.f-top-bot {
    display:flex;
    justify-content: center;
    align-items: center;
}
.f-tel, .f-mail-btn{
    margin:0 26px;
}
.f-mail-btn {
    margin-top:10px;
    position: relative;
}
.f-mid {
    background:#f2f2f2;
    padding:68px 0 42px;
}
.f-top {
    padding:95px 0 53px;
}
.f-top .container {
    position: relative;
}
.f-top .container:before,.f-top .container:after {
    content:'';
    position: absolute;
    background:url(../images/f_before.png)center no-repeat;
    background-size: contain;
    width:146px;
    height:209px;
    left: -35px;
    top: calc(50% - 120px);
    z-index: -1;
}
.f-top .container:after {
    background:url(../images/f_after.png)center no-repeat;
    background-size: contain;
    width:204px;
    height:224px;
    left:auto;
    right: -75px;
    top: calc(50% - 125px);
}
.f-logo {
    max-width: 170px;
    margin:-6px 0 0 13px;
}
.f-mid li {
    padding-left:20px;
}
.f-mid li a {
    position: relative;
    text-decoration: none;
    font-size: 15px;
    color:#333;
    transition: all .5s;
}
.f-mid li a:hover,.f-mid li:first-child a:hover {
    color:#af9c80;
}
.f-mid li a:before {
    content:'';
    position: absolute;
    background:url(../images/f_arr.png)center no-repeat;
    background-size: contain;
    width:13px;
    height:7px;
    left:-20px;
    top:5px;
    transition: all .3s;
}
.f-mid li a:hover:before {
    left:-17px;
}
.f-mid li:first-child,.f-mid li:first-child a {
    color:#1a1a1a;
    font-weight: bold;
    font-size: 16px;
    transition: all .5s;
}
.f-mid li {
    margin-bottom:12px;
    line-height: 1.4em;
}
.f-mid ul {
    margin-left: 50px;
    width: 170px;
}
.f-mid ul:nth-child(2) li:first-child,.f-mid ul:nth-child(3) li:first-child,.f-mid ul:nth-child(4) li:first-child {
    padding-left:0;
}
.last-li {
    font-size: 13px;
    color:#333;
    margin-top:20px;
}
.f-mid .container {
    display:flex;
    justify-content: space-between;
}
.f-mid .container>div {
    display:flex;
}
.f-bot {
    max-width: 1170px;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:19px 0;
}
.f-bot p {
    line-height: 1.2em;
    margin-bottom:0;
}
.f-bot-txt {
    margin-left:13px;
    letter-spacing: 0.02em;
}
.copy {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    font-size: 15px;
}
.f-menu-sp {
    display:none;
}
.topic-path {
    display: block;
    overflow: hidden;
    width: 1150px;
    margin: 0 auto 35px;
}
.topic-path li {
    display: inline-block;
    font-size: 12px;
    position: relative;
    color:#666;
    font-family: Meiryo, arial, clean, verdana, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
.topic-path li a {
    color: #231815;
    padding: 0 38px 0 0;
    font-size: 12px;
    text-decoration: none;
    transition: all .5s;
}
.topic-path li a:hover {
    color:#8d724a;
}
.topic-path li:after {
    position: absolute;
    content: '＞';
    color: #0053a5;
    top: 50%;
    transform: translateY(-50%);
    right: 13px;
}
.topic-path li:last-child:after {
    display: none
}
.topic-path li a:hover {
    text-decoration: none;
}
.under section, .under .section {
    width:980px;
    margin:0 auto 65px;
    overflow: hidden;
}
.under section.under-sectop {
    width:1140px;
    padding-top:30px;
}
.under section p:last-child, .under .section p:last-child {
    margin-bottom: 0;
}
.mainvisual {
    height:300px;
    background:url(../images/under_main.jpg)center no-repeat;
    background-size: cover;
    margin-bottom:20px;
}
.under-container {
    width:1150px;
    margin:0 auto;
}
.under .idx-tlt,.under .idx-tlt-below {
    text-align: left;
}
.under section .idx-tlt {
    padding:15px 0 0 20px;
}
.under .idx-tlt-below {
    line-height: 1.3em;
    color:#232021;
    font-size: 19px;
    margin-bottom:20px;
}
.under .idx-tlt {
    margin: 0 0 10px 40px;
}
.under #header {
    margin-bottom:30px;
}
.under .idx-tlt span:before {
    left:-50px;
    width: 37px;
    height: 57px;
}
.under h2 {
    color:#232021;
    font-weight: bold;
    font-size: 32px;
    line-height: 1.3em;
}
.mainvisual .under-container {
    display:flex;
    height:100%;
    flex-direction: column;
    justify-content: center;
    padding-bottom:50px;
}
.under #content p, .under #content dd, .under #content td, .under #content th, .under #content li {
    line-height: 2.3em;
}
.under h3 {
    font-size: 30px;
    text-align: center;
    margin-bottom:30px;
    line-height: 1.4em;
    font-weight: bold;
}
.under-col3 {
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 980px;
    margin:0 auto;
}
.under-col3 li {
    width:calc(100%/3 - 30px);
    margin-bottom:30px;
}
.under-col3-img {
    text-align: center;
}
.under-col3-txt {
    padding:0 10px;
}
.under .idx-btn a {
    max-width: 300px;
    border-radius: 30px;
    padding: 10px 13px;
}
.under h4 {
    font-weight: bold;
    color:#fff;
    font-size: 24px;
    background:#8d8d8d;
    line-height: 1.4em;
    padding: 4px 20px 3px;
    margin-bottom: 20px;
}
.under h5 {
    color:#232021;
    font-weight: bold;
    font-size: 20px;
    margin-bottom:20px;
    border-bottom:2px solid #918b8a;
    position: relative;
    line-height: 1.5em;
    padding-left:40px;
    margin-top:10px;
}
.under h5:before {
    content:'';
    position: absolute;
    background:url(../images/under_h5.png)center no-repeat;
    background-size: contain;
    width:23px;
    height:27px;
    left:0;
    top:-5px;
}
.under h6 {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.4em;
    margin-bottom:20px;
    position: relative;
    color:#8d724a;
    padding-left:25px;
}
.under h6:before {
    content:'';
    position: absolute;
    background:#8d724a;
    width:6px;
    height:20px;
    left:0;
    top:2px;
}
.under-tbl td,.under-tbl01 td {
    border:1px solid #d0e8e3;
}
.under-tbl td,.under-tbl th,.under-tbl01 td,.under-tbl01 th {
    padding:10px;
}
.under-tbl th,.under-tbl01 th {
    background:#707070;
    font-size: 14px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    border-bottom:1px solid #fff;
    vertical-align: middle;
}
.under-tbl tr:last-child th {
    border-bottom:1px solid #707070;
}
.under-tbl01 td {
    text-align: center;
    vertical-align: middle;
}
.under-tbl01 th {
    border:1px solid #d0e8e3;
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
}
.under-tbl01 th:first-child{
    border-left:1px solid #707070;
}
.under-tbl01 th:last-child {
    border-right:1px solid #707070;
}
.under-list li {
    position: relative;
    padding-left:25px;
}
.under-list li:before {
    content:'';
    position: absolute;
    background:#707070;
    width:12px;
    height:3px;
    top:15px;
    left:0;
}
.txt-red {
    color:red;
}
.under-bnr {
    max-width: 700px;
    margin:0 auto;
}
.under-bnr p {
    text-align: center;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    margin-bottom:0;
}
.under-bnr a {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background:#707070;
    color:#fff;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    line-height: 1.6em;
    text-decoration: none;
    transition: all .5s;
    padding:35px 25px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}
.under-bnr a:hover {
    background:#8d724a;
}
.under-bnr a:before,.under-bnr a:after {
    content:'';
    position: absolute;
    background:url(../images/idx_main_bird03.png)center no-repeat;
    background-size: contain;
    width:142px;
    height:114px;
    z-index: -1;
    right:7px;
    top:7px;
    opacity: .2;
}
.under-bnr a:before {
    content:'';
    position: absolute;
    background:url(../images/h_mail.png)center no-repeat;
    background-size: contain;
    width:41px;
    height:41px;
    z-index: -1;
    right:auto;
    top:auto;
    bottom:10px;
    left:20px;
    opacity: .5;
    transition: all 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.under-bnr a:hover:before {
    left:calc(100% - 100px);
    transform: rotate(1440deg);
}
.under-bnr .bnr-job a:before, .under-bnr .bnr-new a:before {
    background:#000;
    opacity: .3;
    width:100%;
    height:100%;
    bottom:0;
    left:0;
    transition: all .5s;
}
.under-bnr .bnr-job a:hover:before,.under-bnr .bnr-new a:hover:before {
    left:0;
    transform: none;
    opacity: .5;
}
.under-bnr .bnr-job a {
    background:url(../images/bnr_job.jpg)center top -40px no-repeat;
    background-size: cover;
    padding:140px 25px;
}
.under-bnr .bnr-new a{
    background:url(../images/bnr_new.jpg)center top -40px no-repeat;
    background-size: cover;
    padding:140px 25px;
}
.txt-span span {
    background:#d9d9d9;
    font-weight: bold;
    padding:5px 10px;
}
.under #content .chart-tlt {
    font-size: 30px;
    letter-spacing: 0.05em;
    color:#000;
    line-height: 1.5em;
    margin-bottom:20px;
    font-weight: bold;
    text-align: center;
}
.under #content .chart-cnt {
    color:#af9c80;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
    margin-bottom:10px;
}
.male {
    color:#8d8d8d;
}
.graf-warp01,.interview-3col {
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:50px;
}
.interview-3col {
    justify-content: center;
}
.interview-3col>div {
    width:calc(100%/2 - 10px);
    margin-bottom:40px;
}
.doughnut-chart {
    width:300px;
    height:300px;
}
.step {
    position: relative;
    margin-bottom:100px;
}
.step:after {
    content:'';
    position: absolute;
    width:0;
    height:0;
    bottom:-60px;
    left:calc(50% - 30px);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 40px solid #8d724a;
}
.step:last-child {
    margin-bottom:0;
}
.step:last-child:after {
    content:none;
}
.step dt {
    font-size: 30px;
    color:#fff;
    background:#8d724a;
    font-weight: bold;
    line-height: 1.4em;
    border-radius: 10px 10px 0 0;
    width:400px;
    padding:9px 10px 6px 50px;
    position: relative;
    z-index: 1;
}
.step:nth-child(even) dt{
    margin:0 0 0 auto;
}
.step dt:before {
    content: '';
    position: absolute;
    background: url(../images/idx_tlt01.png)center no-repeat;
    background-size: contain;
    width: 23px;
    height: 35px;
    left: 10px;
    top: 10px;
}
.step dd {
    padding:20px 20px 20px 50px;
    background:#af9c80;
    font-size: 18px;
    font-weight: bold;
    color:#fff;
    border-radius: 0 10px 10px 10px;
}
.step:nth-child(even) dd{
    border-radius: 10px 0 10px 10px;
}
.sp-show {
    color: #488d56;
    display: none;
    font-size: 11px;
}
.ov-h {
    overflow: hidden;
}
.inter-staff h5 {
    margin-top:0;
    padding-top:5px;
    overflow: hidden;
}
.inter-staff h5:before {
    top:5px;
}
.inter-staff-name {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-top:60px;
}
.chart-list01 {
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
.chart-list01 li {
    font-size: 27px;
    color:#8d8d8d;
    font-weight: bold;
    width:45%;
    line-height: 1.6em!important;
    margin:0 10px 5px;
    text-align: center;
}
.chart-list01 li.chart-color01 {
    color:#101010;
}
.chart-list01 li.chart-color02 {
    color:#8d724a;
}
.chart-list01 li.chart-color03 {
    color:#af9c80;
}
.chart-list02 li {
    width:100%;
    text-align: center;
}
.graf-warp01 > div:nth-child(2) {
    width:50%;
}

.requirements_jp {
    
    font-size: 12px;

}
.box_pop {
    text-align: center;
    border: 1px solid #4d4d4d;
    padding: 20px 15px 15px;
    width: 400px;
    max-width: 100%;
    margin: 10% auto ;
    font-size: 12px;
}
.tit01 {
    color: #8d724a;
    font-size: 24px;
    font-weight: bold;
}
/*
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", serif;
font-family: Meiryo, arial, clean, verdana, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Euphoria Script', cursive;
font-family: 'Dawning of a New Day', cursive;
font-family: 'Noto Serif JP', serif;
*/