.top_scroll_icon{
position: absolute;
top: -45px;
right: 0;
}


body{
position: relative;
}

.pc_txt{
color: #727171;
}

.sp_table_attention{
display: none;
}

.block02{
margin-top: 40px;
}

.block02 .box01{
width: 337px;
float: left;
}

.block02 .box02{
width: 630px;
float: right;
}


.block02 .box01 dt{
background-image: url(../img/product/diagonally.png);
background-position: top right;
background-repeat: no-repeat;
background-size: contain;
padding: 8px 40px 8px 12px;
background-color: #33b49d;
color: #fff;
font-size: 18px;
display: inline-block;
z-index: -1;
}

.block02 .box01 dt::after{
position: absolute;
content: ' ';
top: -2px;
right: -2px;
border: none;
border-right: solid 36px #fff;
border-bottom: solid 72px transparent;
z-index: -2;
}

.block02 .box01 dd img{
border: #33b49d solid 1px;
display: block;
margin-bottom: 4px;
width: 100%;
}

.block02 .box01 dd{
font-size: 15px;
line-height: 1.6;
}

.block02 .box01 dd:last-of-type {
	margin-bottom: 30px;
}

.block02 .box02 dt{
position: relative;
padding: 8px 56px 8px 12px;
background-color: #33b49d;
color: #fff;
font-size: 18px;
display: inline-block;
z-index: -1;
}

.block02 .box02 dt::after{
position: absolute;
content: ' ';
top: -2px;
right: -2px;
border: none;
border-right: solid 36px #fff;
border-bottom: solid 72px transparent;
z-index: -2;
}

.block02 .box02 dd{
border: #33b49d solid 1px;
display: block;
padding: 20px 20px;
}

.block02 .box02 dd img{
width: 566px;
height: auto;
margin-left: 15px;
}

.box02 p{
color: #00a184;
font-size: 16px;
line-height: 1.4em;
margin-bottom: 10px;
}

.block02 .box03{
margin-top: 35px;
}

.block02 .box03 dt{
position: relative;
padding: 8px 56px 8px 12px;
background-color: #33b49d;
color: #fff;
font-size: 18px;
display: inline-block;
z-index: -1;
}

.block02 .box03 dt::after{
position: absolute;
content: ' ';
top: -2px;
right: -2px;
border: none;
border-right: solid 36px #fff;
border-bottom: solid 72px transparent;
z-index: -2;
}

.block02 .box03 dd{
width: 623px;
border: #33b49d solid 1px;
display: block;
background-image: url(../img/product/vibration_damping/cipd_uv_curing/pattern.png);
background-position: top left;
background-repeat: repeat-x repeat-y;
}

.block02 .box03 dd img{
display: block;
width: 218px;
height: auto;
float: left;
}

.block02 .box03 .img_txt_wrp{
margin-top: 30px;
margin-left: 30px;
margin-bottom: 30px;
}

.konpou_r_wrp{
width: 325px;
float: left;
margin-left: 30px;
}

.block02 .box03 .img_txt_wrp p{
font-size: 15px;
color: #009277;
line-height: 1;
margin-bottom: 27px;
padding-top: 7px;
}

.block02 .box03 .img_txt_wrp ul li{
font-size: 14px;
margin-bottom: 12px;
line-height: 1.6;
text-indent: -1em;
margin-left: 1em;
}

.block02 .box03 .img_txt_wrp ul li span{
color: #009277;
}

.block03{
margin-top: 50px;
margin-bottom: 30px;
}

h2 {
background-image: url("../img/solution/obi_pc.png");
background-position: left top;
background-repeat: no-repeat;
background-size: contain;
color: #fff;
font-size: 21px;
height: 42px;
letter-spacing: 0.15em;
padding-left: 15px;
padding-top: 11px;
width: 100%;
margin-bottom: 30px;
}

.graph_midashi {
    color: #00a184;
    font-size: 16px;
    margin-bottom: 5px;
}

.obi_otoriatsukai{
margin-bottom: 15px;
}

.block03 table{
width: 1000px;
font-size: 14px;
margin-bottom: 10px;
}

.block03 table tr th{
text-align: center;
background-color: #ccece6;
padding: 8px 0;
border: #00a184 solid 1px;
letter-spacing: -0.02em;
line-height: 1.6em;
}

.block03 table tr th:first-of-type{
width: 230px;
}

.block03 table tr td{
text-align: center;
background-color: #fff;
padding: 8px 0;
border: #00a184 solid 1px;
letter-spacing: -0.02em;
line-height: 1.6em;

}

.block03 table tr td:first-of-type{
background-color: #cce7f5;
}




.block04{
margin-bottom: 60px;
}

/*----------------------------------------------------------------------------------------------------------------------*/
.block04 table{
width: 1000px;
font-size: 14px;
}

.block04 table th{
    background-color: #b2e3da;
    border: 1px solid #33b49d;
    line-height: 1.2;
    padding: 8px 0;
    text-align: center;
}

.block04 table td {
    border: 1px solid #33b49d;
    line-height: 1.2;
    padding: 10px 0;
    text-align: center;
	background-color: #d9edf7;
}

.block04 table tr td:nth-of-type(1) {
    background-color: #b2dbf0;
}

.block04 table tr td:nth-of-type(6){
width: 50px;
}

.block04 table tr td:last-of-type{
width: 450px;
}
/*----------------------------------------------------------------------------------------------------------------------*/

.tab{
z-index: 1;
}

.panel{
z-index: 100;
}

#tab1{
background-color: #DAACAD;
}

#tab2{
background-color: #B3B8E4;
}


.tab li{
display: inline-block;
}

.tab_type01{
display: block;
color: #fff;
font-size: 15px;
padding: 12px 42px 12px 36px;
position: relative;
z-index: 1;
}

.tab_type01::after{
position: absolute;
content: ' ';
top: -2px;
right: 0px;
border: none;
border-right: solid 26px #fff;
border-bottom: solid 40px transparent;
z-index: 2;
}

.tab_type02{
display: block;
color: #fff;
font-size: 15px;
padding: 12px 32px 12px 20px;
margin-left: 10px;
position: relative;
z-index: 3;
}

.tab_type02::after{
position: absolute;
content: ' ';
top: -2px;
right: 0px;
border: none;
border-right: solid 26px #fff;
border-bottom: solid 40px transparent;
z-index: 4;
}

.tab li a.selected{
background-color: #33b49d;
}

.tab li a:not(.selected){
background-color: #b2b2b2;
}

#tab1 table{
font-size: 14px;
}

#tab1 table tr th{
text-align: center;
padding: 8px 0;
background-color: #b2e3da;
border: #33b49d solid 1px;
line-height: 1.2;
}

#tab1 table tr th span{
display: inline-block;
margin-left: -0.3em;
margin-right: -0.3em;
}

#tab1 table tr td{
text-align: center;
padding: 10px 0;
border: #33b49d solid 1px;
line-height: 1.2;
}

#tab1 table .blue_cell td{
background-color: #d9edf7;
}

#tab1 table .blue_cell td:nth-of-type(2){
background-color: #b2dbf0;
}

#tab1 table .green_cell td{
background-color: #e6f2e3;
}

#tab1 table .green_cell td:nth-of-type(2){
background-color: #cce4c8;
}

#tab1 table .yellow_cell td{
background-color: #fffbd9;
}

#tab1 table .yellow_cell td:nth-of-type(2){
background-color: #fff5a6;
}

#tab2 table{
font-size: 14px;
}

#tab2 table tr th{
text-align: center;
padding: 8px 0;
background-color: #b2e3da;
border: #33b49d solid 1px;
line-height: 1.2;
}

#tab2 table tr th span{
display: inline-block;
margin-left: -0.3em;
margin-right: -0.3em;
}

#tab2 table tr td{
text-align: center;
padding: 10px 0;
border: #33b49d solid 1px;
line-height: 1.2;
}

#tab2 table .blue_cell td{
background-color: #d9edf7;
}

#tab2 table .blue_cell td:nth-of-type(2){
background-color: #b2dbf0;
}

#tab2 table .green_cell td{
background-color: #e6f2e3;
}

#tab2 table .green_cell td:nth-of-type(2){
background-color: #cce4c8;
}

#tab2 table .yellow_cell td{
background-color: #fffbd9;
}

#tab2 table .yellow_cell td:nth-of-type(2){
background-color: #fff5a6;
}

#tab2 table tr:not(:first-of-type) td:nth-of-type(4){
background-color:#eed3c7;
} 

.graph_caution{
font-size: 14px;
line-height: 1.6em;
margin-top: 5px;
margin-bottom: 30px;
}

.block05 .l_r_wrp{
margin-bottom: 40px;
}

.block05 .l_r_wrp .l_wrp{
width: 370px;
float: left;
border-right: #00a184 dotted 2px;
padding-left: 35px;
}

.block05 .l_r_wrp .r_wrp{
width: 630px;
float: left;
padding-left: 60px;
}

.block05 .box01 img{
width: 276px;
height: auto;
}

.block05 .box02 img{
width: 257px;
height: auto;
}

.block05 .box03 img{
width: 120px;
height: auto;
}

.block05 .l_wrp > dt{
display: inline-block;
font-size: 17px;
color: #fff;
background-color: #33b49d;
text-align: center;
padding: 9px 30px 8px;
margin-bottom: 10px;
}

.block05 .l_wrp > dt + dd{
font-size: 14px;
margin-bottom: 15px;
}

.block05 .l_wrp .box01 dl:first-of-type{
margin-bottom: 30px;
}

.block05 .l_wrp .box01 dl dt{
font-size: 14px;
color: #009277;
}

.block05 .l_wrp .box01 dl:last-of-type dt{
margin-bottom: 15px;
}

.block05 .r_wrp > dt{
display: inline-block;
font-size: 17px;
color: #fff;
background-color: #c05439;
text-align: center;
padding: 9px 30px 8px;
margin-bottom: 48px;
}

.block05 .r_wrp .box02 dl{
float: left;
}

.block05 .r_wrp .box03 dl{
float: left;
}

.block05 .r_wrp .box02 dl dt{
font-size: 14px;
margin-bottom: 15px;
color: #c05439;
}

.block05 .r_wrp .box02 dl:first-of-type{
margin-right: 20px;
}

.block05 .r_wrp .box03{
margin-top: 38px
}

.block05 .r_wrp .box03 dl:first-of-type{
margin-left: 20px;
}

.block05 .r_wrp .box03 dl dt{
font-size: 14px;
color: #c05439;
margin-bottom: 23px;
}

.block05 .r_wrp .box03 dl:nth-of-type(2){
margin-left: 50px;
margin-right: 57px;
}

.block05 p{
font-size: 15px;
line-height: 1.6;
}

.block05 p span:last-of-type{
display: inline-block;
padding-left: 1em;
}

.custom_inquiry{
position: fixed;
bottom: 0;
right: 0;
width: 100%;
z-index: 10;
}

.custom_in_wrp{
position: relative;
min-width: 1100px;
background: rgb(18,55,104);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMxMjM3NjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMwMGE3ZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(18,55,104,1) 49%, rgba(0,167,221,1) 49%);
background: -webkit-linear-gradient(left, rgba(18,55,104,1) 49%,rgba(0,167,221,1) 49%);
background: linear-gradient(to right, rgba(18,55,104,1) 49%,rgba(0,167,221,1) 49%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123768', endColorstr='#00a7dd',GradientType=1 );
}

.block06 .out_wrp{
width: 1100px;
margin: 0 auto;
background-color: #00a7dd;
}

.block06 dl{
float: left;
width: 950px;
height: 65px;
padding: 0px 0px 21px 50px;
background: rgb(18,55,104);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyMzc2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGE3ZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(18,55,104,1) 0%, rgba(0,167,221,1) 100%);
background: -webkit-linear-gradient(left, rgba(18,55,104,1) 0%,rgba(0,167,221,1) 100%);
background: linear-gradient(to right, rgba(18,55,104,1) 0%,rgba(0,167,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123768', endColorstr='#00a7dd',GradientType=1 );
}

.block06 .out_wrp div{
width: 150px;
}

.block06 dl dt{
float: left;
font-size: 22px;
display: inline-block;
color: #fff;
border-bottom: #fff solid 1.5px;
padding-bottom: 3px;
padding-top: 21px;
margin-right: 30px;
}

.safari .block06 dl dt{
padding-top: 22px;
}

.block06 dl dd{
font-size: 15.5px;
line-height: 1.6;
width: 635px;
float: left;
color: #fff;
letter-spacing: 0.15em;
padding-top: 21px;
}

.safari .block06 dl dd{
font-size: 15.5px;
line-height: 1.6;
width: 638px;
float: left;
color: #fff;
letter-spacing: 0.1em;
padding-top: 23px;
}

.under_support_link_btn {
position: absolute;
bottom: 0;
right: 0;
background-color: #00a184;
color: #fff;
display: block;
width: 87px;
font-size: 10px;
text-align: center;
padding-bottom: 20px;
height: 65px;
}

.chrome .under_support_link_btn {
padding-bottom: 18px;
}

.under_support_link_btn:hover {
opacity:0.6;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

.under_support_link_btn img {
height: auto;
padding-bottom: 7px;
padding-top: 15px;
width: 27px;
}

.under_support_link_btn p{
font-size: 10px;
color: #fff;
}

.graph_wrp img{
width: 450px;
}

.graph_title {
    color: #00a184;
    font-size: 16px;
    margin-bottom: 5px;
}

.graph_wrp_left{
float: left;
width: 450px;
margin-bottom: 20px;
}

.graph_wrp_right{
float: right;
width: 450px;
margin-bottom: 20px;
}

h3{
font-size: 21px;
color: #00a184;
border-bottom: 1px solid #00a184;
padding-bottom: 5px;
margin-bottom: 25px;
letter-spacing: 0.15em;
}


@media only screen and (max-width:640px){
body{
position: relative;
}
.pc_txt{
display: none;
}

.sp_txt{
font-size: 11px;
}

.top_scroll_icon{
position: absolute;
top: -30px;
right: 0;
}

.sp_table_attention{
display: block;
font-size: 11px;
color: #980B0E;
margin-bottom: 10px;
}

.custom_in_wrp {
    min-width: inherit;
	width: 100%;
}

.custom_inquiry {
    bottom: 0;
    position: fixed;
    width: 100%;
}


h2{
background-image: url("../img/shared/sp_small_title.png");
    background-size: cover;
    font-size: 18px;
    height: inherit;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 10px;
    width: 100%;
}

.cont_1100 {
    background-color: #e5f6f3;
    margin: 0 auto;
    width: 100%;
}

.block01 .cont_1100 .l_wrp {
    float: none;
    width: 100%;
}

.block01 .cont_1100 .r_wrp {
    background-color: #e5f6f3;
    float: none;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 26px;
		padding-bottom: 20px;
    width: 100%;
}

.block02 .box01 {
    float: none;
    width: 100%;
}

.block02 .box02 {
    float: none;
    width: 100%;
}

.block02 .box02 dd img {
    height: auto;
    width: 100%;
}





.block02 .box03 dd{
width: 100%;
}

.block02 .box03 dd img{
display: block;
width: 90%;
height: auto;
float: none;
margin: 0 auto;
margin-top: 5%;
}

.block02 .box03 .img_txt_wrp{
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding-bottom: 10px;
}

.konpou_r_wrp{
width: 90%;
float: none;
margin-left: 0px;
margin: 0 auto;
margin-top: 2%;
}

.block02 .box03 .img_txt_wrp p{
font-size: 15px;
color: #009277;
line-height: 1.4;
margin-bottom: 27px;
padding-top: 7px;
}

.block02 .box03 .img_txt_wrp ul li{
font-size: 14px;
margin-bottom: 12px;
line-height: 1.6;
text-indent: -1em;
margin-left: 1em;
}

.block02 .box03 .img_txt_wrp ul li span{
color: #009277;
}







.block03 table {
    font-size: 10px;
    width: 100%;
}

.block03 table tr th:first-of-type {
    width: 24%;
}

.graph_midashi {
    font-size: 14px;
}

.graph_wrp img{
width: 100%;
}

.graph_title {
    color: #00a184;
    font-size: 14px;
    margin-bottom: 5px;
}

.graph_wrp_left{
float: none;
width: 100%;
margin-bottom: 30px;
}

.graph_wrp_right{
float: none;
width: 100%;
margin-bottom: 30px;
}

.graph_caution {
    font-size: 12px;
}


.block04 table {
display: block;
    width: 100%!important;
	font-size: 10px!important;
}

.block04 table tr th:first-of-type{
width: 50%;
}

.block04 table tr th:nth-of-type(2){
width: 30%;
}

.block04 table tr th:last-of-type{
width: 20%;
}





.block05 .l_r_wrp .l_wrp {
    border-right: none;
    float: none;
    padding-left: 0px;
    width: 100%;
}

.block05 .l_r_wrp .r_wrp {
    float: none;
    padding-left: 0px;
    width: 100%;
	margin-top: 60px;
}

.block05 .box01 img{
width: 100%;
height: auto;
}

.block05 .box02 img{
width: 100%;
height: auto;
}

.block05 .box03 img{
width: 45%;
height: auto;
display: block;
margin: 0 auto;
}

.block05 .r_wrp .box02 dl:first-of-type {
    margin-right: 0px;
	margin-bottom: 40px;
}

.block05 .r_wrp .box02 dl {
    float: none;
}

.block05 .r_wrp .box03 dl:first-of-type {
    margin-right: 0px;
}
.block05 .r_wrp .box03 dl {
    float: none;
}

.block05 .r_wrp .box03 dl:first-of-type {
    margin-left: 0px;
	margin-bottom: 40px;
}
.block05 .r_wrp .box03 dl:nth-of-type(2) {
    margin-left: 0px;
    margin-right: 0px;
	margin-bottom: 40px;
}
.block05 .r_wrp .box03 dl {
    float: none;
}

.block05 .r_wrp .box03 {
    margin-top: 40px;
}

.block05 p {
margin-bottom: 10px;
text-indent: -1em;
margin-left: 1em;
}

.block05 p span:last-of-type {
    display:block;
    padding-left:0em;
	margin-bottom: 10px;
	margin-top: 10px;
}


.block05 .l_wrp .box01 dl dt {
    color: #009277;
    font-size: 14px;
	margin-bottom: 15px;
}

.block06 dl {
    float: none;
    padding: 9px 2.5% 9px 2.5%;
    width: 77%;
	text-align: center;
	height: 80px;
}

.block06 dl dt {
    border-bottom: 1.5px solid #fff;
    color: #fff;
    display: inline-block;
    float: none;
    font-size: 11px;
    margin-right: 0px;
    padding-bottom: 5px;
	margin-bottom: 5px;
    padding-top: 0px;
    width: 100%;
}

.safari .block06 dl dt{
padding-top: 0px;
}

.block06 dl dd {
    color: #fff;
    float: none;
    font-size: 10px;
    line-height: 1.6;
    width: 100%;
	text-align: left;
	padding-top: 0px;
letter-spacing: 0.08em;
}

.safari .block06 dl dd{
   color: #fff;
    float: none;
    font-size: 10px;
    line-height: 1.6;
    padding-top: 0;
    text-align: left;
    width: 100%;
}


.block06 .out_wrp div {
    float: right;
    width: 100%;
}

.block06 {
    margin-top: 65px;
    min-width: inherit;
	width: 100%;
}

.block06 .out_wrp {
    margin: 0 auto;
    width: 100%;
}


.under_support_link_btn {
	width: 23%;
	height: 80px;
}

.under_support_link_btn img {
padding-top: 23px;
}

.under_support_link_btn p{
font-size: 9px;
color: #fff;
}

.under_support_link_btn:hover {
opacity:1.0;
}






}