@charset "utf-8";


/* ////////////////////
PC,SP共通 
//////////////////// */
* {
	color: #231815;
}

	body{
		margin: 0;
		padding: 0;
		font-family: "ヒラギノ角ゴ ProN","Meiryo","Yu Gothic","NotoSans JP","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","ヒラギノ丸ゴ Pro W4","メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka","Verdana,Arial", "Helvetica", "sans-seri";
	}
	p,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd{
		margin: 0;
		padding: 0;
		font-weight: normal;
	}
	ul,ol,li{
		list-style-type: none;
	}
	p,span,ul,ol,li,dl,dd{
		line-height: 1.75;
	}
	h2,h3,h4,h5,h6,dt{
		line-height: 1.25;
	}
	a{
		text-decoration: none;
	}
	a:hover{
		opacity: 0.7;
	}
	img{
		vertical-align: bottom;
	}
	a img{
		border: none;	/* ieでリンク付画像にborder非表示 */
	}


/* ////////////////////
ここから
//////////////////// */

/* メニューの共通設定 */
	nav.menu-wrapper #menu-btn-check {
		display: none;						/* チェックボックスは非表示 */
	}

	.pc { display: block !important; }
	.tb { display: none !important; }
	.sp { display: none !important; }

	h2 span {
		font-size: 1.25rem;
		color: #1FAC4C;
		font-weight: 600;
		vertical-align: middle;
	}

	h2 {
		font-size: 2.8rem;
		font-weight: bold;
		max-width: 1000px;
		margin: 0 auto 0px auto;
		padding-bottom: 64px;
	}


	h3 {
		font-size: 2rem;
		font-weight: bold;
	}
	h4 {
		font-size: 1.55rem;
		margin-bottom: 24px;
		font-weight: bold;
	}
/* ////////////////////
header
//////////////////// */
.br-pc {
	display: none;
}
	header {
		height: 80px;
	    position: fixed;
		z-index: 999;
		top: 0;
		left: 0;
		width: 100%;
		background: white;
		box-sizing: border-box;
	}
	.header{
		display: flex;
		justify-content: space-between;
	}

	.header_logo {
		float: left;
		margin-left: 15px;
		margin-top: 23px;
	}
	.header_logo img {
			vertical-align: top;
	}
	.top_logo {
	  display: inline-block;
	  vertical-align: middle;
	}


	.nav_inner {
		display: flex;
		margin-right: 20px;
		margin-top: 27px;
		font-size: 14px;
	}

	a {
	  text-decoration: none;
	  color: #231815;
	}

	html {
	  scroll-behavior: smooth;
	}


	.first_section, .feature_section, .lineup_section, .shop_section, .video_section {
		padding: 96px 20px 96px 20px;
		
	}
/* ////////////////////
main_visual
//////////////////// */

	.main_visual img {
		width: 100%;
		height: auto;
	}
	.main_visual {
		padding-top: 80px;
	}

/* ////////////////////
first_section
//////////////////// */
	.CO2 {
		font-size: 0.78rem;
	}
	.green span {
		font-weight: bold;
	}
	.first_section {
		background-color: #F4F0CD;
		text-align: center;
	}
	.first_section h2 {
		padding: 64px 0;
	}

	.detail {
		font-size: 15px;
		font-weight: 500;
		max-width: 900px;
		display: inline-block;  
		text-align: left;
		margin-top: 24px;
	}

	.first_concept p {
		font-size: 1.2rem;
	}

	.first_concept {
		max-width: 900px;
		display: inline-block;  
		text-align: left;
	}

	.green {
		color: #1FAC4C;
		font-weight: bold;
	}

	.first_what_is_biomass_plastics p {
		max-width: 900px;
		display: inline-block;  
		text-align: left;
		font-size: 1.2rem;
	}

	.first_biomass_plastics_cycle {
		margin-top: 12px;
	}
	.first_biomass_plastics_cycle img, .first_reduce_CO2_chart img {
		max-width: 1000px;
		width: 100%;
	
	}



/* ////////////////////
feature_section
//////////////////// */
	.first_reduce_CO2_text {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 20px;
		margin-bottom: 32px;
	}
	.first_reduce_CO2_text img {
		transform: rotateZ( 20deg );
	}
	.light {
		width: 40px !important;
		margin-left: 20px;
	}
	#feature {
		background-color: #F4F0CD;
	}
	.feature_section {
		background-color: #B6D9B7;
		text-align: center;
	}
	.feature_all p {
		font-size: 1.25rem;
	}
	.feature_point img {
		width: 170px;
		margin-bottom: 30px;
	}
	.feature_1_logo_text {
		display: flex;
		justify-content: center;
	}
	.feature_1_logo_text p {
		text-align: left;
		margin: auto 0;
	}
	.feature_1 {
		max-width: 1000px;
		background-color: white;
		margin:  0 auto; 
		border-radius: 30px;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
		margin-bottom: 24px;
	}
	.feature_1_content h3 {
		font-size: 1.55rem;
		margin-bottom: 28px;
	}
	.feature_1_content {
		padding: 60px 50px;
	}
	.feature_1 img:first-child {
		margin-right: 80px;
	}
	.feature_1 img {
		margin-bottom: 18px;
	}
	.feature_2_3_4 {
		display: flex;
		justify-content: space-between;
		margin:  0 auto; 
		max-width: 1000px;
	}
	.feature_3_1_content, .feature_3_2_content, .feature_2_1_content, .feature_3_3_content {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.feature_2_1 {
		max-width: 850px;
		background-color: white;
		margin:  0 auto; 
		border-radius: 30px;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
		border: 12px solid;
		border-color: #7BBA7C;
		padding: 70px 55px 70px 55px;
		text-align: left;
	}
	.feature_3_1, .feature_3_2  {
		text-align: left;
	}
	.feature_3_1 {
		max-width: 880px;
		background-color: white;
		margin:  0 auto; 
		border-radius: 30px;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
		margin-bottom: 48px;
		border: 12px solid;
		border-color: #7BBA7C;
		padding: 60px ;
	}
	.number01, .number02, .number03 {
		line-height: 1.3;
	}
	.number01 {
		font-size: 6.25rem;
		color: #28A34B;
		font-weight: bold;
	}
	.number02 {
		font-size: 6.25rem;
		color: #E9913D;
		font-weight: bold;
	}
	.number03 {
		font-size: 3.75rem;
		color: #DAE000;
		font-weight: bold;
	}
	.feature_3_1 p, .feature_3_2 p, .feature_3_3 p {
		font-size: 1.25rem;
	}
	.feature_2_1_content h3 {
		margin-bottom: 24px;
		color:  #28A34B;
		font-size: 1.625rem;
		text-align: left;
	}
	.feature_2_1_content img {
		margin-right: 48px;
		width: 460px !important;
	}
	.feature_3_1_content h3 {
		color:  #28A34B;
		font-size: 1.625rem;
		margin-bottom: 12px;
	}
	.feature_3_2_content h3 {
		color:  #E9913D;
		font-size: 1.625rem;
		margin-bottom: 12px;
	}
	.feature_3_1_content img {
		margin-right: 48px;
		width: 460px !important;
	}
	.feature_3_2_content img {
		margin-left: 48px;
		width: 460px !important;
	}
	.feature_3_2 {
		max-width: 880px;
		background-color: white;
		margin:  0 auto; 
		border-radius: 30px;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
		margin-bottom: 48px;
		border: 12px solid;
		border-color: #E9913D;
		padding: 60px;
	}
	.feature_3_3 {
			max-width: 880px;
			background-color: white;
			margin:  0 auto; 
			border-radius: 30px;
			box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
			border: 12px solid;
			border-color: #DAE000;
			display: flex;
			padding: 30px 60px 30px 60px;
	}
	.feature_3_3_content img{
		margin-top: 10px;
		max-width: 450px;
	}
	.feature_3_3_content .left {
		margin-left: 48px;
	}
	.feature3_3 h3 {
		margin-bottom: 20px;	
	}
	.feature_point_text {
		width: 235px;
		margin: 0 auto;
	}
	.feature_point p{
		display: inline-block;
		text-align: left;
	}
	.feature_2_content, .feature_3_content, .feature_4_content {
		padding: 40px;
		background-color: white;
		height: 360px;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
		border-radius: 30px;
	}
	.left {
		text-align: left;
	}

/* ////////////////////
video_section
//////////////////// */
	#video {
		background-color: #B6D9B7;
	}

	.video_section {
		background-color: #D9EEED;
		text-align: center;
	}
	.video_youtube {
		margin: 0 auto;
		width: 60%;
		aspect-ratio: 16/9;
	}


/* ////////////////////
lineup_section
//////////////////// */
	.ink {
		font-size: 1rem;
		line-height: 5rem;
		font-weight: bold;
	}
	.border_g, .border_o {
		margin-bottom: 88px;
	}
	.types {
		display: flex;
		justify-content: space-between;
		margin:  0 auto; 
		max-width: 1000px;
	}
	.btn_jim p, .btn_sarasa p {
		font-weight: bold;
		line-height: 1.4;
		color: #026327;
		margin-top: 5px;
	}
	.btn_jim, .btn_sarasa {
		padding: 20px 15px 20px 15px;
		justify-content: center;
		margin-top: 100px;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
		font-size: 1.6rem;
		background-color: white;
		border-radius: 60px;
		display: flex;
	}
	.btn_jim {
		margin-right: 40px;
		align-items: center;
	}
	.btn_sarasa {
		margin-left: 40px;	
		align-items: center;
	}
	.btn_sarasa img, .btn_jim img {
		margin-left: 24px;
	}
	.lineup_photo_left {
		margin-right: 30px;
	}
	#lineup {
		background-color: #D9EEED;
	}
	.image_mouseover_1{
		overflow: visible;
		}
	.image_mouseover_1 img {
		display: block;
		transition-duration: 0.5s;
	}
	.image_mouseover_1 img:hover {
		transform: scale(1.05,1.05);
		transition-duration: 0.5s;
	}
	.lineup_h2_detail {
		font-size: 1.4rem;
	}
	.lineup_section {
		background-color: #F4F0CD;
		text-align: center;
	}
	.lineup_name_upper {
		display: flex;
		justify-content: left;
	}
	.lineup_name {
		display: flex;		
		justify-content: center;
		text-align: left;
	}
	.lineup_photo {
		margin-bottom: 54px;
	}
	.lineup_1pc_photo_set img, .lineup_5pc_photo_set img {
			box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	}
	.name1 {
		font-size: 1.1rem;
		font-weight: bold;
	}
	.lineup_waterproof {
		margin-left: 10px;
	}


/* ///
替芯
///*/

	.lineup_name_logo_1 {
		display: flex;	
		justify-content: center;
		text-align: left;
		padding-bottom: 40px;
		padding-right: 407px;
	}
	.lineup_biotube_set {
		margin-bottom: 97px;
	}
	.lineup_biotube_set img {
		width: 542px;
	}
	.lineup_1_1pc {
		display: flex;	
		justify-content: center;
		margin-bottom: 10px;
	}
	.lineup_spec {
		display: flex;	
		justify-content: flex-end;
	}

	.lineup_spec span {
		font-size: 1.2rem;
	}
	.red span {
		color: red;
	}
	.lineup_spec_detail {
		text-align: center;
	}
	.lineup_1_5pc {
		display: flex;		
		justify-content: center;
		margin-bottom: 10px;
	}
	.lineup_1_price {	
		display: flex;		
		justify-content: space-between;
		margin:  0 auto; 
		max-width: 950px;
	}
	.lineup_1pc_price {
		margin-right: 40px;
	}
	.lineup_5pc_price {
		margin-right: 40px;
	}
	.border {
		border-bottom:solid
		#BDBDB7 2px; /*borderの指定*/
		/*余白の指定*/
		max-width: 1000px;
		margin : 68px auto;
		
	}
	.lineup_name_logo1 {
		padding-right: 30px;
	}
	.lineup_1pc_photo_set {
		display: flex;
	}
	.lineup_5pc_photo_set {
		display: flex;
	}
	.lineup_spec_upper {
		margin-bottom: 20px;
	}
	.lineup_spec_lower {
		margin-right: 9px;
	}

/* ///
本体
///*/
	.pen {
		margin-right: 30px;
	}
	.lineup_name_logo_2 {
		display: flex;	
		text-align: left;
		padding-bottom: 40px;
		justify-content: center;
	}
	.lineup_pen {
		display: flex;	
		text-align: left;
	}
	.lineup_pen:not(:last-child) {
		padding-bottom: 20px;	
	}
	.lineup_pen p {
		text-align: left;
	}
	.lineup_pen span{
		font-size: 1.2rem;
	}
	.lineup_ink_red span {
		color: red;
	}
	.lineup_2_photo {
		display: inline-block;
	}
	.lineup_2_photo img {
		width: 650px;
	}
	.name2 {
		font-size: 1.85rem;
		font-weight: bold;
		padding-right: 17px;
	}
	.lineup_07mm {
		padding-right: 10px;
	}
	.lineup_pen_eco {
		padding-right: 40px;
	}
	.lineup_07mm_eco {
		display: flex;		
	}

	.btn {
		font-size: 1.6rem;
		background-color: white;
		border-radius: 60px;
		display: flex;
	}
	.btn p {
		color: #1FAC4C;
	}

/* ////////////////////
shop_section
//////////////////// */
	#shop {
		background-color: #F4F0CD;
	}
	.shop_section {
		background-color: #EFD8DA;
		text-align: center;
	}
	.shop_store {
		/*display: flex;
		justify-content: center;*/
	}
	/* .zebra_store {
		margin-right: 100px;
	} */
	.shop_store img {
		width: 400px;
	}
	.zebra_store {
		margin: 0 auto;
	}

/* ////////////////////
footer_section
//////////////////// */

	.footer {
		background-color: #1FAC4C;
		color: white !important;
		text-align: center;
		padding: 30px 0px;
	}
	.footer small {
			color: white !important;	
	}



@media (max-width: 1400px){
	.set img {
		width: 450px !important;
	}
 }

@media (max-width: 998px){
/* ////////////////////
feature
//////////////////// */
	h2 {
		font-size: 2.25rem;
	}
	.first_section, .feature_section, .lineup_section, .shop_section, .video_section {
		padding: 72px 40px;
		
	}
	.first_section h2 {
		padding: 48px 0;
	}
	.feature_all p {
    	font-size: 1.2rem;
	}
	.feature_1 img {
		width: 100px;
	}
	.btn_jim {
		margin: 24px auto 68px auto;
		width: 50%;
		align-items: center;
		font-size: 1.4rem;
		padding: 15px 10px 15px 10px;
	}
	.btn_sarasa {
		margin: 24px auto 24px auto;
		width: 50%;
		align-items: center;
		font-size: 1.4rem;
	}
	.btn_jim img, .btn_sarasa img {
		width: 14%;
	}
	.border_g, .border_o {
		margin-bottom: 24px;
	}
	.pc { display: none !important; }
	.tb { display: block !important; }
	.br-sp {
		display: none;
	}
	.feature_point_text {
		width: 200px;
		margin: 0 auto;
	}
	.feature_point p{
		display: inline-block;
		text-align: left;
	}
	
	.feature_1_content {
		padding: 40px 40px;	
	}
	.feature_2_1_content {
    	text-align: center;
		display: block;
	}
	.feature_2_1_content p {
    	text-align: left;
	}
	.feature_2_1_content img {
		margin-right: 0px;
		margin-bottom: 48px;
	}
	.feature_2_content, .feature_3_content, .feature_4_content {
		padding: 40px 30px;
		background-color: white;
		height: 390px;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
		border-radius: 30px;
	}
	.feature_3_1_content, .feature_3_2_content, .feature_3_3_content {
		display: block;
		text-align: center;
	}
	.number01_text, .number02_text, .number03_text {
		text-align: left;
	}
	.number01_text, .number03_text {
		margin-top: 24px;
	}
	.number02_text {
		margin-bottom: 24px;
	}
	.number01_text, .number02_text, .number03_text {
		margin-left: 24px;
		margin-right: 24px;
	}
	.feature_3_1_content img {
    margin-right: 0px;
}
	.feature_3_2_content img {
    margin-left: 0px;
}
	.feature_3_3_content .left {
    margin-left: 24px;
}
	
	.lineup_1pc_price img, .lineup_5pc_price img, .lineup_2_price img {
		width: 120px !important;
	}
	.sarasa_132 {
		margin-top: 30px;
	}
	.set img {
		width: 500px !important;
	}
	.btn_sarasa {
        margin-bottom: 0px !important;
    }
	
/* ////////////////////
lineup
//////////////////// */
	.types {
		display: block;
	}
	.lineup_2_photo img {
		width: 400px;
	}
	.lineup_name_logo_1 {
		padding-right: 0px;
	}
	.lineup_name_logo_2 {
		display: block;
	}
	.lineup_2_price {
		text-align: center;
	}
	.lineup_biotube_set img {
		width: 325px;
	}
}
@media (max-width: 889px){	
	.feature_2_content, .feature_3_content, .feature_4_content {
		padding: 40px 18px;
	}
}
@media (max-width: 823px){	
	.feature_2_content, .feature_3_content, .feature_4_content {
		padding: 40px 10px;
	}
}
@media (max-width: 770px){
/* ////////////////////
header
//////////////////// */
	.first_concept p {
		font-size: 1rem;
	}
	.first_section h2 {
		padding: 38px 0;
	}
	.feature_all p {
		font-size: 1rem;		
	}
	
	.feature_1_content h3 {
		margin-bottom: 14px;
	}
	.feature_point img {
		margin-bottom: 0px;
		margin-right: 30px;
	}
	.feature_2_content, .feature_3_content, .feature_4_content {
		display: flex;
		align-items: center;
		padding: 20px 50px;
		height: auto;
	}
	.feature_4_content {
		margin-bottom: 0px !important;
	}
	.feature_point_text {
        width: auto;
	}
	h2 {
		font-size: 2rem;
		padding-bottom: 38px;
	}
	.ink {
		line-height: 3rem;
	}
	.btn_jim {
		width: 80%;
		margin: 32px auto 45px auto;
	}
	.btn_sarasa {
		width: 80%;
		margin: 32px auto 68px auto;
	}
	.lineup_2_photo img {
		width: 400px;
	}
	.lineup_biotube_set img {
		width: 276px;
		margin-right: 0px;
	}
	.feature_2_1_content img {
		width: 350px !important;
			margin-right: 0px;
	}
	.feature_3_1_content img {
		width: 285px !important;
			margin-right: 0px;
	}
	.feature_2_1_content {
		display: block;
	}
	.feature_3_1_content {
		display: block;
	}
	.feature_3_2_content {
		display: block;
	}
	.feature_3_3_content {
		display: block;
	}
	.feature_2_1, .feature_3_1, .feature_3_2,.feature_3_3 {
		padding: 40px 30px 30px 30px;
	}
	.feature_3_2_content img {
		width: 285px !important;
			margin-left: 0px;
	}
	.feature_3_3_content img {
		width: 285px !important;
	}
	.number01, .number02 {
		font-size: 4rem;
	}
	.number03 {
		font-size: 3rem;
	}
	.br-sp {
		display: none;
	}
	header {
		height: 60px;
	}
	h1 {
		display: flex;
	}
	.header_logo {
		display: flex;
		margin-left: 10px;
		margin-top: 15px;
	    align-items: flex-start;
	}
	.top_logo_1 {
		width: 80px;
	}
	.top_logo_2 {
		width: 80px;
	}

	h2 span {
		font-size: 15px;
		vertical-align: middle;
	}

	h3{
		font-size: 1.75rem;
		margin-bottom: 32px;
	}
	h4 {
		font-size: 1.25rem;
		margin-bottom: 16px;
	}
	.pc { display: none !important; }
	.tb { display: none !important; }
    .sp { display: block !important; }
	
	.main_visual {
		padding-top: 60px;
	}
/* ////////////////////
first_section
//////////////////// */
	.CO2 {
		font-size: 0.78rem;
	}
	.green span {
		font-weight: bold;
	}
	.first_concept p {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.first_biomass_plastics_cycle {
		margin-top: 30px;
	}
	.first_section small {
		margin-top: 32;
	}
/* ////////////////////
feature_section
//////////////////// */
	.first_reduce_CO2_text {
		margin-left: 0px;
	}
	.feature_1 {
		margin-bottom: 20px;
	}
	.feature_1_content {
		padding: 40px 30px 30px 30px;
	}
	.feature_1 img {
    	margin-right: 0px;
	}

	.feature_1_content_h3 {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
	}
	.feature_1_logo_text {
		margin: 0 auto;			
	}
	.feature_1_logo_text p {
		margin: 0 auto;					
	}
	.feature_1_logo {
		margin: 0 auto;	
		margin-bottom: 30px;
	}
	.feature_2_3_4 {
		flex-direction: column;	
	}
	.feature_point_text {
		margin-bottom: 50px;
		margin: 0 auto;	
	}
	.feature_2_content, .feature_3_content, .feature_4_content {
		margin-bottom: 20px;
	}
/* ////////////////////
video_section
//////////////////// */

	.video_youtube {
		margin: 0 auto;
		width: 100%;
		aspect-ratio: 16/9;
	}

	.video_title {
		display: flex;
		justify-content: center;
    	align-items: center;
		margin-bottom: 24px;
	}
	.video_title h2 {
		margin-left: 10px !important;
		margin-right: 10px !important;
		padding-bottom: 0px;
	}
/* ////////////////////
lineup_section
//////////////////// */
	.set img{
		max-width: 500px;
	}
	.lineup_05mm_eco {
		display: flex;
	}
	.lineup_h2_detail {
		font-size: 1rem;
	}
	.lineup_name_logo{
		flex-direction: column;	
		text-align: center;
	}
	.name1 {
		font-size: 0.95rem;
	}
	.name2 {
		font-size: 1.4rem;
		font-weight: bold;
	}
	.border {
		margin: 48px auto;
	}
/* ///
替芯
///*/
	.btn_sarasa {
        margin-bottom: 0px !important;
    }
	.lineup_photo {
		margin-bottom: 32px;
	}
	.lineup_biotube_set {
		width: 80%;
		margin: 0 auto;
	}
	.lineup_logo {
		text-align: center;
		margin-top: 16px;
	}
	.lineup_1_1pc {
		flex-direction: column;
	}
	.lineup_1_price {
		flex-direction: column;
	}
	.lineup_1pc_photo_set{
		display: flex;
		justify-content: center;		
	}
	.lineup_1_5pc {
		flex-direction: column;
	}
	.lineup_5pc_photo_set {
		display: flex;
		justify-content: center;
	}
	.lineup_name_logo_1 {
		padding-bottom: 0px;
		padding-right: 0px;
	}
	.lineup_biotube_set{
		margin-bottom: 32px;
	}

	.lineup_1_1pc {
		margin-bottom: 10px;
	}

	.lineup_1_5pc {
		margin-bottom: 10px;
	}

	.lineup_1_price {	
		display: flex;		
		justify-content: space-between;
		margin:  0 auto; 
		max-width: 950px;
		margin-bottom: 0px;
	}

	.lineup_1pc_price {
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.lineup_5pc_price {
		margin-right: 0px;
		margin-bottom: 30px;
	} 
	.lineup_name_logo_1{
		flex-direction: column;	
		margin-bottom: 30px;
		text-align: center;
		}

	.lineup_name_logo1 {
		padding-right: 0px;
		justify-content: flex-start;
	}

	.lineup_spec_upper {
		margin-bottom: 20px;
	}
	.lineup_spec {
		justify-content: center;
		margin-bottom: 0px;
	}
	.red1 {
		margin-bottom: 50px;
	}
	.red {
		margin-bottom: 46px;
	}
/* ///
本体
///*/
	.lineup_name {
		flex-direction: column;	
		text-align: center;	
	}
	.lineup_pen {
		flex-direction: column;
		}
	.lineup_name_logo_2 {
		text-align: left;
		padding-bottom: 40px;
		flex-direction: column;	
	}
	.lineup_07mm_eco {
		display: flex;
		justify-content: center;
	}
	.lineup_07mm_eco_text {
		margin-bottom: 54px;
	}
	.lineup_07mm {
		margin-right: 10px;
	}
	.lineup_2_price {
		text-align: center;	
		margin-left:5px;
	}
	.lineup_pen p {
		text-align: left;
	}
	.lineup_2 {
		margin-top: 46px;
		padding-top: 20px;
	}
	.lineup_name_upper {
		justify-content: center;
	}
	.lineup_2_name_left {
		margin-bottom: 15px;
	}
	.name2 {
		padding-right: 0px;
		text-align: center;
	}

	.lineup_07mm {
		padding-right: 0px;
	}

	.lineup_pen_spec {
		text-align: left;
		margin-left: 80px;
	}
/* ////////////////////
shop_section
//////////////////// */

	.shop_store {
		flex-direction: column;	
	}
	/*.shop_store:first-child {
		padding-bottom: 15px;
	}*/
	.shop_store img {
		width: 330px;
	}
	/*.zebra_store {
		margin-right: 0px;	
		margin-bottom: 15px;
	}*/


/* ////////////////////
footer
//////////////////// */
	.footer {
		padding: 22px 0;
	}

/* ////////////////////
SPメニューの設定 
//////////////////// */
	.sp_none {
		display: none;
	}
	.top_logo_2 {
		margin-left: 23px;
	}
	nav.menu-wrapper .menu-btn {
	    position: fixed;				/* ボタン領域を右上に作成 */
	    top: 5px;						/* ボタンの縦位置 */
	    right: 10px;					/* ボタンの横位置 */
	    display: flex;
	    height: 50px;
	    width: 50px;
	    justify-content: center;
	    align-items: center;
	    z-index: 90;
	    background-color: rgba(255,255,255,0.3); /* ボタンの背景色 */
		cursor: pointer;
		border-radius: 7px;
	}
	nav.menu-wrapper .menu-btn span,		/* ボタンの3本線 */
	nav.menu-wrapper .menu-btn span:before,
	nav.menu-wrapper .menu-btn span:after {
	    content: '';
	    display: block;
	    height: 4px;
	    width: 35px;
	    border-radius: 10px;
	    background-color: #1FAC4C;				/* 3本線の色 */
	    position: absolute;
	}
	nav.menu-wrapper .menu-btn span:before {
	    bottom: 10px;						/* 上の線は上方向に10px移動 */
	}
	nav.menu-wrapper .menu-btn span:after {
	    top: 10px;							/* 下の線は下方向に10px移動 */
	}
	nav.menu-wrapper #menu-btn-check:checked ~ .menu-btn span {
											/* ボタンクリック時：真ん中の線は非表示 */
	    background-color: rgba(255, 255, 255, 0);
	}
	nav.menu-wrapper #menu-btn-check:checked ~ .menu-btn span::before {
											/* ボタンクリック時：上の線を斜め（／） */
	    bottom: 0;
	    transform: rotate(45deg);
	}
	nav.menu-wrapper #menu-btn-check:checked ~ .menu-btn span::after {
											/* ボタンクリック時：下の線を斜め（＼） */
	    top: 0;
	    transform: rotate(-45deg);
	}
	nav.menu-wrapper #menu-btn-check:checked ~ .menu-content {
											/* ボタンクリック時：メニュー領域を表示 */
	    left: calc(100% - 220px);			/* メニュー領域の引き出し位置（0にすると左端まで） */
	}
	nav.menu-wrapper .menu-content {		/* メニューのコンテンツ領域 */
		width: 100%;
		height: 100vh;						/* autoにするとコンテンツ領域分までに */
	    position: fixed;
	    top: 0;
	    left: 100%;
		overflow: auto;
	    z-index: 80;
	    padding: 0 10px;					/* メニュー領域の左右の隙間 */
	    background-color: rgba(255,255,255,0.8);	/* メニュー領域の背景色 */
	    transition: all 0.5s;				/* メニュー領域の引き出しスピード */
	}
	nav.menu-wrapper .menu-content ul {	/* メニューの領域を作成 */
		display: block;
		width: 200px;						/* メニュー領域の横幅を設定（100%にすると横幅いっぱい） */
	    padding-top: 80px;					/* ボタン領域分を下に下げる */
	    list-style: none;
	}
	nav.menu-wrapper .menu-content ul li {
											/* メニューの項目領域 */
		width: 100%;
		border-right: none;
	    border-top: solid 1px #c0c0c0;			/* メニュー項目間の線色 */
	}
	nav.menu-wrapper .menu-content ul li:first-child {
		border-left: none;
	}
	nav.menu-wrapper .menu-content ul li a {
											/* メニューの項目領域（リンク実体） */
		display: block;
	    font-size: 16px;
	    text-decoration: none;
	    color: #231815;						/* メニュー項目の文字色 */
		font-weight: normal;
	    padding: 10px 0px;
	    text-align: center;					/* メニュー項目の表示位置 */
	}
	nav.menu-wrapper .menu-content ul li a span {
		font-size: 90%;
		font-weight: normal;
	}
	nav.menu-wrapper .menu-content ul li a:hover {
		opacity: 0.6;
	}
	}

@media (max-width: 600px){
	p {
		font-size: 1rem !important;
	}
	.first_concept p {
		padding-top :0px;
	}
	
	.first_reduce_CO2_text {
		font-size: 1.2rem;
		margin-bottom: 12px;
	}
	.light {
		width: 30px !important;
	}
	.first_section, .feature_section, .lineup_section, .shop_section, .video_section {
		padding: 45px 20px 45px 20px;
	}
	.first_section h2 {
		font-size: 1.1rem;
		padding: 24px 0;
	}
	.detail {
		margin-top: 12px;
		margin-bottom: 0px;
	}
	.shop_store {
        padding-bottom: 0px;
    }
	.br-pc{
      display: block;
    }
	
	.feature_1_content h3 {
		
		font-size: 1.25rem;
		margin-bottom: 18px;
	}
	.feature_1 img:first-child {
   		 margin-right: 30px;
	}
	.feature_1 img {
		width: 80px;
	}
	.feature_1_text {
		text-align: left;
	}
	h4 {
		font-size: 1.125rem;
	}
	
	.feature_2_content, .feature_3_content, .feature_4_content {
		display: block;
		align-items: center;
		padding: 30px;
		height: auto;
	}
	.feature_3_1, .feature_3_2,.feature_3_3 {
		padding: 40px 10px 30px 10px;
	}
	.number01, .number02 {
		font-size: 3rem;
	}
	.number03 {
		font-size: 2rem;
	}
	.feature_4_content {
		margin-bottom: 0px;
	}
	.feature_point img {
        margin-bottom: 30px;
        margin-right: 0px;
    }
	
	.feature_2_1_content h3 {
		font-size: 1.25rem;
		margin-bottom: 12px;
	}
	.feature_2_1 {
		margin-bottom: 0px;
	}
	
	.feature_2_1 {
		padding: 40px 20px 30px 20px;
	}
	.feature_2_1_content img {
		width: 275px !important;
		margin-bottom: 24px;
	}
	.video_title {
		display: flex;
		justify-content: center;
    	align-items: center;
		margin-bottom: 24px;
	}
	.video_title h2 {
		margin-left: 10px !important;
		margin-right: 10px !important;
		padding-bottom: 0px;
	}
	.lineup_h2_detail {
		font-size: 0.9rem;
	}
	.set img{
		width: 100% !important;
	}
	.red {
        margin-bottom: 0px;
    }    
	.sarasa_132 {
		margin-top: 30px;
	}
	.lineup_2 {
        margin-top: 0px;
        padding-top: 0px;
    }
	.lineup_2_photo img {
		width: 325px;
	}
	.lineup_pen_eco {
    padding-right: 0px;
	}
	.lineup_1pc_price img, .lineup_5pc_price img, .lineup_2_price img {
		width: 120px !important;
	}
	.lineup_5pc_price img {
		margin-top: 30px;
	}
	.ink {
		font-size: 0.9rem;
		line-height: 2rem;
	}
	.btn_jim p, .btn_sarasa p {
		font-size: 1rem;
		line-height: 1.4;
	}
	.btn_jim img, .btn_sarasa img {
		width: 45px;
		margin-left: 8px;
	}
	
	.btn_jim, .btn_sarasa {
		width: 70%;
		padding: 10px;
		margin-top: 32px;
		margin-right: auto;
		margin-left: auto;
	}      
	.btn_sarasa {
        margin-bottom: 0px !important;
    }
	.border_g, .border_o {
		margin-bottom: 30px;
	}
	h3{
		font-size: 1.375rem;
		margin-bottom: 0px;
	}	
	h2 {
		font-size: 1.5rem;
		padding-top: 0px;
		padding-bottom: 24px;
	}
}