@charset "utf-8";
/* レイアウトのためのCSS 



赤　#d0151c

*/


/*スマホのみ電話*/
@media (min-width: 768px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}



/*アンカーリンク　すむーず*/
html {scroll-behavior: smooth;

   scroll-padding-top: 30px;
}

.pcDisplay {display: block}
.spDisplay {display: none}

body{
    font-family:'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	
	color: #333;
	font-size: 62.5%;
	line-height:1.85;
	word-wrap: break-word;
}



*{box-sizing: border-box;}

ul{
	margin:0;
	padding: 0;
	list-style: none;
}

a{
	color: #333;
	text-decoration: none;
    outline: none;
	
}

img{
    width: 100%;
    height: auto;
}

/* font-family */

#splash-logo,
.top-lead,
h1,
h2,
h3 span,
#g-nav,
#pc-nav,
.openbtn,
#footer{
    
    letter-spacing: 0.1em;
}

/* splash */

#splash-logo{
    font-size: 1.2rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #d0151c;
}




/*上部のプログレスバー*/
#top-head span.bgLRextend::before{
    background:#d0151c;
}




/* heading */

h1 a:hover{filter: saturate(150%);
transition: 0.5s linear;
}

h1 img {
	width: 350px;
	height: auto;
	
}



h1 a{
    display: block;
	
}




/* lead */



.top-lead{
	position: fixed;
	top: 330px;
	left: 130px;
	height: 300px;
	width: auto;	
}


.top-lead img{
	height: 100%;
	width: auto;	
}




/* main-area */

#main-area{
    width:100%;
    margin:0 auto;
    
}



.bx-wrapper{
    box-shadow:none;
    border:none;
}



/* about */


section {
	width: 85%;
	margin: 0 auto 0 auto;
}

#about h2 {
	margin-bottom: 40px;
	padding-top: 4px;
}

#about.outer
{
	background: #f4f5f5;
	padding: 130px 0 0 0;
}



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

#about .splits figure,
#about .splits .right-box{
	width: 47%;
}

#about .splits .right-box h2 {
	height: 80px;
	width: auto;
}

#about .splits .right-box h2 img {
	height: 100%;
	width: auto;
}

#about .splits .right-box dl dt {
	font-size: 1.5rem;
	margin-bottom: 5px;
}

#about .splits .right-box dl dd {
	font-size: 1.0rem;
}


/*------サービス-----*/


#service.outer
{
	background: #f4f5f5;
	padding: 130px 0 200px 0;
}

#service h2,
#company h2{
	height: 80px;
	width: auto;
	text-align: center;
	margin-bottom: 40px;
}

#service h2 img,
#company h2 img{
	height: 100%;
	width: auto;
}

#service .txt-rexd {
	width: 70%;
	font-size: 1rem;
	text-align: center;
	margin: 0 auto 40px auto;
}



#service .left-box {
	width: 47%;
	padding: 25px 0 30px 0;
	background: #d0151c;
	border-radius: 8px;
	position: relative;
	
	
}

#service .left-box aside,
#service .right-box aside
{
	width: 100%;
	
}

#service .left-box a.btn {
	width: 350px;
	height: 250px;
	position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;	
}



#service .right-box {
	width: 47%;
	padding: 25px 0 30px 0;
	background: #0e6e38;
	border-radius: 8px;
	position: relative;
	
}

#service .right-box a.btn {
	width: 390px;
	height: 250px;
	position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;	
}

#service .right-box a.btn:hover,
#service .left-box a.btn:hover
{filter: brightness(120%);
transition: 0.5s linear;
}


#service .splits p {
	font-size: 0.875rem;
	color: #fff;
	text-align: center;
	margin-top: 20px;
}

#service .right-box ul,
#service .left-box ul
{
	position: absolute;
	bottom: -75px;
	left: 0;
	z-index: 10;
	display: flex;
	justify-content: space-between;
	
	width: 100%;
}

#service .right-box ul li,
#service .left-box ul li
{
	width: 48%;
	
}
#service .right-box ul a,
#service .left-box ul a
{
	font-size: 1rem;
	display: block;
	
}

#service ul .line a {
	background: #06c555;
}

#service ul .insta a {
background-image: linear-gradient(55deg, rgba(247, 166, 12, 1) 10%, rgba(255, 34, 87, 1) 40%, rgba(154, 39, 238, 1) 68%, rgba(35, 102, 247, 1) 90%);
}


/*矢印*/
#service ul li {
	position: relative;
}

#service ul li aside.arrow
{
	position: absolute;
	top: 12px;
	right: 15px;
	width: 12px;
	height: auto;
}

#service ul li aside.arrow img {
	width: 100%;
	height: auto;
}

/**/

#service ul .line a,
#service ul .insta a
{
	width: auto;
	text-align: center;
	border-radius: 8px;
	display: block;
	padding-top: 6px;	
}

#service ul a:hover
{filter: saturate(150%);
	 transition: 0.3s linear;

}

#service ul .line a img.btn-name,
#service ul .insta a img.btn-name
{
	height: 22px;
	width: auto;
	margin: 10px 0 6px -20px;
	
	
}



/*-----COMPANY-------*/


#company.outer
{
	background: #e1e1dd;
	padding: 130px 0;
}


#company h3 {
	font-size: 1.1rem;
	font-weight: normal;
	margin-bottom: 10px;
	letter-spacing: 0.2em;
}
#company .left-box {
	width: 55%
}

#company .right-box {
	width: 40%
}



#company .company-list dl.first dt,
#company .company-list dl.first dd{
	border-top: 1px solid #000;
	padding-top: 10px;
}

#company .company-list dl {
    display: flex;
    justify-content: space-between;
}

#company .company-list dt,
#company .right-box .company-list dt{
    width: 20%;
	font-size: 0.9rem;
	color: #666;
    padding: 10px 0 10px 5px;
	
	border-bottom: 1px solid #000;
}

#company .company-list dd
 {
    width: 77%;
	 font-size: 0.9rem;
	 color: #666;
	 padding: 10px 0 10px 5px;
	 border-bottom: 1px solid #666;
}


/*沿革*/


#company .right-box .company-list dl {
display: flex;
  flex-wrap: wrap;
  width: 100%;
	font-size: 0.9rem;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding-bottom: 15px;
	padding-top: 5px;
}

#company .right-box .company-list dl dt {
  display: flex;/*センターにするために必要ｓ*/
  align-items: center;
  width: 25%;
  padding: 10px 0 0 0;
	font-weight: normal;
	color: #666;
	border: none;
}

#company .right-box .company-list dl dd {
display: flex;/*センターにするために必要*/
  align-items: center;
  width: 75%;
  margin-left: 0;
  padding: 10px 5px 0 10px;
	border: none;
 
color: #666;	
}


/*-----アクセス-------*/


#access.outer
{
	background: #e1e1dd;
	padding: 0 0 80px 0;
}


#access h2 {
	height: 45px;
	width: auto;
	text-align: center;
	margin-bottom: 40px;
}
#access h2 img{
	height: 100%;
	width: auto;
}


/*iframe*/
.iframewrap {    
    width: 100%;
	margin: 0 auto 0 auto; 
}

.iframewrap iframe {
    width: 100%;
    height: 450px;
	border-radius: 8px;
}









/* footer */



#footer{
    
   background: #e1e1dd;
}



#footer #name-wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}


#footer .name-box {
    width: 400px;
	padding-right: 35px;
	border-right: 2px solid #d0151c;
	text-align: left;
}
#footer .name-box img {
    width: 100%;
}



/* Safari */
_::-webkit-full-page-media, _:future, :root #footer .name-box img {
    display: block;
	margin: 0 0 8px -1em;
}



#footer .name-box p {
	font-size: 0.875rem;
	
}

#footer .add-box a{
	display: block;
    width: 320px;
	padding-left: 35px;
	
}

/* Safari */
_::-webkit-full-page-media, _:future, :root #footer .add-box a {
   
	margin-left: -5px;
}


#footer .add-box p{
    font-size: 0.7rem;
	padding-left: 35px;
}



#footer small{
	display: block;
	background: #d0151c;
	color: #fff;
	text-align: center;
	padding: 10px 0;
}