@charset 'UTF-8';
/*
Theme Name: LIGO
Description: WordPressオリジナルテーマ制作用デモ
Version: 1.0
Author: LIGO
Author URI: 
*/

/*-----------------------------
 GENERAL STYLING
-------------------------------- */
body {
	color: #1C1C1C;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 18px;
	width: 100%;
}

a{text-decoration: none;}


#pagetop {
 position: fixed;
    bottom: 50px;
    right: 30px;
	z-index: 999;
}

#pagetop img{
	width: 80px;
}

	p {
    	line-height: 1.7em;
		color: #0C0C0C;
    	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
		font-size: 18px;
		}
	

.page-top {
    position: fixed;
    bottom: 50px;
    right: 30px;
    cursor: pointer;
    transition: opacity .3s ease;
    z-index: 5;
}

.page-top img{
	width: 80px;
}


.mt30{margin-top: 30px;}

.mt50{margin-top: 50px;}

.mt100{margin-top: 100px;}

.mb30{margin-bottom: 30px;}

.textCenter{text-align: center;}

.colGreen{color: #00A2A2;}

/*breadcrumb*/

.breadcrumb{
    display: flex;
    gap: 0 22px;
    list-style: none;
    padding: 0;
    font-size: .9em;
	width: 1400px;
	margin: 10px auto 200px;;
	font-weight: bold;
}

.breadcrumb li{
    display: flex;
    align-items: center;
}

.breadcrumb li:not(:last-child)::after {
    display: inline-block;
    transform: rotate(45deg);
    width: .3em;
    height: .3em;
    margin-left: 10px;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    content: '';
}

.breadcrumb a {
    color: #333333;
    text-decoration: none;
}

/*-----------------------------------------------
  MAIN
-----------------------------------------------*/

section .contents01{
	width: 1400px;
	margin: 100px auto;
		}

section .contents02{
	width: 1400px;
	padding: 90px 0;
	margin: 0 auto;
}

section .contents04{
	width: 1200px;
	padding: 90px 0;
	margin: 0 auto;
}


.contactBk{
	background-color: #E4FFF0;
	padding: 100px 0;
}


/*--------------------------------
 COMMON
-------------------------------- */

.sp-br{display: none;}
	
.tab-br{display: none;}

.pc-br{display: block;}


/*ハンバーガーメニュー*/
.hamburger-menu{
	display: none;
}

.header02 h1{
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
}

.subTitle{
	font-size: 60px;
	font-weight: bold;
	color: #ffffff;
}


h2{
color: #00A2A2;
font-weight: bold;
font-size: 50px;
text-align: center;
position: relative;
}

h2:before {
display: inline-block;
position: absolute;
content: '';
top: 60px;
left: 50%;
width: 50px; /*下線の幅*/
height: 5px; /*下線の太さ*/
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translate(-50%); /*位置の調整*/
background-color: #00A2A2; /*下線の色*/	
}

h3{
font-weight: bold;
font-size: 30px;
color: #272727;
text-align: center;
margin-top: 30px;
}




/*-----------------------------------------------
   animation
----------------------------------------------- */
.button01 a {
    background: linear-gradient(90deg, rgba(43,195,182,1) 0%, rgba(40,161,207,1) 100%);
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 367px;
    padding:25px;
    color: #fff;
    transition: 0.3s ease-in-out;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.5em;
}
.button01 a:hover {
    opacity: 0.5;
    color: #FFF;
}

.button01 a:before {
position: absolute;
  right: 8px;
  top: 50%;
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  background: #fff;
}

.button01 a:after {
    content: '';
    width: 15px;
    height: 15px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 48%;
    right: 15px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button01 a:hover:after {
    border-color: #FFF;
}

.button02 a {
    background: linear-gradient(90deg, rgba(43,195,182,1) 0%, rgba(40,161,207,1) 100%);
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 367px;
    padding:25px;
    color: #fff;
    transition: 0.3s ease-in-out;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.5em;
}
.button02 a:hover {
    opacity: 0.5;
    color: #FFF;
}

.button02 a:before {
position: absolute;
  right: 8px;
  top: 50%;
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  background: #fff;
}

.button02 a:after {
    content: '';
    width: 15px;
    height: 15px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 48%;
    right: 15px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button02 a:hover:after {
    border-color: #FFF;
}

.button03{
	text-align: right;
	color: #C5C5C5;
}

.headline01{
	text-align: center;
	opacity : 0;
	transform : translate(0, 100px);
	transition : all 1s;
	margin-bottom: 90px;
}
 
.headline01.active{
  opacity : 1;
  transform : translate(0, 0);
}



/*---------------------------------------------
  LAYOUT
--------------------------------------------- */
.wrapper {
    width: 100%;
    margin: 0 auto;
}

/*---------------------------------------------
  header
-----------------------------------------------*/
header {
	width: 100%;
	margin: 0 auto;
}

.headerBox{
	display: flex;
	width: 90%;
	height: 100px;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
}

.hederLogo img{
	height: 60px;
}

.mainVisual{
	display: flex;
	width: 95%;
	margin: 0 auto 100px;
	align-items: center;
}

.phraseBox{
	width: 45%;
}
	
.phraseBox h1{
	font-size:max(3vw,5vw);
 	text-shadow:1px 1px 3px #868686;
}
	
.phrase01{
	font-weight: bold;
	position: relative;
    display: inline-block;
    padding: 10px 0px;
	margin-bottom: 20px;
}
	
.phrase01:after {
    content: '';
    position: absolute;
    top: 50%;
	left: 100%;
    display: inline-block;
    width: 20%;
    height: 1px;
    background-color: #272727;
}

.phrase01:after {
    right: 0;
}
	
.phrase02{
	font-weight: bold;
	position: relative;
    display: inline-block;
    padding: 10px 0px 0px 120px;
}
	
.phrase02:before {
    content: '';
    position: absolute;
    top: 50%;
	left: 100%;
    display: inline-block;
    width: 20%;
    height: 1px;
    background-color: #272727;
}

.phrase02:before {
    left: 0;
}

.mainImg{
	width: 55%;
} 
	
.mainImg img{
	width: 100%;
}

.topBk{
	width: 95%;
	margin: 0 auto;
}

.preface{
	color: #00A2A2;
	font-size: 2em;
	text-align: center;
	line-height: 1.5em;
	margin-bottom: 200px;
}
		
.preface span{font-weight: bold;}

.philosophyBox{
		background-color: #E4FFF0;
		position: relative;
		padding: 150px 0 100px;
}

.philosophyMargin{
	margin: 50px auto 0;
	line-height: 2em;
}


.philosophy{
	margin-bottom: 100px;
}

		
		.philosophyTitleBox{
		position: absolute;
    	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -180%);
    -ms-transform: translate(-50%, -50%);	
		}
		
		.philosophyTitle01{
			color: #00A2A2;
			font-weight: bold;
			font-size: 50px;
				}
		
		.philosophyTitle01:before {
			display: inline-block;
			position: absolute;
			content: '';
 			top: 60px;
 			left: 50%;
 			width: 50px; /*下線の幅*/
 			height: 5px; /*下線の太さ*/
			-moz-transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translate(-50%); /*位置の調整*/
			background-color: #00A2A2; /*下線の色*/
								}
		.philosophyTitle02{
			text-align: center;
			font-weight: bold;
			font-size: 45px;
			color: #009944;
		}
		
		
		.philosophySubTitle{
			font-weight: bold;
			font-size: 30px;
			color: #272727;
			text-align: center;
			margin-top: 30px;
		}
		
		.philosophyBox p{
			text-align: center;
			line-height: 1.5em;
			margin: 50px auto 85px;
		}


	
/*メニュー*/
.menu-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        border-bottom: 1px solid var(--light-grey);
        background: none;
        position: static;
        width: 100%;
        transition: none;
		color: #272727;
 }

.menu-wrapper ul{
        display: flex;
        justify-content: flex-end;
        border-bottom: 1px solid var(--light-grey);
        background: none;
        position: static;
        width: 100%;
        transition: none;
		color: #272727;
 }

.admin-bar .menu-wrapper {
    top: calc(50px + 46px);
}

.menu-wrapper li {
    padding: 1rem;
}

.menu-wrapper a {
    white-space: nowrap;
	font-size:18px;
	font-weight: bold;
	transition: 0.3s ease-in-out;
}
.menu-wrapper a:hover {
    color: #888888;
}

.menu-wrapper.open-menu {
    width: 100%;
}

.manu-pc{
	display: block;
}

.manu-sp{
	display: none;
}

.headerSubBox2{
	background-image: url("images/header02.jpg");
	padding: 150px 0;
	text-align: center;
}


	
/*---------------------------------------------
    FOOTER
--------------------------------------------- */
footer{background-color: #E4FFF0;}
	
	.footerBox{
		display: flex;
		justify-content: space-between;
		width: 70%;
		margin: 0 auto;
		padding: 100px 0;
		align-items: center;
			}

	.footerLogo{width: 40%;}
	
	.footerLogo img{height: 60px;}
	
	.footermenu{
		width: 50%;
	}
	
	.footermenu-wrapper{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 60%;
				}

	.footermenu-wrapper li {
		position: relative;
    	display: inline-block;
    	padding: 10px 40px;
				}
	
	.footermenu-wrapper li :before{
    	content: '';
    	position: absolute;
    	top: 50%;
    	display: inline-block;
    	width: 20px;
    	height: 3px;
    	background-color: #00A2A2;
				}
	
	.footermenu-wrapper li :before {left: 0;}
	
	.footermenu-wrapper a {
		color: #272727;
		text-decoration: none;
			}

	.footermenu-wrapper.open-menu {width: 100%;}

.copyrightBox{
    background-color: #ffffff;
    text-align: center;
	line-height: 1.7em;
	font-weight: bold;
}

.copyright{color: #272727;}

/*---------------------------------------------
  index
----------------------------------------------- */

/*採用情報*/
.recruitBox{
	display: flex;
}

.recruitSubBox01{
	width: 50%;
}

.recruitSubBox01 img{
	height: 100%;
}


.recruitSubBox02{
	width: 50%;
	flex-direction: column;
	justify-content: flex-start;
	background-color: #E4FFF0;
	padding: 100px 0 100px 75px;
}

.recruitTitleSub01{
	color: #00A2A2;
	font-weight: bold;
	font-size: 50px;
	position: relative;	
}

.recruitTitleSub01:before{
	display: inline-block;
	position: absolute;
	content: '';
	top: 60px;
	left: 3%;
	width: 50px; /*下線の幅*/
	height: 5px; /*下線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%); /*位置の調整*/
	background-color: #00A2A2; /*下線の色*/	
}

.recruitTitleSub02{
	font-weight: bold;
	font-size: 30px;
	color: #272727;
	margin-top: 30px;	
}

.recruitText{
	margin: 30px auto 50px;
}

/*提携パートナー募集*/
.topPartner{
	background-image: url("images/toppartner.jpg");
	text-align: center;
}

.topPartnerTitle{
	color: #ffffff;
	font-size: 80px;
	font-weight: bold;
    text-shadow:3px 3px #00A2A2;
	text-align: center;
}

.topPartnerText{
	color: #fff;
	margin: 80px auto;
	text-align: center;
	line-height: 1.5em;
}

.topPartnerLogoBox{
	background-color: #ffffff;
	padding: 45px 60px;
	margin-bottom: 90px;
}

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

.topPartnerLogoSubBox02{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 50px;
}

.topPartnerLogo01{
	width: 24%;
}

/*googlemap*/
.googleMap {
position: relative;
height: 0;
overflow: hidden;
}

.googleMap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 500px;
}

.topBannerBox{display: flex;}

.topBannerSubBox01{
	display: flex;
	background-color: #009944;
	justify-content: flex-end;
	padding: 50px 120px 50px 0;
	width: 50%;
	align-items: center;
}

.topBannerSubBox02{
	display: flex;
	background-color: #2BC2B7;
	justify-content: center;
	width: 50%;
	align-items: center;	
}

.topBannerIcon{width: 8%;}	
	
.topBannerIcon img{width: 100%;}


.topBannerText{
	font-size: 3vw;
	color: #fff;
	font-weight: bold;
	margin-left: 10px;
}


/*-----------------------------------------------
  News
----------------------------------------------- */

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

.post-item {
	width: 30%;
	height: 450px;
	background-color: #FBF9F6;
	margin-bottom: 30px;
}

.post-item img{
	width: 100%;
}

/*記事ページ*/
.post-item2 {
	width: 100%;
	height: 450px;
	background-color: #FBF9F6;
	
}

.post-header{
	padding: 30px;
	text-align: center;
} 

    .single .post-item:hover,
    .page .post-item:hover {
        box-shadow: none;
    }
    .single .post-header {
        padding: 4rem 3rem 2rem;
    }
    .page .post-header {
        padding: 2rem 3rem;
    }
    .single .wp-post-image + .post-header,
    .page .wp-post-image + .post-header {
        padding-top: 2rem;
    }
    .single .post-title,
    .page .post-title {
        font-size: var(--font-xl);
		padding-bottom: 30px;
		text-align: center;
    }
    .post-content {
 /*       padding-bottom: 2rem;*/
		padding: 50px;
    }
    .post-content h2 {
        font-size: var(--font-xl);
        margin-bottom: 1rem;
    }
    .post-content h3 {
        font-size: var(--font-xl);
        margin-top: 3rem;
    }
    .post-content h4 {
        font-size: var(--font-lg);
        margin-top: 3rem;
    }
    .post-content h3,
    .post-content h4,
    .post-content h5,
    .post-content h6,
    .post-content p,
    .post-content ul,
    .post-content ol,
    .post-content figure,
    .post-content blockquote {
        margin-bottom: 1.5rem;
    }
    .post-content img {
        margin-bottom: 1rem;
    }
    .post-content blockquote {
        padding: 1.5rem 1.5rem .25rem 2.5rem;
    }
    .post-content blockquote::before {
        top: 2px;
        left: 10px;
    }
    .post-footer {
        padding-bottom: 3rem;
    }
/*新着 上記追記*/

.post-flexBox p{
	padding: 1px 18px;
    color: #ffffff;
}

.post-flexBox{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px auto;
}

.hello-world{
	background-color: #FF5F27;
}

.hello-world-2{
	background-color: #0D2EA1;
}

.hello-world-3{
	background-color: #7BBE16;
}

.post-text{
	text-align: left;
}

.post-text a{
	color: #005DE8;
}

.post-text a:hover{
	color: #232584;
}

.post-title{
	font-size: 18px;
	font-weight: bold;
	color: #232584;
}

/*-----------------------------------------------
 business.php
----------------------------------------------- */

.divisionBox{
	display: flex;
	justify-content:space-around;
	margin-bottom: 100px;
}

.divisionBox02{
	display: flex;
	width: 85%;
	margin: 0 auto 100px;
}

.divisionSubBox{
  	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.divisionSubBox p{
	margin-top: 25px;
}


.companyListBox ul{
	display: flex;
	border-top: 1px solid #989696;
	border-bottom: 1px solid #989696;
	margin: 0 0 -1px; 
	padding: 17px 0;
}

.companyList01{
	width: 20%;
	font-size: 20px;
	font-weight: bold;
	color: #272727;
}

.companyList02{
	width: 80%;
	font-size: 18px;
}

.companyList02 a{color: blue;}

.companyList02 a :hover{color:aqua;	transition: 1.0s;}


.businessBox{
	display: flex;
	margin-bottom: 90px;
	align-items: center;
}

.businessImg{
	width: 50%;
}

.businessSubBox01{
  	display: flex;
	flex-direction: column;
	width: 50%;
	margin-left: 140px;
	line-height: 1.5em;
}

.businessSubBox02{
  	display: flex;
	flex-direction: column;
	width: 50%;
	line-height: 1.5em;
}

.businessTitle{
	margin-bottom: 50px;
}


.businessTitleSub01{
	color: #00A2A2;
	font-weight: bold;
	font-size: 50px;
	position: relative;		
}

.businessTitleSub01:before{
	display: inline-block;
	position: absolute;
	content: '';
	top: 50px;
	left: 5%;
	width: 50px; /*下線の幅*/
	height: 5px; /*下線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%); /*位置の調整*/
	background-color: #00A2A2; /*下線の色*/		
}

.businessTitleSub02{
	font-weight: bold;
	font-size: 30px;
	color: #272727;
	margin-top: 50px;
}

.businesssubBox02{
	margin-left: 78px;
}

.businessText{
	display: flex;
}


/*-----------------------------------------------
 SINGLE / PAGE ARTICLE
----------------------------------------------- */
.single .post-title,
.page .post-title {
    font-size: var(--font-lg);
}
.single .post-header {
    padding: 4rem 1rem 1rem;
}
.page .post-header {
    padding: 1rem;
}
.single .wp-post-image + .post-header,
.page .wp-post-image + .post-header {
    padding-top: 1rem;
}
.post-content {
    padding-bottom: 1rem;
}
.post-content a {
    color: var(--green);
    text-decoration: underline;
}
.post-content a:hover {
    color: var(--dark-blue);
}
.post-content h2 {
    font-size: var(--font-lg);
    background: url(images/leaf-left.svg) left top/24px 28px no-repeat;
    border-bottom: 4px double var(--light-grey);
    padding: 0 .5rem .75rem 2rem;
    margin: 3rem 0 .5rem;
}
.post-content h3 {
    font-size: var(--font-lg);
    margin-top: 2rem;
}
.post-content h4,
.post-content h5,
.post-content h6 {
    font-weight: bold;
}
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.post-content p,
.post-content ul,
.post-content ol,
.post-content figure,
.post-content blockquote,
.post-content pre {
    margin-bottom: 1rem;
}
.post-content figcaption {
    font-size: var(--font-sm);
    text-align: center;
}
.post-content img {
    margin-bottom: .5rem;
    height: auto;
}
/*.post-content .wp-block-image:not(.is-style-rounded) img {
    border-radius: var(--round-md);
}*/

.wp-block-image{
	margin: 50px auto;
}

.post-content ul,
.post-content ol {
    padding-left: 2rem;
}
.post-content ul {
    list-style: square;
}
.post-content ol {
    list-style: decimal;
}
.post-content li {
    line-height: 1.5;
}
.post-content li::marker {
    color: var(--green);
}
.post-content blockquote {
    background: #eee;
    padding: 1rem 1rem .25rem 2rem;
    border-radius: var(--round-md);
    position: relative;
}
.post-content blockquote::before {
    content: '“';
    position: absolute;
    font-size: 3rem;
    color: var(--light-grey);
    top: 0;
    left: 8px;
}
.post-content blockquote cite {
    margin-bottom: 1.5rem;
    display: inline-block;
}
.post-footer {
    padding-bottom: 1rem;
}
.post-content code,
.post-content kbd {
        background: #eee;
        padding: 3px;
        border-radius: 3px;
        margin: 0 3px;
}




/*-----------------------------------------------
 BLOCK
----------------------------------------------- */
.wp-caption {
max-width: 100%;
}
a.wp-block-button__link {
    color: var(--white);
    text-decoration: none;
}
.wp-block-code {
    font-family: Menlo,Consolas,monaco,monospace;
    padding: 0.8em 1em;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: var(--font-sm);
    line-height: 1.5;
}
.wp-block-code code {
    background: none;
}
.wp-block-table table {
    border-collapse: collapse;
    width: 100%;
}
.wp-block-table thead {
    border-bottom: 3px solid;
}
.wp-block-table td,
.wp-block-table th {
    padding: 0.5em;
    border: 1px solid;
    word-break: normal;
}
.wp-block-separator {
    margin: 2rem auto;
    border-color: var(--light-grey);
    width: 100px;
}
.wp-block-calendar {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/*-----------------------------------------------
T AG LIST
-----------------------------------------------*/
.tags-links li {
    display: inline-block;
    font-size: var(--font-sm);
    border: 1px solid var(--light-grey);
    border-radius: var(--round-sm);
    padding: .4rem .5rem .5rem;
    margin-right: .25rem;
    margin-bottom: .25rem;
}
.tags-links a::before {
    content: '#';
    color: var(--light-grey);
    margin-right: .25rem;
}
.tags-links a:hover {
    color: var(--green);
}

/*
FORM
================================================ */




/*
COMMENTS
================================================ */
.commentlist {
    margin-bottom: 3rem;
}
h3#comments,
h3#reply-title {
    font-size: var(--font-lg);
    border-bottom: 4px double var(--light-grey);
    padding-bottom: 1rem;
    margin: 3rem 0 1rem;
}
.comment {
    position: relative;
    margin-bottom: 2rem;
}
.comment .avatar {
    width: 40px;
    height: 40px;
    border-radius: var(--round-lg);
    position: absolute;
    top: 0;
    left: 0;
}
.comment-meta {
    font-size: var(--font-sm);
    color: var(--light-grey);
    display: block;
    margin-bottom: .5rem;
}
.comment-author {
    font-weight: bold;
    display: block;
    margin-bottom: .5rem;
}
.comment-body {
    padding-left: 3.5rem;
}
.comment-body p a {
    color: var(--green);
    text-decoration: underline;
}

/*下層ページ*/



/*事業案内*/
.InformationBox{
	display: flex;
	justify-content: space-between;
	margin: 100px auto;
}

.InformationSubBox01{
	width: 45%;

}

.InformationSubBox02{
	width: 45%;
}

.Informationlist{
	font-size: 30px;
	margin-top: 30px;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.Informationlist li{
	list-style: none;
	padding-top:0.4em;
	padding-bottom:0.4em;
	padding-left:1em;
	text-indent:-1.3em;	
}
 
  .Informationlist li:before {
  list-style: none;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f061";
  padding-right: 0.4em;
  color: #00BBFE;
  }

.Informationlist::after{
	left: 4px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #00BBFE;
	border-right: 2px solid #00BBFE;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
 

.SalesBox{
	display: flex;
	justify-content: space-between;
	margin: 100px auto;
}

.SalesSubBox01{
	width: 45%;

}

.SalesSubBox02{
	width: 45%;
}

.Saleslist{
	font-size: 30px;
	margin-top: 30px;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.Saleslist li{
	list-style: none;
	padding-top:0.4em;
	padding-bottom:0.4em;
	padding-left:1em;
	text-indent:-1.3em;	
}
 
 .Saleslist li:before {
  list-style: none;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f061";
  padding-right: 0.4em;
  color: #00BBFE;
  }

.Saleslist::after{
	left: 4px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #00BBFE;
	border-right: 2px solid #00BBFE;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
 

.vehicleBox{
	display: flex;
	justify-content: space-around;
}

.vehicleSubBox{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.vehicleTitle{
	text-align: center;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	color: #00BBFE;
	font-size: 35px;
	margin-top: 20px;
}


/*会社案内ページ*/
.companyText{
	text-align: center;
	margin: 50px auto 0;
	line-height: 1.7em;
}

.aboutBox01{
	width: 1000px;
	margin: 0 auto;
}

.aboutBox02{
	display: flex;
	width: 1000px;
	margin: 0 auto;
}

.aboutBoxSub01{
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	width: 20%;
	color: #0D2EA1;
}

.aboutBoxSub02{
	width: 80%;
}

.aboutBox01 hr{
	border-bottom: solid 0px #989696;
	margin: 10px auto 20px;
}

.baseBox{
	display: flex;
	height: 650px;
}

.baseSubBox01{
	width: 50%;
	background-color: #232584;
}

.baseSubBox01 p{
	padding: 240px 104px  240px 338px;
	font-size: 35px;
	color: #ffffff;
}




.baseSubBox02{
	width: 50%;
}



/*大切なご家族へ*/

.qaBox{
    padding: 20px 0 20px 35px;
    margin: 0 auto;
    background: #ffffff;
	width: 1000px;
}

.questionBox {
    display: flex;
	align-items: center;
}

.questionSubBox01{
}

.questionSubBox02{
	margin-left: 15px;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
}

.answerBox {
    display: flex;
	align-items: center;
	margin-top: 20px;
}

.answerSubBox01{
}

.answerSubBox02{
	margin-left: 15px;
}

/*お問い合わせフォーム*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    border: 1px solid #707070;
    border-radius: 3px;
    padding: .5rem;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	width: 775px;
	background-color: #ffffff;
}


.btnWrap{
    background: linear-gradient(90deg, rgba(43,195,182,1) 0%, rgba(40,161,207,1) 100%);
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 367px;
    padding:25px;
    color: #fff;
    transition: 0.3s ease-in-out;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.5em;
}
.btnWrap:hover {
    opacity: 0.5;
    color: #FFF;
}

.btnWrap:before {
position: absolute;
  right: 8px;
  top: 50%;
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  background: #fff;
}

.btnWrap:after {
    content: '';
    width: 15px;
    height: 15px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 48%;
    right: 15px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.btnWrap:hover:after {
    border-color: #FFF;
}

.contactText01{
	font-size: 18px;
	text-align: center;
}

.contactText01 span{
	font-weight: bold;
}

.contactTextBox{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px auto 100px;
}

.contactTextSubBox01{
	color: #ffffff;
	background-color:  #FF0000;
}


.contactTextSubBox02{
	color: #FF0000;
}



.privacyBox{
	text-align: center;
	margin: 90px auto;
}

.privacyBox a{
	color: #232584;
}

.privacyBox a:hover{
	color: #232584;
	font-weight: bold;
}



.mwformBox{
	margin: 0 auto;
	width: 80%;
}

.formBox{
	display: flex;
	margin: 20px auto;
/*	align-items: center;*/
}

.forSubmBox01{
	width: 20%;
	font-weight: bold;
	color: #161616;
	display: flex;
	align-items: center;
}

.forSubmBox03{
	width: 20%;
	font-weight: bold;
	color: #161616;
	display: flex;
	height: 25px;
}

.translation{
	padding: 0.1em 0.5em;
    color: #ffffff;
    background: #E20000;/*背景色*/
	margin-right: 20px;
}

.forSubmBox02{
}

.mw_wp_form_confirm .privacyBox{
  display: none;
}

.mw_wp_form_input .input-hidden{
	display: none;
}

.btnWrap{
	margin-bottom: 10px;
}

.complete-hidden{
	margin-top: 50px;
}

.check{
	text-align: center;
}


/*記事ページ*/

/*投稿ページ*/
.blog-detail__image{
	text-align: center;
	margin: 0 auto 100px;
}


.blog-detail__title{
	color: #ffffff;
	font-size: 40px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	letter-spacing: 0.3em;
	text-align: center;
}

.attachment-post-thumbnail{
	width: 100%;
	height: 56%;
}

.widget_archive{
	width: 1400px;
	margin: 14px auto;
}





/*仮 ニュース*/
.full_content {
        max-width:750px;
		height: 300px;
        position:relative;
        margin:10px auto 0;
	display: flex;
/*        clear:both;*/
}
.tabmenu{
        width:19%;
	height: 15%;
/*        background:#333;*/
/*        float:left;*/
        list-style:none;
        padding:10px 0 10px;
        text-align:center;
        display:block;
        cursor: pointer;
        color:#C5C5C5;
}

.tabmenuSub{
        width:19%;
/*        background:#333;*/
        float:left;
        list-style:none;
        padding:10px 0 10px;
        text-align:center;
        display:block;
        cursor: pointer;
        color:#C5C5C5;
}

/*.active, .hover {
        background:#999;
        color: #000;
        font-weight:bold;
}
*/
.hover {
        background:#D5D5D5;
        color: #272727;
        font-weight:bold;
}


.tabmenu img:hover { opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";}

.mr01{margin-right:1px;}

.tabcontent {
        width:100%;
        margin:5% auto 0;
        left:0;
	position:absolute; 
}

.tabcontent dl{max-width:750px; margin: 20px auto;}

.tabcontent dl dt{padding:0 20px 5px; border-bottom: solid 1px #e2e2e2; margin-bottom:10px; font-weight: 100;}

.tab_title{margin-top: 10px; padding: 5px 20px 5px; /*font-weight: bold; */border-bottom: 1px #999 solid;}

/*募集職種一覧*/

.jobList{
    padding: 90px 190px;
    background: #E4FFF0;
}

.jobListText{
	text-align: center;
	margin: 90px auto;
}

.occupationBox{
	display: flex;
	justify-content: center;
	margin-bottom: 90px;
}

.occupation01{
	padding: 0.5em 1em;
	margin: 10px;
    border: solid 2px #00A2A2;
	width: 30%;
	height: 100px;
/*	text-align: center;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.occupationEn{
	color: #00A2A2;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.occupationja{
	color: #272727;
	font-size: 25px;
/*	text-indent: 1em;*/
	font-weight: bold;
	text-align: center;
}

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

.welfareImgSunBox01{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 42%;
}

.welfareImgSunBox01 img{
	width: 100%;
	margin-bottom: 10px;
}

.welfareImgSunBox02{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 56%;
}

.welfareImgSunBox02 img{
	width: 100%;
	margin-bottom: 10px;
}

.welfareTitle {
    display: flex;
	justify-content: center;
	margin: 90px auto;
}

.welfareTitle img{
    width: 40%;
}


.welfare{width: 50%;}

.welfareText{line-height: 2em; text-align: center; font-size: 18px;}

.memberTitle{font-size: 40px; font-weight: bold; color: #00A2A2; text-align: center; margin: 90px auto 100px; line-height: 1.5em;}

.baycourt{width: 70%; margin: 0 auto;}

.baycourt img{width: 100%;}

.applicationBox{width: 80%; margin: 0 auto;}

.baycourtText{text-align: center; line-height: 1.5em; font-size: 18px; margin: 90px auto 100px;}

.appTitle{border-bottom: solid 3px #00A2A2; font-size: 35px; font-weight: bold;margin-bottom: 10px;}

.appText{font-size: 25px; line-height: 1.5em; margin-bottom: 50px;}

.appText a{color: blue;}

.appText a:hover{color:aqua; transition: 1.0s;}

.appMap{margin-bottom: 20px;}

.appAddress01{font-size: 30px; font-weight: bold; color: #00A2A2;}

.appAddress02{line-height: 1.5em; font-size: 18px;}

.accessBox{width: 80%; margin: 0 auto;}

.accessTitle{border-bottom: solid 3px #00A2A2; font-size: 35px; font-weight: bold; margin: 125px auto 20px;}

.accessSubTitle{font-size: 30px; font-weight: bold; color: #00A2A2; margin: 25px auto;}

.accessText{line-height: 1.5em; font-size: 18px; margin-bottom: 50px;}

/*sales*/
.recruitItem01{
	border-bottom: solid 3px #00A2A2;
	font-size: 40px;
	font-weight: bold;
	color: #00A2A2;
	margin-bottom: 50px;
}

.recruitItem02{
	font-size: 25px;
	font-weight: bold;
	color: #00A2A2;
	margin: 50px 0 0;
}

.recruitItem03{
	font-size: 30px;
	font-weight: bold;
}


.recruitSubItem{
	font-size: 25px;
	font-weight: bold;
	color: #00A2A2;
	margin-bottom: 10px;
}

.recruitList01{margin: 40px 0 80px 1em;}


.recruitList01 ul li{
	font-size: 18px;
	font-weight: bold;
	color: #00A2A2;
	line-height: 2em;
	list-style-type: disc;
}

.recruitList02{margin-left: 1em;}


.recruitList02 ul li{
	font-size: 18px;
	line-height: 2em;
	list-style-type: disc;
}

.salaryBox{margin: 100px auto;}

.salaryBox img{width: 100%;}


.scroll_table{
  max-width: 1400px;
  overflow-x: auto;	
}



.scroll_table table{
 white-space: nowrap;
}

.scroll_table table tr td{
	border: solid 1px #000;
	text-align: center;
	font-weight: bold;
	padding: 10px 20px;
}

.scroll_table::-webkit-scrollbar {
  height: 10px; /* スクロールバーの高さ */
}
 
.scroll_table::-webkit-scrollbar-thumb {
  background: #aaa; /* ツマミの色 */
}
 
.scroll_table::-webkit-scrollbar-track {
  background: #ddd; /* トラックの色 */
}

.recruitLink a{color: blue;}

.recruitLink a:hover{color: aqua;transition: 1.0s ;}






/*
MEDIUM SIZE tab
================================================ */
@media(max-width: 1368px){

	
/*-----------------------------------------------
  MAIN
-----------------------------------------------*/
	
section .contents01{width: 95%;}

section .contents02{width: 95%;}
	
	
.breadcrumb{
    width: 95%;
	margin: 0 auto;
	padding: 10px;
}

	
	
/*
COMMON
================================================ */
	
.sp-br{
	display: none;
}
	
.pc-br{
	display: none;
}
	
.tab-br{
	display: block;
	line-height: 1.2em;
}	
	
	
img,
iframe {
    max-width: 100%;
}	
	
/*---------------------------------------------
  header
-----------------------------------------------*/
.headerBox{
	width: 100%;
	margin: 0 auto;
	}

	
	
/*---------------------------------------------
    FOOTER
--------------------------------------------- */
	
	.footerBox{width: 100%;}	
	
/*---------------------------------------------
  index
----------------------------------------------- */

/*採用情報*/

.recruitSubBox02{
	padding: 50px 0 50px 35px;
}
	
.recruitText{
	margin: 15px auto 25px;
}
	
	
	
	
	
.contents01{
	width: 90%;
	margin: 0 auto;
}
	
.contents03{
	width: 1300px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -30%;
}
		
/* LAYOUT  */
    .wrapper {
        padding: 0 3rem;
    }

/* HEADER */

	.footer-btn-menu{
	}
	
	/*menyu2*/
	
	    .menu-wrapper2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        border-bottom: 1px solid var(--light-grey);
        background: none;
        position: static;
        width: 100%;
        padding: 0 0 1rem;
        transition: none;
    }
    .menu-wrapper2 a:hover {
        color: var(--green);
    }


    /* Archive */
    .page-title {
        font-size: var(--font-xl);
        margin-bottom: 2rem;
    }

/* SINGLE / PAGE ARTICLE */
    .single .post-item .wp-post-image,
    .page .post-item .wp-post-image {
       /* aspect-ratio: 16 / 9;*/
		width: 30%;
    }
    .single .post-item:hover,
    .page .post-item:hover {
        box-shadow: none;
    }
    .single .post-header {
        padding: 4rem 3rem 2rem;
    }
    .page .post-header {
        padding: 2rem 3rem;
    }
    .single .wp-post-image + .post-header,
    .page .wp-post-image + .post-header {
        padding-top: 2rem;
    }
    .single .post-title,
    .page .post-title {
        font-size: var(--font-xl);
    }
    .post-content {
        padding-bottom: 2rem;
    }
    .post-content h2 {
        font-size: var(--font-xl);
        margin-bottom: 1rem;
    }
    .post-content h3 {
        font-size: var(--font-xl);
        margin-top: 3rem;
    }
    .post-content h4 {
        font-size: var(--font-lg);
        margin-top: 3rem;
    }
    .post-content h3,
    .post-content h4,
    .post-content h5,
    .post-content h6,
    .post-content p,
    .post-content ul,
    .post-content ol,
    .post-content figure,
    .post-content blockquote {
        margin-bottom: 1.5rem;
    }
    .post-content img {
        margin-bottom: 1rem;
    }
    .post-content blockquote {
        padding: 1.5rem 1.5rem .25rem 2.5rem;
    }
    .post-content blockquote::before {
        top: 2px;
        left: 10px;
    }
    .post-footer {
        padding-bottom: 3rem;
    }

.messageSubBox02 p{
	margin: 30px auto;
	
}
	
	
/*top*/

	

.attachment-post-thumbnail{
	width: 100%;
	height: 49%;
}
	
	
	

/*googlemap*/
.baseSubBox01 p{
	padding: 260px 100px  240px 150px;
	font-size: 30px;
}

	
	

	
	
	
	
	
}

/*
LARGE SIZE sp
================================================ */
@media(max-width: 767px){
	
.manu-pc{display: none;}
	
.manu-sp{display: block;}	

.sp-br{display: block;}
	
.pc-br{display: none;}
	
.tab-br{display: none;}
	
.sp{display: block;}
	
.pc{display: none;}
	
header {
    position: relative;
    padding: 0;
    background-color: #fff;
}

.section{padding: 50px 0 0;}
	
.headline01{margin-bottom: 45px;}
	
/*breadcrumb*/

.breadcrumb{
	width: 95%;
	margin: 0 auto;
	padding: 10px 0;
}

/*---------------------------------------------
  header
-----------------------------------------------*/
header {
	width: 100%;
	margin: 0 auto;
}

.headerBox{
	display: flex;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
}

.hederLogo img{
	height: 50px;
	margin-left: 10px;
}

.mainVisual{
	display: flex;
	flex-direction: column;
	width: 95%;
	margin: 0 auto 50px;
	align-items: center;
}
	
.phraseBox{width: 100%;}

.phraseBox h1{font-size: 15vw; margin: 10% auto;}

.preface{
	font-size: 20px;
	margin-bottom: 100px;
}	
	
.phrase01{margin-bottom: 10px;}
	
.phrase01:after {
    top: 50%;
	left: 100%;
    width: 70px;
}
	
.phrase02{padding: 10px 0px 0px 70px;} 
	
.phrase02:before {
    content: '';
    position: absolute;
    top: 50%;
	left: 100%;
    display: inline-block;
    width: 70px;
    height: 1px;
    background-color: #272727;
}

.phrase02:before {left: 0;}
	
.philosophyBox{padding: 120px 0 100px; margin-top: 100px;}
	
.philosophyTitle01{font-size: 40px;}
	
.philosophyTitle02{font-size: 8vw;}
	
.mainImg{
	width: 100%;
} 
	
	
/*下層ページ*/
	
.headerSubBox2{padding: 75px 0;}


.businessBox{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 90px;
	align-items: center;
}

.businessImg{
	width: 100%;
}


.businessSubBox01{
	width: 100%;
	margin: 50px auto 0;
}
	
.businessTitle{
	margin: 0 auto 50px;
}

.businessTitleSub01:before{left: 50%;}

.businessTitleSub02{text-align: center;}	
	
.businessText{display: flex; justify-content: center;}
	
.businessSubBox02{width: 100%; margin-bottom: 50px;}
	
.divisionBox{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 0px;
	}	
	
.divisionSubBox{
  	margin-bottom: 50px;
}	
	
	
	
	
	
	

	/*
FOOTER
================================================ */
.footerBox{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 90%;
	padding: 100px 0;
}

.footerLogo{width: 100%;}
	
.footermenu-wrapper{width: 100%;}	
	
/*
COMMON
================================================ */

/*
animation
================================================ */

.button01 a {
    max-width: 90%;
	font-size: 20px;
}
	


/*
MAIN
================================================ */
.main-contents {
    margin-bottom: 3rem;
}

section{
	padding:0;
}

section .contents02{
	width: 95%;
	padding: 45px 0;
}
	
	
	
/*top Message*/
.bkTop01{
	display: none;
}

.bkTop01sp{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	margin: 50px auto 0;
}

/*contents*/	
.contents01{
	width: 90%;
	margin: 0 auto;
}
	
section .contents01{
	width: 95%;
	margin: 50px auto;
		}
	
section .contents04{width: 95%; margin: 50px auto;}	
	
	
/*
index
================================================ */
	
/*採用情報*/
.recruitBox{
	display: flex;
	flex-direction: column;
	align-items: center;
}	
	
.recruitSubBox01{width: 100%;}
	
.recruitSubBox02{
	width: 100%;
	padding: 0 0 50px;
}

.recruitTitleSub01{
	text-align: center;
	font-size: 40px;
}
	
.prefixCompany{
	font-size: 40px;
}	

.prefixTitle {
	font-size: 24px;
	margin: 45px auto;
	width: 90%;
    position: relative;
}
	
	
.philosophyTitleBox{
	position: absolute;
	top: 30%;
	
	
}
	
.recruitTitleSub01:before{
	top: 60px;
	left: 50%;
	width: 50px; /*下線の幅*/
	height: 5px; /*下線の太さ*/
}

.recruitTitleSub02{
	font-weight: bold;
	font-size: 30px;
	color: #272727;
	margin-top: 30px;
	text-align: center;
}
	
/*提携パートナー募集*/
.topPartnerTitle{font-size: 35px;}

.topPartnerText{margin: 40px auto;}	

.topPartnerLogoSubBox01{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	}
	
.topPartnerLogoSubBox02{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
	}
	
.topPartnerLogoSubBox01 img{
	width: 80%;
	margin: 5px auto;
}
	
.topPartnerLogoSubBox02 img{
	width: 80%;
	margin: 5px auto;
}

.philosophyBox p{margin: 25px auto 40px;}
	
.recruitText{margin: 15px auto 25px; text-align: center;}
		
.topPartnerLogo01{width: 50%;}	
	
.topPartnerLogoBox{
	padding: 25px 30px;
	margin-bottom: 45px;
}
	
.topBannerBox{display: flex;justify-content: center;}	
	
.topBannerSubBox01{
	display: flex;
	padding: 25px 5px 25px 0;
	width: 100%;
	align-items: center;
}
	
.topBannerSubBox01 img{width: 90%;}
	
.topBannerSubBox02 img{width: 90%;}

.topBannerIcon{width: 30%; text-align: center;}	
	
.topBannerIcon img{width: 50%;}
	
.topBannerSubBox02{
	display: flex;
	background-color: #2BC2B7;
/*	justify-content: flex-start;
	padding: 25px 0 25px 5px;*/
	justify-content: center;
	text-align: center;
	width: 100%;}
	
.topBannerText{
	font-size: 20px;
	margin-left: 0px;
}	
	
.topBannerText{
	font-size: 20px;
	margin-left: 0px;
}	
	
	
	

/*事業案内*/
	

.contents03{
	width: 90%;
	margin: 0 auto;
}

.topInformationBox{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 50px auto;
}
.topInformationSubBox{
	margin-top: 50px;
	width: 100%;
	order: 1;
}

.topInformationSubBox02{
	width: 100%;
}

.topInformationTitle{
	text-align: center;
}

.vehicleBox{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vehicleSubBox{
	margin: 25px auto;	
}
	
/*大切な家族の方へ*/
.topFamilyBox{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 50px auto;
}	

	
.topFamilySubBox{
	margin: 50px auto 0;
	width: 100%;
}
	
	
.topFamilySubBox02{
	width: 100%;
}
.topMessageBox{
	width: 90%;
	padding: 25px 0;
	margin: 0 auto;
}

.topMessageTitle{
	font-size: 30px;
	text-align: center;	
	margin: 25px;
}

.topMessageBox p{
	margin: 25px auto;
}
	
.topMessageName02{
	font-size: 30px;
}	
	
	
/*
News
================================================ */
.home .post-list,
.archive .post-list,
.search .post-list {
/*    display: grid;*/
/*    grid-template-columns: repeat(1, 1fr);*/
    gap: 1rem;
    margin-bottom: 3rem;
	display: flex;
	flex-direction: column;
 	justify-content: center;
}
.post-item {
/*    background: var(--white);*/
/*    border-radius: var(--round-md);
    position: relative;
	width: 100%;*/
	width: 100%;
	background-color: transparent;
	height: 350px;
}
.post-item .wp-post-image {
/*    border-radius: var(--round-md) var(--round-md) 0 0;
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
    object-fit: cover;*/
}

.post-title {
    margin-bottom: .5rem;
    line-height: 1.5;
    word-break: break-word;
}
.post-date {
    color: var(--light-grey);
    font-size: var(--font-sm);
}
.post-categories {
    position: absolute;
    top: 1rem;
    left: 1rem;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.post-categories li {
    background: var(--dark-blue);
    color: var(--white);
    font-size: var(--font-sm);
    border-radius: var(--round-sm);
    padding: .5rem;
}

/* Post navigation */
.nav-links {
    display: flex;
    justify-content: center;
    gap: 2rem;
}
.nav-links a{
    padding: .75rem 1rem .85rem;
    background: var(--green);
    border-radius: var(--round-sm);
    color: var(--white);
    box-shadow: 0 4px 10px rgba(123, 186, 147, .6);
}

/* Archive */
.page-title {
    margin-bottom: 1.5rem;
    text-align: center;
}
	
	

/*========= ナビゲーションのためのCSS ===============*/

.menu-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-bottom: 1px solid var(--light-grey);
	background: none;
    position: static;
	width: 100%;
	padding: 5rem 0 1rem;
	transition: none;
	color: #232584;
	text-align: center;
 }

#toggle-nav {
  display: none;
}
#toggle-nav:checked ~ .hamburger {
  height: 28px;
}
#toggle-nav:checked ~ .hamburger div {
  background-color: #232584;
}
#toggle-nav:checked ~ .hamburger div:nth-of-type(1) {
  margin-top: 6px;
  transform: rotate(135deg);
}
#toggle-nav:checked ~ .hamburger div:nth-of-type(2) {
  opacity: 0;
}
#toggle-nav:checked ~ .hamburger div:nth-of-type(3) {
  margin-top: -20px;
  transform: rotate(-135deg);
}
#toggle-nav:checked ~ .menu {
  opacity: 1;
  visibility: visible;
}

.hamburger {
  cursor: pointer;
/*  position: fixed;*/
	position: absolute;
  z-index: 1020;
  top: 15px;
  right: 10px;
  width: 30px;
  height: 14px;
  margin: 0;
  padding: 0;
}
.hamburger div {
  position: relative;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: background-color 0.5s, transform 0.5s;
}
.hamburger div:nth-of-type(2) {
  margin: 8px 0;
}

.menu {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1010;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  background-color: #C3EBEC;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out;
  will-change: opacity, visibility;
}
.menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.menu ul li {
  margin-bottom: 4px;
  font-size: 32px;
}

.menu ul li a{
	color: #232584;
	font-size: 18px;
}
	
.menu ul li a, .menu ul li a:hover {
  color: #232584;
  text-decoration: none;
}
	
	.spHederTel{
		width: 50px;
	}

	.spHederMenu{
		width: 50px;
		height: 50px;
		background-color: #232584;
	}

	
/*======================================
	下層ページ
=======================================*/
	
/*会社案内*/

.aboutBox01{
	width: 100%;
}

.aboutBox02{
	width: 100%;
	justify-content: space-between;
}

.aboutBoxSub01{
	width: 30%;
}

.aboutBoxSub02{
	width: 70%;
}	
	
.subTitle{
	font-size: 30px;
	margin-top: 25px;
}	


/*事業案内*/
.InformationBox{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto 50px;
}

.InformationSubBox01{
	margin-top: 25px;
	width: 100%;

}

.InformationSubBox02{
	width: 100%;
}
	
.SalesBox{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto 50px;
}

.SalesSubBox01{
	width: 100%;
	order: 1;
}

.SalesSubBox02{
	width: 100%;
	order: 2;
	margin-top: 25px;
}
	
.Informationlist{
	font-size: 18px;
}

	
.Saleslist{
	font-size: 18px;
}
	
/*大切な家族へ*/
	
/*.questionBox figure{
	width: 30px;
}	
	
.questionBox img{
	width: 100%;
}	
	
	*/
	
.questionimg{
	width: 30px;		
}	
	
.messageBox{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.messageSubBox01{
	width: 100%;
}

.messageSubBox02{
	width: 100%;
    display: flex;
    flex-direction:column;
    /*コレ*/justify-content:space-between;
}
	
.topMessageName01{
	margin-top: 0px;
}

.qaBox{
    padding: 20px 0 20px 0;
	width: 100%;
}

.formBox{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.forSubmBox01{
	width: 100%;
}

.forSubmBox02{
}

/*お問い合わせフォーム*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    border: 1px solid #707070;
    border-radius: 3px;
    padding: .5rem;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	width: 100%;
	background-color: #ffffff;
}

.btnWrap{
	text-align: center;
	width: 300px;
	padding: 20px 46px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	background-color: transparent;
	outline: none;
	transition: color 0.5s;
	cursor: pointer;
	border-radius:50px;
	margin: 0 auto;
}

.privacyBox{
	text-align: center;
	margin: 90px auto;
}

.mwformBox{
	margin: 0 auto;
	width: 90%;
}

.formBox{display: flex;}

.forSubmBox01{
	width: 100%;
	margin: 0 auto 5px;
}

.baseBox{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 150px 0 95px;
}

.baseSubBox01{width: 100%;}

.baseSubBox01 p{
	padding: 50px;
	font-size: 18px;
}


.baseSubBox02{width: 100%;}
	
.btnWrap{margin-bottom: 10px;}

.forSubmBox03{width: 70%;}	
	
/*お知らせ*/
.mr01{white-space: nowrap; margin: 0px 15px;}
	
.full_content {
        max-width:750px;
		height: 300px;
        position:relative;
        margin:10px auto 0;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
/*        clear:both;*/
}
	
	.tabmenu{
        width:30%;
		height: 10%;
		white-space: nowrap;
}
	
.tabcontent {
        width:100%;
        margin-top:20%;
        left:0;
	 position:absolute; 
}
	
.button03{
	white-space: nowrap;
}
	
.companyListBox ul{
  	display: flex;
  	flex-direction: column;
	border-top: 1px solid #989696;
	border-bottom: 1px solid #989696;
	margin: 0 0 -1px; 
	padding: 17px 0;
}

.companyList01{
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #272727;
}

.companyList02{
	width: 100%;
	font-size: 18px;
}
	
.philosophyMargin{
	margin: 50px auto 0;
	line-height: 2em;
}
	
/*募集職種一覧*/

.jobList{padding: 10% 5%;}

.jobListText{margin: 45px auto;}
	
.occupationBox{
  	display: flex;
  	flex-direction: column;
	align-items: center;
	width: 80%;
	margin: 0 auto 90px;
}
	
.occupation01{
	padding: 0.5em 1em;
	width: 100%;
	margin-bottom: 30px;
}

/*

.occupationEn{
	color: #00A2A2;
	font-size: 18px;
	font-weight: bold;
}

.occupationja{
	color: #272727;
	font-size: 35px;
	letter-spacing: 1em;
	text-indent: 1em;
	font-weight: bold;
}*/

.welfareImgBox{
  	display: flex;
  	flex-direction: column;
	align-items: center;
}

.welfareImgSunBox01{width: 90%; margin-bottom: 45px;}
	

.welfareImgSunBox02{width: 90%;}
	
.welfareTitle {margin: 45px auto;}

.welfareTitle img{
    width: 90%;
}


.memberTitle{font-size: 30px; margin: 45px auto 50px; width: 90%;}

.baycourt{width: 90%; margin: 0 auto;}


.applicationBox{width: 80%; margin: 0 auto;}

.baycourtText{margin: 45px auto 50px;}

.appTitle{border-bottom: solid 3px #00A2A2; font-size: 35px; font-weight: bold;margin-bottom: 10px;}

.appText{font-size: 25px; line-height: 1.5em; margin-bottom: 50px;}

.appMap{margin-bottom: 20px;}

.appAddress01{font-size: 30px; font-weight: bold; color: #00A2A2;}

.appAddress02{line-height: 1.5em; font-size: 18px;}

.accessBox{width: 80%; margin: 0 auto;}

.accessTitle{border-bottom: solid 3px #00A2A2; font-size: 35px; font-weight: bold; margin: 125px auto 20px;}

.accessSubTitle{font-size: 30px; font-weight: bold; color: #00A2A2; margin: 25px auto;}

.accessText{line-height: 1.5em; font-size: 18px; margin-bottom: 50px;}

	

	
	
	
}