@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Quantico&subset=japanese');
html{font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */}

body{	font-size: 1.6rem;/* 16px */
	font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
}

h2{
	font-size:1.4em;
	line-height:1.6em;
	font-weight: 600;
	text-align:center;
}

p{
	font-size:1em;
	line-height:2em;
	word-break: break-all;
}

p.box {
	font-family: 'Quantico';
	font-size:0.7em;
	letter-spacing: 2px;
	border-top: 1px solid #000;
 	padding-top:6px;
	padding-bottom:15px;
	width:50%;
	max-width:50%;
}

a,a:link,a:visited,a:active{
	text-decoration: none;
	color:#000;
}

a:hover{
	text-decoration: underline;
}

#fullpage{
	width:100%;
	height:100%;
	margin:0;
}

.section {
    text-align: center;
}

.show_sp {
  display: none;
}

/*ヘッダー*/

#header{
	background: #FFFFFF;
	background: rgba(255,255,255, 0.8);
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	position: fixed;
	z-index: 70;
	height:50px;
	width: 100%;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#header_left{
	margin:auto 0;
	padding-left:10px;
	width:40%;
}

#header_left h1{
	max-width:100%;
	font-size:1em;
	font-family: 'Quantico','Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	letter-spacing: 3px;
}

#header_left small{
	font-size:0.7em;
	line-height:1.2em;
	font-weight:normal;
	overflow-x:hidden;
}

#header_right{
	margin:auto 0;
	text-align:right;
	width:60%;
}

/*グローバルナビ*/

.nav li a {
	padding: 0.8em;
	margin-left:0.6em;
	margin-right:0.7em;
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(255, 235, 0,0.8) 50%);
	background-position: 0 0;
	background-size: auto 200%;
	transition: .3s;
	text-decoration: none;
	color:#000;
}

.nav li a:hover {
  background-position: 0 100%;
  color: #000;
}

.nav li {
	font-size:0.8em;
    display:inline-block;
    margin:0;
    color: #999;
	border-left: #000 solid 1px;
}

.nav{
    top:0;
    left:0;
    width: 100%;
    padding:0;
    margin:0;
}

.nav-button {
  display: none;
}

.nav-wrap.open {
  display: block;
}

.nav-wrap.close {
  display: none;
}

.fp-enabled body,html.fp-enabled{
	margin:0;
	padding:0;
	overflow:hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}

#superContainer{
	height:100%;
	position:relative;
	-ms-touch-action:none;
	touch-action:none;
}
.fp-section{
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.fp-slide{
	float:left
}

.fp-slide,.fp-slidesContainer{
	height:100%;
	display:block;
}

.fp-slides{
	z-index:1;
	height:100%;
	overflow:hidden;
	position:relative;
	-webkit-transition:all .3s ease-out;
	transition:all .3s ease-out
}
.fp-section.fp-table,.fp-slide.fp-table{
	display:table;
	table-layout:fixed;
	width:100%
}
.fp-tableCell{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%
}

.fp-slidesContainer{
	float:left;
	position:relative;
}
.fp-controlArrow{
	-webkit-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-ms-user-select:none;
	position:absolute;
	z-index:4;
	top:50%;
	cursor:pointer;
	width:0;
	height:0;
	border-style:solid;
	margin-top:-38px;
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.fp-controlArrow.fp-prev{
	left:3%;
	width:0;
	border-width:25px 25px 25px 0;
	border-color:transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next{
	right:3%;
	border-width:25px 0 25px 25px;
	border-color:transparent transparent transparent #fff;
}

.fp-scrollable{
	overflow:hidden;
	position:relative;
}

.fp-scroller{
	overflow:hidden;
}

.iScrollIndicator{
	border:0!important
}

.fp-notransition{
	-webkit-transition:none!important;
	transition:none!important
}

#fp-nav{
	position:fixed;
	z-index:100;
	margin-top:-32px;
	top:50%;
	opacity:1;
}

#fp-nav.right{
	right:17px
}

#fp-nav.left{
	left:17px;
}

.fp-slidesNav{
	position:absolute;
	z-index:4;
	left:50%;
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}

.fp-slidesNav.bottom{
	bottom:17px
}

.fp-slidesNav.top{
	top:17px
}

#fp-nav ul,.fp-slidesNav ul{
	margin:0;
	padding:0
}

#fp-nav ul li,.fp-slidesNav ul li{
	display:block;
	width:14px;
	height:13px;
	margin:7px;
	position:relative
}

.fp-slidesNav ul li{
	display:inline-block
}

#fp-nav ul li a,.fp-slidesNav ul li a{
	display:block;
	position:relative;
	z-index:1;
	width:100%;
	height:100%;
	cursor:pointer;
	text-decoration:none;
}

#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{
	height:12px;
	width:12px;
	margin:-6px 0 0 -6px;
	border-radius:100%
}

#fp-nav ul li a span,.fp-slidesNav ul li a span{
	border-radius:50%;
	position:absolute;
	z-index:1;
	height:4px;
	width:4px;
	border:0;
	background:#333;
	left:50%;
	top:50%;
	margin:-2px 0 0 -2px;
	-webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out
}

#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{
	width:10px;
	height:10px;
	margin:-5px 0 0 -5px
}

#fp-nav ul li .fp-tooltip{
	position:absolute;
	top:-2px;
	color:#fff;
	font-size:14px;
	font-family:arial,helvetica,sans-serif;
	white-space:nowrap;
	max-width:220px;
	overflow:hidden;
	display:block;
	opacity:0;
	width:0;
	cursor:pointer}

#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{
	-webkit-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
	width:auto;opacity:1;
}

#fp-nav ul li .fp-tooltip.right{
	right:20px
}

#fp-nav ul li .fp-tooltip.left{
	left:20px
}

.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{
	height:auto!important
}

.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{
	height:auto!important
}


/*バウンドする矢印 白*/
.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_arrows {
	position: relative;
	display: flex;
	height: 100px;
	margin: 1em auto;
	justify-content: center;
	align-items: center;
}
.cp_arrows .cp_arrow {
	position: absolute;
	top: calc(50% - 25px);
	left: 50%;
	width: 40px;
	height: 40px;
}
.cp_arrows .cp_arrow::before,
.cp_arrows .cp_arrow::after {
	position: absolute;
	display: block;
	width: 3px;
	height: 30px;
	content: '';
	-webkit-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	-webkit-transform: translate(-50%, -50%) rotateZ(-60deg);
	        transform: translate(-50%, -50%) rotateZ(-60deg);
	transform-origin: bottom right;
	border-radius: 10px;
	background: #fff;
}
.cp_arrows .cp_arrow::after {
	-webkit-transform: translate(-50%, -50%) rotateZ(60deg);
	        transform: translate(-50%, -50%) rotateZ(60deg);
	-webkit-transform-origin: bottom left;
	        transform-origin: bottom left;
}
.cp_arrows .cp_bounce {
	-webkit-animation: arrow-move09 2s infinite ease-in-out;
	        animation: arrow-move09 2s infinite ease-in-out;
}
@-webkit-keyframes arrow-move09 {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	48% {
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		        transform: translateY(-15px);
	}
}
@keyframes arrow-move09 {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	48% {
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		        transform: translateY(-15px);
	}
}

/**********アニメーション設定**********/
/*右から左*/
@keyframes RightToLeft {
0% {
    opacity: 0;/* 透明 */
    transform: translateX(50px);/* X軸方向に50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);/* X軸方向に0px */
}
}

/*上から下*/
@keyframes SlideDown {
0% {
    opacity: 0;/* 透明 */
    transform: translateY(-50px);/* Y軸方向に-50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);/* Y軸方向に0px */
}
}

/*下から上*/
@keyframes SlideUp {
0% {
    opacity: 0;/* 透明 */
    transform: translateY(50px);/* Y軸方向に50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);/* Y軸方向に0px */
}
}
/**********アニメーション設定end**********/

/*------------- ここから個別の設定------------- */

/*************************************************/
/*トップ*/

.first_section{
	width:100%;
	height:100%;
	margin:auto 0;
	background:#ddd url("../images/top_teaser01.jpg") no-repeat center center;
	background-size:cover;
	display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.first_contents{
	height:100%;
	max-height:100%;
	width:100%;
	margin:0 auto;
	text-align: center;
	display: flex;
	flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.first_contents img{
	max-width:100%;
	animation-name: SlideDown;/* アニメーション名 */
	animation-duration: 2s;/* アニメーション時間 */
}

.first_contents h3{
	color:#fff;
	font-weight: 400;
	letter-spacing: 3px;
	animation-name: SlideDown;/* アニメーション名 */
	animation-duration: 3s;/* アニメーション時間 */
}

/*************************************************/
/*環境への取り組み*/

.second_section{
	width:100%;
	height:100%;
	margin:auto 0;
	background:#fff url("../images/recycle_back.gif") no-repeat center center;
	background-size:cover;
	display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.second_contents{
	height:100%;
	width:100%;
	margin:0 auto;
	display: flex;
	flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.second_contents p{
	font-size:1em;
	line-height:2em;
	text-align:left;
	width:35%;
	margin:0 auto;
	}

/*************************************************/
/*中古車買取*/

.third_section{
	width:100%;
	height:100%;
	margin:auto 0;
	display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	background-image:url("../images/mushimegane.png");
	background-position: right bottom;
	background-repeat: no-repeat;
}

.third_contents{
	width:100%;
	height:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin:0 auto;
	background-image:url("../images/stripe.png");
	background-position: left top;
	background-repeat: no-repeat;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.third_contents h2{
	text-align:left;
	margin-bottom:5px;
}

.third_contents h4{
	font-size:0.9em;
	text-align:left;
	font-weight:300;
	margin-bottom:-15px;
}

.third_contents_left{
	float:right;
	text-align:right;
	width:30%;
}

.third_contents_left img{
	max-width:70%;
}

.third_contents_right{
	float: right;
	text-align:left;
	width:50%;
	padding-left:30px;
}

.third_contents_right p{
	width:70%;
}

/*************************************************/
/*リサイクルパーツ*/

.forth_section{
	width:100%;
	height:100%;
	margin:auto 0;
	display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.forth_contents{
	height:95%;
	width:95%;
	margin:0 auto;
	background-image:url("../images/shiromaru.png");
	background-position: center center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.forth_contents h2{
	margin-bottom:5px;
}

.forth_contents p{
	font-size:1em;
	line-height:2em;
	width:37%;
	text-align: center;
	margin: 0 auto;
}

.forth_contents p.box{
	font-size:0.7em;
}

p.otoiawase{
	font-size:2.2em;
	font-weight:600;
	background-color:#FFEB00;
	margin:10px 0;
	padding:0px;
	border-radius: 5px;
}


/*************************************************/
/*会社概要*/

.fifth_section{
	width:100%;
	height:100%;
	margin:auto 0;
	display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.fifth_contents{
	height:100%;
	width:100%;
	margin:0 auto;
	display: flex;
	flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.fifth_title{
	width:100%;
}

.fifth_title h2{
	margin-bottom:5px;
}

.fifth_title p.box{
	margin:0 auto;
	text-align: center;
}

.fifth_contents_inner{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	margin:0 auto;
	overflow-y: scroll;
}

.fifth_contents_right{
	float: left;
	width:18%;
	max-width:18%;
	font-size:0.9em;
}

.fifth_contents_right img{
	width:90%;
	max-width:90%;
	border-radius: 10px;
	margin-top:15px;
}

/*レスポンシブテーブル*/

.col-head-type1 {
	border-collapse: collapse;
	width: 100%;
	font-size:0.8em;
	line-height:1.6em;
}
 
.col-head-type1 th,
.col-head-type1 td {
	border-bottom: 1px solid #fff;  
	padding: 5px;
	text-align:left;
}
 
.col-head-type1 th {
	background: none;
	text-align: left;
	width: 120px;
	padding-right:20px;
	text-align-last: justify;
}

.col_heaf-type1 td{
	width:1000px;
}

.fifth_contents_sp{
	display:none;
}

.mailform_section{
	width:100%;
 	height: 100vh;
	margin:0;
	padding:0;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.mailform_section h1 small{
	display:none;
}

.sixth_section{
	text-align: center;
}

.sixth_contents{
	height:80%;
}

.sixth_contents p.box{
	margin:0 auto;
	text-align: center;
	}

/* ------------- ここから下はスマホ用 ------------- */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}

@media screen and (max-width: 1000px) {
	
.second_contents p{
	width:50%;
	font-size:0.8em;
	line-height:1.5em;
	text-align:left;
	margin: 0 auto;
	}

}

@media screen and (min-width: 769px) {
.nav-wrap {
    display: block !important;
  }
#header_left br{
		display:none;
	}
}



@media screen and (max-width: 768px) {
	
.section{
	height:auto!important;
	}
	
h1{
	line-height:1em;
	}
	
	h1 small{
		display:none;
	}
	
h2{
	width:100%;
	font-size: 1.2em;
	line-height:1.5em;	
	font-weight: 600;
	text-align:center;
}

.show_sp {
  display: block;
}	

#header{
	height:50px;
}
	
#header_left{
	width:auto;
}
	
#header_left br{
	display:block;
	}
	
#header_left a{
	text-decoration: none;
	color:#000;
}

#header_left a:hover{
	text-decoration: underline;
	color:#000;
}
	
#header_right{
		width:auto;
	}
	
.section a,a:link,a:visited,a:active{
	text-decoration: none;
	color:#000;
}

.section a:hover{
	text-decoration: underline;
	color:#000;
}
	
/*スマホ用ナビゲーション*/
.nav-button {
    display: block;
    cursor: pointer;
  }

.nav-wrap {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
  }
.nav-wrap .nav {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
  }
.nav-wrap li {
    display: block;
    margin: 1em;
	padding:1em;
	border-bottom: 1px solid #fff;
	text-align: center;
	font-size:1.1em;
  }
.nav-wrap li a {
	  color: #fff;
  }

/*ハンバーガーメニューボタンの制御*/
.nav-button,
.nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }

.nav-button {
    z-index: 20;
    position: relative;
	margin-right:10px;
    width: 40px;
    height: 36px;
  }

.nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
  }

.nav-button span:nth-of-type(1) {
    top: 0;
  }

.nav-button span:nth-of-type(2) {
    top: 16px;
  }

.nav-button span:nth-of-type(3) {
    bottom: 0;
  }

.nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(16px) rotate(-45deg);
    transform: translateY(16px) rotate(-45deg);
  }

.nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }

.nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
  }

.first_contents{
	height:90%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}	
	
.second_contents{
	height:100%;
	width:85%;
	max-width:90%;
	margin:0 auto;
	padding:0;
	position:absolute;
	vertical-align: middle;
	z-index: 2;
	}
	
.second_contents p{
	width:100%;
	font-size:0.8em;
	line-height:1.6em;
	text-align:left;
	margin: 0 auto;
	}
	
.imgCircle {
	  	width: 400px;
		height:400px;
  		margin: 0 auto;
		background-image: url("../images/recycle_arrow.gif");
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 100%;
		animation: imgCircle 3s linear infinite;
		position:absolute;
		animation-timing-function:ease-in-out;
		animation-fill-mode:both;
		opacity: 0.7;
		animation-iteration-count:1;
		z-index: 1;
}

.third_section{
	height:100%;
	background-image:url("../images/stripe.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: auto 50%;
	margin-top:-100px;
	}	
	
.third_contents{
	height:70%;
	width:100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: top;
	justify-content: center;
	background-image: none;
	padding-top:100px;
}
	
.third_contents_left{
	display:none;
}

.third_contents_right{
	text-size:0.7em;
	line-height:1.3em;
	width:90%;
	max-width:90%;
	margin:0 auto;
}
	
.third_contents_right h2{
	max-width: 100%;
	line-height:1.4em;
	margin-bottom:10px;
}
	
.third_contents_right h4{
	display:none;
}

.third_contents_right p.box{
	width:60%;
	max-width: 60%;
	font-size:0.7em;
}		
	
.third_contents_right p{
	text-align:left;
	width:95%;
	max-width:95%;
	font-size:0.9em;
	line-height:1.6em;
	margin-top:-5px;
}
	
.forth_section{
	display:flex;
	align-items: center;
	justify-content: center;
	}
	
.forth_contents{
	width:75%;
	max-width:75%;
	background-image:none;
	background-color:#fff;
	border-radius: 15px;
	}
	
.forth_contents h2{
	font-size:1em;
	line-height:1.5em;
	}
	
.forth_contents p.box{
	width:70%;
	max-width: 100%;
	font-size:0.7em;
	text-align: center;
	
 	margin:0;
}	
	
.forth_contents p{
	text-align:center;
	width:85%;
	max-width:85%;
	font-size:0.9em;
	line-height:1.6em;
	}
	
.forth_contents img{
	max-width:60%;
	}

p.otoiawase{
	font-size:1.5em;
	padding:5px;
	}
	
/***********会社概要***********/
	
.fifth_section{
			height:100%;
	}
	
.fifth_contents{
	height:80%;
	padding-top:15px;
	}
	
.fifth_contents_inner{
	display:none;
	}

.fifth_contents_sp{
	display:block;
	}
	
.fifth_contents_right{
	width:100%;
	max-width:100%;
	font-size:0.9em;
	margin:0 auto;
}

.fifth_contents_right img{
	max-width:90%;
	border-radius: 10px;
}

/*アコーディオン*/	
	
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1px;
	color: #000;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	font-weight: bold;
	line-height: 2;
	position: relative;
	display: block;
	padding: 0;
	margin: 0 0 1px 0;
	cursor: pointer;
	background: #fff;
		font-size:0.9em;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	background: #33cccc;
}
.cp_actab .cp_actab-content p {
	margin: 0.3em;
	font-size:0.9em;
	line-height:1.5em;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 20em;
}
/* Icon */
.cp_actab label::after {
	line-height: 2;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 2em;
	height: 2em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=radio] + label::after {
	content: '▼';
}
.cp_actab input[type=radio]:checked + label::after {
	transform: rotateX(180deg);
}
	
}