/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/


.mp{
	font-family: 'M PLUS 1p', sans-serif;
}
.rb{
	font-family: 'Roboto', sans-serif;
}

.table_pc{
	display: table ;
}
.table_sp{
	display: none ;
}

.fv_section{
	width : 100% ;
	height : 760px ;
	background-color: #DA2588 ;
}



.fv_logoarea{
	position: absolute;
	top : 0px ;
	left : 0px ;
	width : 370px ;
	height : 140px ;
	z-index: 14 ;
	opacity: 0 ;
}

.fv_logo_back{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	z-index: 4 ;
}

.fv_logo{
	position: absolute ;
	top : 36px ;
	left : 36px ;
	z-index: 5 ;
	width: 158px ;
}



.fv_contactbox{
	position: fixed;
	top : 0px ;
	right : 0px ;
	width : 160px ;
	height: 140px ;
	background-color: #FF0000 ;
	border-radius: 0px 0px 0px 10px ;
	z-index: 14 ;
	opacity: 0 ;
}

.tempnews{
	position: fixed;
	top : 0px ;
	left : 0px ;
	width: 100% ;
	font-size: 20px ;
	line-height: 30px ;
	font-weight: 900 ;
	text-align: center ;
	background-color: #FFD802 ;
	color: #00803F ;
	padding : 10px 200px 10px ;
	display: none ;
	z-index: 13 ;
}


.fv_sample{
	position: absolute;
	top : 50% ;
	left : 50% ;
	width: 100px ;
	transform: translate(-50%,-50%);
}

.fv_catch_superbox{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 960px ;
	height: 480px;
	transform: translate(-50%,-50%);
	z-index: 2;
}
.fv_catch_wrap{
	position: absolute ;
	top : 50% ;
	left: 50% ;
	width: 100%;
	height: 100% ;
	transform: translate(-50%,-50%);
	z-index: 2 ;
}

.fv_catch_back{
	position: absolute ;
	top : 0% ;
	left: 0% ;
	width: 100%;
	height: 100% ;
	z-index: 2;
}

.fv_catch{
	position: absolute;
	top: 50% ;
	left: 50%;
	width: 443px ;
	margin-top : 10px ;
	transform: translate(-50%,-50%);
	z-index: 3;
	opacity: 0 ;
}

.fv_arrow_01{	position: absolute ; bottom : 0px ; left: 120px ; width: 120px ; height: 120px ; z-index: 3 ; opacity: 0 ;}
.fv_arrow_03{	position: absolute ; bottom : 0px ; right: 120px ; width: 120px ; height: 120px ; z-index: 3 ; opacity: 0 ;}
.fv_arrow_07{	position: absolute ; top : 0px ; left: 120px ; width: 120px ; height: 120px ; z-index: 3 ; opacity: 0 ;}
.fv_arrow_09{	position: absolute ; top : 0px ; right: 120px ; width: 120px ; height: 120px ; z-index: 3 ; opacity: 0 ;}

.fv_arrow_02{	position: absolute ; bottom : 0px ; left: 50% ; width: 120px ; height: 120px ; z-index: 3 ; margin-left : -60px ; opacity: 0 ;}
.fv_arrow_04{	position: absolute ; top : 50% ; left: 0px ; width: 120px ; height: 120px ; z-index: 3 ; margin-top : -60px ;opacity: 0 ;}
.fv_arrow_06{	position: absolute ; top : 50% ; right: 0px ; width: 120px ; height: 120px ; z-index: 3 ; margin-top : -60px ;opacity: 0 ;}
.fv_arrow_08{	position: absolute ; top : 0px ; left: 50% ; width: 120px ; height: 120px ; z-index: 3 ; margin-left : -60px ;opacity: 0 ;}


.fv_arrow_01 img,
.fv_arrow_02 img,
.fv_arrow_03 img,
.fv_arrow_04 img,
.fv_arrow_06 img,
.fv_arrow_07 img,
.fv_arrow_08 img,
.fv_arrow_09 img{
	width: 100% ;
}


.section_works{
	width: 100% ;
	background-color: #FFFFFF ;
	padding-bottom: 340px ;
	z-index: 1 ;
}

.section_back{
	position: absolute ;
	top : -296px ;
	left : 0px ;
	width : 100% ;
	height : 300px ;
	z-index: 4 ;
}



.section_title{
	text-align: center ;
	padding-top : 16px ;
	top : 10px ;
}
.section_title_en{
	color: #736357 ;
	font-size: 15px ;
	font-style: italic ;
	line-height: 16px ;
}

.section_products .section_title_jp_l{
	color: #FFFFFF ;
}



.section_title_jp{
	font-size: 33px ;
	font-weight: 900 ;
	color: #00803F ;
	letter-spacing: 4px ;
	line-height: 50px ;
}
.section_title_jp_l{
	font-size: 50px ;
	font-weight: 900 ;
	color: #00803F ;
	letter-spacing: 4px ;
	line-height: 72px ;
	margin-top: 20px ;
}


.section_title_bar{
	position: absolute ;
	top : 0px ;
	left : 50% ;
	width: 1px ;
	height: 12px ;
	background-color: #736357 ;
}


.works_sample_flex{
	width: 100% ;
	margin : 36px auto 0px ;
	max-width: 1000px ;
	left: 20px ;
}
.works_sample_item{
	width: 20% ;
	max-width: 250px ;
}
.works_sample_item img{
	width: 100% ;
}
.works_sample_item01{ top : 10px ; }
.works_sample_item02{ top : 20px ; }
.works_sample_item03{ top : 30px ; }
.works_sample_item04{ top : 40px ; }
.works_sample_item05{ top : 50px ; }

.works_logo_flex{
	width: 100% ;
	margin : 36px auto 0px ;
	max-width: 1000px ;
}

.works_logo01{width:12%;max-width:160px;top: 10px ;}
.works_logo02{width:10%;max-width:140px;top: 20px ;}
.works_logo03{width:15%;max-width:200px;top: 30px ;}
.works_logo04{width:10%;max-width:140px;top: 40px ;}
.works_logo05{width:20%;max-width:270px;top: 50px ;}
.works_logo06{width:10%;max-width:140px;top: 60px ;}

.works_logo{
	width: 100% ;
}

.works_archive_flex{
	width : 100% ;
	max-width: 1000px ;
	margin : 72px auto 0px ;
}


.works_archive_item{
	width : 48% ;
	max-width: 480px;
	background-color: #FFFBB9 ;
	box-shadow: 7px 7px 0px rgba(128,128,128,0.3);
	text-align: center;
	padding : 36px 16px ;
	top : 10px ;
}


.works_archive_item_title{
	display: inline-block;
	font-size: 20px ;
	font-weight: 900 ;
	color: #00803F ;
	border-bottom: 3px solid #EDE000 ;
}

.works_archive_item_num{
	font-size: 20px ;
	color : #000000 ;
	margin-top : 80px ;
}

.works_archive_item_num01{
	font-size: 100px ;
	line-height: 100px;
	font-weight: 900 ;
	font-style: italic;
	color : #00803F ;
}
.works_archive_item_num02{
	font-size: 100px ;
	line-height: 100px;
	font-weight: 900 ;
	font-style: italic;
	color : #00803F ;
}
.works_archive_item_etc{
	margin-top : 52px ;
	font-size: 12px ;
}




.section_chara{
	width: 100% ;
	background-color: #FFDF02 ;
	padding-bottom: 340px ;
	z-index: 1 ;
}


.chara_inner{
	width : 100% ;
	max-width: 1080px ;
	padding : 0px 40px ;
	margin : 80px auto 0px ;
}




.chara_itembox{
	width: 100% ;
	margin : 80px auto 0px ;
}

.chara_image{
	float : left ;
	width: 50% ;
	max-width: 500px ;
	top : 10px ;
}

.chara_item_story{
	float : right ;
	width : 44% ;
	max-width: 440px ;
	font-size: 16px ;
	color : #000000 ;
	top : 20px ;
}

.chara_item_title{
	font-size: 30px ;
	line-height: 50px ;
	font-weight: 900 ;
	color: #00803F ;
	margin-bottom : 20px ;
}







.section_products{
	width: 100% ;
	background-color: #6EA82C ;
	padding-bottom: 340px ;
	z-index: 1 ;
}



.work_titile_stretch{
	float : left ;
	width : 100% ;
	max-width: 456px ;
	margin-right: 50px ;
	top : 10px ;
}
.work_titile_original{
	/**
	float : left ;
	**/
	width : 100% ;
	max-width: 800px ;
	margin: 0px auto ;
	top : 10px ;
}
.work_titile_magictape{
	/**
	float : left ;
	**/
	width : 100% ;
	max-width: 666px ;
	margin: 0px auto ; ;
	top : 10px ;
}



.products_item_cate{
	float : left ;
	width : 140px ;
	height: 42px ;
	line-height: 42px ;
	border-radius: 21px ;
	text-align: center ;
	background-color: #6EA82C ;
	color: #FFFFFF ;
	font-size: 18px ;
	margin : 60px 10px 0px 0px ;
	top : 10px ;
}
.products_item_cate.small{
	width: 110px ;
	margin : 60px 0px 0px 0px ;
}

.products_hr{
	width : calc( 100% + 100px ) ;
	height: 2px ;
	background-color: #D4D4D4 ;
	margin : 60px 0px 60px -50px ;
}

.products_story{
	font-size: 16px ;
	color: #000000 ;
	top : 10px ;
}
.products_story p{
	margin-bottom : 30px ;
}


.products_item01_flex{
	width : 100% ;
	margin-top : 64px ;
}

.products_item01_det{
	width : 32% ;
	max-width: 270px ;
	margin : 0px 0px 60px ;
	text-align: center ;
	top : 10px ;
}

.products_item01_det_image{
	width : 100%;
	margin-bottom : 20px ;
}

.products_item01_det_num{
	width : 56px ;
	height: 28px;
	line-height: 26px ;
	border : 1px solid #000000 ;
	text-align: center ;
	font-size: 15px ;
	margin : 0px auto 20px ;
}

.products_item01_det_name{
	font-size: 16px ;
}

.products_item01_extra{
	width : 66% ;
	max-width: 585px ;
	margin-bottom: 60px ;
	background-color: #E3E0D6 ;
	padding : 34px 36px ;
	top : 10px ;
}


.products_item01_extra_l{
	float : left ;
	width: 80px ;
	margin-bottom: 10px ;
}
.products_item01_extra_r{
	float : left ;
	width: calc( 100% - 80px ) ;
	margin-bottom: 10px ;
}

.products_item_link{
	position: absolute ;
	bottom : -40px ;
	left : 50% ;
	transform: translate(-50%,0%);
	width: 380px ;
	height: 90px ;
	border-radius: 45px ;
	border : 3px solid #FFFFFF ;
	background-color: #FF0000 ;
	color: #FFFFFF ;
	font-size: 20px ;
	font-weight: 900 ;
	text-align: center ;
	line-height: 84px ;
	padding : 0px 0px 0px 0px  ;
}
.products_item_link.amazon{
	padding : 0px 60px 0px 0px  ;
	font-size: 13px ;
}

.products_item_link_arrow{
	position: absolute;
	top: 50%;
	right: 20px ;
	transform: translate(0%,-50%);
	width: 43px ;
}

.products_item_link_amazon{
	display: inline-block;
	width: 106px ;
	vertical-align: -20px ;
	margin-left : 14px ;
}



.products_story_l{
	float : left ;
	width: 350px ;
}
.products_story_r{
	float : left ;
	width: calc( 100% - 350px );
}

.work_titile_original_item01{
	width: 100% ;
	margin: 64px auto 0px; 
	top : 10px ;
}


.products_item02_item02{
	width: 480px ;
	margin: 52px auto 0px ;
	font-size: 18px ;
	top : 10px ;
}
.work_titile_original_item02{
	float : right ;
	width : 128px ;
}

.products_item02_item02_story{
	float : left ;
	width: calc( 100% - 140px );
	padding-top : 20px ;
}



.products_item02_extra{
	width : 100% ;
	background-color: #E3E0D6 ;
	padding : 34px 100px ;
	margin-top : 60px ;
	top : 10px ;
}

.products_item02_extra_l{
	float : left ;
	width : 50% ;
	max-width: 330px ;
	line-height: 30px ;
}







.products_item03_flex{
	width: 100% ;
	margin: 72px auto 0px  ;
}


.products_item03_flex_item{
	width : 48% ;
	max-width: 430px ;
	top : 10px ;
}

.products_item03_flex_itemtitle{
	font-size: 26px ;
	font-weight: 900 ;
	color: #00803F ;
}


.products_item03_flex_itemstory{
	font-size: 16px ;
}

.work_titile_magictape_item{
	width: 100% ;
	margin-top : 10px ;
}





.products_item03_extra{
	width : 100% ;
	background-color: #E3E0D6 ;
	padding : 34px 40px ;
	margin-top : 60px ;
	top : 10px ;
}


.products_item03_extra_l{
	float : left;
	width: 370px ;
}
.products_item03_extra_r{
	float : left;
	width: calc( 100% - 370px ) ;
}













.section_order{
	width: 100% ;
	background-color: #FFFFFF ;
	padding-bottom: 340px ;
	z-index: 1 ;
}

.order_item{
	width: 100% ;
	max-width: 1000px ;
	margin : 100px auto 0px;
	background-color: #E3E0D6 ;
	padding : 24px 24px 24px 130px ;
	font-size: 27px ;
	font-weight: 700 ;
	color: #231815 ;
	top : 10px ;
}
.order_item.follow{
	margin-top : 50px ;
}

.order_item_numbox{
	position: absolute;
	top : 50%;
	left : 36px ;
	width: 36px ;
	height: 36px ;
	transform: translate(0%,-50%);
}
.order_item_num_bar{
	position: absolute;
	top : 50% ;
	left : -36px ;
	width: 36px ;
	height: 1px ;
	background-color: #00803F ;
}
.order_item_num_img{
	width: 100% ;
}




.section_contact{
	width: 100% ;
	background-color: #DA2588 ;
	padding-bottom: 200px ;
	padding-top : 10px ;
	z-index: 1 ;
	overflow: hidden ;
}

.section_contact .slash_title_sub,
.section_contact .slash_title{
	color : #FFFFFF ;
}
.section_contact .slash_title_bar_r,
.section_contact .slash_title_bar_l,
.section_contact .slash_title_bar_slash{
	background-color: #FFFFFF ;
}


.section_contact .section_title_bar{
	background-color: #FFFFFF ;
}
.section_contact .section_title_en,
.section_contact .section_title_jp_l{
	color: #FFFFFF ;
}


.contact_telbox{
	width: 100% ;
	max-width: 900px ;
	padding : 60px 20px ;
	background-color: #FFFFFF ;
	margin: 120px auto 0px ;
	font-size: 60px ;
	line-height: 110px;
	font-weight: 900 ;
	text-align: center ;
	color : #00A75B ;
	top : 10px ;
	border-radius: 10px ;
}
.contact_telbox a,
.contact_telbox a:link,
.contact_telbox a:visited{
	color : #DA2588 ;
}

.contact_item_icon{
	position: absolute;
	top : -45px ;
	left : -45px ;
	width: 90px ;
	height: 90px ;
	background-color: #FFFFFF ;
	border : 6px solid #DA2588 ;
	border-radius: 50% ;
	color : #DA2588 ;
	line-height: 78px ;
	text-align: center ;
	font-weight: 900 ;
	font-size: 16px ;
	font-style: normal;
	letter-spacing: -1px ;
}









.contact_formbox{
	width: 100% ;
	max-width: 900px ;
	padding : 100px ;
	background-color: #FFFFFF ;
	margin: 70px auto 0px ;
	top : 10px ;
	border-radius: 10px ;
}

.contact_form_title{
	font-size: 16px ;
	color: #231815 ;
}
.contact_form_title span{
	color : #FF0000 ;
	vertical-align: 4px ;
}

#mailform_q_notice,
#mailform_tel_notice,
#mailform_mail_notice,
#mailform_company_notice,
#mailform_name_notice{
	color : #FF0000 ;
	font-size: 16px ;
	display: none ;
}



.mailform_input{
	display: block ;
	width: 100% ;
	box-sizing: border-box ;
	height: 70px ;
	padding : 0px 20px ;
	border : 1px solid #BABABA ;
	margin-bottom : 36px ;
	font-size: 16px ;
	margin-top : 6px ;
}


.mailform_textarea{
	display: block ;
	width: 100% ;
	box-sizing: border-box ;
	height: 370px ;
	padding : 20px ;
	border : 1px solid #BABABA ;
	font-size: 16px ;
	margin-top : 6px ;
}





.mailform_submit{
	position: relative;
	display: block ;
	width: 380px ;
	height: 90px ;
	border-radius: 45px ;
	border : 3px solid #FFFFFF ;
	background-color: #00A75B ;
	color: #FFFFFF ;
	font-size: 20px ;
	font-weight: 900 ;
	text-align: center ;
	line-height: 84px ;
	padding : 0px 0px 0px 0px  ;
	margin : 100px auto 0px ;
	cursor: pointer;
}




textarea::placeholder,
input::placeholder {
  color: #BABABA;
}


.footer{
	width: 100% ;
	padding : 80px 0px 180px ;
	background-color: #222222 ;
}

.footer_logo{
	width: 280px ;
	margin: 0px auto ;
}



.float_telbox{
	position: fixed ;
	bottom : 0px ;
	left : 0px ;
	width: 100% ;
	height : 120px ;
	line-height: 120px ;
	background-color: #FFFFFF ;
	text-align: center ;
	font-size: 40px ;
	font-weight: 900 ;
	color : #DA2588 ;
	z-index: 14 ;
}
.float_telbox a,
.float_telbox a:link,
.float_telbox a:visited{
	color : #DA2588 ;
}









.mailform_result_superbox{
	position: fixed;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index : 51 ;
	display : none ;
}

.mailform_result_background{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	background-color: rgba(0,0,0,0.8);
	z-index : 52 ;
	cursor: pointer ;
}

.mailform_result_contents{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform : translate( -50% , -50% );
	width : 600px ;
	height : auto ;
	padding : 40px ;
	background-color: #FFFFFF ;
	border-radius: 16px ;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.25) ;
	z-index : 54 ;
	color : #00803F ;
}
.mailform_result_title{
	text-align : center ;
	font-size : 24px ;
	font-weight : 700 ;
	letter-spacing: 10px 
}
.mailform_result_story{
	margin-top : 40px ;
	font-size : 15px ;
}
.mailform_result_story p{
	margin-bottom : 20px ;
}
.mailform_result_story a,
.mailform_result_story a:link,
.mailform_result_story a:visited{
	color : #00803F ;
	font-weight : 700 ;
}

.mailform_result_done{
	width : 100% ;
	height : 60px ;
	line-height : 60px ;
	text-align : center ;
	font-size : 20px ;
	font-weight : 700 ;
	color : #00803F ;
	background-color: #FFFFFF ;
	margin : 80px auto 0px;
	cursor: pointer ;
}





.work_price_title{
	float : left ;
	width: 93px ;
	margin : 56px 0px 0px 0px ;
}
.work_price_etc{
	float : left ;
	width: calc( 100% - 110px );
	margin : 64px 0px 0px 10px ;
	font-size: 14px ;
}

.work_price_notice{
	margin-top : 12px ;
}


.radius-table{
		width: 100% ;
		margin-top : 18px ;
    border-radius: 10px;
    border-spacing: 0;
    border: none;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
}
.radius-table tr>*{
    padding: 5px 10px;
    border: none;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.radius-table tr:first-child>*:first-child{
    border-radius: 10px 0 0 0;
}
.radius-table tr:first-child>*:last-child{
    border-radius: 0 10px 0 0;
}
.radius-table tr:last-child>*:first-child{
    border-radius: 0 0 0 10px;
}
.radius-table tr:last-child>*:last-child{
    border-radius: 0 0 10px 0;
}

.radius-table td{
	background-color: #FFFF00 ;
	color : #00803F ;
	font-size: 21px ;
	font-weight: 900 ;
	text-align: center ;
	padding : 12px ;
}


























/** ===================================================== **/

.header{
	position: fixed ;
	top : 0% ;
	left : 0% ;
	width: 100%;
	height: 120px ;
	padding : 30px 180px 30px 300px ;
	background-color: #FFFFFF ;
	z-index: 41 ;
}
.header_dummy{
	width: 100% ;
	height: 120px ;
}

.header_logo{
	position: absolute;
	top : 40px ;
	left : 40px ;
	width: 320px ;
	transform: translate(0%,-50%);
}



.header_inner{
	width: 100% ;

}
.header_item_wrap{
	float : right ;
	width: 120px ;
	height: 60px ;
}
.header_item_wrap.long{
	width: 160px ;
}

.header_item{
	position: absolute;
	top : 50% ;
	left: 0% ;
	width: 100% ;
	transform: translate(0%,-50%);
	text-align: center ;
	font-size: 14px ;
}


.header_contact_wrap{
	position: fixed ;
	top : 0% ;
	right : 0% ;
	width: 156px ;
	height: 120px ;
	background-color: #00A75B ;
	z-index: 42 ;
	font-weight: 700 ;
}

.header_contact{
	position: absolute ;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width: 100% ;
	text-align: center ;
	color : #FFFFFF ;
	font-size: 16px ;
}

.fv_catch_inner{
	position: absolute;
	top : 50% ;
	left: 0% ;
	width: 100% ;
	transform: translate(0%,-50%);
	z-index: 4 ;
	opacity: 0 ;
}
.fv_catch_inner h1{
	text-align: center ;
	font-size: 20px;
	font-weight: 900 ;
}
.fv_catch_inner img{
	width: 680px ;
	margin : 20px auto 0px ;
}


.gray_section{
	width: 100% ;
	padding : 120px 0px 100px ;
	background-color: #F8F8F8 ;
	overflow: hidden ;
}
.gray_section.follow{
	padding : 1px 0px 100px ;
}

.youtube_superbox{
	width: calc( 100% - 48px ) ;
	max-width: 1048px ;
	margin : 0px auto ;
	padding : 0px 24px ;
}

.youtube_item{
	width: 48% ;
	aspect-ratio: 16 / 9 ;
}

.youtube_item iframe{
	width: 100% ;
	height: 100% ;
}




.slash_title{
	width: 340px ;
	text-align: center ;
	margin : 200px auto 0px ;
	color : #DA2588 ;
	font-size: 30px ;
	font-weight: 900 ;
}
.slash_title.long{
	width: 600px ;
}
.slash_title.middle{
	width: 400px ;
}
.slash_title_bar_r{
	position: absolute;
	top : 50% ;
	left : 150% ;
	width: 50vw ;
	height: 1px ;
	background-color: #DA2588 ;
}
.slash_title_bar_l{
	position: absolute;
	top : 50% ;
	right : 150% ;
	width: 50vw ;
	height: 1px ;
	background-color: #DA2588 ;
}
.slash_title_bar_slash{
	position: absolute;
	top : 50% ;
	left : 0% ;
	transform-origin: center center ;
	transform: translate(-50%,-50%) rotate(-45deg);
	width: 30px ;
	height: 1px ;
	background-color: #DA2588 ;
}
.slash_title_bar_l .slash_title_bar_slash{
	left : auto ;
	right : 0% ;
	transform: translate(50%,-50%) rotate(-45deg);
}
.slash_title_sub{
	position: absolute;
	top : -30px ;
	font-size: 12px ;
	color : #777777 ;
	width: 100% ;
	font-weight: 400 ;
}

.inner_story{
	width: calc( 100% - 48px ) ;
	max-width: 1048px ;
	margin : 60px auto 0px ;
	padding : 0px 24px ;
	font-size: 16px ;
	font-weight: 700 ;
	line-height: 40px ;
	left : 20px 
}
.inner_story span{
	color : #00A75B ;
	background-color: #FFFF00 ;
}

.product_superbox{
	width: 100% ;
	max-width: 1000px ;
	margin : 160px auto 0px ;
}

.product_item01{
	width: 50% ;
	padding : 20px 50px 50px ;
	background-color: #B7B7B7 ;
	color : #FFFFFF ;
	font-size: 20px ;
	font-weight: 700 ;
	line-height: 30px ;
	left : 20px ;
}
.product_item02{
	width: 50% ;
	padding : 20px 50px 50px ;
	background-color: #DA2588 ;
	color : #EFEA3C ;
	font-size: 20px ;
	font-weight: 700 ;
	line-height: 30px ;
	left : 20px ;
}
.product_item01 img,
.product_item02 img{
	width: 100% ;
	max-width: 400px ;
	margin : 10px auto 0px ;
}

.product_item_title{
	position: absolute;
	top : -100px ;
	left : 0% ;
	width: 100% ;
	height: 100px ;
	line-height: 100px ;
	text-align: center ;
	font-size: 24px ;
	color : #222222 ;
	font-weight: 400 ;
}
.product_item_title img{
	position: absolute;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	margin : 0px ;
}

.product_title{
	width: 100%;
	max-width: 1000px ;
	height: 48px ;
	line-height: 48px ;
	text-align: center ;
	background-color: #DA2588 ;
	color : #FFFFFF ;
	font-size: 20px ;
	font-weight: 700 ;
	margin : 64px auto 0px ;
	left : 20px ;
}
.product_title.first{
	margin-top : 140px ;
}

.products_item_flex{
	width: calc( 100% - 48px ) ;
	max-width: 1048px ;
	margin : 40px auto 0px; 
	padding : 0px 24px ;
}

.products_itembox{
	width: 48% ;
	border: 1px solid #DA2588 ;
	background-color: #FFFFFF ;
	left: 20px ;
}

.products_itembox_title{
	width: 100%;
	padding : 20px ;
	border-bottom : 1px solid #DA2588 ;
	font-size: 20px ;
	font-weight: 700 ;
	color : #DA2588 ;
	text-align: center ;
}

.products_itembox_inner{
	padding : 20px 14px ;
}

.products_itembox_inner_l{
	float : left;
	width: 180px ;
	font-size: 16px ;
}
.products_itembox_etc{
	position: absolute ;
	bottom : 20px ;
	left: 14px ;
	width: 200px ;
	font-size: 13px ;
}
.products_itembox_etc span{
	font-size: 20px ;
	font-weight: 700 ;
	color : #DA2588 ;
}

.products_itembox_inner_r{
	float : right ;
	width: 240px ;
}

.product_notice{
	width: calc( 100% - 48px );
	max-width: 1048px ;
	padding : 0px 24px ;
	margin : 20px auto 0px ;
	text-align: center;
	font-size: 13px ;
}

.product_icon_tri_g{
	width: 45px ;
	margin : 40px auto 0px ;
	left: 20px ;
}


.original_superbox{
	width: 100% ;
	max-width: 1000px ;
	margin : 100px auto 0px ;
	background-color: #FFFFFF ;
	border-radius: 10px 10px 0px 0px ;
	left: 20px ;
}

.original_title{
	width: 100% ;
	background-color: #DA2588 ;
	border-radius: 10px 10px 0px 0px ;
	color : #FFFF00 ;
	text-align: center ;
	font-size: 30px ;
	line-height: 30px ;
	font-weight: 700 ;
	padding : 25px ;
}
.original_title img{
	display: inline-block;
	width: 225px ;
	margin-right : 24px ;
	margin-bottom : -4px ;
}

.original_inner{
	padding : 0px 100px 72px ;
}


.original_imagebox{
	width: 100% ;
	padding : 40px 40px 0px 100px ;
}
.original_image_back{
	float : right ;
	width: 100% ;
	max-width: 640px ;
	z-index:  1 ;
}

.original_image_story{
	position: absolute ;
	top : 40px ;
	left: 100px ;
	width: 440px ;
	font-size: 16px ;
	font-weight: 700 ;
	line-height: 40px ;
	z-index: 4 ;
}
.original_image_story span{
	color : #00A75B ;
	background-color: #FFFF00 ;
}

.original_story{
	font-size: 16px ;
	font-weight: 700 ;
	line-height: 40px ;
}
.original_story.follow{
	margin-top : 50px ;
}
.original_story span{
	color : #00A75B ;
	background-color: #FFFF00 ;
}

.original_table{
	width: 100% ;
	margin : 44px auto 0px ;
}

.original_table_th_l{
	width: 308px ;
	background-color: #00A75B ;
	font-size: 20px ;
	line-height: 30px ;
	color : #FFFFFF ;
	text-align: center ;
	padding : 25px ;
	border-radius: 10px 0px 0px 0px ;
	font-weight: 700 ;
}

.original_table_th_r{
	width: calc( 100% - 310px ) ;
	background-color: #00A75B ;
	font-size: 20px ;
	line-height: 30px ;
	color : #FFFFFF ;
	text-align: center ;
	padding : 25px ;
	border-radius: 0px 10px 0px 0px ;
	font-weight: 700 ;
}
.original_table_th_r span{
	margin-left : 40px ;
	font-size: 14px ;
}


.original_table_td_l{
	width: 308px ;
	background-color: #F2F2F2 ;
	font-size: 20px ;
	line-height: 30px ;
	text-align: center ;
	padding : 25px ;
	font-weight: 700 ;
}

.original_table_td_r{
	width: calc( 100% - 310px ) ;
	background-color: #F2F2F2 ;
	font-size: 20px ;
	line-height: 30px ;
	text-align: center ;
	padding : 25px ;
	font-weight: 700 ;
}
.original_table_td_r span.yen{
	font-size: 16px ;
	margin-left : 10px ;
}
.original_table_x{
	margin : 0px 60px ;
}

.original_table_td_l.evens,
.original_table_td_r.evens{
	background-color: #E0E0E0 ;
}

.original_table_td_l.last{
	border-radius: 0px 0px 0px 10px ;
}
.original_table_td_r.last{
	border-radius: 0px 0px 10px 0px ;
}

.original_table_notice{
	font-size: 13px ;
	margin-top : 10px ;
}

.original_regular_design{
	width: 100% ;
	max-width: 645px ;
	margin :50px auto 0px ;
}

.compare_flex{
	margin: 70px auto 0px ;
	width: 100% ;
	max-width: 1000px ;
	font-size: 16px ;
	font-weight: 700 ;
	left: 20px ;
}


.compare_flex_th01{
	width: 210px ;
	background-color: #DA2588 ;
	border-radius: 10px 0px 0px 0px ;
}
.compare_flex_th02{
	width: calc( 50% - 107px ) ;
	background-color: #DA2588 ;
	padding: 10px ;
}
.compare_flex_th03{
	width: calc( 50% - 107px ) ;
	background-color: #DA2588 ;
	border-radius: 0px 10px 0px 0px ;
	padding: 10px ;
}

.compare_flex_th02 img,
.compare_flex_th03 img{
	width: 100% ;
	max-width: 320px ;
	margin : 0px auto ;
}

.compare_flex_td01{
	width: 210px ;
	background-color: #F2F2F2 ;
	padding : 30px 20px ;
}
.compare_flex_td01_title{
	position: absolute;
	top : 50% ;
	left : 0% ;
	width: 100% ;
	transform: translate(0%,-50%);
	text-align: center ;
}
.compare_flex_td02{
	width: calc( 50% - 107px ) ;
	background-color: #F2F2F2 ;
	padding : 30px 20px ;
}
.compare_flex_td03{
	width: calc( 50% - 107px ) ;
	background-color: #F2F2F2 ;
	padding : 30px 20px ;
}

.compare_flex_td02 span,
.compare_flex_td03 span{
		color : #00A75B ;
		background-color: #FFFF00 ;
}


.compare_flex_td01.evens,
.compare_flex_td02.evens,
.compare_flex_td03.evens{
	background-color: #E0E0E0 ;
}


.compare_flex_td01.last{
	border-radius: 0px 0px 0px 10px ;
}
.compare_flex_td03.last{
	border-radius: 0px 0px 10px 0px ;
}

.result_story{
	text-align: center ;
	font-size: 24px ;
	font-weight: 700 ;
	margin-top : 90px ;
	left: 20px ;
}



.pink_section{
	width: 100% ;
	padding : 110px 0px 50px ;
	background-color: #DA2588 ;
}


.voice_superbox{
	width: calc( 100% - 48px );
	max-width: 1000px ;
	margin : 0px auto 50px ;
	background-color: #F4F4F4 ;
	border-radius: 10px ;
	padding : 50px; 
	left: 20px ;
}

.voice_titlebox{
	float : left ;
	width : calc( 100% - 320px );
}

.voice_titlebox01{
	font-size: 16px ;
	color : #DA2588 ;
	font-weight: 700 ;
}
.voice_titlebox01_bar{
	position: absolute;
	top : 50% ;
	right : 100% ;
	width: 100% ;
	height: 2px ;
	margin-right : 10px ;
	background-color: #DA2588 ;
}

.voice_titlebox02{
	font-size: 36px ;
	font-weight: 700 ;
}
.voice_titlebox02 span{
	font-size: 18px ;
}

.voice_genrebox{
	float : right ;
	width: 320px ;
}

.voice_genre_itembox{
	width: 100% ;
	height: 40px ;
	line-height: 40px ;
	background-color: #FFFFFF ;
	border-radius: 20px ;
	overflow: hidden ;
	padding-left : 120px ;
	font-size: 18px ;
	font-weight: 700 ;
	margin-bottom : 8px ;
}
.voice_genre_itembox.short{
	width: 210px ;
}
.voice_genre_item_title{
	position: absolute;
	top : 0px ;
	left: 0px ;
	width: 110px ;
	background-color: #DA2588 ;
	color : #FFFFFF ;
	text-align: center;
	font-size: 14px ;
}


.voice_itembox{
	background-color: #FFFFFF ;
	padding: 30px 30px 30px 120px ;
	border-radius: 10px ;
	margin-top : 30px ;
}

.voice_designbox{
	width: 100% ;

}
.voice_designbox.middle{
	max-width: 540px; 
	margin : 0px auto ;
}

.voice_design_item{
	width: 49% ;
	max-width: 361px ;
}
.voice_designbox.middle .voice_design_item{
	max-width: 257px;
}

.voice_design_item img{
	width: 100% ;
}

.voice_item_title{
	position: absolute;
	top : 0px ;
	left : 0px ;
	width: 110px ;
	height: 40px ;
	line-height: 40px ;
	background-color: #00A75B ;
	text-align: center ;
	color : #FFFFFF ;
	font-size: 16px ;
	font-weight: 700 ;
	border-radius: 10px 0px 10px 0px ;
}

.voice_scene{
	padding-left : 50px ;
	font-size: 16px ;
	font-weight: 700 ;
}



.voice_customersbox{
	width: 100% ;
}

.voice_customers_story{
	float : left ;
	width: 440px ;
	font-size: 16px ;
	font-weight: 700 ;
}
.voice_customers_story.long{
	width: 100% ;
}
.voice_customers_story span{
	color : #00A75B ;
	background-color: #FFFF00 ;
}

.voice_customers_story p{
	padding-left : 1em ;
	text-indent: -1em ;
}

.voice_result_mro_photo{
	float : right ;
	width: calc( 100% - 450px );
	max-width: 305px ;
}

.voice_item_design_single{
	width: 100% ;
	max-width: 250px ;
	margin : 0px auto ;
}


.order_flex{
	width: calc( 100% - 48px );
	max-width: 1000px ;
	margin : 100px auto 0px ;
}


.order_superbox{
	width: 48% ;
	margin-bottom : 100px ;
	left: 20px ;
}
.order_titlebox{
	text-align: center ;
	font-size: 26px ;
	font-weight: 700 ;
	color : #DA2588 ;
	margin-bottom : 30px ;
}
.order_title_image{
	width: 200px ;
	margin : 0px auto ;
}


.order_itembox{
	width: 100% ;
	height: 60px ;
	line-height: 60px ;
	padding : 0px 20px 0px 90px ;
	font-size: 18px ;
	font-weight: 700 ;
	background-color: #FFFFFF ;
	border-radius: 10px ;
}

.order_item_num{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 60px ;
	height: 100% ;
	border-radius: 10px 0px 0px 10px ;
	text-align: center ;
	line-height: 60px ;
	font-size: 20px ;
	color : #FFFFFF ;
	font-weight: 700 ;
	background-color: #707070 ;
}

.order_tri{
	width: 25px ;
	margin : 20px auto ;
}

.faq_itembox{
	width: calc( 100% - 48px );
	max-width: 1000px ;
	margin : 80px auto 0px ;
	left: 20px ;
}

.faq_qbox{
	padding-left : 70px ;
	font-size: 20px ;
	font-weight: 700 ;
	color : #DA2588 ;
	margin-bottom : 30px ;
}
.faq_abox{
	padding-left: 70px ;
	font-size: 16px ;
	font-weight: 700 ;
}
.faq_qicon{
	position: absolute;
	top : 0px ;
	left: 24px ;
	width: 32px ;
}














.spnavi_btnbox{
	position : absolute ;
	top : 50% ;
	left : 50% ;
	width : 32px ;
	height : 32px ;
	transform: translate(-50%,-50%);
	z-index: 44 ;
	cursor: pointer;
	display: none ;
}
.spnavi_bar01{
	width : 32px ;
	height : 32px ;
	position : absolute ;
	top : -10px ;
}
.spnavi_bar02{
	width : 32px ;
	height : 32px ;
	position : absolute ;
	bottom : -10px ;
}
.spnavi_bar03{
	width : 32px ;
	height : 32px ;
	position : absolute ;
	top : 0px ;
}
.spnavi_bar_white{
	position : absolute ;
	top : 50% ;
	left : 0% ;
	width : 100% ;
	height : 2px ;
	margin-top : -2px ;
	background-color : #DA2588 ;
}

.spnavi_superbox{
	position: fixed;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	background-color: #FFFFFF ;
	z-index:  40 ;
	overflow: hidden ;
	display: none ;
}

.spnavi_item{
	width: 100% ;
	border-bottom : 1px solid #DA2588 ;
	padding : 20px ;
	font-size: 24px ;
	font-weight: 700 ;
	color: #DA2588 ;
	text-align: center ;
}
.spnavi_item_dummy{
	width: 100% ;
	height: 200px ;
	border-bottom : 1px solid #DA2588 ;

}





.fv_linkbox_sample{
	position: absolute ;
	top : 25px ;
	right: 18px ;
	width: 200px ;
	height: 60px ;
	border : 1px solid #00A75B ;
	background-color: #FFFFFF ;
	border-radius: 10px ;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	overflow: hidden ;
	cursor: pointer ;
}
.fv_linkbox_download{
	position: absolute ;
	top : 25px ;
	right: 228px ;
	width: 200px ;
	height: 60px ;
	border : 1px solid #F39800 ;
	background-color: #FFFFFF ;
	border-radius: 10px ;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	overflow: hidden ;
	cursor: pointer ;
}

.fv_linkbox_arrowbox{
	position: absolute;
	top : 0px ;
	right: 0px ;
	width: 20px ;
	height: 100% ;
}
.fv_linkbox_arrowbox img{
	position: absolute;
	top : 50% ;
	left: 50% ;
	width: 10px ;
	transform: translate(-50%,-50%);
}


.fv_linkbox_sample .fv_linkbox_arrowbox{
	background-color: #00A75B ;
}
.fv_linkbox_download .fv_linkbox_arrowbox{
	background-color: #F39800 ;
}

.fv_linkbox_icon{
	position: absolute;
	top : 50% ;
	left: 10px ;
	transform: translate(0%,-50%);
	width: 50px ;
}
.fv_linkbox_download .fv_linkbox_icon{
	left: 4px ;
}

.fv_linkbox_text{
	position: absolute;
	top : 50% ;
	left: 70px ;
	width: 110px ;
	transform: translate(0%,-50%);
	font-size: 14px ;
	font-weight: 700 ;
	line-height: 20px ;
}

.fv_linkbox_sample .fv_linkbox_text{
	color: #00A75B ;
}
.fv_linkbox_download .fv_linkbox_text{
	color: #F39800 ;
	width: 130px ;
	left: 50px ;
}



.float_superbox{
	position: fixed ;
	bottom : -100px ;
	left: 0px ;
	width: 100% ;
	height: 88px ;
	padding : 12px ;
	background-color: #E7E7E7 ;
	justify-content: center !important ;
	z-index: 44 ;
}

.float_linkbox_donwload{
	width: 300px ;
	height: 60px ;
	background-color: #FFFFFF ;
	border : 1px solid #F39800 ;
	border-radius: 10px ;
	margin: 0px 5px ;
	cursor: pointer;
	overflow: hidden ;
}
.float_linkbox_meeting{
	width: 300px ;
	height: 60px ;
	background-color: #FFFFFF ;
	border : 1px solid #00AFD5 ;
	border-radius: 10px ;
	margin: 0px 5px ;
	cursor: pointer;
	overflow: hidden ;
}
.float_linkbox_meeting_wrap{
	position: absolute;
	top : 0%;
	left: 0% ;
	width: 100%;
	height: 100% ;
}
.float_linkbox_sample{
	width: 300px ;
	height: 60px ;
	background-color: #FFFFFF ;
	border : 1px solid #00A75B ;
	border-radius: 10px ;
	margin: 0px 5px ;
	cursor: pointer;
	overflow: hidden ;
}

.float_linkbox_icon{
	position: absolute;
	top : 50% ;
	left: 10px ;
	height: 44px;
	transform: translate(0%,-50%);
}

.float_linkbox_arrow_wrap{
	position: absolute ;
	top : 0% ;
	right: 0%;
	width: 40px ;
	height: 100% ;
}

.float_linkbox_arrow{
	position: absolute;
	top : 50% ;
	right: 12px ;
	width: 10px ;
	transform: translate(0%,-50%);
}

.float_linkbox_text{
	position: absolute ;
	top: 50% ;
	left: 90px ;
	width: 180px ;
	transform: translate(0%,-50%);
	font-size: 14px ;
	font-weight: 700 ;
	line-height: 20px ;
}

.float_linkbox_donwload .float_linkbox_text{
	color: #F39800 ;
}
.float_linkbox_meeting .float_linkbox_text{
	color: #00AFD5 ;
}
.float_linkbox_sample .float_linkbox_text{
	color: #00A75B ;
	left: 120px ;
}

.float_linkbox_sample .float_linkbox_icon{
	left: 20px ;
}


.contact_meetingbox{
	width: 100% ;
	max-width: 900px ;
	padding : 40px 340px 40px 100px ;
	background-color: #FFFFFF ;
	margin: 70px auto 0px ;
	font-size: 36px ;
	line-height: 60px;
	font-weight: 700 ;
	text-align: center ;
	color : #00AFD5 ;
	top : 10px ;
	text-align: left;
	border-radius: 10px ;
}
.contact_meetingbox a,
.contact_meetingbox a:link,
.contact_meetingbox a:visited{
	color : #00AFD5 ;
}

.contact_meeting_illust{
	position: absolute;
	top : 50% ;
	right: 100px; 
	width: 240px ;
	transform: translate(0%,-50%);
}

.contact_meeting_arrow{
	position: absolute ;
	top : 50% ;
	right: 28px ;
	width: 20px ;
	height: 20px ;
	transform: translate(0%,-50%);
	border-radius: 50% ;
	background-color: #00AFD5 ;
	padding : 5px 0px 0px ;
}
.contact_meeting_arrow img{
	width: 10px ;
	margin : 0px auto ;
}



.fv_link_flex_sp{
	display: none !important;
}


























.fv_meeting_superbox{
	position: absolute;
	bottom : 32px ;
	right: 32px ;
	width: 250px ;
	padding: 14px 20px ;
	border-radius: 10px ;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	z-index: 4 ;
	background-color: #FFFFFF ;
	border : 2px solid #00AFD5 ;
	font-size: 16px ;
	line-height: 24px ;
	font-weight: 900 ;
	color: #00AFD5 ;
}

.fv_meeting_illust{
	width: 100% ;
	max-width: 180px ;
	margin : 14px auto 0px ;
}

.fv_meeting_arrow{
	position: absolute;
	top : 50% ;
	right: 6px ;
	width: 20px ;
	height: 20px ;
	border-radius: 50% ;
	background-color: #00AFD5 ;
	transform: translate(0%,-50%);
}
.fv_meeting_arrow img{
	position: absolute;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: 10px ;
}













body.catalog_body{
	background-color: #FFFFFF ;
}

.catalog_inner1000{
	width: calc( 100% - 48px );
	max-width: 1000px ;
	margin : 0px auto ;
	padding: 30px 0px 30px ;
}

.catalog_logo{
	width: 220px ;
}

.catalog_title{
	text-align: center ;
	font-size: 24px ;
	font-weight: 700 ;
	color: #222222 ;
	margin-top : 32px ;
}

.calalog_l{
	float : left ;
	width: 50% ;
	margin-top : 60px ;
}

.calalog_story{
	font-size: 16px ;
	color : #222222 ;
}

.catalog_image{
	width: 100% ;
	max-width: 200px ;
	margin : 40px auto 0px ;
}


.calalog_r{
	float : right ;
	width: 440px ;
	background-color: #F1F5F9 ;
	padding: 26px 38px 66px ;
	margin-top : 60px ;
	color : #222222 ;
}

.catalog_r_title{
	font-size: 16px ;
	text-align: center ;
}


.catalog_r_input_title{
	font-size: 16px ;
	margin-top : 20px;
	height: 32px ;
	line-height: 32px ;
}
.catalog_r_input_title span.catalog_must{
	color : #FF0000 ;
}


.catalog_input{
	display: block ;
	width: 100% ;
	box-sizing: border-box ;
	height: 48px ;
	padding : 0px 20px ;
	border : 1px solid #CCCCCC ;
	font-size: 16px ;
	border-radius: 3px ;
	background-color: #FFFFFF ;
}

.catalog_submit_nn{
	position: relative;
	width: 320px ;
	height: 52px ;
	border-radius: 3px ;
	border : 1px solid #BCBCBC ;
	background-color: #BCBCBC ;
	color: #FFFFFF ;
	font-size: 16px ;
	font-weight: 900 ;
	text-align: center ;
	line-height: 50px ;
	padding : 0px 0px 0px 0px  ;
	margin : 60px auto 0px ;
}

.catalog_submit{
	position: relative;
	display: none ;
	width: 320px ;
	height: 52px ;
	border-radius: 3px ;
	border : 1px solid #00A75B ;
	background-color: #00A75B ;
	color: #FFFFFF ;
	font-size: 16px ;
	font-weight: 900 ;
	text-align: center ;
	line-height: 50px ;
	padding : 0px 0px 0px 0px  ;
	margin : 60px auto 0px ;
	cursor: pointer ;
}
.catalog_form_icon{
	position: absolute;
	top : 50% ;
	left: 36px ;
	width: 50px ;
	transform: translate(0%,-50%);
}



















@media screen and (max-width: 1280px) {

.header_inner{
	display: none ;
}
.spnavi_btnbox{
	display: block ;
}

}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1000px) {





.mp{
}
.rb{
}

.table_pc{
	display: none ;
}
.table_sp{
	display: table ;
}

.fv_section{
	width : 100% ;
	height : auto ;
	padding : 60px 0px 40px ;
}



.fv_logoarea{
}

.fv_logo_back{
}

.fv_logo{
}



.fv_contactbox{
}

.tempnews{
	padding : 10px 200px 10px 40px  ;
}

.fv_sample{
}

.fv_catch_superbox{
	width : 576px ;
	height: 480px;
	position: relative ;
	top : auto ;
	left : auto ;
	transform: translate(0%,0%);
	margin : 60px auto 0px ;
}
.fv_catch_wrap{
}

.fv_catch_back{
}

.fv_catch{
}


.section_works{
}

.section_back{
	left : -25% ;
	width : 150% ;
}



.section_title{
}
.section_title_en{
	font-size: 20px ;
	line-height: 24px ;
}

.section_products .section_title_jp_l{
}



.section_title_jp{
	font-size: 40px ;
	letter-spacing: 8px ;
	line-height: 64px ;
}
.section_title_jp_l{
}


.section_title_bar{
	top : -12px ;
	width: 2px ;
	height: 24px ;
}


.works_sample_flex{
	justify-content: center !important;
}
.works_sample_item{
	width: 33% ;
	max-width: 250px ;
}
.works_sample_item img{
	width: 100% ;
}
.works_sample_item01{  }
.works_sample_item02{  }
.works_sample_item03{  }
.works_sample_item04{  }
.works_sample_item05{  }

.works_logo_flex{
	max-width: 600px ;
	justify-content: center !important ;
}

.works_logo01{width:100%;max-width:240px;top: 10px ;}
.works_logo02{width:100%;max-width:210px;top: 20px ;}
.works_logo03{width:100%;max-width:300px;top: 30px ;}
.works_logo04{width:100%;max-width:210px;top: 40px ;}
.works_logo05{width:100%;max-width:405px;top: 50px ;}
.works_logo06{width:100%;max-width:210px;top: 60px ;}

.works_logo{
}

.works_archive_flex{
	max-width: 560px ;
}


.works_archive_item{
	width : 100% ;
	max-width: 600px;
	margin-bottom : 40px ;
}


.works_archive_item_title{
	font-size: 26px ;
}

.works_archive_item_num{
	font-size: 26px ;
	margin-top : 80px ;
}

.works_archive_item_num01{
}
.works_archive_item_num02{
}
.works_archive_item_etc{
	font-size: 16px ;
}




.section_chara{
}


.chara_inner{
}




.chara_itembox{
	margin : 120px auto 0px ;
}

.chara_image{
	float : none ;
	width: 100% ;
	max-width: 560px ;
	margin : 0px auto 40px ;
}

.chara_item_story{
	float : none ;
	width : 100% ;
	max-width: 560px ;
	font-size: 24px ;
	margin : 0px auto ;
}

.chara_item_title{
	font-size: 40px ;
	line-height: 65px ;
	margin-bottom : 30px ;
}







.section_products{
}


.work_titile_stretch{
	float : none ;
	margin-right: 0px ;
}
.work_titile_original{
	float : none ;
	margin-right: 0px ;
}
.work_titile_magictape{
	float : none ;
	margin-right: 0px ;
}



.products_item_cate{
	width : 180px ;
	height: 42px ;
	line-height: 42px ;
	border-radius: 21px ;
	font-size: 24px ;
	margin : 20px 10px 0px 0px ;
}
.products_item_cate.small{
	width: 180px ;
	margin : 20px 0px 0px 0px ;
}

.products_hr{
	width : calc( 100% + 80px ) ;
	margin : 60px 0px 60px -40px ;
}

.products_story{
	font-size: 24px ;
}
.products_story p{
}


.products_item01_flex{
}

.products_item01_det{
	width : 48% ;
	max-width: 360px ;
}

.products_item01_det_image{
}

.products_item01_det_num{
	width : 80px ;
	height: 40px;
	line-height: 38px ;
	font-size: 20px ;
}

.products_item01_det_name{
	font-size: 24px ;
}

.products_item01_extra{
	width : 100% ;
	max-width: 1000px ;
}


.products_item01_extra_l{
	width: 100px ;
	margin-bottom: 20px ;
}
.products_item01_extra_r{
	width: calc( 100% - 100px );
	margin-bottom: 20px ;
}

.products_item_link{
	width: 460px ;
	height: 120px ;
	border-radius: 60px ;
	font-size: 26px ;
	line-height: 114px ;
}
.products_item_link.amazon{
	font-size: 20px ;
}

.products_item_link_arrow{
	width: 60px ;
	height: 60px ;
}
.products_item_link_arrow img{
	width: 24px ;
}

.products_item_link_amazon{
	width: 106px ;
}



.products_story_l{
	float : none ;
	width: 100% ;
}
.products_story_r{
	float : none ;
	width: 100% ;
}

.work_titile_original_item01{
}


.products_item02_item02{
	font-size: 24px ;
}
.work_titile_original_item02{
	float : none ;
	width : 128px ;
	margin : 10px auto ;
}

.products_item02_item02_story{
	float : none ;
	width: 100% ;
	padding-top : 20px ;
}



.products_item02_extra{
	padding : 34px 34px ;
	top : 10px ;
}

.products_item02_extra_l{
	float : none ;
	width : 100% ;
	font-size: 16px ;
	max-width: 600px  ;
	line-height: 30px ;
}







.products_item03_flex{
	max-width: 600px ;
}


.products_item03_flex_item{
	width : 100% ;
	max-width: 600px ;
	margin-bottom: 60px ;
}

.products_item03_flex_itemtitle{
	font-size: 32px ;
}


.products_item03_flex_itemstory{
	font-size: 20px ;
}

.work_titile_magictape_item{
}





.products_item03_extra{
	padding : 34px 34px ;
}


.products_item03_extra_l{
	float : none;
	width: 100% ;
}
.products_item03_extra_r{
	float : none;
	width: 100% ;
}













.section_order{
}

.order_item{
}
.order_item.follow{
}

.order_item_numbox{
}
.order_item_num_bar{
	height: 2px ;
}
.order_item_num_img{
}




.section_contact{
}



.section_contact .section_title_bar{
}
.section_contact .section_title_en,
.section_contact .section_title_jp_l{
}


.contact_telbox{
	width: calc( 100% - 100px );
	max-width: 900px ;
}

.contact_item_icon{
}









.contact_formbox{
	width: calc( 100% - 100px ) ;
	padding: 100px 50px ;
}

.contact_form_title{
	font-size: 20px ;
}
.contact_form_title span{
}



.mailform_input{
	font-size: 20px ;
	margin-top : 12px ;
	border : 2px solid #BABABA ;
}


.mailform_textarea{
	height: 520px ;
	border : 2px solid #BABABA ;
	font-size: 20px ;
	margin-top : 12px ;
}





.mailform_submit{
	width: 420px ;
	height: 120px ;
	border-radius: 60px ;
	font-size: 26px ;
	line-height: 114px ;
}




textarea::placeholder,
input::placeholder {
}


.footer{
	padding : 80px 0px 200px ;
}

.footer_logo{
}






.mailform_result_superbox{
}

.mailform_result_background{
}

.mailform_result_contents{
}
.mailform_result_title{
	font-size : 30px ;
}
.mailform_result_story{
	font-size : 20px ;
}
.mailform_result_story p{
	margin-bottom : 40px ;
}
.mailform_result_story a,
.mailform_result_story a:link,
.mailform_result_story a:visited{
}

.mailform_result_done{
	height : 80px ;
	line-height : 80px ;
}



.work_price_title{
	
}
.work_price_etc{
	font-size: 20px ;
	margin-top : 56px ;
}

.work_price_notice{
	font-size: 20px ;
}

.radius-table th{
	padding : 30px 0px ;
	font-size: 24px ;
}
.radius-table td{
	width: 50%;
	font-size: 30px;
}
















.fv_arrow_01{	position: absolute ; bottom : 0px ; left: 40px ; width: 120px ; height: 120px ; z-index: 3 ; opacity: 0 ;}
.fv_arrow_03{	position: absolute ; bottom : 0px ; right: 40px ; width: 120px ; height: 120px ; z-index: 3 ; opacity: 0 ;}
.fv_arrow_07{	position: absolute ; top : 0px ; left: 40px ; width: 120px ; height: 120px ; z-index: 3 ; opacity: 0 ;}
.fv_arrow_09{	position: absolute ; top : 0px ; right: 40px ; width: 120px ; height: 120px ; z-index: 3 ; opacity: 0 ;}

.fv_arrow_02{	position: absolute ; bottom : 0px ; left: 50% ; width: 120px ; height: 120px ; z-index: 3 ; margin-left : -60px ; opacity: 0 ;}
.fv_arrow_04{	position: absolute ; top : 50% ; left: 0px ; width: 120px ; height: 120px ; z-index: 3 ; margin-top : -60px ;opacity: 0 ;}
.fv_arrow_06{	position: absolute ; top : 50% ; right: 0px ; width: 120px ; height: 120px ; z-index: 3 ; margin-top : -60px ;opacity: 0 ;}
.fv_arrow_08{	position: absolute ; top : 0px ; left: 50% ; width: 120px ; height: 120px ; z-index: 3 ; margin-left : -60px ;opacity: 0 ;}


/** ===================================================== **/

.header{
	height: 80px ;
	padding : 0px ;
}
.header_dummy{
	height: 80px ;
}

.header_logo{
	position: relative;
	top : auto ;
	left : auto ;
	width: 400px ;
	transform: translate(0%,0%);
	margin : 0px auto ;
}

.header_inner{
}
.header_item_wrap{
}
.header_item_wrap.long{
}

.header_item{
}


.header_contact_wrap{
	width: 156px ;
	height: 80px ;
}

.header_contact{
}

.fv_catch_inner{
}
.fv_catch_inner h1{
}
.fv_catch_inner img{
	width: 80% ;
	margin : 20px auto 0px ;
}


.gray_section{
}
.gray_section.follow{
}

.youtube_superbox{
}

.youtube_item{
	width: 100% ;
	margin-bottom : 20px ;
}

.youtube_item iframe{
}




.slash_title{
	font-size: 36px ;
}
.slash_title.long{
	width: 400px ;
}
.slash_title.middle{
}
.slash_title_bar_r{
}
.slash_title_bar_l{
}
.slash_title_bar_slash{
}
.slash_title_bar_l .slash_title_bar_slash{
}
.slash_title_sub{
	font-size: 16px ;
}

.inner_story{
	font-size: 24px ;
	line-height: 48px ;
}
.inner_story span{
}

.product_superbox{
}

.product_item01{
	width: 100% ;
	text-align: center ;
	margin-bottom : 140px ;
	font-size: 24px ;
	line-height: 48px ;
}
.product_item02{
	line-height: 48px ;
	font-size: 24px ;
	width: 100% ;
	text-align: center ;
	margin-bottom : 100px ;
}
.product_item01 img,
.product_item02 img{
}

.product_item_title{
}
.product_item_title img{
}

.product_title{
	height: 60px ;
	line-height: 60px ;
	font-size: 26px ;
}
.product_title.first{
	margin-top : 140px ;
}

.products_item_flex{
}

.products_itembox{
	width: 100% ;
	margin-bottom : 40px ;
}

.products_itembox_title{
	font-size: 26px ;
}

.products_itembox_inner{
}

.products_itembox_inner_l{
	width: 50% ;
	font-size: 22px ;
}
.products_itembox_etc{
	width: 300px ;
	font-size: 18px ;
}
.products_itembox_etc span{
	font-size: 28px ;
}

.products_itembox_inner_r{
	width: 48% ;
}

.product_notice{
	font-size: 18px ;
}

.product_icon_tri_g{
}


.original_superbox{
}

.original_title{
}
.original_title img{
}

.original_inner{
	padding : 0px 48px 70px ;
}


.original_imagebox{
	padding : 40px ;
}
.original_image_back{
	margin-top : 20px ;
	z-index:  1 ;
}

.original_image_story{
	position: relative ;
	top : auto ;
	left: auto ;
	width: 100% ;
	font-size: 24px ;
	line-height: 48px ;
}
.original_image_story span{
}

.original_story{
	font-size: 24px ;
	line-height: 48px ;
}
.original_story.follow{
}
.original_story span{
}

.original_table{
}

.original_table_th_l{
	width: 200px ;
}

.original_table_th_r{
	width: calc( 100% - 202px ) ;
}
.original_table_th_r span{
	margin-left : 10px ;
}


.original_table_td_l{
	width: 200px ;
	font-size: 22px ;
}

.original_table_td_r{
	width: calc( 100% - 202px ) ;
	font-size: 22px ;
}
.original_table_td_r span.yen{
}
.original_table_x{
	margin : 0px 20px ;
}

.original_table_td_l.evens,
.original_table_td_r.evens{
}

.original_table_td_l.last{
}
.original_table_td_r.last{
}

.original_table_notice{
	font-size: 18px ;
}

.original_regular_design{
}

.compare_flex{
}


.compare_flex_th01{
}
.compare_flex_th02{
	padding : 10px 0px ;
}
.compare_flex_th03{
	padding : 10px 0px ;
}

.compare_flex_th02 img,
.compare_flex_th03 img{
	width: 80% ;
	max-width: 200px ;
}

.compare_flex_td01{
}
.compare_flex_td01_title{
	font-size: 20px ;
}
.compare_flex_td02{
	font-size: 20px ;
}
.compare_flex_td03{
	font-size: 20px ;
}

.compare_flex_td02 span,
.compare_flex_td03 span{
}


.compare_flex_td01.evens,
.compare_flex_td02.evens,
.compare_flex_td03.evens{
}


.compare_flex_td01.last{
}
.compare_flex_td03.last{
}

.result_story{
}



.pink_section{
}


.voice_superbox{
	width: calc( 100% - 48px );
	padding : 50px ; 
}

.voice_titlebox{
	float: none ;
	width : 100%;
}

.voice_titlebox01{
}
.voice_titlebox01_bar{
}

.voice_titlebox02{
}
.voice_titlebox02 span{
}

.voice_genrebox{
	float : none ;
	width: 100% ;
	max-width: 320px ;
	margin : 40px auto ;
}

.voice_genre_itembox{
}
.voice_genre_itembox.short{
}
.voice_genre_item_title{
}


.voice_itembox{
}

.voice_designbox{
}
.voice_designbox.middle{
	max-width: 540px; 
	margin : 0px auto ;
}

.voice_design_item{
	width: 100% ;
	max-width: 1000px ;
	margin-bottom : 20px ;
}
.voice_designbox.middle .voice_design_item{
	max-width: 1000px ;
}

.voice_design_item img{
}

.voice_item_title{
}

.voice_scene{
	padding-left : 0px ;
	font-size: 20px ;
}



.voice_customersbox{
}

.voice_customers_story{
	font-size: 20px ;
	float : none ;
	width: 100% ;
}
.voice_customers_story.long{
}
.voice_customers_story span{
}

.voice_customers_story p{
}

.voice_result_mro_photo{
	width: 100% ;
	max-width: 640px ;
	margin : 40px auto 0px ;
}

.voice_item_design_single{
	max-width: 1000px ;
}


.order_flex{
	width: calc( 100% - 96px );
}


.order_superbox{
	width: 100% ;
}
.order_titlebox{
}
.order_title_image{
}


.order_itembox{
	font-size: 22px ;
}

.order_item_num{
}

.order_tri{
}

.faq_itembox{
}

.faq_qbox{
	font-size: 24px ;
}
.faq_abox{
	font-size: 24px ;
}
.faq_qicon{
}


















.fv_link_flex_sp{
	width: calc( 100% - 48px );
	margin :60px auto 0px ;
	max-width: 544px ;
}



.fv_linkbox_sample{
	position: relative ;
	top : auto ;
	right: auto ;
	width: 47% ;
	height: auto ;
	border : 2px solid #00A75B ;
	padding : 20px ;
}
.fv_linkbox_download{
	position: relative ;
	top : auto ;
	right: auto ;
	width: 47% ;
	height: auto ;
	border : 2px solid #F39800 ;
	padding : 40px 20px 20px  ;
}

.fv_linkbox_arrowbox{
	position: absolute;
	top : 50% ;
	right: 10px ;
	width: 32px ;
	height: 32px ;
	border-radius: 50% ;
	transform: translate(0%,-50%);
}
.fv_linkbox_arrowbox img{
	width: 18px ;
}


.fv_linkbox_sample .fv_linkbox_arrowbox{
}
.fv_linkbox_download .fv_linkbox_arrowbox{
}

.fv_linkbox_icon{
	position: relative;
	top : auto ;
	left: auto ;
	transform: translate(0%,0%);
	width: 100px ;
	margin : 0px auto ;
}
.fv_linkbox_download .fv_linkbox_icon{
	left: auto ;
}

.fv_linkbox_text{
	position: relative;
	top : auto ;
	left: auto ;
	width: 100% ;
	transform: translate(0%,0%);
	font-size: 24px ;
	line-height: 36px ;
	text-align: center ;
}

.fv_linkbox_sample .fv_linkbox_text{
}
.fv_linkbox_download .fv_linkbox_text{
	width: 100% ;
	left: auto ;
	padding-top : 10px !important;
}



.float_superbox{
	position: fixed ;
	bottom : -160px ;
	left: 0px ;
	width: 100% ;
	height: 120px ;
	padding : 15px ;
	background-color: #E7E7E7 ;
	justify-content: center !important ;
	z-index: 44 ;
}

.float_linkbox_donwload{
	width: 31% ;
	height: 90px ;
	border : 2px solid #F39800 ;
}
.float_linkbox_meeting{
	width: 31% ;
	height: 90px ;
	border : 2px solid #00AFD5 ;
}
.float_linkbox_meeting_wrap{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100%;
	height: 100% ;
}
.float_linkbox_sample{
	width: 31% ;
	height: 90px ;
	border : 2px solid #00A75B ;
}

.float_linkbox_icon{
}

.float_linkbox_donwload .float_linkbox_arrow_wrap{
	background-color: #F39800 ;
}
.float_linkbox_meeting .float_linkbox_arrow_wrap{
	background-color: #00AFD5 ;
}
.float_linkbox_sample .float_linkbox_arrow_wrap{
	background-color: #00A75B ;
}

.float_linkbox_arrow{
	width: 16px ;
}

.float_linkbox_text{
	position: absolute ;
	top: 50% ;
	left: 0px ;
	width: 100% ;
	padding-right: 30px ;
	transform: translate(0%,-50%);
	font-size: 18px ;
	line-height: 24px ;
	text-align: center;
}

.float_linkbox_donwload .float_linkbox_text{
}
.float_linkbox_meeting .float_linkbox_text{
}
.float_linkbox_sample .float_linkbox_text{
	left: 0px ;
}
.float_linkbox_sample .float_linkbox_icon{
	left: 0px ;
}


.contact_meetingbox{
	width: 100% ;
	max-width: 900px ;
	padding : 40px 340px 40px 120px ;
	background-color: #FFFFFF ;
	margin: 70px auto 0px ;
	font-size: 36px ;
	line-height: 60px;
	font-weight: 700 ;
	text-align: center ;
	color : #00AFD5 ;
	top : 10px ;
	text-align: left;
	border-radius: 10px ;
}
.contact_meetingbox a,
.contact_meetingbox a:link,
.contact_meetingbox a:visited{
	color : #00AFD5 ;
}

.contact_meeting_illust{
	position: absolute;
	top : 50% ;
	right: 100px; 
	width: 240px ;
	transform: translate(0%,-50%);
}

.contact_meeting_arrow{
	position: absolute ;
	top : 50% ;
	right: 28px ;
	width: 20px ;
	height: 20px ;
	transform: translate(0%,-50%);
	border-radius: 50% ;
	background-color: #00AFD5 ;
	padding : 5px 0px 0px ;
}
.contact_meeting_arrow img{
	width: 10px ;
	margin : 0px auto ;
}

.fv_link_flex_sp{
	display: flex !important ;
}

.fv_meeting_superbox{
	position: relative;
	bottom : auto ;
	right: auto;
	width: 100%  ;
	padding: 20px 20px ;
	font-size: 24px ;
	line-height: 36px ;
	margin-top : 30px ;
	padding-left: 50% ;
}

.fv_meeting_illust{
	width: 50% ;
	max-width: 180px ;
	margin : 0px  ;
	position: absolute;
	top : 50% ;
	left: 20px ;
	transform: translate(0%,-50%);
}

.fv_meeting_arrow{
	right: 10px ;
	width: 32px ;
	height: 32px ;
}
.fv_meeting_arrow img{
	width: 16px ;
}

.fv_meeting_a{
	width: 100% ;
}




















.catalog_inner1000{
	width: 100% ;
	padding: 50px 0px 0px ;
}

.catalog_logo{
	width: 320px ;
	margin : 0px auto ;
}

.catalog_title{
	font-size: 32px ;
	margin-top : 48px ;
}

.calalog_l{
	float : none ;
	width: 100% ;
	margin-top : 90px ;
	padding : 0px 48px ;
}

.calalog_story{
	font-size: 24px ;
}

.catalog_image{
	max-width: 320px ;
	margin : 60px auto 0px ;
}


.calalog_r{
	float : none ;
	width: 100% ;
	padding: 120px 38px 120px ;
	margin-top : 90px ;
}

.catalog_r_title{
	font-size: 24px ;
	margin-bottom : 60px ;
}


.catalog_r_input_title{
	width: 100% ;
	max-width: 480px ;
	font-size: 24px ;
	margin : 30px auto 0px ;
	height: 48px ;
	line-height: 48px ;
}
.catalog_r_input_title span.catalog_must{
}


.catalog_input{
	width: 100% ;
	max-width: 480px ;
	height: 72px ;
	padding : 0px 20px ;
	border : 1px solid #CCCCCC ;
	font-size: 24px ;
	border-radius: 3px ;
	margin : 0px auto ;
}

.catalog_submit_nn{
	width: 400px ;
	height: 72px ;
	font-size: 24px ;
	line-height: 72px ;
	padding : 0px 0px 0px 0px  ;
	margin : 90px auto 0px ;
}

.catalog_submit{
	width: 400px ;
	height: 72px ;
	font-size: 24px ;
	line-height: 72px ;
	margin : 90px auto 0px ;
}
.catalog_form_icon{
	position: absolute;
	top : 50% ;
	left: 20px ;
	width: 72px ;
	transform: translate(0%,-50%);
}




















}