@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 767px) { /*ウィンドウ幅が767px以上の場合に適用*/

	header {
		overflow: hidden;
		margin:0 auto;
		width:100%;
		background-color:#FFF;
	}
	
	h1 {
		text-align: center;
		font-size:1em;
		background-color: #2A3455;
		color:#FFF;
		font-weight: normal;
	}
		h2 {
			font-size: 3em;
			line-height: 1.5;
			text-align: center;
			letter-spacing: 0.2em;
		}
		
		h2 span {
			display: block;
			font-size: 0.4em;
			font-weight: normal;
			margin-top: 0.8em;
			margin-bottom:4em;
		}
	
	.HeadWrap {
		overflow: hidden;
		margin:20px auto;
		width:1200px;
	}

	.TopRogo {
		width:340px;
		float:left;
		
	}
	.TopRogo p {
		font-size: 12px;
		color:#000;
	}
	
.Caractor {
	float:left;
	margin-left:20px;
}



	.HeaderMenu {
		float:right;
	}
	.HeaderMenu > p {
		margin:10px 0;
		background-color: #2A3455;
		text-align: center;
		color:#FFF;
		padding:5px 0;
		}
	
	.HeaderMenu ul {
		overflow: hidden;
		width:500px;
	}
	.HeaderMenu ul li {
		float: left;
		width:245px;
		margin-right:10px;
	}		
	.HeaderMenu ul li:last-child {
		margin-right:0;
	}				
		



/* ━━━━━━━━━━━━━━　Navi記述 ━━━━━━━━━━━━━━ */	
	nav {
    background: #4fc1c0;
	}
	
.GrobalMenu {
		width:1120px;
		margin:0 auto;
	list-style: none;
    display: flex;
    padding: 0;
}
.GrobalMenu li{
    width: 160px;
    display: flex;
    margin: 0;
	color:#FFF;
}

.GrobalMenu a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 160px;
    padding: 10px;
	color:#FFF;
}
	
.GrobalMenu li+li{
    position: relative;
}
.GrobalMenu li+li::before{
    content: "";
    display: block;
    height: 1em;
    border-left: 1px solid #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

/* ━━━━━━━━━━━━━━　About記述 ━━━━━━━━━━━━━━ */	

.FirstView {
	background-color: black;
	width:100%;
	background-image: url("../images/pc/fistview_bg.jpg");
	background-size:100%;
	background-repeat: no-repeat;
	padding:50px 0;
	}

	.ViewPhoto {
		width:1120px;
		margin:0 auto;
	}


/*  Achievements Start  */			
		#Achievements {
			padding:50px 0;
		}
		
		.scroll-infinity__wrap {
			display: flex;
			overflow: hidden;
		}
		
		.scroll-infinity__list {
			display: flex;
			list-style: none;
			padding: 0
		}
		
		.scroll-infinity__list--left {
			animation: infinity-scroll-left 20s infinite linear 0.5s both;
		}
		
		.scroll-infinity__item {
			width: calc(100vw / 8);
			margin-right:30px;
		}
		
		.scroll-infinity__item>img {
			width: 100%;
		}		
/*  Achievements End  */	
		
		
/*  TroubleArea Start  */	

		#Trouble {
			width:100%;
			padding:100px 0;
			background: linear-gradient(350deg,transparent 0%,transparent 65%,#4fc1c0 65%,#4fc1c0 100%);
		}
		.top {
		}
		.TroubleBox {
			width:300px;
			border:1px solid #4fc1c0;
			border-radius:10px;
			padding:20px;
			background-color:#FFF;
		}
		.TroubleBox > dt {
			border-bottom:1px solid #000;
			margin-bottom:10px;
			text-align: center;
			font-size: 1.5em;
			padding-bottom:0.5em;
		}
		.TroubleBox > dd > p {
			line-height:2;
		}
		
		.ToubleList {
			overflow:hidden;
			width:1080px;
			margin:0 auto;
			margin-bottom:100px;
		}
		.ToubleList > li {
			float:left;
			width:350px;
			margin-right:10px;
		}
		
		.last {
			width: 1600px;
			margin:0 auto;
			min-width: 1040px;
		 	background-image: url("../images/pc/left.png"),url("../images/pc/right.png");
 			background-position:left 10px top 0px,right 10px bottom;
  			background-repeat:no-repeat,no-repeat;
  			background-size:300px;			
		}
		
		
		.last::before{
  			content: "";
  			display: block;		
		}

		.CaseBox {
			margin:0 auto;
			width: 800px;
		}
		
		.CaseBox li {
			margin-bottom:2em;
			display: flex;
		}

		.CaseBox li:nth-of-type(odd) {
			justify-content: flex-start;
		}
	
		.CaseBox li:nth-of-type(even) {
			justify-content: flex-end;
		}
		
		.case {
			overflow: hidden;
			border:solid #121212 1px;
			padding:1em 1em 0.5em 1em;
			width:650px;
		}
		
		.case > dt {
			float:left;
			font-size:1.4em;
			width:70px;
		}
		
		.right > dd {
			float:left;
			width:580px;
		}
		
		span {
			font-size:2em;
		}
		
		.QA {
			font-size: 1.2em;
		}
		.Question {
			margin-bottom:0.5em;
		}			
		.Question::before {
			content: "Q "; /* 好きな記号をここに設定します */
			font-size: 1em; /* 記号のサイズを調整します */
			font-weight: bold; /* 記号の太さを調整します */
			color:red;
			padding-left:3em;
		}
		
		.Answer::before {
  			content:"A "; /* 好きな記号をここに設定します */
			font-size: 1em; /* 記号のサイズを調整します */
			font-weight: bold; /* 記号の太さを調整します */
			color:blue;
			padding-left:3em;
		}
		
/*  TroubleArea End  */	

/*  PriceArea Start  */	
		
		#PriceArea {
			width:100%;
		}
		
		.PriceMain{
			padding:100px 0;
			background-image:url("../images/common/bottom_bg.png");
			background-position:bottom;
			background-size:800px;
			background-repeat: repeat-x;
		}
		
		.PriceMain > ul {
			width:1200px;
			overflow: hidden;
			margin:0 auto;
		}
		
		.PriceMain > ul > li {
			float:left;
			margin-right:20px;
			margin-bottom:50px;
		}
		
		.PriceMain > ul > li:nth-of-type(3n) {
			margin-right:0;
		}
		
		.Accident{
			
		}
		.Accident dt {
			width:380px;
			padding:5px 0;
			margin-bottom: 20px;
			text-align: center;
			border-radius:20px;
			background-color:#ffff00;
			color:#000;
		}
		.Accident dd {
			width:380px;
		}
		.Accident > dd > p {
			color:aliceblue;
		}		
		.ButtomSwitch {
			width:560px;
			margin:0 auto;
			background-color:#FFF;
			text-align:center;
			padding:20px 0;
		}
		.Square02 {
			border:1px solid #FFF;
			padding:10px;
			width:640px;
			margin:0 auto;
			margin-bottom:80px;			
		}
		
		.PriceAll {
			padding:100px 0;
		}
		
		.tab-container {
            width: 1200px;
            margin-bottom: 1rem;
            margin:0 auto;
			padding-top:100px;
		}

  	    .tab-row {
            display: flex;
            justify-content: flex-start;
            gap: 1%;
            margin-bottom: 8px;
            width:100%;
		}

   		 .tab-row button {
            width:98%;
            margin:0 auto;
            background: #f0f0f0;
            cursor: pointer;
            transition: background 0.3s;
            font-size:1.5rem;
	    }

	    .tab-row button.active {
          background: #FF0000;
          color: white;
		}

		.tab-content {
			display: none;
			margin:0 auto;
			padding: 1rem;
			background-color: #fff;
			width:1200px;
		}

		.tab-content.active {
			display: block;
		}
		
		.TableFrame {
			border-collapse: collapse;
			width: 100%;
		}
		.TableFrame th, .TableFrame td {
			border: 2px solid #fff;
			background-color: #F7F7F7;
			padding: 1em;
		}
		.TableFrame th {
			background-color: #4fc1c0;
			color: #fff;
			font-weight: bold;
			text-align: center;
		}
	
	
		table th:nth-child(1) {
			width: 30%;
		}
		
		table th:nth-child(2) {
			width: 35%;
		}
		
		table th:nth-child(3) {
			width: 20%;
		}
		
		table th:nth-child(4) {
			width: 15%;
		}
	
		.RepairPice {
			text-align: right;
	  	}
		
		.RepairTime {
			text-align: right;
			width:15%;
		}		
/*  PriceArea End  */

/*  CampaignArea Start  */
		
		#CampaignArea {
			width:100%;
			background-color: #ff0000;
			background-image: url("../images/common/camp_bg.jpg");
			background-size:cover;
			background-repeat:no-repeat;
			background-position: 50%;
			padding:100px 0;
					}
		
		.LR {
			overflow: hidden;
			width:650px;
			margin:0 auto;
			margin-top:50px;
		}
		
		.LR li {
			float:left;
			width:300px;
			background-color:#FFF;
			text-align:center;
			padding:10px 0;
			margin-right:10px;
			border-radius:5px;
		}
		#CampaignArea p {
			margin:50px 0;
		}
		
		#CampaignArea img {
			margin:0 auto;
			display: block;
		}

/*  CampaignArea End  */

		
/*  FrowArea Start  */
		
		#FrowArea {
			width:100%;
			background-color: #FFF;
			padding:100px 0;			
		}
		.wrapArea {
			width:880px;
			margin:0 auto;
		}

		.centerA {
			width:880px;
			overflow: hidden;
		}

		.centerA > .left {
			width:400px;
			float:left
		}
		.centerA > .right {
			width:400px;
			float:right;
		}
		.ttl {
			width: 100%;
			height:80px;
			position: relative;
			color: #fff;
			text-align: center;
			background-color: #4fc1c0;
			margin-bottom:30px;
			padding:10px 0;
			font-size:1.5em;
		}
		.title {
			background-color: yellow;
			border-radius: 10px ;
			color:#000000;
			padding:5px 40px;
			font-size:16px;
			margin-bottom:50px;
		}
		.LineHeight {
			line-height: 80px
		}
		.sub {
			font-size:0.6em;
			line-height: 0.6em;
		}
		.ttl:nth-child(-n+3)::after {
			width: 0;
			height: 0;
			position: absolute;
			top: 100%;
			left: 50%;
			margin: 0 0 0 -20px;
			border: 20px solid transparent;
			border-top-color: #4fc1c0;
			content: '';
		}

		.Square {
			border:1px solid #000;
			padding:10px;
			width:640px;
			margin:0 auto;
			margin-bottom:80px;
		}
		
/*  FrowArea End  */		
		
/*  PointArea Start  */		
		
		#Point {
			background-color: #2A3455;
			color:#ECE5E5;;
			width:100%;
			padding:5em 0 10em 0;
			background-image:url("../images/common/bottom_bg.png");
			background-position:bottom;
			background-size:800px;
			background-repeat: repeat-x;		}
		
		.PointList {
			width:960px;
			height:200px;
			margin:0 auto;
			display: table;
			border-bottom:1px solid #FFFFFF;
			padding:2em 0;
		}

		.Num {
			width:200px;
			height:200px;
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			font-size:1em;
			color:#000;
			font-size: 8em;
			line-height:1em;
		}
		
		.Word {
			height:200px;
			font-size:1em;
			marign-left:10px;
			display: table-cell;
			vertical-align: middle;
			padding-left:40px;
			font-size: 1em;
		}
		.Title {
			font-size: 70px;
			line-height: 70px;
			margin-bottom:10px;
			}
		.SubTitle {
			color:#FFF;
			font-size: 2.7em;
		}
		.Explanation {
			color:#FFF;
			font-size: 1.5em;
		}
		
/*  PointArea Start  */			
		
/*  MapArea Start  */			
		#Map {
			width:100%;
			padding:100px 0;
		}
		.WrapWhite {
			width:1120px;
			margin:0 auto;
		}
		.root {
			width:1120px;
			overflow: hidden;
		}
		.root li {
			width:353px;
			float:left;
			margin-right:30px;
			margin-bottom:20px;
		}
		
		.root li:nth-of-type(3n) {
			margin-right:0;
			
		}
		.center {
			text-align: center;
			font-size: 1.5em;
			margin:1em;
			border-bottom: 1px solid #000;
		}
		
		h3 {
			text-align: center;
			margin:2em 0;
			font-size:1.8em;
			font-weight: normal;
		}
		
		.ShopInfo {
			overflow: hidden;
			width:1070px;
			margin:30px auto;
			
		}
		.ShopInfo li {
			float:left;
			width:500px;
			margin-bottom: 1em;
			margin-right:30px;
		}
		.ShopInfo li:last-child {
			width:960px;
		}
		
		.Accece {
			width:500px;
			display: table;
		}
		
		.Accece001 {
			width:960px;
			display: table;
		}
		
		.AcceceTitle{
			width: 90px;
			height:55px;
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			border:1px solid #000000;
			border-radius:5px;
			font-size:0.8em;
			margin-right:10px;
		}
		
		.AcceceWord {
			width:300px;
			height:55px;
			font-size:0.8em;
			marign-left:10px;
			display: table-cell;
			vertical-align: middle;
			padding-left:20px;
		}
		.rogo {
			margin:50px 0;
		}
		
/*  MapArea End  */			
		
/*  QAArea Start  */				
		.qa {
			width:100%;
			background-color: #4fc1c0;
			padding:100px 0;
			background-image:url("../images/common/bottom_bg.png");
			background-position:bottom;
			background-size:800px;
			background-repeat: repeat-x;
		}
		
		.qa h2 {
		}
		
		.wrap {
			width:960px;
			margin:0 auto;
		}
		
		
		.black {
			display: block;
			font-size: 1.2em;
			font-weight: normal;
			margin-top: 0.2em;
			margin-bottom:0.5em;
			color:aliceblue;
		}
		
		.QaWrap {
			width:960px;
			background-color: #FFF;
			border-radius: 20px;
			padding:50px 0;
		}
		
		.QaList {
			width:880px;
			border:1px solid #000000;
			margin:0 auto;
			border-radius: 10px;
			margin-bottom:30px;
		}
		
		.QaList dt {
			padding:10px 20px;
			background-color: #2A3455;
			border-radius:10px 10px 0 0 ;
			color:aliceblue;
		}
		
		.QaList dd {
			padding:10px 20px;
		}
/*  QAArea End  */
		
/*  FooterArea Start  */			
		footer {
			width:100%;
			background-color: #2A3455;
		}
		
		footer p {
			color:aliceblue;
			font-size:0.9em;
			padding:1em;
			text-align: center;
		}
		
/*  FooterArea End  */			

}