@charset "utf-8";

html {
        font-size: 62.5%;
        /* sets the base font to 10px for easier math */
}

body {
        width: 100%;
        font-family: 'Noto Sans JP','LINE Seed JP App_OTF','Noto Sans JP', 'メイリオ',
                'Meiryo',
                'ＭＳ ゴシック',
                'Hiragino Kaku Gothic ProN',
                'ヒラギノ角ゴ ProN W3', sans-serif;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        color: #008CCF;
        line-height: 1.6em;
        letter-spacing: 0.1em;
}

.sp {
        display: none;
}

.pc {
        display: block;
}

.mb01 {
        margin-bottom: 1rem;
}

/* header */

.header {
        position: relative;
        z-index: 3;
        background-color: transparent;
}


.header-inner {
        width: 100%;
}

.header-pc {
        width: 100%;
        max-width: 1260px;
        top: 0;
        padding: 10px 10px;
        margin: 0 auto;
        font-size: 1.5rem;
}
.header-pc ul {

        display: flex;
        align-items: center;
        justify-content: space-between;
        
}
.header-pc ul li{
		vertical-align: bottom;
}
.header-logo {
        width: 65%;
        opacity: 0;
        padding: 1%;
}

.header-tittle{
		margin-top: 0.8rem;
		letter-spacing: 0.01em;

}


.header-contact{
 		margin-top: 3.3rem;
 		height: 100%;
 		vertical-align: bottom;
 		text-align: right;

}


.business_hours{
		margin-left: 1.3rem;
		letter-spacing: 0.01em;
}





.header-nav-item {
        position: relative;
        display: inline-block;
        color: #ffffff;
}

.header-nav-item:last-child {
        margin-right: 0;
}
/*
.header-nav-item::before {
        background: #ffffff;
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: -2px;
        margin: auto;
        transform-origin: right top;
        transform: scale(0, 1);
        transition: transform .3s;
}

.header-nav-item:hover::before {
        transform-origin: left top;
        transform: scale(1, 1);
}*/

.header-main-menu{
		background-color: #ffffff;
		height: 60px;
		/*padding: 18px;*/
		text-align: center;
		font-size: 1.7rem;
		font-weight: 600;
}
.header-main-menu li{
		width: 172px;
		border-left: solid 1px #088CCF;
		border-right: solid 1px #088CCF;

}
.header-main-menu li+ li{
		border-left: 0;
		border-right: 1px solid #088CCF;
}

.header-main-menu a{

		color: #008CCF;

}
.header-nav-list{
		/*width: 80%;*/
		height: 60px;

}


.logo-wrap {
        position: absolute;
        top: 376px;
        left: 50%;
        right: 0;
        z-index: 1;
        width: 60%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transform: translate(-50%, -50%);
}

.company-logo {
        width: 29rem;
}


.catch-copy01 {
        margin-bottom: 2rem;
}

.catch-copy {
        width: 100%;
}

div.colorbox01,
div.colorbox02 {
        position: relative;
        width: 100%;
}

div.colorbox01 div.color,
div.colorbox02 div.color {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 110%;
        z-index: 2;
        background-color: rgba(23, 28, 97, 0.1);
}

div.colorbox01 img,
div.colorbox02 img {
        display: block;
        width: 100%;
}

.asset-logo {
        width: 100%;
}

.hero-image {
        opacity: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-animation: anime 24s 0s infinite;
        animation: anime 24s 0s infinite;
}

.hero-image:nth-of-type(2) {
        -webkit-animation-delay: 6s;
        animation-delay: 6s;
}

.hero-image:nth-of-type(3) {
        -webkit-animation-delay: 12s;
        animation-delay: 12s;
}

.hero-image:nth-of-type(4) {
        -webkit-animation-delay: 18s;
        animation-delay: 18s;
}


@keyframes anime {
        0% {
                opacity: 0;
        }

        13% {
                opacity: 1;
        }

        25% {
                opacity: 1;
        }

        38% {
                opacity: 0;
                transform: scale(1.2);
                z-index: 9;
        }

        100% {
                opacity: 0
        }
}

.hero-city {
        top: 0;
        left: 0;
        -webkit-animation: anime02 24s 0s infinite;
        animation: anime02 24s 0s infinite;
}

.hero-text-image {
        width: 110px;
}

@keyframes anime02 {
        0% {
                opacity: 0;
        }

        13% {
                opacity: 1;
        }

        25% {
                opacity: 1;
        }

        38% {
                opacity: 0;
                z-index: 9;
        }

        100% {
                opacity: 0
        }
}

/* Scroll-headerColor */
.header.headerColorScroll {
        position: fixed;
        width: 100%;
        transition: all 0.4s ease-out;
}

.header.headerColorScroll .header-pc {
        background-color: #ffffff;
}

.header.headerColorScroll .header-pc a {
        color: #231815;
}

.header.headerColorScroll .header-nav-item::before {
        background-color: #231815;
}

/* Scroll-headerLogo */

.header-logo.headerImgScroll {
        opacity: 1;
        transition: all 0.4s ease-out;
}

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

.contact-link-btn {
        position: fixed;
        top: 10%;
        right: 0;
        z-index: 10;
        background-color: #231815;
        display: flex;
        align-items: center;
        justify-content: center;
}

.contact-link {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 3rem 1rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #e5e5e5;
}

.fa-envelope {
        margin-bottom: 1rem;
        margin-left: 0.2rem;
}

.contact-link p {
        padding-right: 0.2rem;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
}

.contact-link::after {
        position: absolute;
        content: "";
        top: 0;
        left: 50%;
        width: 1px;
        height: 25px;
        background-color: #e5e5e5;
        animation: pathmove00 2s ease-in-out infinite;
        opacity: 0;
}

@keyframes pathmove00 {
        0% {
                height: 0;
                top: 90%;
                opacity: 0;
        }

        30% {
                height: 30px;
                opacity: 1;
        }

        100% {
                height: 0;
                top: 110%;
                opacity: 0;
        }
}
/* 物件一覧 */

/*scrolldown*/
.scroll-position {
        position: relative;
        top: -30px;
}

.scrolldown {
        position: absolute;
        left: 5%;
        bottom: 10px;
        z-index: 2;
        height: 50px;
}

.scrolldown span {
        position: absolute;
        left: -15px;
        top: -15px;
        color: #231815;
        font-size: 0.7rem;
        letter-spacing: 0.05em;
        font-family: 'Josefin Sans', sans-serif;
}

.scrolldown::after {
        content: "";
        position: absolute;
        top: 0;
        width: 1px;
        height: 30px;
        background: #231815;
        animation: pathmove 2s ease-in-out infinite;
        opacity: 0;
}

@keyframes pathmove {
        0% {
                height: 0;
                top: 0;
                opacity: 0;
        }

        30% {
                height: 30px;
                opacity: 1;
        }

        100% {
                height: 0;
                top: 50px;
                opacity: 0;
        }
}

/* hamburger-menu */
.hamburger {
        display: block;
        position: fixed;
        right: 5px;
        width: 42px;
        height: 42px;
        z-index: 6;
        cursor: pointer;
        text-align: center;
}

.hamburger span {
        display: block;
        position: absolute;
        width: 30px;
        height: 2px;
        left: 6px;
        background: #fff;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        box-shadow: 1px 1px 2px #171C61;
}

.hamburger span:nth-child(1) {
        top: 10px;
}

.hamburger span:nth-child(2) {
        top: 20px;
}

.hamburger span:nth-child(3) {
        top: 30px;
}

/* open時 */
.hamburger.active span:nth-child(1) {
        top: 16px;
        left: 6px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
        top: 16px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
}

nav.globalMenuSp {
        position: fixed;
        z-index: 5;
        top: 0;
        left: 0;
        color: #a7a7a7;
        background: #fff;
        transform: translateX(100%);
        transition: all 0.6s;
        width: 100%;
}

nav.globalMenuSp ul {
        background: #008CCF;
        margin: 0 auto;
        padding: 3rem 0 0 5rem;
        width: 100%;
        height: 100vh;
}

nav.globalMenuSp ul li {
        list-style-type: none;
        padding: 0;
        width: 100%;
}

nav.globalMenuSp ul li:last-child {
        padding-bottom: 0;
        border-bottom: none;
}

nav.globalMenuSp ul li a {
        display: block;
        width: 70%;
        color: #fff;
        font-size: 1.7rem;
        padding: 1.5em 0;
        text-decoration: none;
}

/* jQueryで付与・削除 */
nav.globalMenuSp.active {
        transform: translateX(0%);
}

.contents-inner {
        max-width: 1240px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 15rem auto;
}

.contents-flex {
        display: flex;
        justify-content: space-between;
}

.title-block {
        width: 16%;
}

.txt-block {
        width: 65%;
        text-align: justify;
}

.effect-fade {
        opacity: 0;
        transform: translate(0, 70px);
        transition: all 600ms;
}

.effect-fade.effect-scroll {
        opacity: 1;
        transform: translate(0, 0);
}

.content-title {
        position: relative;
        z-index: -1;
        /*padding-bottom: 20px;
        margin-bottom: 15px;*/
        font-size: 3rem;
        /*font-family: 'Josefin Sans', sans-serif;*/
}
/*
.content-title::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 3px;
        background-color: #171C61;
}*/

.jp-title {
        display: block;
}

.btn-flex {
        width: 10%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
}

.btn-block {
        font-family: 'Josefin Sans', sans-serif;
}

.btn {
        color: #231815;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.2s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-bottom: 1px solid #231815;
}

.btn:hover {
        padding-right: 5px;
        color: #171C61;
        border-bottom: 1px solid #171C61;
}

.fa-angles-right {
        opacity: 0;
        font-size: 10px;
        margin-right: -20px;
        transition: 0.2s;
}

.btn:hover .fa-angles-right {
        opacity: 1;
        margin-right: 5px;
        color: #171C61;
}
/* top */
.top_notice_pc{
		width: 100%;
                max-width: 1200px;
                margin: 0 auto;

}
.top_content_pc{
		/*height: 500px;*/
		width: 100%;

}

.top_content_pc ul{
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
		margin: 0 auto;
		justify-content: space-between;

}
.top_content_pc .content_logo{
		width: 197px;
}
.top_content_pc .content_text{
		width: 100%;
		margin-top: 2rem;
		margin-left: 2rem;
}

.top_content_inner{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: 3rem;

}

.top_content_inner img{
		/*max-width: 378px;*/
		/*padding-right: 25px;*/

}

.top_content_pc .staff-box li {
		text-align: center;
		margin-right: 15px;
}
.top_content_pc .popup-ul {
		display: block;

}



/* service */
.panel-block {
        margin-top: 3.5rem;
}

.panel-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}

.panel-item {
        width: 31%;
        margin-bottom: 9rem;
}

.panel-title-wrap {
        position: relative;
        z-index: -1;
        padding: 1rem 0;
        margin-bottom: 1.7rem;
}

.panel-title-wrap::after {
        position: absolute;
        content: "";
        width: 67px;
        height: 1px;
        bottom: 0;
        left: 0;
        background-color: #171C61;
}

.panel-title {
        font-size: 2.2rem;
        color: #171C61;
        text-align: justify;
}

.title-style {
        font-size: 1.8rem;
}

.panel-text {
        min-height: 70px;
        margin-bottom: 1rem;
}

.panel-text p {
        text-align: justify;
}

.panel-img {
        width: 100%;
}

.btn-flex02 {
        width: 100%;
}

.panel-photo-area {
        overflow: hidden;
}

.panel-img {
        transition: transform 0.3s;
}

.panel-link:hover .panel-img {
        transform: scale(1.1);
}

/* message */
.message-block {
        margin-bottom: 15rem;
}

.message-bgc {
        width: 100%;
        height: 400px;
        position: absolute;
        z-index: -2;
}

.message-block-inner {
        max-width: 1240px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
}

.message-contents-flex {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        color: #ffffff;
}

.title-block03 {
        margin-bottom: 3.7rem;
        text-align: right;
}

.content-title03::after {
        right: 0;
        left: auto;
        background-color: #ffffff;
}

.txt-block03 {
        margin-bottom: 3rem;
        font-size: 1.6rem;
        text-align: right;
        letter-spacing: 0.2em;
        line-height: 1.7em;
}

.top-txt-style {
        margin-bottom: 2rem;
}

.btn-block03 {
        width: max-content;
        margin: 0 0 0 auto;
}

.btn03 {
        justify-content: flex-end;
        color: #ffffff;
        border-bottom: 1px solid #ffffff;
}

.btn03:hover {
        color: #ffffff;
        border-bottom: 1px solid #ffffff;
}

.btn03:hover .fa-angles-right {
        color: #ffffff;
}

.photo-area {
        width: 45%;
        height: 400px;
}

.top-photo {
        max-width: 1100px;
        width: 100%;
        object-fit: cover;
}

/* news */

.news-title-wrap {
        overflow: hidden;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        margin-bottom: 2rem;
        border-bottom: 1px solid #e5e5e5;
}

.ymd-new {
        /*float: left;*/
        margin-left: 2.5rem;
        /*font-size: 1.3rem;*/
        /*background-color: #008CCF;*/
        color: #111111;
        padding: 0.3rem;
        width: 200px;
        text-align: left;
}
.info-type {
	width: 150px;
}

.news-title-box {
        overflow: hidden;
}
.news-topics {
	margin-left: 15px;
	width: 100%;
}

.new-mark {
        float: left;
        margin-right: 2rem;
}
.catName {
		background-color: #008CCF;
		width: 100px;
		text-align: center;
		color: white;
		padding: 4px;
}

.newMark {
        height: 30px;
        padding: 3px 25px;
        font-size: 12px;
        color: #ffffff;
        background-color: #d63002;
}

.news-block .title-block {
        width: 10%;
}

.news-block .txt-block {
        width: 85%;
}

.news-block .btn-flex {
        margin: 5rem 0 0 auto;
}

.newsList li {
        margin-bottom: 3rem;
}

.php-copyright {
        display: none;
}

/* GROUP WEBSITE */
.gruop-block .title-block {
        width: max-content;
        margin-bottom: 2.5rem;
}

.link-block {
        max-width: 1000px;
        margin: 0 auto;
}

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

.link-list {
        width: 32%;
        margin-bottom: 2%;
}

.link-btn {
        display: inline-block;
        width: 100%;
        height: 100%;
        background-color: #171C61;
}

.link-img {
        width: 100%;
}

/*page-top*/
#page-top a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 50px;
        background: #231815;
        border-radius: 3px;
        color: #ffffff;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 2rem;
        transition: all 0.3s;
        border: 1px solid #231815;
}

#page-top {
        position: fixed;
        right: 10px;
        z-index: 2;
        opacity: 0;
        transform: translateY(100px);
}

/*上に上がる*/
#page-top.UpMove {
        animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime {
        from {
                opacity: 0;
                transform: translateY(100px);
        }

        to {
                opacity: 1;
                transform: translateY(0);
        }
}

/*下に下がる*/

#page-top.DownMove {
        animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime {
        from {
                opacity: 1;
                transform: translateY(0);
        }

        to {
                opacity: 1;
                transform: translateY(100px);
        }
}

.footer {
        padding: 5rem 0 1rem;
        background-color: #008CCF;
        color: #ffffff;
}

.footer-inner {
        width: 100%;
        max-width: 1240px;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 auto 4.5rem;
}

.footer-inner ul{
        display: flex;
        justify-content: space-between;
        margin-top: 5%;
        margin-bottom: 5%;

}

.footer-logo {
        width: 30%;
        padding-right: 5%;
}

.footer-nav-center {
        width: 45%;
        padding: 0 5%;
}

.footer-nav-right {
        width: 20%;
        padding-left: 5%;
}

.footer-logo-box {
        margin-bottom: 2rem;
}


.footer-nav-center,
.footer-nav-right {
        border-left: 1px solid #ffffff;
}
.footer .shop-map {
                        /* width: 650px; */
                        width: 650px;
			height: 400px;
		
}
.footer .sns-box {
		display: flex;
		margin-top: 10px;

}
.footer .sns-box img {
		margin-right: 10px;
}
.center-list {
        display: flex;
        justify-content: space-between;
}

.center-list-title {
        display: block;
        margin-bottom: 1rem;
        font-size: 1.5rem;
}

.center-list-title:hover {
        color: #a7a7a7;
        transition: .3s;
}

.center-link-list {
        font-size: 1.3rem;
}

.center-link-list li {
        margin-bottom: 0.5rem;
}

.center-link-list {
        text-indent: 1rem;
}

.right-list li {
        margin-bottom: 1rem;
}

.center-link-list li:hover,
.right-list li:hover {
        color: #a7a7a7;
        transition: .3s;
}

.copyright {
        text-align: center;
        font-size: 1.1rem;
        color: #a7a7a7;
}

@media screen and (max-width:1024px) {

		.header-inner {
				position: static;
		
		}

        .header-pc {
                padding: 10px 20px;
        }

        .header-logo {
                width: 30%;
        }

        .logo-wrap {
                width: 90%;
                top: 300px;
        }

		.sp {
				display: block;
		}
		.pc {
				display: none;
				
		}
		.header-tittle {
				padding: 1rem;
		
		}
		.top_content_pc ul{
				display: flex;
				flex-wrap: wrap;
		
		}
		.top_content_pc .staff-box ul::after {
				content: "";
		
		}
		.top_content_pc .staff-box ul{
				justify-content: center;

		}
		
		.top_content_pc .content_text {
				padding-right: 2rem;
		}
        .catch-copy,
        .asset-logo {
                width: 90%;
        }

        .company-logo {
                width: 40%;
                padding-top: 30%;
        }

        .contact-link-btn,
        .scrolldown {
                display: none;
        }

        .contents-inner {
                margin: 7rem auto;
        }

        .panel-block {
                margin-top: 0;
        }

        .contents-flex {
                display: block;
        }

        .title-block {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100%;
                margin: 0 auto 2rem;
        }

        .content-title {
                font-size: 2.5rem;
                padding-bottom: 1rem;
                margin-bottom: 0.5rem;
        }

        .content-title::after {
                left: 50%;
                transform: translateX(-50%);
        }

        .jp-title {
                font-size: 1.3rem;
        }

        .txt-block {
                width: 100%;
                margin-bottom: 3rem;
        }

        .btn-flex {
                width: 100%;
        }

        .panel-title {
                font-size: 1.7rem;
        }

        .title-style {
                font-size: 1.5rem;
        }

        .panel-item {
                margin-bottom: 5rem;
        }

        .panel-title-wrap,
        .panel-text {
                margin-bottom: 1rem;
        }

        .message-block {
                margin-bottom: 0;
        }

        .message-block .content-title::after {
                left: auto;
                transform: none;
        }

        .message-bgc,
        .photo-area {
                height: 350px;
        }

        .title-block03 {
                margin-bottom: 2.5rem;
        }

        .txt-block03 {
                font-size: 1.4rem;
                letter-spacing: 0.1em;
                line-height: 1.6em;
                margin-bottom: 3rem;
        }

        .top-txt-style {
                margin-bottom: 1rem;
        }

        .news-block .title-block,
        .news-block .txt-block,
        .news-title-box {
                width: 100%;
        }

        .news-title-box {
                padding: 1rem 0;
        }

        .news-topics,
        .ymd-new {
                /*font-size: 1.2rem;*/
                /* float: auto; */
                margin-left: 0;
        }
        .info-type {
		width: auto;
		margin-left: 0;
		}

        .footer-logo {
                padding-right: 2%;
        }

        .footer-nav-center {
                width: 40%;
                padding: 0 2%;
        }

        .footer-nav-right {
                width: 25%;
        }

        .center-list {
                display: block;
        }

        .footer-nav-right {
                padding-left: 2%;
        }

        .footer-logo-box {
                margin-bottom: 2rem;
        }
		.footer-inner ul{
		        display: block;

		}
		.footer .shop-map {
			width: 100%;
			height: 300px;
		
		}
		.footer-img-box ul{
				display: flex;
				justify-content: left;
				margin-top: auto;
				width: 100%;
		}
        .footer-img-box img {
        	width: 100%;
        }
}

@media screen and (max-width:599px) {
        .pc {
                display: none;
        }

        .sp {
                display: block;
        }

        .header-inner {
                position: fixed;
                z-index: 5;
                padding: 10px 20px;
                background-color: #ffffff;
        }

        .header-logo {
                width: 85%;
                opacity: 1;
        }
        
        .header-logo img {
        		width: 100%;
        
        }




        .logo-wrap {
                width: 85%;
                flex-direction: column;
                top: 200px;
        }


        .company-logo {
                width: 40%;
                padding-top: 5%;
                margin: 0 0 0 auto;
        }

        .catch-copy01 {
                margin-bottom: 1rem;
        }

        .asset-logo {
                width: 100%;
        }

        .hero-city {
                top: 65px;
                left: 0;
                -webkit-animation: anime02 24s 0s infinite;
                animation: anime02 24s 0s infinite;
        }

        .hero-text-image {
                width: 35px;
        }

        .btn {
                padding: 1.2rem 3rem 0.8rem 3rem;
                border: 1px solid #231815;
        }

        .btn:hover {
                background-color: #171C61;
                color: #ffffff;
                border: none;
        }

        .btn:hover .fa-angles-right {
                color: #ffffff;
        }

        .content-title {
                font-size: 2rem;
        }

        .contents-inner {
                margin: 4rem auto;
        }

        .service-block {
                margin-bottom: 6rem;
        }

        .panel-block {
                margin-bottom: 3rem;
        }

        .panel-list {
                display: block;
        }

        .panel-item {
                width: 100%;
                margin-bottom: 1.5rem;
        }

        .panel-link {
                display: flex;
                justify-content: space-between;
        }

        .panel-photo-area {
                order: 0;
                width: 45%;
        }

        .panel-text-area {
                order: 1;
                width: 53%;
                margin-top: -4px;
        }

        .panel-title-wrap {
                padding-top: 0;
                padding-bottom: 0.5rem;
                margin-bottom: 0.5rem;
        }

        .panel-title {
                font-size: 1.6rem;
                line-height: 1.4em;
        }

        .title-style {
                font-size: 1.5rem;
        }

        .panel-text {
                margin-bottom: 0;
                letter-spacing: 0.04em;
                line-height: 1.4em;
                font-size: 1.3rem;
        }

        .message-bgc {
                height: 555px;
        }

        .message-block-inner {
                flex-direction: column;
                padding: 0;
        }

        .message-contents-flex {
                order: 1;
                width: 100%;
                margin-top: 2.5rem;
                padding-left: 20px;
                padding-right: 20px;
        }

        .title-block03 {
                margin-bottom: 2rem;
                text-align: left;
        }

        .photo-area {
                order: 0;
                width: 100%;
                height: 245px;
        }

        .message-block .content-title::after {
                left: 0;
        }

        .txt-block03 {
                text-align: justify;
                font-size: 1.4rem;
                letter-spacing: 0.1em;
                line-height: 1.6em;
        }

        .top-txt-style {
                margin-bottom: 1rem;
        }

        .message-block .btn {
                border: 1px solid #ffffff;
        }

        .message-block .btn:hover {
                background-color: #ffffff;
                color: #171C61;
                border: none;
        }

        .message-block .btn:hover .fa-angles-right {
                color: #171C61;
        }

        .news-block {
                margin-top: 8rem;
        }

        .news-title-box {
                padding: 0.5rem 0;
        }

        .link-list {
                width: 49%;
        }

        .gruop-block {
                margin-bottom: 10rem;
        }

        .footer {
                padding-top: 2rem;
        }

        .footer-inner {
                display: block;
        }

        .footer-inner a {
                display: block;
                padding: 0.5rem 0;
        }

        .footer-logo {
                width: 100%;
                padding: 0;
        }

        .tel-link,
        .mail-style {
                display: flex;
                align-items: center;
        }

        .footer-nav-center,
        .footer-nav-right {
                width: 100%;
                padding: 0;
                margin-top: 3rem;
                border: none;
        }

}