@charset "UTF-8";


/* =============================================================
リンク効果
*/


/* wrapper */

#wrapper a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

#wrapper a:hover p {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

#wrapper p.c_green a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}



/* =============================================================
header 
*/

/*
#header #hd1 {
	border-bottom:1px solid #808080;
}
*/

#header {
	border-top:5px solid #05a437;
}

#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: 38px;
padding-bottom: 24px;
}

#wrapper p {
text-align: center;
}


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

#wrapper #page_title.block {
background: none;
}

#wrapper .block4 {
background: none;
}

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

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

#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_title p.p_jb {
font-size: 26pt;
letter-spacing: 2px;
padding-top: 8px;
padding-bottom: 8px;
}

#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;
}


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




.block #msg1 {
padding-bottom: 24px;
}
.block #msg1 p {
color: #008133;
font-size: 14pt;
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: 32px;
}

.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: 14px;
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: 17pt;
letter-spacing: 0;
font-weight: bold;
}

.block2 .block2_title .block2_title_inner {
width: 92%;
margin: 0 auto;
padding: 16px 0 8px 0;
}
.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 {

}


#wrapper .block2b.block {
background: #fff;
}

#wrapper.jb_page .block2b.block {
background: #e3f1f1;
}


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

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

.block2b {
text-align: center;
}
.block2b a img {
width: auto;
margin: 0 auto;
}

.block2b .link .one_bnr {
padding-top: 20px;
}
.block2b .link .one_bnr:last-child {
padding-bottom: 20px;
}





.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;
max-width: 400px;
margin: 0 auto;
}


.block3 p.c_green a {
color: #008133;
text-decoration: underline;
padding-bottom: 15px;
}





.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;
}





/* =============================================================
footer
*/

#footer {
border-bottom:5px solid #05a437;
}


#copyright {
	padding-bottom:4px;
}
#copyright p {
	text-align:center;
	font-size:8pt;
	line-height:1.8em;
  letter-spacing: 0;
}




/*
190208追記ここから
*/
.block1 .btn1.btn {
width: 500px;
margin: 0 auto;
}

#wrapper .block .block_inner {
width: 700px;
margin: 0 auto;
}

.block4 .link {
width: 400px;
margin: 0 auto;
}



.block2 .block2_title .block2_title_inner {
padding: 16px 0 14px 0;
}

.block2 .dial_link ul li a span {
font-size: 13pt;
color: orangered;
}



#howto_frame {
/* max-width: 600px; */
height: 500px;
overflow: scroll;
margin: 0 auto 20px auto;
}