@charset "UTF-8";

.sp_block {
	display:none;
}
.sp_inline {
	display:none;
}

.sp768_block {
	display:none;
}





/*============================================================================================================
*/
@media screen and (max-width:768px) {

.pc768_block {
	display:none;
}
.sp768_block {
	display:block;
}


.prod_link {
width: 420px;
}

#dial {
height: 500px;
}





}



/*============================================================================================================
*/
@media screen and (max-width:640px) {

.pc_block {
	display:none;
}
.pc_inline {
	display:none;
}
.sp_block {
	display:block;
}
.sp_inline {
	display:inline;
}


a.anchor {
margin-top:-20px;
padding-top:20px;
}



.prod_link {
width: 100%;
}

#dial {
height: 300px;
}





/*
======================================================
190208追記ここから
======================================================
*/
#header .inner {
width: 92%;
margin: 0 auto;
padding-top: 10px;
}

#header img.logo {
width: 180px;
}






/* =============================================================
wrapper
*/

/* アンカー位置 */
a.anchor {
display:block;
/*	margin-top:-30px;
	padding-top:30px;
*/
}

#wrapper {
padding-top: 28px;
padding-bottom: 24px;
}

#wrapper p {
text-align: center;
}


#wrapper .block {
width: 100%;
margin-bottom: 40px;
background: #e3f1f1;
}

#wrapper .block2a {
margin-bottom: 0;
}

#wrapper .block3 {
margin-bottom: 0;
}
#wrapper .block4 {
background: none;
}


#wrapper .block:last-child {
margin-bottom: 0;
}

#wrapper .g_belt {
background: #e3f1f1;
padding: 8px 0 16px 0;
margin-top: 0px;
}

#wrapper .block1 {
background: #fff;
}

#wrapper .block .block_inner {
width: 92%;
margin: 0 auto;
padding-top: 18px;
padding-bottom: 30px;
}


#page_title {
padding: 14px 0 12px 0;
text-align: center;
}

#page_title h1 {
font-weight: bold;
font-size: 34pt;
color: #008133;
letter-spacing: 1px;
border-bottom: 3px solid #008133;
display: inline-block;
padding: 12px 0.3em;
text-align: center;
}

#page_title #sub_title {
padding: 8px 0 4px 0;
}
#page_title #sub_title p {
color: #008133;
letter-spacing: 1px;
font-size: 16pt;
font-weight: bold;
}

#page_title #sub_title2 {
margin-bottom: 6px;
}

#page_title #sub_title2 p {
color: #fff;
background: #008133;
border-radius: 20px;
letter-spacing: 1px;
font-size: 16pt;
font-weight: bold;
display: inline-block;
padding: 3px 34px;
}


.g_belt .title_jb {
width: 92%;
margin: 0 auto;
}




.block #msg1 {
padding-bottom: 24px;
}
.block #msg1 p {
color: #008133;
font-size: 13pt;
letter-spacing: 0;
}

#wrapper .block1 .block_inner {
padding-top: 0;
padding-bottom: 0;
}

.block .block_msg {
padding-bottom: 24px;
}
.block .block_msg p {
font-size: 12pt;
line-height: 1.6em;
letter-spacing: 0;
color: #5e8a8a;
}

.btn {
text-align: center;
}
.btn1 {
width: 100%;
/* max-width: 234px; */
margin: 0 auto;
padding-bottom: 12px;
}

.block .block_title {
text-align: center;
padding-bottom: 18px;
}
.block .block_title p {
display: inline-block;
font-size: 13pt;
line-height: 1.6em;
letter-spacing: 0;
border-bottom: 1px dashed #5e8a8a;
text-align: center;
margin: 0 auto;
padding: 0 0.8em 4px;
color: #5e8a8a;
}

#product_info .prod_link ul {
text-align: center;
}
#product_info .prod_link ul li {
width: 33.3%;
float: left;
}

#product_info .prod_link ul li .li_inner {
margin: 0 5px;
}

#product_info .prod_link ul li .li_inner img {
max-width: 104px;
}



.btn2 {
width: 60%;
max-width: 164px;
margin: 0 auto;
/* padding-bottom: 32px; */
}

#modal {
display: none;
}


#dial {
max-width: 600px;
height: 240px;
overflow: scroll;
margin: 0 auto 20px auto;
}


#howto {
width: 100%;
padding-top: 0px;
text-align: center;
max-width: 700px;
margin: 0 auto;
}


.prod_link {
width: 600px;
margin: 0 auto;
}


.block2 .block2_title {
background: #008133;
}

.block2 .block2_title p {
color: #fff;
font-size: 15pt;
letter-spacing: 0;
font-weight: bold;
}

.block2 .block2_title .block2_title_inner {
width: 92%;
margin: 0 auto;
}
.block2 .block2_title p.title_big {
font-size: 24pt;
line-height: 1.6em;
}

.block2 .dial_link {
padding: 12px 0;
}
.block2 .dial_link ul li {
line-height: 1.6em;
margin-bottom: 18px;
}
.block2 .dial_link ul li a {
color: #0071bc;
font-size: 14pt;
font-weight: bold;
letter-spacing: 0;
text-decoration: underline;
}


.modaal-wrapper .modaal-close {
background: black !important;
}
.modaal-close:focus, .modaal-close:hover {

}



.block3 .block_title p {
font-size: 22pt;
color: #008133;
border-bottom: none;
font-weight: bold;
line-height: 1.4em;
}

.block3 .block_title {
padding-bottom: 0;
}

.block4 p {
font-size: 20pt;
font-weight: bold;
line-height: 1.5em;
}

.block4 a p {
color: #0071bc;
text-decoration: underline;
padding-bottom: 15px;
}

.block4 {
text-align: center;
}
.block4 a img {
width: 90%;
margin: 0 auto;
}

.block4 .bottom_note {
padding-top: 34px;
}
.block4 .bottom_note p {
font-size: 14pt;
color: #008133;
letter-spacing: 0;
}

.block4 .bottom_note p a {
color: #0071bc;
text-decoration: underline;
}

.block1 .btn1.btn {
width: 100%;
}

.block4 .link {
width: 100%;
}

#wrapper .block2.block .block_inner {
padding-bottom: 10px;
}

/*
======================================================
190208追記ここまで
======================================================
*/










#product_info .prod_link ul li .li_inner img {
width: 100%;
}


#howto_frame {
/* max-width: 600px; */
height: 240px;
overflow: auto;
margin-top: 14px;
}


#wrapper .block4 .bottom_note p {
font-size: 13pt;
letter-spacing: 0;
text-align: left;
}


#main_title h1.logo img {
width: 90%;
padding: 0px 0 10px;
}








	

}