@charset "utf-8";
/* CSS Document */

.content_box_lp{width: 1000px; margin: 0 auto; padding: 0; position: relative; font-size: 18px; line-height: 1.7;}
h2{font-size: 28px; font-weight: 600; text-align: center; margin:0; padding:20px 0; background: #009E96; color: #FFF;}
h3{font-size: 24px; font-weight: 600; margin:1em 0 0; padding:10px 0;}
h3.product_name{font-size: 30px;margin:0; padding:20px 0; background:#00578f; color: #FFF; text-align: center;}
dl{width: 600px; margin: 20px auto; background: #9CF418; line-height: 50px; border-radius: 25px;}
dl dt{font-size: 24px; font-weight: 600; width: 120px; float: left; margin-left: 70px;}
dl dd{font-size: 20px;}
p.lead{margin: 40px 0; font-size: 20px; font-weight: 600;}
.fig_box img{max-width: 100%; height: auto;}

#application{background: linear-gradient(to right, #d3e0f2 30%, #92afcb); padding: 0 0 40px; min-width: 1000px;}
.application_l{width: 60%; float: left;}
.application_r{width: 40%; float: right; padding: 70px 0 0;}
.application_list{list-style:square; margin-left: 2em;}
.application_list li{padding:2px 0;}

.general_properties{margin: 60px 0 0; width: 100%;}
.general_properties th{background: #d3e0f2; padding: 5px 10px; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF;}
.general_properties td{text-align: center; border-bottom: 1px solid #d3e0f2;}
.column-2_gpl{width: 35%; float: left;}
.column-2_gpr{width: 65%; float: right;}
.flo_l{float: left;}
.flo_r{float: right;}
.note{font-size: 14px; text-align: right;}
.pt_content_box{margin: 60px 0; font-size: 15px;}


#information{padding:60px 0 80px;}
#information h3{font-size: 40px; font-weight: 600; margin: 10px 0; text-align: center; color:#00578f;}
#information p{font-size:18px; line-height: 1.7em;}
#information a.link_btn{display: block; margin: 20px auto 30px; padding: 10px 0; border-radius:30px; width:426px; background:#00578f; color: #FFF; border: 1px solid #00578f; font-size: 20px; font-weight: 600;}
#information a.link_btn:hover{background: #FFF; color:#00578f; text-decoration: none; transition: .2s ease-in-out;}
#information .site_img img{box-shadow: 0 0 8px rgba(0,0,0,0.3);}
.center{text-align:center;}
#footer_nav{padding: 0;}

 /* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
.content_box_lp{width:94%; font-size: 16px; line-height: 1.7;}
h2{font-size:24px; padding:10px 0;}
h3{font-size:20px;}
h3.product_name{font-size:24px; padding:15px 0;}
dl{width:100%; margin:0; line-height:28px; border-radius:0; padding: 10px 0;}
dl dt{font-size: 20px; font-weight: 600; width:100%; float:none; margin-left:0; text-align: center;}
dl dd{font-size: 16px; text-align: center;}
p.lead{margin: 20px 0; font-size: 16px; font-weight: 600;}
.fig_box img{max-width: 100%; height: auto;}

#application{background: linear-gradient(135deg, #d3e0f2 30%, #92afcb); padding: 0 0 10px; min-width:inherit;}
.application_l{width:100%; float:none;}
.application_r{width:100%; float:none; padding:30px 0 0;}
.application_list{list-style:square; margin-left: 2em;}
.application_list li{padding:2px 0; line-height: 1.3;}

.general_properties{margin: 10px 0 0; width: 100%; font-size: 15px;}
.column-2_l40{width:100%; float:none;}
.column-2_r60{width:100%; float:none;}
.flo_l{float: left;}
.flo_r{float: right;}
.note{font-size: 14px; text-align: right;}
.pt_content_box{margin:10px 0 40px; font-size: 13px;}

#information{padding:20px 0 40px;}
#information h3{font-size: 30px; margin:0;}
#information p{font-size:15px; line-height: 1.6em;}
#information a.link_btn{margin: 10px auto 20px; padding: 10px 0; border-radius:30px; width:80%; font-size: 18px;}
#information .site_img{width: 80%; margin-bottom: 20px; margin: 0 auto;}
#information .site_img img{width:100%; height: auto;}

}