@charset "UTF-8";
body{
    background-color:#fdfdfd;
}


/* main */
.font-bold{
    font-weight:bold;
}
.top_main_keyvisual {
    background: url("../img/keyvisual.jpg") no-repeat center center/cover;
    height: calc(90vh - 85px);
}

.top_main_keyvisual h1 {
    text-align: center;
    padding-top: calc(50vh - 200px);
}

/* lead */
.top_main_lead_container {
    padding: clamp(3.125rem, 2.75rem + 1.88vw, 5rem) 15px 240px;
    background-color: #0B1542;
    position: relative;
}

.top_main_lead_wrapper {
    max-width: 1180px;
    margin: 0 auto;
    padding-bottom: 30px;
    background-image: url("../img/tsuru-left.png"),
        url("../img/tsuru-right.png");
    background-repeat:
        no-repeat,
        no-repeat;
    background-position:
        bottom left,
        bottom right;
}

.top_main_lead_kazari {
    text-align: center;
}

.top_main_lead_h2 {
    font-size: 30px;
    line-height: 1.73;
    width: 20em;
    margin: 80px auto 65px;
    color: #efefef;
    letter-spacing: 0.15em;
}

.top_main_lead_p-box {
    padding: 0 70px;
    box-sizing: border-box;
    background-image: url("../img/dashed-line-left.png"),
        url("../img/dashed-line-right.png");
    background-repeat:
        no-repeat,
        no-repeat;
    background-position:
        top left,
        top right;
    position: relative;
    max-width: 780px;
    margin: 0 auto;
}

.top_main_lead_p {
    text-align: left;
    width: 42em;
    margin: 15px auto;
    line-height: 2;
    color: #efefef;
    letter-spacing: 0.03em;
}

.top_main_lead_btnimage {
    position: absolute;
    bottom: -180px;
    right: -80px;
}

/* news */
.top_main_news {
    padding: 80px 15px 80px;
    background:#fefefe;
}

.news_midashi-image {
    text-align: center;
}

.top_main_news_h2 {
    width: 5em;
    font-size: 37px;
    letter-spacing:0.1em;
    line-height: 1.65;
    text-align: center;
    margin: 30px auto;
    color: #CCAC66;
    background: linear-gradient(transparent 60%, #efefef 0%);
}

.top_main_news_wrapper {
    max-width: 700px;
    margin: 50px auto 0;
    border-radius: 8px;
    border-top:1px dotted #aaa;
    border-bottom:1px dotted #aaa;
    /* background:#f9f9f9; */
    padding: 30px;
    box-sizing: border-box;
}

.top_main_news_dl-div {
    display: flex;
    padding: 20px 0;
    border-top:1px solid #e5e5e5;
}
.top_main_news_dl .top_main_news_dl-div:first-child{
border-top:none;
}
.top_main_news_dt {
    width: 18%;
    line-height: 1.6;
}

.top_main_news_dd {
    width: 82%;
    line-height: 1.6;
}

/* order */
.top_main_order_container {
    display: flex;
    flex-direction: row-reverse;
    max-width: 1200px;
    padding:0 15px;
    margin: 120px auto;
    justify-content: space-between;
}

.top_main_order_image-container {
    width: 50%;
    padding-top: 50px;
}

.top_main_order_wrapper {
    width: 45%;
}

.order_midashi-image {
    text-align: center;
}

.top_main_order_h2 {
    width: 10em;
    font-size: 37px;
    line-height: 1.65;
    text-align: center;
    margin: 30px auto;
    color: #CCAC66;
    letter-spacing: 0.08em;
    background: linear-gradient(transparent 60%, #efefef 0%);
}

.top_main_order_p {
    margin-top: 50px;
    line-height: 1.9;
}

.top_main_order-detail {
    padding: 120px 0;
    background-color:#fefefe;
    background-image: url("../img/dashed-line-top.png"),
        url("../img/dashed-line-top.png");
    background-repeat:
        repeat-x,
        repeat-x;
    background-position:
        top right,
        bottom left;
}

.top_main_order_detail_container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0 auto;
}

.top_main_order_detail_wrapper {
    width: 32%;
    padding: 98px 0;
    display: block;
    box-sizing: border-box;
    position: relative;
    background: #0B1542;
    transition: 0.3s;
}

.top_main_order_detail_wrapper:hover {
    background: #aaa;
}


.top_main_order_detail_wrapper .order-title {
    text-align: center;
    font-size: 30px;
    color: #fff;
    line-height: 1.5;
}

.top_main_order_detail_wrapper p span {
    font-size: 47px;
}

.logo {
    width: 71%;
    margin-bottom: 20px;
}

.henpin {
    margin-bottom: 40px;
}

.major {
    margin: 0 0 40px 30px;
}

.more {
    font-size: 16px;
    position: absolute;
    right: 25px;
    bottom: 25px;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.more i {
    padding-left: 10px;
}


/* map */
iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  
.top_main_map {
    padding: 80px 0;
}

.top_main_map_container {
    max-width: 1200px;
    margin: 1.5rem auto 0;
    display: flex;
    align-items: center;
    /* flex-direction: row-reverse; */
    justify-content: space-around;
}
.top_main_map_container iframe{
    margin-top:30px;
}
.googlemap{
    width: 58%;
    position: relative;
    padding-top: 46%;
    margin-bottom:35px;
}
.googlemap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.googlemap_cap{
    width:32%;
    line-height:2;
    font-size:20px;
}
.googlemap_cap-h3{
    font-weight:600;
    line-height:1.65;
        font-size:20px;
}

.googlemap_cap-h3 span{
    font-size:16px;
    display:block;
    text-align:left;
    /* padding-bottom:0.6em; */
    /* border-bottom:1px solid #0B1542; */
}
.googlemap_cap_text{
    margin-top:1.5rem;
    line-height:1.7;
}
.top_main_map_image-container{
    margin:15px 0 0;
}
.top_main_map_image-cap{
    color:#f00;
    font-size:15px;
    font-weight:bold;
    padding:0.75rem 0;
}
.top_main_map_wrapper{
    margin-bottom:3rem;
}
.top_main_map_wrapper:nth-of-type(2) {
    width: 60%;
}

.map_midashi-image {
    text-align: center;
}

.top_main_map_h2 {
    width: 3.5em;
    font-size: 37px;
    line-height: 1.65;
    text-align: center;
    margin: 30px auto;
    color: #CCAC66;
    letter-spacing: 0.08em;
    background: linear-gradient(transparent 60%, #efefef 0%);
}

.top_main_map_p {
    font-size:16px;
    line-height: 1.7;
    display:block;
    margin-bottom:1rem;
}
.telLinks{
    display:inline-block;
    margin-top:1rem;
    color:#0B1542;
}
.telLinks i{
    padding-left:0.5rem;
}
.top_main_map_adress-container{
    max-width:700px;
    margin:5rem auto 0;
    padding:0 25px;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding:8rem;
}
.top_main_map_adress-wrapper:nth-of-type(1){
    width:50%;
}
.top_main_map_adress-wrapper:nth-of-type(2){
    width:50%;
    margin-left:5rem;
}
.top_main_map_adress-box_h3{
    font-size:20px;
    line-height:1.5;
    margin-bottom:0.4rem;
    color:#0B1542;
}
.top_main_map_adress-box_p{
    font-size:16px;
    line-height:1.7;
    font-weight:normal;
}



@media(max-width:767px) {
 
  /* main */
.top_main_keyvisual {
    background: url("../img/keyvisual.jpg") no-repeat center center/cover;
    height:85vh;
    position:relative;
}
.top_main_keyvisual h1 {
    text-align: center;
    position:absolute;
    display:block;
    width:60%;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    padding-top:0;
}
.top_main_lead_h2 {
    font-size: 4.6vw;
    line-height: 1.73;
    width: 20em;
    margin: 11% auto 13%;
    color: #efefef;
    letter-spacing: 0.15em;
}
.top_main_lead_p-box {
    padding: 0 1%;
    background-image:none,
        none;
    position: relative;
    max-width: 780px;
    margin: 0 auto;
}

.top_main_lead_p {
    width: 100%;
    margin: 15px auto;
    line-height: 2;
}
.top_main_lead_btnimage{
    width:80%;
    display:block;
    bottom: -47%;
    right:0;
    left:50%;
    transform: translateX(-50%);
}
.top_main_lead_wrapper {
    padding-bottom: 28%;
    background-image: none;
}

/* news */
.top_main_news {
    padding:15% 0 0;
}

.top_main_news_h2 {
    width: 4.6em;
    font-size: 7.5vw;
    margin:4% auto 0;
}
.top_main_news_container{
    padding:0 4%;
}

.top_main_news_wrapper {
    margin: 8% auto;
    border-radius: 1vw;
    padding: 2% 4%;
    box-sizing: border-box;
}
.top_main_news_dl-div {
    margin: 5% 0;
    display:block;
}
.top_main_news_dt {
    width: 100%;
    line-height: 1.8;
    font-size:16px;
}
.top_main_news_dd {
    width: 100%;
    line-height: 1.8;
    font-size:16px;
}

/* order */
.top_main_order_container {
    display: block;
    margin: 15% auto;
    padding:0 3%;
}
.top_main_order_image-container {
    width: 100%;
    padding-top: 5%;
}
.top_main_order_wrapper {
    width: 100%;
}
.top_main_order_h2 {
    width: 10em;
    font-size: 7.5vw;
    margin: 4% auto 0;
}
.top_main_order_p {
    margin-top: 8%;
    line-height: 2;
    padding:0 6%;
}
.top_main_order-detail {
    padding: 15% 0;
}
.top_main_order_detail_container {
    padding:0 3%;
    display: block;
}
.top_main_order_detail_wrapper {
    width: 100%;
    padding: 25% 0;
    margin-bottom:5%;
}
.top_main_order_detail_wrapper .order-title {
    text-align: center;
    font-size: 7.5vw;
}
.top_main_order_detail_wrapper p span {
    font-size: 8.5vw;
}
.logo {
    margin-bottom: 3%;
}
.henpin {
    margin-bottom: 9%;
}
.major {
    margin: 0 0 9% 9%;
}
.more {
    font-size: 16px;
    position: absolute;
    right: 6%;
    bottom: 5%;
    color: #fff;
    padding-bottom: 2.5%;
}
.more i {
    padding-left: 10px;
}

/* map */
iframe {
    width: 100%;
    aspect-ratio: 1 / 1;
  }
.top_main_map {
    padding: 15% 4%;
}
.top_main_map_container {
    display: block;
    margin:6rem auto 0;
}
.top_main_map_container.first{
    margin:0 auto;
}
.googlemap{
    width: 100%;
    padding-top: 85%;
    margin-bottom:45px;
    margin-top:-5%;
}
.googlemap_cap{
    width:100%;
    border-bottom:none;
}
.googlemap_cap_text{
    padding:2% 4%;
    margin-top:0;
}
.googlemap_cap span{
    padding-bottom:0;
}
.top_main_map_wrapper:nth-of-type(2) {
    width: 100%;
}
.top_main_map_h2 {
    font-size: 8vw;
    margin: 4% auto 0;
}
.top_main_map_adress-container{
    display:block;
    background-color: #fff;
    padding:clamp(2rem, 1.284rem + 3.58vw, 3rem);
}
.top_main_map_adress-wrapper:nth-of-type(1){
    width:75%;
    margin:2rem auto 3rem;
}
.top_main_map_adress-wrapper:nth-of-type(2){
    width:90%;
    margin:0 auto;
}


}