/*
Theme Name: Reblo
Theme URI: http://www.dm-s.co.jp/
Author: DM Solutions
Author URI: http://www.dm-s.co.jp/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 

Note: DM Solutions theme supports child themes and custom.css for extensive customization without breaking the theme.
It is recommended to use those instead of modifying core files. - http://codex.wordpress.org/Child_Themes

©2014 DM Solutions, www.dm-s.co.jp
*/

body { font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", 'MS PGothic','ＭＳ Ｐゴシック', 'MS Gothic', sans-serif; font-size:14px; margin:0px; text-align:center; background-color:#FFFFFF; line-height:150%; color:#1f252a; min-width:960px; word-wrap:break-word; -webkit-text-size-adjust:none; }

p, form { margin:0px; padding:0px; }
img { border:none; margin:0px; padding:0px; }
a { text-decoration:none; outline:none; color:#0b88ca; }
a:hover { text-decoration:underline; }
a:hover img { filter:alpha(opacity=75); opacity:0.75; }
a, a img, input, textarea { transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; }
input, textarea, select { outline:none; }
h1, h2, h3, h4, ul, dl, dt, dd { margin:0px; padding:0px; font-weight:normal; list-style:none; }
.nan { transition:none; -webkit-transition:none; -moz-transition:none; }
.box { -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2); }
.box2 { -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2); }
.box3 { -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2); }
.cf { width:100%; }
th { text-align:left; }
.onpc { display:block; }
.onsp { display:none; }
strong.ex { background: linear-gradient(transparent 40%, #66FFCC 40%); }
.main { padding:160px 0px 0px 0px; }

/* Header */

.header { z-index:10000; position:fixed; width:100%; left:0px; top:0px; }
.header .cont1 { background-color:#0881c2; z-index:1; position:relative; }
.header .cont1 .cf { width:960px; margin:0 auto; text-align:left; }
.header .cont1 h1, .header .cont1 .h1 { font-size:12px; color:#262626; line-height:20px; position:absolute; margin:55px 0px 0px 130px; }
.header .cont1 .tel { float:right; }
.header .cont1 ul { float:right; }
.header .cont1 ul li { float:left; line-height:20px; font-size:12px; padding-left:24px; }
.header .cont1 ul li a { color:#FFFFFF; background:url(img/arrow8.png) no-repeat 0px center; padding-left:13px; }
.header .cont2 { background-color:#FFFFFF; -webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); position:relative; z-index:0; }
.header .cont2 .cf { width:960px; margin:0 auto; text-align:left; padding:5px 0px 5px 0px; height:130px; }
.header .cont2 .logo { float:left; padding:10px 0px; }
.header .cont2 ul { position:absolute; margin-top:88px; }
.header .cont2 ul li { float:left; line-height:30px; padding:0px; border-left:#e7e7e7 solid 1px; line-height:32px; }
.header .cont2 ul li:last-child { border-right:#e7e7e7 solid 1px; }
.header .cont2 ul li a { display:block; text-align:center; }
.header .cont2 ul li:first-child a { width:137px; }
.header .cont2 ul li:nth-child(2) a { width:118px; }
.header .cont2 ul li:nth-child(3) a { width:117px; }
.header .cont2 ul li:nth-child(4) a { width:116px; }
.header .cont2 ul li:nth-child(5) a { width:131px; }
.header .cont2 ul li:nth-child(6) a { width:159px; }
.header .cont2 ul li:last-child a { width:174px; }
.header .cont2 ul li a { color:#153444; }
.header .cont2 li a:hover, .header .cont2 li a.sel, .cont2 ul li.current_page_item a { color:#0881c2; text-decoration:none; }
.header .cont2 .tel { float:right; padding:11px 0px 0px 15px; }
.header .cont2 .btns { float:right; padding:12px 0px; }
.header .cont2 .btns div { background:url(img/hbtn1.png) no-repeat 0px 0px; float:left; margin-left:5px; border-radius:6px; -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); }
.header .cont2 .btns div.b2 { background:url(img/hbtn2.png) no-repeat 0px 0px; }
.header .cont2 .btns div a { background:url(img/hbtn1.png) no-repeat 0px -60px; display:block; width:120px; height:60px; text-indent:-9999px; border-radius:6px; filter:alpha(opacity=0); opacity:0; }
.header .cont2 .btns div.b2 a { background:url(img/hbtn2.png) no-repeat 0px -60px; }
.header .cont2 .btns div a:hover { filter:alpha(opacity=100); opacity:1; }

/* Content */

.topbnr { background:url(img/bnrbg.png); -webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); z-index:20; position:relative; }
.topbnr .cont { background:url(img/topbnr.png) no-repeat center top; }
.topbnr .cont2 { height:500px; width:960px; margin:0 auto; text-align:left; position:relative; }
.topbnr .cont2 a { filter:alpha(opacity=0); opacity:0; }
.topbnr .cont2 .b1 { position:absolute; background:url(img/bnrbtn1.png) no-repeat 0px 0px; top:370px; left:0px; }
.topbnr .cont2 .b1 a { background:url(img/bnrbtn1.png) no-repeat 0px -103px; display:block; width:222px; height:103px; text-indent:-9999px; }
.topbnr .cont2 .b2 { position:absolute; background:url(img/bnrbtn2.png) no-repeat 0px 0px; top:347px; left:229px; }
.topbnr .cont2 .b2 a { background:url(img/bnrbtn2.png) no-repeat 0px -127px; display:block; width:268px; height:127px; text-indent:-9999px; }
.topbnr .cont2 a:hover { filter:alpha(opacity=100); opacity:1; }

.content1 { position:relative; z-index:18; -webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); background-color:#FFFFFF; }
.content1 .cont { padding:50px 0px 60px 0px; width:960px; margin:0 auto; text-align:left; }
.content1 h2 { text-align:center; font-size:35px; font-weight:bold; line-height:50px; padding-bottom:45px; }
.content1 h2 span { color:#e73b35 }
.content1 h2.pftitle { font-size:28px; margin-top:60px; }
.content1 h2.pftitle span { color:#1f252a; border-bottom:#ffdf31 solid 7px; }
.content1 h2.pftitle b { font-size:42px; }
.content1 .pfimg { text-align:center; }
.cols1 .each { float:left; width:290px; margin-right:45px; }
.cols1 h3 { font-size:28px; text-align:center; font-weight:bold; border-bottom:#ffdf31 solid 7px; padding:0px 0px 12px 0px; }
.cols1 .im { text-align:center; padding:30px 0px; }
.cols1 p { line-height:180%; padding-bottom:20px; }
.cols1 .more a { display:block; border-radius:5px; color:#FFFFFF; text-align:center; font-size:21px; padding:20px 0px; background-color:#0b88ca; -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); }
.cols1 .more a:hover { text-decoration:none; background-color:#3bb9f3; }
.cols1 .e3 { margin-right:0px; }
.cols2 { padding-top:50px; }
.cols2 a { display:block; padding:0px 29px 0px 0px; border-radius:5px; background:url(img/arrow.png) no-repeat right center; background-color:#79badc; -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); }

.content2 { position:relative; z-index:16; -webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); background:url(img/bnrbg.png); }
.content2 .cont { padding:50px 0px 60px 0px; width:960px; margin:0 auto; text-align:left; }
.content2 h2 { text-align:center; font-size:35px; font-weight:bold; line-height:50px; padding-bottom:45px; }
.content2 h2 span { color:#e73b35 }
.content2 h2 b { font-size:45px; }
.content2 h3 { background:url(img/th3bg.png) no-repeat center top; color:#FFFFFF; font-weight:bold; font-size:24px; text-align:center; margin-bottom:20px; line-height:30px; padding:10px 0px 21px 0px; }
.content2 .tcomps { background-color:#FFFFFF; border-radius:5px; text-align:center; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); padding:35px 0px 35px 0px; margin-bottom:52px; }
.content2 .tcomps .more { padding:30px 0px 5px 0px; }
.content2 .tcomps .more a { display:inline-block; border-radius:5px; color:#FFFFFF; text-align:center; font-size:21px; padding:20px 0px; background-color:#0b88ca; -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); width:425px; }
.content2 .tcomps .more a:hover { text-decoration:none; background-color:#3bb9f3; }

.voices { padding:30px; border-radius:5px; background:url(img/voicebg.png); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); }
.voices .vcont { background-color:#FFFFFF; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); border-radius:5px; padding:5px 40px; }
.voices .each { padding:30px 0px 15px 0px; border-bottom:#f0f0f0 solid 2px; }
.voices .each .im { float:left; padding-bottom:15px; }
.voices .each .rh { width:428px; }
.voices .each .rh h4 { font-size:25px; font-weight:bold; line-height:32px; padding:15px 0px; }
.voices .each .rh .cf { font-size:12px; color:#3bb9f3; }
.voices .each .rh .cf img { vertical-align:middle; }
.voices .each .rh .cf .lf { margin:0px 10px 10px 0px; }
.voices .more { padding:30px 0px 30px 0px; text-align:center; }
.voices .more a { display:inline-block; border-radius:5px; color:#FFFFFF; text-align:center; font-size:21px; padding:20px 0px; background-color:#0b88ca; -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); width:425px; }
.voices .more a:hover { text-decoration:none; background-color:#3bb9f3; }

.content3 { position:relative; z-index:14; -webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); background-color:#FFFFFF; }
.content3 .cont { padding:50px 0px 60px 0px; width:960px; margin:0 auto; text-align:left; }
.content3 h2 { text-align:center; font-size:35px; font-weight:bold; line-height:50px; padding-bottom:45px; }
.content3 h2 span { color:#e73b35 }
.content3 ul { padding-bottom:40px; }
.content3 li { float:left; width:160px; text-align:center; }
.content3 li span { display:block; color:#1ea5da; padding:5px 0px 0px 0px; }
.content3 p { line-height:170%; }
.content3 .more { padding:40px 0px 0px 0px; text-align:center; }
.content3 .more a { display:inline-block; border-radius:5px; color:#FFFFFF; text-align:center; font-size:21px; padding:20px 0px; background-color:#0b88ca; -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); width:370px; }
.content3 .more a:hover { text-decoration:none; background-color:#3bb9f3; }

.content4 { position:relative; z-index:12; -webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); background:url(img/bnrbg.png); }
.content4 .cont { padding:50px 0px 30px 0px; width:960px; margin:0 auto; text-align:left; }
.content4 h2 { text-align:center; font-size:35px; font-weight:bold; line-height:50px; padding-bottom:45px; }

.partners { width:960px; }
.partners .cf { width:990px; margin-right:-30px; }
.partners .each { height:410px; background-color:#FFFFFF; border-radius:5px; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); float:left; width:300px; margin:0px 30px 30px 0px; position:relative; }
.partners .head { border-top-left-radius:5px; border-top-right-radius:5px; background-color:#222222; color:#FFFFFF; padding:6px 9px 9px 9px; font-size:13px; }
.partners .head span { font-weight:bold; display:block; padding-bottom:5px; }
.partners .head p { padding:0px; }
.partners h3 { padding:15px 15px 0px 15px; font-size:16px; font-weight:bold; }
.partners p { padding:10px 15px 0px 15px; line-height:200%; }

.content5 { position:relative; z-index:10; -webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); background-color:#FFFFFF; }
.content5 .cont { padding:50px 0px 60px 0px; width:960px; margin:0 auto; text-align:left; }
.content5 h2 { text-align:center; font-size:35px; font-weight:bold; line-height:50px; padding-bottom:35px; }

.tfaq { background:url(img/wood.png) no-repeat 0px 0px; border-radius:5px; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); }
.tfaq .lf { width:260px; text-align:center; padding:30px; }
.tfaq .lf p { font-size:18px; text-align:left; line-height:26px; padding-top:20px; }
.tfaq .more { padding:30px 0px 0px 0px; text-align:center; }
.tfaq .more a { display:block; border-radius:5px; color:#FFFFFF; text-align:center; font-size:21px; padding:20px 0px; background-color:#0b88ca; -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); }
.tfaq .more a:hover { text-decoration:none; background-color:#3bb9f3; }
.tfaq dl { width:600px; float:right; margin-right:20px; padding:5px 0px 5px 0px; }
.tfaq dt { background:url(img/faqq.png) no-repeat 0px 20px; font-size:20px; font-weight:bold; padding:20px 0px 5px 40px; line-height:30px; }
.tfaq dd { background:url(img/faqa.png) no-repeat 40px 5px; line-height:180%; padding:8px 30px 20px 78px; border-bottom:#d3d3d3 dotted 1px; }
.tfaq dd:last-child { border-bottom:none; }

.content6 { position:relative; z-index:8; -webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); background:url(img/bnrbg.png); }
.content6 .cont { padding:60px 0px 60px 0px; width:960px; margin:0 auto; text-align:left; }
.content6 .fcont { background-color:#FFFFFF; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); border-radius:5px; position:relative; padding:30px 0px; }
.content6 .fcont div { width:430px; padding:0px 15px 0px 15px; }
.content6 .fcont div.lf { margin-left:15px; width:420px; border-right:#d3d3d3 dotted 1px; padding-right:25px; }
.content6 .fcont div.rh { margin-right:15px; }
.content6 .fcont img { float:left; margin-right:25px; }
.content6 .fcont h3 { font-size:18px; font-weight:bold; padding:25px 0px 15px 0px; }
.content6 .fcont h3 a { background:url(img/arrow2.png) no-repeat 0px center; padding-left:20px; }
.content6 .fcont p { font-size:13px; line-height:180%; }
.content6 .fcont p a { float:right; background:url(img/arrow3.png) no-repeat right center; padding:0px 12px 0px 0px; text-decoration:underline; }
.content6 .fcont p a:hover { text-decoration:none; }
.content6 .fcont .ribbon { position:absolute; top:-5px; left:-5px; }
.content6 h4 { font-size:28px; font-weight:bold; line-height:40px; text-align:center; padding:30px 0px 30px 0px; }
.content6 .fcont2 { width:775px; margin:0 auto; }
.content6 .fcont2 .lf { padding:0px 0px 0px 0px; }
.content6 .fcont2 .rh { background:url(img/fcontact.png) no-repeat 0px 0px; }
.content6 .fcont2 .rh a { display:block; background:url(img/fcontact.png) no-repeat 0px -83px; width:379px; height:83px; text-indent:-9999px; filter:alpha(opacity=0); opacity:0; }
.content6 .fcont2 .rh a:hover { filter:alpha(opacity=100); opacity:1; }

.content7 { position:relative; z-index:6; -webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); background-color:#FFFFFF; }
.content7 .cont { padding:50px 0px 40px 0px; width:960px; margin:0 auto; text-align:left; }
.content7 .rh { width:300px; }
.content7 .lf2 img { -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);  }
.content7 .rh2 { width:465px; }

.tlist { float:left; width:300px; margin-right:30px; }
.tlist h3 { font-size:28px; font-weight:bold; border-bottom:#d3d3d3 dotted 1px; padding:0px 0px 15px 0px; line-height:30px; }
.tlist ul { padding:15px 0px 0px 0px; }
.tlist li { padding-bottom:20px; line-height:180%; }
.tlist li span { font-size:12px; color:#3b4953; display:block; padding-bottom:5px; }

.fmenu { float:left; width:465px; border-radius:5px; background-color:#f6f6f6; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); }
.fmenu li { float:left; width:232px; }
.fmenu li.p1, .fmenu li.p3 { border-right:#e1e1e1 solid 1px; }
.fmenu li.p1, .fmenu li.p2 { border-bottom:#e1e1e1 solid 1px; }
.fmenu li a { background:url(img/arrow5.png) no-repeat right center; display:block; padding:22px 30px 22px 0px; text-align:center; color:#1f252a; line-height:30px; font-size:20px; }
.fmenu li a:hover { background-color:#FFFFFF; text-decoration:none; }
.fmenu li.p1 a { border-top-left-radius:5px; }
.fmenu li.p2 a { border-top-right-radius:5px; }
.fmenu li.p3 a { border-bottom-left-radius:5px; }
.fmenu li.p4 a { border-bottom-right-radius:5px; }

/* Sub Pages */

.subp_title { background:url(img/bnrbg.png); -webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); position:relative; z-index:14; }
.subp_title .cont { height:154px; background:url(img/subbnr.png) no-repeat center top; }
.subp_title h1 { width:960px; margin:0 auto; text-align:left; font-size:35px; font-weight:bold; line-height:50px; padding:50px 0px 0px 0px; }

.breadcrumbs { background-color:#f6f6f6; font-size:12px; line-height:20px; padding:9px 0px 7px 0px; position:relative; z-index:12; }
.breadcrumbs div { width:960px; margin:0 auto; text-align:left; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace; }
.breadcrumbs span { margin:0px 5px 0px 5px; font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", 'MS PGothic','ＭＳ Ｐゴシック', 'MS Gothic', sans-serif; }
.breadcrumbs span span { margin:0px; }

.content { background-color:#FFFFFF; -webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); position:relative; z-index:10; }
.mainarea { width:960px; margin:0 auto; text-align:left; padding:20px 0px 20px 0px; }

.abtxt { background:url(img/about1.png) no-repeat center bottom; padding:20px 0px 210px 0px; margin-bottom:30px; }
.abtxt p { text-align:center; font-size:28px; color:#0881c2; line-height:160%; padding:0px 0px 10px 0px; }
.abtxt div { text-align:center; font-size:24px; font-weight:bold; line-height:180%; }
.abtxt div b { font-size:45px; }
.abtxt div span { color:#e73b35; }

.ptimg { padding:10px 0px 30px 0px; }
.title { text-align:center; font-size:35px; font-weight:bold; line-height:50px; padding-bottom:45px; }
.title span { color:#e73b35; }

.about2 { background:url(img/bg1.png); border-radius:5px; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); margin:30px 0px 40px 0px; padding:20px 0px 20px 0px; }
.about2 h2 { background:url(img/atbg.png) no-repeat center top; font-size:34px; text-align:center; font-weight:bold; color:#FFFFFF; margin:0px -10px 20px -10px; line-height:40px; padding:10px 0px 18px 0px; }
.about2 .each { border-bottom:#dbdbdb solid 2px; padding:0px 0px 30px 295px; margin:0px 40px 30px 40px; min-height:250px; }
.about2 .each h3 { font-size:24px; font-weight:bold; color:#0b88ca; border-bottom:#84c7e1 dotted 2px; padding:10px 0px 15px 0px; }
.about2 .each ul { padding-top:5px; }
.about2 .each li { background:url(img/true.png) no-repeat 5px 21px; padding:15px 0px 0px 30px; font-size:15px; line-height:160%; }
.about2 .e1 { background:url(img/ab1.png) no-repeat 10px 0px; }
.about2 .e2 { background:url(img/ab2.png) no-repeat 10px 0px; }
.about2 .e3 { background:url(img/ab3.png) no-repeat 10px 0px; border-bottom:none; padding-bottom:0px; }

.about2 p{line-height:180%;
}

.pptitle { text-align:center; font-weight:bold; background:url(//reblo.jp/wp-content/uploads/341a90cd54f0a918412a926a2384091b.png) no-repeat center top; line-height:30px; font-size:24px; padding:15px 0px 26px 0px; margin:10px 0px 20px 0px; }
.pprtbl { padding:0px 0px 40px 0px; }
.pprtbl table { width:100%; border-collapse:collapse; }
.pprtbl table th, .pprtbl table td { border:#d3d3d3 solid 2px; width:50%; text-align:center; font-size:16px; line-height:160%; font-weight:normal; padding:10px 10px; }
.pprtbl table th { background-color:#ff921f; color:#FFFFFF; }
.pprtbl table th.w1, .pprtbl table td.w1 { width:20%; }
.pprtbl table .th th { background-color:#fff299; color:#1f252a; }
.pprtbl table span { color:#e73b35; }
.pprtbl table .cl td { background-color:#f3f3f3; }
.pprtbl p { line-height:180%; padding:15px 0px 0px 0px; }

.ppptitle{display: inline-block;
text-align:center;
width:100%;
font-size:14px;
}
.ppptitle h3{margin-bottom:1em;}

.ppptitle h3.hh{
	padding-bottom: .2em;
position: relative;
display: inline-block;
margin-bottom: 1em;
font-weight:bold;
font-size:22px;
line-height:160%;
}

.ppptitle h3.hh:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 100px;
height: 2px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color:#0881c2;
border-radius: 5px;

}

.ppptitle h3.hh:first-letter {
	margin-right: .1em;
	font-size: 2em;
color:#0881c2;
}


.about22 { background:url(img/bg1.png); border-radius:5px; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); margin:30px 0px 40px 0px; padding:20px 0px 20px 0px; }
.about22 h2 { background:url(//reblo.jp/wp-content/uploads/3d1cebf41015e1f506d7d642b9ea152b.png
) no-repeat center top; font-size:34px; text-align:center; font-weight:bold; color:#FFFFFF; margin:0px -10px 20px -10px; line-height:40px; padding:10px 0px 18px 0px; }
.about22 .each { border-bottom:#dbdbdb solid 2px; padding:0px 0px 30px 295px; margin:0px 40px 30px 40px; min-height:250px; }
.about22 .each h3 { font-size:24px; font-weight:bold; color:#0b88ca; border-bottom:#84c7e1 dotted 2px; padding:10px 0px 15px 0px; }
.about22 .each ul { padding-top:5px; }
.about22 .each li { background:url(img/true.png) no-repeat 5px 21px; padding:15px 0px 0px 30px; font-size:15px; line-height:160%; }
.about22 .e1 { background:url(img/ab1.png) no-repeat 10px 0px; }
.about22 .e2 { background:url(img/ab2.png) no-repeat 10px 0px; }
.about22 .e3 { background:url(img/ab3.png) no-repeat 10px 0px; border-bottom:none; padding-bottom:0px; }

.about22 .e11 { background:url(//reblo.jp/wp-content/uploads/a11b4bb3ba448d1fa402ac3dc62cc91f.png) no-repeat 10px 0px; }
.about22 .e22 { background:url(//reblo.jp/wp-content/uploads/d69f015c704db1eebea9cc7026de80fa.png) no-repeat 10px 0px; }
.about22 .e33 { background:url(//reblo.jp/wp-content/uploads/187a121d619f61f8f3b9948d9fe6360e.png) no-repeat 10px 0px; border-bottom:none; padding-bottom:0px; }
.about22 .img { margin-bottom:20px; width:100%; }

.aabtxt { background:url(//reblo.jp/wp-content/uploads/abtext.png) no-repeat center bottom; padding:20px 0px 210px 0px; margin-bottom:30px; }
.aabtxt p { text-align:center; font-size:28px; color:#ff921f; line-height:160%; padding:0px 0px 10px 0px; }
.aabtxt div { text-align:center; font-size:24px; font-weight:bold; line-height:180%; }
.aabtxt div b { font-size:45px; }
.aabtxt div span { color:#e73b35; }

.ffeature { background:url(//reblo.jp/wp-content/uploads/kimaroom_collaboration.png) no-repeat center bottom; padding:20px 0px 300px 0px; margin-bottom:50px; }
.ffeature h2 { font-size:28px; line-height:180%; }
.ffeature h2 b { font-size:40px; display:block; }
.ffeature span { color:#e73b35; }
.ffeature p { font-size:18px; line-height:160%; padding-top:25px; }


.feature { background:url(img/feature1.png) no-repeat center bottom; padding:20px 0px 60px 0px; margin-bottom:30px; }
.feature h2 { font-size:28px; line-height:180%; }
.feature h2 b { font-size:40px; display:block; }
.feature span { color:#e73b35; }
.feature p { font-size:18px; line-height:160%; padding-top:25px; }

.toiawase { background:url(//reblo.jp/wp-content/uploads/7d7d841c0282be482ee4343b934887c5.gif) no-repeat center bottom; padding:30px 0px 100px 0px; margin-bottom:50px; }
.toiawase h2 { font-size:28px; line-height:180%; }
.toiawase h2 b { font-size:40px; display:block; }
.toiawase span { color:#e73b35; }
.toiawase p { font-size:18px; line-height:160%; padding-top:25px; }
.toiawase a { display: block; position: absolute; top: 30; left: 0; height:100px; width: 100%;}


.pmenu { padding-bottom:20px; }
.pmenu li { display:inline-block; font-size:16px; padding:0px 50px 10px 0px; line-height:26px; }
.pmenu li a { background:url(img/arrow2.png) no-repeat 0px 4px; padding-left:20px; }

.featlist { width:960px; }
.featlist .cf { width:990px; }
.featlist .each { float:left; width:300px; margin:0px 30px 30px 0px; height:390px; border-radius:3px; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); }
.featlist .each img { border-top-left-radius:3px; border-top-right-radius:3px; }
.featlist .each h3 { padding:15px 15px 10px 15px; font-size:20px; text-align:center; line-height:28px; font-weight:bold; }
.featlist .each p { font-size:13px; line-height:190%; padding:0px 15px; }

.feattbl { border-top:#d3d3d3 solid 2px; margin:20px 0px 40px 0px; }
.feattbl table { width:100%; border-collapse:collapse; }
.feattbl table th, .feattbl table td { border:#d3d3d3 solid 2px; padding:15px 20px; line-height:160%; vertical-align:top; }
.feattbl table th { width:175px; background-color:#f3f3f3; font-weight:normal; font-size:16px; }
.feattbl table th.th:before { content: "\a "; white-space: pre; }
.feattbl table th.th { width:18px; font-size:18px; font-weight:bold; color:#FFFFFF; background-color:#0b88ca; line-height:120%; }
.feattbl table tr:first-child th, .feattbl table tr:first-child td { border-top:none; }

#userscreen, #managementscreen, #other { padding-top:110px; margin-top:-110px; }
#managementscreen table th.th { background-color:#8ad2f3; }

.pricehd { background:url(img/price1.png) no-repeat center bottom; padding:20px 0px 50px 0px; margin-bottom:30px; }
.pricehd h2 { font-size:28px; line-height:180%; }
.pricehd h2 b { font-size:40px; display:block; }
.pricehd span { color:#e73b35; }
.pricehd p { font-size:18px; line-height:160%; padding-top:25px; }

.ptitle { text-align:center; font-weight:bold; background:url(img/ptbg.png) no-repeat center top; line-height:30px; font-size:24px; padding:15px 0px 26px 0px; margin:10px 0px 20px 0px; }
.prtbl { padding:0px 0px 40px 0px; }
.prtbl table { width:100%; border-collapse:collapse; }
.prtbl table th, .prtbl table td { border:#d3d3d3 solid 2px; width:50%; text-align:center; font-size:16px; line-height:160%; font-weight:normal; padding:10px 10px; }
.prtbl table th { background-color:#0b88ca; color:#FFFFFF; }
.prtbl table th.w1, .prtbl table td.w1 { width:20%; }
.prtbl table .th th { background-color:#fff299; color:#1f252a; }
.prtbl table span { color:#e73b35; }
.prtbl table .cl td { background-color:#f3f3f3; }
.prtbl p { line-height:180%; padding:15px 0px 0px 0px; }

.portfolio { background:url(img/portfolio1.png) no-repeat center bottom; padding:10px 0px 50px 0px; margin-bottom:30px; }
.portfolio h2 { font-size:20px; line-height:250%; }
.portfolio h2 b { font-size:40px; display:block; }
.portfolio span { color:#e73b35; }
.portfolio p { font-size:18px; line-height:160%; padding-top:25px; }

#theme, #area { padding-top:110px; margin-top:-110px; }

.pfolio2 { background:url(img/bg1.png); border-radius:5px; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); margin:0px 0px 40px 0px; padding:20px 0px 20px 0px; }
.pfolio2 h2 { background:url(img/atbg.png) no-repeat center top; font-size:34px; text-align:center; font-weight:bold; color:#FFFFFF; margin:0px -10px 20px -10px; line-height:40px; padding:10px 0px 18px 0px; }
.pfolio2 .desc { line-height:180%; padding:0px 50px 30px 50px; }
.pfolio2 .cf { margin:0px 0px 0px 50px; width:900px; }
.pfolio2 .each { width:365px; margin:0px 30px 30px 0px; padding:20px 25px 0px 25px; border-radius:5px; background-color:#FFFFFF; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); float:left; height:405px; }
.pfolio2 .each h3 { font-size:20px; font-weight:bold; line-height:30px; padding-bottom:8px; }
.pfolio2 .each p { padding:10px 0px 4px 0px; }
.pfolio2 .each .site a { background:url(img/ext.png) no-repeat right 3px; padding-right:25px; }
.pfolio2 .each .ics { padding:8px 0px 0px 0px; }
.pfolio2 .each .ics img { float:left; margin-right:5px; }
.pfolio2 .each .tps { clear:both; font-size:12px; padding:8px 0px 0px 0px; }
.pfolio2 .each .tps span { color:#3bb9f3; }
.pfolio2 .each .tps .ic1 { background:url(img/globe.png) no-repeat 0px 2px; padding-left:17px; }
.pfolio2 .each .tps .ic2 { background:url(img/smartphone.png) no-repeat 0px 2px; padding-left:13px; }
.pfolio2 .each .tps .ic3 { background:url(img/gear.png) no-repeat 0px 2px; padding-left:16px; }

.funchd { background:url(img/function1.png) no-repeat center bottom; padding:20px 0px 50px 0px; margin-bottom:30px; }
.funchd h2 { font-size:28px; line-height:180%; }
.funchd h2 b { font-size:40px; display:block; }
.funchd span { color:#e73b35; }
.funchd p { font-size:18px; line-height:160%; padding-top:25px; }

.funclist { background:url(img/bg1.png); border-radius:5px; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); margin:10px 0px 50px 0px; padding:20px 0px 30px 0px; }
.funclist h2 { background:url(img/atbg.png) no-repeat center top; font-size:34px; text-align:center; font-weight:bold; color:#FFFFFF; margin:0px -10px 20px -10px; line-height:40px; padding:10px 0px 18px 0px; }
.funclist .cf { margin:0px 0px 0px 50px; width:900px; }
.funclist .each { width:365px; margin:0px 30px 30px 0px; padding:25px 25px 0px 25px; border-radius:5px; background-color:#FFFFFF; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); float:left; height:350px; position:relative; }
.funclist .each .num { background:url(img/ribbon2.png) no-repeat 0px 0px; position:absolute; top:-4px; left:-4px; font-size:13px; font-weight:bold; color:#FFFFFF; text-shadow:1px 1px 1px #0c8abb; line-height:12px; width:35px; text-align:center; padding:15px 20px 26px 0px; }
.funclist .each h3 { font-size:20px; font-weight:bold; line-height:30px; padding-bottom:8px; color:#0b88ca; }
.funclist .each p { padding:15px 0px 0px 0px; line-height:200%; }
.funclist .each p span { font-weight:bold; color:#e73b35; }
.funclist .desc { background:url(img/fcarrow.png) no-repeat 40px center; font-size:20px; font-weight:bold; line-height:32px; padding:10px 70px 10px 150px; }
.funclist .desc span { color:#e73b35; }

.funclist2 { background:url(img/bnrbg.png); border-radius:5px; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); margin:40px 0px 40px 0px; padding:0px 0px 30px 0px; }
.funclist2 h2 { background:url(img/functbg.png) no-repeat center bottom; font-size:32px; text-align:center; font-weight:bold; color:#FFFFFF; margin:0px 0px 20px 0px; line-height:40px; padding:12px 0px 28px 0px; border-top-left-radius:5px; border-top-right-radius:5px; }
.funclist2 .each .num { background:url(img/ribbon3.png) no-repeat 0px 0px; position:absolute; top:-4px; left:-4px; font-size:13px; font-weight:bold; color:#a69416; text-shadow:1px 1px 1px #c6b439; line-height:12px; width:35px; text-align:center; padding:15px 20px 26px 0px; }
.funclist .each p:nth-child(2) { padding:0px; }
.funclist2 .desc { background:url(img/fcarrow2.png) no-repeat 40px center; font-size:20px; font-weight:bold; line-height:32px; padding:10px 70px 10px 150px; }

.pmenu_faq { text-align:center; padding:30px 0px 20px 20px; }
.pmenu_faq li { padding-right:40px; }

#faq1, #faq2, #faq3, #faq4, #faq5, #faq6 { padding-top:110px; margin-top:-110px; }

.faqlist { background:url(img/bg1.png); border-radius:5px; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); margin:0px 0px 40px 0px; padding:20px 0px 10px 0px; }
.faqlist h2 { background:url(img/atbg.png) no-repeat center top; font-size:34px; text-align:center; font-weight:bold; color:#FFFFFF; margin:0px -10px 0px -10px; line-height:40px; padding:10px 0px 18px 0px; }
.faqlist dl { padding:0px 40px 0px 40px; }
.faqlist dt { background:url(img/faqq.png) no-repeat 0px 35px; font-size:24px; font-weight:bold; padding:35px 0px 10px 45px; line-height:30px; }
.faqlist dd { background:url(img/faqa.png) no-repeat 40px 5px; line-height:180%; padding:8px 30px 30px 80px; border-bottom:#e0e0e0 solid 2px; }
.faqlist dd:last-child { border-bottom:none; }

.demos { padding:40px 0px 10px 0px; }
.demos .each { width:465px; height:510px; border-radius:5px; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); margin-bottom:30px; }
.demos .each img { border-top-left-radius:5px; border-top-right-radius:5px; }
.demos .each p { padding:25px 30px 30px 30px; line-height:200%; }
.demos .each .more { text-align:center; }
.demos .each .more a { display:inline-block; width:325px; font-size:21px; color:#FFFFFF; line-height:30px; border-radius:5px; padding:20px 0px; }
.demos .dm1 .more a { background-color:#0083c9; }
.demos .dm2 .more a { background-color:#ca0000; }
.demos .dm3 .more a { background-color:#72b230; }
.demos .dm4 .more a { background-color:#f28202; }
.demos .dm1, .demos .dm3 { float:left; }
.demos .dm2, .demos .dm4 { float:right; }
.demos .each .more a:hover { filter:alpha(opacity=75); opacity:0.75; text-decoration:none; }

.comphd { background:url(img/company1.png) no-repeat center bottom; padding:20px 0px 50px 0px; margin-bottom:30px; }
.comphd h2 { font-size:28px; line-height:180%; }
.comphd h2 b { font-size:40px; display:block; }
.comphd span { color:#e73b35; }
.comphd p { font-size:18px; line-height:160%; padding-top:25px; }

.comtbl { padding:0px 0px 40px 0px; }
.comtbl table { width:100%; border-collapse:collapse; }
.comtbl table th, .comtbl table td { border:#d3d3d3 solid 2px; font-size:14px; line-height:180%; font-weight:normal; padding:12px 30px; }
.comtbl table th { text-align:center; width:250px; padding:10px 0px; }
.comtbl table .cl th, .comtbl table .cl td { background-color:#f3f3f3; }
.comtbl table td a { color:#FFFFFF; font-size:12px; background-color:#0b88ca; padding:3px 15px 0px 15px; border-radius:5px; margin-left:5px; }
.comtbl table td a:hover { filter:alpha(opacity=75); opacity:0.75; text-decoration:none; }

.comfeet { padding:0px 0px 20px 0px; }
.comfeet ol { list-style:none; padding:0px; margin:0px; }
.comfeet li { padding:5px 0px 15px 0px; line-height:20px; }
.comfeet li span { font-size:15px; color:#FFFFFF; text-align:center; width:29px; display:inline-block; padding:5px 0px 4px 0px; background-color:#0b88ca; border-radius:5px; margin-right:10px; }
.comfeet .cf { padding:20px 0px 20px 0px; }
.comfeet .cf div { float:left; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); margin:0px 18px 0px 0px; }
.comfeet .cf div.ls { margin-right:0px; }

.privacy { line-height:190%; padding-bottom:20px; }
.privacy dt { font-weight:bold; }
.privacy dd { padding-bottom:20px; }

.sitemap { padding:20px 0px 20px 0px; }
.sitemap li { float:left; width:50%; padding:15px 0px 15px 0px; font-size:16px; }
.sitemap li a { background:url(img/arrow2.png) no-repeat 0px 4px; padding-left:20px; }

.contacthd { background:url(img/contact1.png) no-repeat center bottom; padding:20px 0px 50px 0px; margin-bottom:30px; }
.contacthd h2 { font-size:28px; line-height:180%; }
.contacthd h2 b { font-size:40px; display:block; }
.contacthd span { color:#e73b35; }
.contacthd p { font-size:18px; line-height:160%; padding-top:25px; }

.formcont { padding:0px 0px 30px 0px; }

.lbar { float:left; width:660px; padding:20px 0px 30px 0px; }
.llbar { float:left; width:960px; padding:20px 0px 30px 0px; }
.rbar { float:right; width:260px; padding:20px 0px 30px 0px; }

/* Voice */

.btitle { font-weight:bold; font-size:32px; line-height:45px; padding-bottom:15px; }
.vname { background:url(img/arrow6.png) no-repeat 0px 1px; font-size:18px; padding:0px 0px 20px 25px; }
.vcustom { width:auto; padding:5px; background-color:#f6f6f6; font-size:12px; color:#3bb9f3; margin-bottom:20px; }
.vcustom span { line-height:23px; }
.vcustom img { vertical-align:middle; }
.vcustom .lf { margin:0px 10px 0px 0px; }

.wpeditor { border-top:#d3d3d3 dotted 1px; padding:30px 0px 20px 0px; line-height:200%; }
.wpeditor p { margin-bottom:30px; }
.wpeditor h2 { font-size:24px; font-weight:bold; background-color:#4db3e8; padding:8px 10px 6px 20px; margin-bottom:20px; color:#FFFFFF; }
.wpeditor h3 { font-size:20px; font-weight:bold; padding:0px 10px 0px 10px; margin-bottom:10px; border-left:#4db3e8 solid 10px; }
.wpeditor h4 { font-size:18px; font-weight:bold; padding:5px 0px 5px 0px; margin-bottom:20px; }
.wpeditor h5 { font-size:24px; font-weight:bold; background-color:#f3981d; padding:8px 10px 5px 20px; margin-bottom:2px; color:#FFFFFF; }
.wpeditor h6 { font-size:18px; font-weight:bold; padding:0px 10px 0px 10px; margin-bottom:10px; border-left:#f3981d solid 10px; }
.wpeditor a { text-decoration:underline; }
.wpeditor a:hover { text-decoration:none; }
.wpeditor blockquote { background:url(img/bqbg.gif) no-repeat 16px 18px; background-color:#f3f3f3; margin:0px 0px 20px 0px; padding:25px 25px 5px 65px; border-left:#e6e6e6 solid 3px; }
.wpeditor ul, .wpeditor ol { margin:0px 0px 20px 0px; }
.wpeditor ul li { background:url(img/libg.gif) no-repeat 0px 8px; padding-left:16px; }
.wpeditor ol { padding:0px 0px 0px 20px; }
.wpeditor pre { background-color:#595959; padding:20px; color:#FFFFFF; overflow:auto; margin:0px 0px 20px 0px; }
.wpeditor table { width:auto; border-collapse:collapse; max-width:100%; margin-bottom:20px; }
.wpeditor table th, .wpeditor table td { border:#dddddd solid 1px; padding:10px 15px; text-align:left; }
.wpeditor table th { font-weight:normal; background-color:#f3f3f3; }

.nav-single { background:url(img/line.png) repeat-y center center; border:#d3d3d3 solid 1px; background-color:#f9f9f9; }
.nav-single .nav-previous { float:left; width:50%; }
.nav-single .nav-next { float:right; width:50%; text-align:right; }
.nav-single .nav-previous a { background:url(img/prev.png) no-repeat 0px 15px; padding:12px 10px 12px 34px; }
.nav-single .nav-next a { background:url(img/next.png) no-repeat right 15px; padding:12px 34px 12px 10px; }
.nav-single a { display:block; line-height:24px; color:#000000; }
.nav-single a b { display:block; font-weight:normal; }

.voices_pg { margin:20px 0px 30px 0px; }
.voices_pg .each:last-child { border-bottom:none; }

.sbtitle { font-size:16px; background-color:#ececec; border-radius:5px; padding:8px 10px 6px 10px; }
.sblist { font-size:13px; padding:0px 0px 30px 0px; }
.sblist li { background:url(img/arrow7.png) no-repeat 1px 14px; padding:10px 0px 0px 14px; }
.sblist a { color:#1f252a; }


/* voicever2 */

.voice2main {display: flex; 
display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
}
.voice2main section {flex: 1; margin: 10px; border-radius: 5px; background: #ffffff; padding: 15px;}
.voice2main .col-1 {flex: 2;}
.voice2main p {margin-top: 10px;}
.voice2main img{max-width:300px; height:auto;}

@media screen and (max-width: 700px) {
.voice2main {flex-direction: column;}
.voice2main .col-1 {order:2;}
.voice2main .col-2 {order:1;}
}





/* Blog */

.posthead { padding-bottom:15px; font-size:12px; }
.posthead .lf em { display:none; }
.posthead .lf a { background:url(img/folder.png) no-repeat 5px center; background-color:#1d8acc; padding:2px 10px 0px 22px; border-radius:2px; color:#FFFFFF; }
.posthead .lf .tags { background:url(img/tag.png) no-repeat 0px center; margin-left:5px; padding-left:15px; }
.posthead .lf .tags a { background:none; color:#0980c7; padding:2px 0px 0px 0px; }
.posthead .pdate { float:right; }

body ul.snspbot { padding:20px 0px 10px 0px; margin-bottom:0px; }
body .snspbot li { list-style:none; float:left; margin:0px 5px 0px 0px; padding:0px 5px 0px 0px; height:68px; }
body .snspbot2 li { list-style:none; float:left; margin:0px 5px 0px 0px; padding:0px 5px 0px 0px; }

.ts-fab-wrapper { margin-bottom:10px; }
.ts-fab-wrapper .ts-fab-header h4 { color:#eb610f; font-size:14px; }
.ts-fab-wrapper .ts-fab-latest li { background-position:0px 5px; }
.ts-fab-wrapper .ts-fab-list a { border-top-left-radius:5px; border-top-right-radius:5px; }

.rbar dl { padding-bottom:30px; }
.rbar dl dt { font-size:16px; background-color:#ececec; border-radius:5px; padding:8px 10px 6px 10px; }
.rbar dl dd { font-size:13px; padding:0px 0px 0px 0px; }
.rbar dl dd li { background:url(img/arrow7.png) no-repeat 1px 14px; padding:10px 0px 0px 14px; }
.rbar dl dd a { color:#1f252a; }

.rbar dl form #s { border:#cccccc solid 1px; font-family:inherit; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; border-radius:5px; width:200px; line-height:20px; padding:5px; }
.rbar dl form #s:focus { border:#36a0d8 solid 1px; box-shadow:#36a0d8 0px 0px 3px; }
.rbar dl form #searchsubmit { font-family:inherit; border:none; border-radius:5px; padding:6px 0px 5px 0px; background-color:#363636; width:49px; color:#FFFFFF; cursor:pointer; float:right; font-size:12px; }
.rbar dl form #searchsubmit:hover { background-color:#7b7b7b; }

.comments-title { margin-bottom: 30px; font-size: 16px; line-height: 1.5; font-weight: normal; }
.comments-area { padding:30px 0px 0px 0px; }
.comments-area article { margin:20px 0; }
.comments-area article header { overflow: hidden; position: relative; padding-bottom:15px; }
.comments-area article header img { float: left; line-height: 0; padding:4px; border:#e0e0e0 solid 1px; }
.comments-area article header cite, .comments-area article header time { display: block; margin-left: 55px; }
.comments-area article header cite { font-style: normal; font-size: 15px; line-height: 1.42857143; }
.comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 10px; color: #5e5e5e; }
.comments-area article header a { text-decoration: none; color: #5e5e5e; }
.comments-area article header a:hover { color: #21759b; }
.comments-area article header cite a { color: #444; }
.comments-area article header cite a:hover { text-decoration: underline; }
.comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; font-size: 12px; font-weight: normal; color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; }
.comments-area li.bypostauthor cite span { position: relative; margin-left: 5px; padding: 2px 5px; font-size: 10px; display:none; }
a.comment-reply-link, a.comment-edit-link { font-size: 13px; line-height: 1.846153846; text-decoration:underline; }
a.comment-reply-link:hover, a.comment-edit-link:hover { text-decoration:none; }
.commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; }
.commentlist .reply span { display:none; }
.commentlist { padding:0px; list-style:none; }

#respond { margin-top: 30px; }
#respond h3#reply-title { font-size: 16px; line-height: 1.5; font-weight:normal; }
#respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; font-weight: normal; font-size: 12px; }
#respond form { margin: 5px 0px 0px 0px; }
#respond form p.comment-notes { padding-bottom:20px; }
#respond form p { margin: 11px 0; }
#respond form p.logged-in-as { margin-bottom: 24px; }
#respond form label { display: block; line-height: 1.714285714; }
#respond form input[type="text"],
#respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; line-height: 1.714285714; padding: 10px; width: 100%; border:#d3d3d3 solid 1px; border-radius:5px; font-family:inherit; }
#respond form input[type="text"]:focus, #respond form textarea:focus { border:#36a0d8 solid 1px; box-shadow:#36a0d8 0px 0px 3px; }
#respond form p.form-allowed-tags { margin: 0; font-size: 12px; line-height: 2; color: #5e5e5e; }
#respond form .form-submit input { background-color:#2a2a2a; color:#FFFFFF; font-size:14px; border:none; padding:10px 20px 10px 20px; cursor:pointer; border-radius:5px; }
#respond form .form-submit input:hover { background-color:#4db3e8; }
.required { color: red; }

.postlist .each { border-bottom:#dfdfdf solid 2px; padding:0px 0px 40px 0px; margin-bottom:40px; }
.postlist .posthead .pdate { float:left; border-left:#c7c9cb solid 1px; margin-left:10px; padding-left:10px; color:#757a7f; }
.postlist h3 { font-size:24px; font-weight:bold; line-height:34px; padding-bottom:15px; }
.postlist h3 a { color:#1f252a; }
.postlist h3 a:hover { text-decoration:none; color:#0B88CA; }
.postlist img { float:right; margin-left:30px; }
.postlist p { line-height:180%; margin-bottom:-5px; }
.postlist p .read-more a { background:url(img/pin.png) no-repeat right center; display:inline-block; text-indent:-9999px; padding-right:10px; }

.cspager { font-size:12px; line-height:20px; }
.cspager span, .cspager a { display:inline-block; width:24px; text-align:center; border:#d3d3d3 solid 1px; padding:4px 0px 2px 0px; color:#1f252a; }
.cspager span, .cspager a:hover { color:#FFFFFF; background-color:#363636; text-decoration:none; }

/* Portfolio */

.pfcont { padding:30px 0px; }
.pfcont .pf_cats { font-size:16px; padding-bottom:25px; margin-top:-10px; }
.pfcont .pf_cats li { display:inline-block; padding:0px 5px 5px 15px; line-height:24px; }
.pfcont .pf_cats a { background:url(img/arrow2.png) no-repeat 0px 4px; color:#0b88ca; padding-left:22px; }
.pfcont .cspager { margin-top:30px; }
.portfolios { padding:15px 0px 1px 15px; border-radius:5px; background:url(img/voicebg.png); -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); width:auto; }
.portfolios .each { width:190px; padding:15px; background-color:#FFFFFF; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); border-radius:5px; margin:0px 15px 15px 0px; font-size:12px; line-height:22px; float:left; }
.portfolios .each h3 { font-size:16px; font-weight:bold; line-height:22px; padding:12px 0px 5px 0px; }
.portfolios .each .im img { width:190px; height:107px; }
.portfolios .each .cats { padding-top:10px; color:#FFFFFF; }
.portfolios .each .cats a { display:inline-block; background-color:#5fcafb; color:#FFFFFF; padding:0px 5px; line-height: 17px; }
.portfolios .each .cats a:hover { text-decoration:none; background-color:#1384b8; }
.portfolios .each .cats em { display:none; }
.portfolios .each .url { padding-bottom:5px; }
.portfolios .each .url a { background:url(img/home.gif) no-repeat 45px center; display:block; border:#badaf4 solid 1px; font-size:12px; color:#0b88ca; text-align:center; line-height:20px; padding-left:15px; }
.portfolios .each .url a:hover { text-decoration:none; border:#509cda solid 1px; color:#2579bd; }
.portfolios .each .cf { padding-top:5px; }
.portfolios .clr2 { display:none; }

.content2n { position:relative; z-index:16; -webkit-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 7px rgba(0, 0, 0, 0.2); background:url(img/voicebg.png); }
.content2n .pfolios { background-color:#FFFFFF; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); border-radius:5px; padding:30px; }
.content2n .pfolios .pflist {  }
.content2n .pfolios .each { float:left; padding:0px 19px 0px 10px; width:190px; font-size:12px; margin-right:10px; border-right:#cccccc dotted 1px; }
.content2n .pfolios .each .im img { width:190px; height:auto; }
.content2n .pfolios .each h4 { font-size:18px; font-weight:bold; line-height:26px; padding:10px 0px 5px 0px; }
.content2n .pfolios .each .cats { padding:10px 0px 0px 0px; color:#FFFFFF; line-height:20px; }
.content2n .pfolios .cats a { display:inline-block; background-color:#5fcafb; color:#FFFFFF; padding:0px 5px; }
.content2n .pfolios .cats a:hover { text-decoration:none; background-color:#1384b8; }
.content2n .pfolios .each .cats em { display:none; }
.content2n .pfolios .ea4 { padding-right:10px; margin-right:0px; border-right:none; }
.content2n .pfolios .clr2 { display:none; }
.content2n .pfolios .clr { clear:both; background-color:#FFFFFF; padding:20px 0px 20px 0px; }
.content2n .pfolios .clr span { display:block; border-bottom:#f0f0f0 solid 2px; }
.content2n .more { text-align:center; padding:20px 0px 20px 0px; }
.content2n .more a { display:inline-block; border-radius:5px; color:#FFFFFF; text-align:center; font-size:21px; padding:20px 0px; background-color:#0b88ca; -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2); width:425px; }
.content2n .more a:hover { text-decoration:none; background-color:#3bb9f3; }

/* News */

.aroma-recent-entries dt { display:none; }
.aroma-recent-entries dl { padding:0px; }
.aroma-recent-entries dl a span { display:none; }
.tagcloud { padding:15px 0px 0px 0px; line-height:160%; }

/* 404 */

.p404 { padding:0px 30px; }
.p404 h1 { font-size:30px; padding:20px 0px 40px 0px; }
.p404 p { font-size:18px; padding:0px 0px 30px 0px; border-bottom:#BDBDBD dotted 2px; }
.p404 .searchform { padding:30px 20px 30px 20px; border-bottom:#BDBDBD dotted 2px; margin-bottom:30px; }
.p404 form #s { border:#cccccc solid 1px; font-family:inherit; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; border-radius:5px; width:350px; line-height:20px; padding:5px; }
.p404 form #s:focus { border:#36a0d8 solid 1px; box-shadow:#36a0d8 0px 0px 3px; }
.p404 form #searchsubmit { font-family:inherit; border:none; border-radius:5px; padding:6px 0px 5px 0px; background-color:#363636; width:70px; color:#FFFFFF; cursor:pointer; font-size:12px; }
.p404 form #searchsubmit:hover { background-color:#7b7b7b; }
.p404 .widget_recent_entries { padding:0px 10px 30px 10px; }
.p404 .widget_recent_entries h2 { padding:0px 10px 10px 10px; border-bottom:#CFCFCF dotted 1px; }
.p404 .widget_recent_entries ul { padding:10px; }
.p404 .widget_recent_entries li { padding:5px 0px 5px 15px; background:url(img/arrow7.png) no-repeat 0px center; }

/* Footer */

.footer { background-color:#202020; }
.footer ul { width:960px; margin:0 auto; text-align:left; padding:45px 0px 25px 0px; }
.footer li { float:left; font-size:13px; padding:0px 20px 20px 0px; line-height:16px; }
.footer a { background:url(img/arrow4.png) no-repeat 3px center; color:#FFFFFF; padding-left:15px; }

.footer2 { background-color:#ffffff; padding:20px 0px 20px 0px; }
.footer2 address { color:#363636; width:960px; margin:0 auto; text-align:right; font-style:normal; font-size:13px; }

.ptop { position:fixed; right:10px; bottom:10px; z-index:5000; width:49px; height:49px; }
.ptop a { width:49px; height:49px; background:url(img/ptop.png) no-repeat 0px 0px; text-align:left; text-indent:-9999px; display:block; position:absolute; top:80px; left:0px; }
.ptop a:hover { filter:alpha(opacity=75); opacity:0.75; }

/* Hidden */

.header .cont3 { display:none; }
.spmenu { display:none; }
span#first-2 { position: relative; top: 4px; }

/* Mobile */

@media screen and (max-width: 768px) {
	
body { width:100%; min-width:0px; }
.main { padding:38px 0px 0px 0px; overflow:hidden; }

.spbody { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; width:100%; position:absolute; left:0px; top:0px; }
.spbody_slide, .spbody_hide { left:-233px; }
.spbody_show { left:0px; }

a:hover { text-decoration:none; }
a:hover img { filter:alpha(opacity=100); opacity:1; }
a, a img, input, textarea { transition:none; -webkit-transition:none; -moz-transition:none; }
strong.ex { background: linear-gradient(transparent 40%, #66FFCC 40%); }

.header { position:relative; width:100%; background-color:#FFFFFF; height:52px; }
.header .cont1 { background-color:#FFFFFF; padding:0px; position:absolute; z-index:0; width:100%; }
.header .cont1 .cf { width:100%; height:0px; padding:0px; }
.header .cont1 h1, .header .cont1 .h1 { font-size:9px; color:#6d777c; position:absolute; line-height:14px; padding:5px 60px 0px 80px; z-index:0; float:none; margin:0px; }
.header .cont1 ul { display:none; }
.header .cont2 { box-shadow:none; padding:0px; position:absolute; z-index:1; width:100%; }
.header .cont2 .cf { padding:0px; height:auto; }
.header .cont2 .logo { padding:10px 0px 10px 10px; position:absolute; z-index:1; float:none; }
.header .logo img { width:63px; height:34px; }
.header .tel { display:none; }
.header .btns { display:none; }
.header .nav-menu { display:none; }
.header .cont3 { margin:0; padding:0; display:block; position:absolute; width:100%; height:38px; background-color:#0d86cb; top:52px; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2); min-height:38px; }
.header .cont3 div { margin:0; padding:0; }
.header .cont3 div a { padding:13px 0px 5px 26px; background:url(img/tel_ic.png) no-repeat 5px center; background-size:22px auto; color:#FFFFFF; font-size:10px; display:inline-block; width:33%; font-weight:bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:14px; border-right:#FFFFFF solid 1px; height:38px; vertical-align:top; }
.header .cont3 div a:last-child { background:url(img/mail_ic.png) no-repeat 5px center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size:22px auto; border:none; height:38px; }
.header .cont3 div a br { display:none; }
.header .cont3 span { height:38px; width:50px; background:url(img/menubtn.png) no-repeat center center; background-size:auto 21px; background-color:#FFFFFF; top:-44px; right:0px; position:absolute; text-indent:-9999px; text-align:left; }
.header .nav_float { position:fixed; top:0px; left:0px; z-index:3; }
.header .nav_float div { padding-right:50px; }
.header .nav_float span { top:0px; }
.spbody_slide .header .nav_float { left:-233px; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }
.spbody_hide .header .nav_float { left:-233px; }
.spbody_show .header .nav_float { left:0px; }

.fader { display:none; }
.fader { background-color:#FFFFFF; filter:alpha(opacity=0); opacity:0; position:fixed; top:0px; left:0px; width:100%; height:150%; z-index:10001; outline:none; }
.spmenu { background-color:#000000; width:233px; position:fixed; z-index:10002; right:-233px; overflow:scroll; height:100%; -webkit-overflow-scrolling: touch; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; display:block; }
.spmenu li { border-bottom:#363636 solid 1px; text-align:left; }
.spmenu li a { display:block; font-size:12px; color:#FFFFFF; padding:10px 20px; }
.spmenu_show { right:0px; }

.topbnr .cont { background-size:auto 100%; }
.topbnr .cont2 { width:auto; height:200px; }
.topbnr .cont2 .b1, .topbnr .cont2 .b2 { background:none; bottom:15px; top:auto; width:auto; height:auto; }
.topbnr .cont2 .b1 a { background:url(img/btn1_sp.png) no-repeat; background-size:100% 100%; width:150px; height:41px; filter:alpha(opacity=100); opacity:1; }
.topbnr .cont2 .b2 a { background:url(img/btn2_sp.png) no-repeat; background-size:100% 100%; width:150px; height:67px; filter:alpha(opacity=100); opacity:1; }
.topbnr .cont2 .b1 { left:108px; }
.topbnr .cont2 .b2 { right:107px; left:auto; }

.content1 .cont { width:auto; padding:20px 10px 10px 10px; }
.content1 h2 { font-size:21px; line-height:24px; padding-bottom:20px; }
.content1 h2.pftitle { font-size:19px; margin:0px 10px; line-height:40px; padding-bottom:10px; }
.content1 h2.pftitle span { border-bottom-width:5px; }
.content1 h2.pftitle b { font-size:25px; }
.content1 .pfimg { padding:10px; background:url(img/tcomps_sp.png) no-repeat center 10px; background-size:290px 307px; background-color:#FFFFFF; margin-bottom:20px; }
.content1 .pfimg img { width:100%; height:307px; filter:alpha(opacity=0); opacity:0; }
.cols1 .each { float:none; margin: 0 0 30px; width:auto; }
.cols1 .each h3 { font-size:19px; border-bottom-width:5px; padding-bottom:10px; }
.cols1 .each .im { padding:15px 0px; }
.cols1 .each img { width:160px; height:auto; }
.cols1 p { padding-bottom:15px; }
.cols1 .more { padding:0px; }
.cols1 .more a { font-size:15px; padding:15px 0px; }
.cols2 { padding:0px 0px 0px 0px; }
.cols2 img { width:100%; height:auto; }
.cols2 div { padding-bottom:10px; float:none; }

.content2 .cont { width:auto; padding:20px 5px; }
.content2 h2 { font-size:21px; line-height:24px; padding-bottom:15px; }
.content2 h2 b { font-size:27px; }
.content2 h3 { font-size:14px; background-size:auto 46px; padding:3px 0px 15px 0px; margin-bottom:5px; }
.content2 .tcomps { padding:10px; background:url(img/tcomps_sp.png) no-repeat center 10px; background-size:290px 307px; background-color:#FFFFFF; margin-bottom:20px; }
.content2 .tcomps img { width:290px; height:307px; filter:alpha(opacity=0); opacity:0; }
.content2 .tcomps .more { padding:10px 0px 0px 0px; }
.content2 .tcomps .more a { width:100%; font-size:15px; padding:15px 0px; }

.voices { padding:5px; }
.voices .vcont { padding:5px 10px; }
.voices .each { padding:5px 0px; border-bottom-width:1px; }
.voices .each .im { padding:5px; float:none; }
.voices .each .im img { width:100%; height:auto; }
.voices .each .rh { width:auto; float:none; font-size:9px; }
.voices .each .rh h4 { font-size:13px; line-height:18px; padding:5px 0px; }
.voices .each .rh .cf { font-size:10px; }
.voices .more { padding:10px 0px 5px 0px; }
.voices .more a { width:100%; font-size:15px; padding:15px 0px; }

.content3 .cont { width:auto; padding:20px 10px; }
.content3 h2 { font-size:21px; line-height:24px; padding-bottom:15px; }
.content3 ul { padding-bottom:5px; }
.content3 li { width:33%; font-size:10px; padding-bottom:5px; letter-spacing:-1px; }
.content3 li img { width:55px; height:55px; }
.content3 .more { padding:15px 0px 0px 0px; }
.content3 .more a { width:100%; font-size:15px; padding:15px 0px; }

.content4 .cont { width:auto; padding:20px 5px 5px 5px; }
.content4 h2 { font-size:21px; line-height:24px; padding-bottom:15px; }
.partners { width:auto; }
.partners .cf { width:100%; margin:0px; }
.partners .each { width:100%; margin:0px 0px 10px 0px; padding-bottom:10px; height:auto; }
.partners .each .im img { width:100%; height:auto; }
.partners .each h3 { padding:10px 10px 0px 10px; }
.partners .each p { padding:10px 10px 0px 10px; line-height:160%; }
.partners .head p { padding:0px; }

.content5 .cont { width:auto; padding:20px 5px; }
.content5 h2 { font-size:21px; line-height:24px; padding-bottom:15px; }
.tfaq { background-size:100% auto; }
.tfaq .lf { float:none; width:auto; padding:10px; }
.tfaq .lf img { float:left; width:70px; height:70px; margin:0px 10px 0px 10px; }
.tfaq .lf p { margin: 15px 0 0; font-size:14px; padding:0px; line-height:22px; }
.tfaq .more { clear:both; padding:10px 0px 0px 0px; }
.tfaq .more a { width:100%; font-size:15px; padding:15px 0px; }
.tfaq dl { background-color:#FFFFFF; float:none; margin:0px; width:auto; border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding:0px 10px; }
.tfaq dl dt { font-size:14px; line-height:20px; background-position:0px 15px; }
.tfaq dl dd { font-size:12px; line-height:150%; padding-right:0px; padding-bottom:15px; }

.content6 .cont { width:auto; padding:20px 5px; }
.content6 .fcont { padding:10px 0px; }
.content6 .fcont div.lf { width:auto; float:none; margin:0px 10px 0px 10px; border-right:none; border-bottom:#c8e6f1 solid 1px; padding:0px 0px 10px 0px; }
.content6 .fcont div.lf img { width:110px; height:auto; margin-right:15px; }
.content6 .fcont h3 { font-size:14px; padding:0px 0px 10px 0px; }
.content6 .fcont p { font-size:12px; line-height:150%; }
.content6 .fcont div.rh { width:auto; float:none; margin:0px 10px 0px 0px; padding:5px 5px 0px 15px; }
.content6 .fcont div.rh h3 { padding-top:5px; }
.content6 .fcont div.rh img { width:105px; height:auto; margin-right:15px; }
.content6 .fcont div.rh p a { display:none; }
.content6 .fcont .ribbon { width:35px; height:35px; left:-2px; top:-2px; }
.content6 h4 { font-size:21px; line-height:30px; padding:10px 0px 15px 0px; }
.content6 .fcont2 { width:auto; text-align:center; }
.content6 .fcont2 .lf { float:none; width:auto; padding:0px 0px 15px 0px; }
.content6 .fcont2 .lf img { width:262px; height:auto; }
.content6 .fcont2 .rh { float:none; width:auto; background:none; }
.content6 .fcont2 .rh a { background-size:100% auto; width:270px; filter:alpha(opacity=100); opacity:1; background-position:0px 0px; height:59px; margin:0 auto; }

.content7 .cont { width:auto; padding:20px 10px; }
.content7 .lf2 { padding-bottom:10px; float:none; }
.content7 .lf2 img { width:100%; height:auto; }
.tlist { float:none; width:auto; margin:0px; }
.tlist h3 { font-size:20px; padding-bottom:5px; }
.tlist ul { padding:10px 0px 5px 0px; font-size:12px; }
.tlist li { padding:0px 0px 10px 0px; line-height:150%; }
.tlist li span { padding-bottom:0px; }
.content7 .rh { width:auto; float:none; }

.footer ul { width:auto; padding:0px; }
.footer ul li { float:left; width:50%; margin:0px; padding:0px; font-size:10px; }
.footer ul li a { background-position:12px center; border-bottom:#303030 solid 1px; border-right:#303030 solid 1px; display:block; padding:10px 0px 10px 28px; }
.footer2 { padding:10px 0px; }
.footer2 address { width:auto; padding-left:15px; font-size:10px; }
.ptop a { width:40px; height:40px; background-size:100% 100%; }

.subp_title .cont { height:auto; background-size:auto 100%; }
.subp_title h1 { font-size:18px; width:auto; padding:10px 0px 10px 20px; }
.breadcrumbs { font-size:10px; padding-left:10px; padding-right:10px; }
.breadcrumbs div { width:auto; }
.breadcrumbs span { margin:0px; }

.mainarea { width:100%; }
.abtxt { padding:0px 10px 70px 10px; background-size:auto 110px; margin-bottom:20px; }
.abtxt p { font-size:14px; line-height:20px; }
.abtxt div { font-size:12px; }
.abtxt div b { font-size:22px; }
.aabtxt { padding:0px 10px 70px 10px; background-size:auto 110px; margin-bottom:20px; }
.aabtxt p { font-size:14px; line-height:20px; }
.aabtxt div { font-size:12px; }
.aabtxt div b { font-size:22px; }

.title { font-size:21px; line-height:24px; padding-bottom:15px; padding:0px 10px 15px 10px; }
.cols1 { width:auto; padding:0px 10px; }
.about2 { margin:0px 5px 0px 5px; }
.about2 h2 { font-size:16px; background-size:100% 35px; margin:0px -5px 0px -5px; padding:5px 0px 20px 0px; line-height:20px; }
.about2 .each { margin:0px 10px 12px 10px; border-bottom-width:1px; padding:205px 0px 10px 0px; background-size:188px auto; background-position:center top; min-height:0px; }
.about2 .each h3 { font-size:19px; border-bottom-width:1px; padding:0px 0px 5px 0px; }
.about2 .each ul { padding:0px; }
.about2 .each li { padding:5px 0px 0px 20px; background-size:10px auto; background-position:3px 14px; }

.about22 { margin:0px 5px 0px 5px; }
.about22 h2 { font-size:16px; background-size:100% 35px; margin:0px -5px 0px -5px; padding:5px 0px 20px 0px; line-height:20px; }
.about22 .each { margin:0px 10px 12px 10px; border-bottom-width:1px; padding:205px 0px 10px 0px; background-size:188px auto; background-position:center top; min-height:0px; }
.about22 .each h3 { font-size:19px; border-bottom-width:1px; padding:0px 0px 5px 0px; }
.about22 .each ul { padding:0px; }
.about22 .each li { padding:5px 0px 0px 20px; background-size:10px auto; background-position:3px 14px; }

.about22 .img { width:100%; }


.ffeature { padding:10px 5px 100px 5px; background-size:100% auto; background-position:right bottom; margin-bottom:20px; text-align:center; }
.ffeature h2 { font-size:14px; }
.ffeature h2 b { font-size:22px; }
.ffeature p { font-size:13px; padding:10px 0px 30px 0px; text-align:center; }

.toiawase { padding:10px 5px 100px 5px; background-size:100% auto; background-position:right bottom; margin-bottom:20px; text-align:center; }
.toiawase h2 { font-size:14px; }
.toiawase h2 b { font-size:22px; }
.toiawase p { font-size:13px; padding:10px 0px 30px 0px; text-align:center; }




.fmenu { display:none; }

.funchd { padding:0px 5px 20px 5px; background-size:100% auto; background-position:right bottom; margin-bottom:20px; text-align:center; }
.funchd h2 { font-size:14px; }
.funchd h2 b { font-size:22px; }
.funchd p { font-size:13px; padding:35px 120px 35px 0px; text-align:center; }

.funclist { margin:10px 5px 20px 5px; padding-bottom:15px; }
.funclist h2 { font-size:16px; background-size:100% 35px; margin:0px -5px 0px -5px; padding:5px 0px 20px 0px; line-height:20px; }
.funclist .cf { width:auto; margin:0px; padding:10px 10px 0px 10px; }
.funclist .each { width:100%; padding:0px; margin-bottom:15px; height:auto; }
.funclist .each img { width:100%; height:auto; }
.funclist .each h3 { font-size:16px; text-align:center; }
.funclist .each p { line-height:160%; padding:5px 10px; }
.funclist .desc { background-size:45px auto; font-size:15px; background-position:10px 5px; line-height:160%; padding:0px 10px 0px 60px; }

.funclist2 { margin:20px 5px 0px 5px; }
.funclist2 h2 { font-size:16px; background-size:auto 100%; margin:0px; padding:10px 0px 15px 0px; line-height:20px; }
.funclist .each h3 { font-size:16px; text-align:center; padding:10px 5px 8px 30px; }

.feature { padding:0px 5px 20px 5px; background-size:100% auto; background-position:right bottom; margin-bottom:20px; text-align:center; }
.feature h2 { font-size:14px; }
.feature h2 b { font-size:22px; }
.feature p { font-size:13px; padding:10px 0px 30px 0px; text-align:center; }

.pmenu { padding-bottom:10px; }
.pmenu li { font-size:12px; padding:0px 5px 0px 10px; }
.pmenu li a { background-size:10px auto; background-position:0px 2px; padding-left:13px; }

.featlist { width:auto; padding:0px 10px; }
.featlist .cf { width:auto; }
.featlist .each { width:100%; margin:0px 0px 10px 0px; height:auto; float:none; padding-bottom:10px; }
.featlist .each img { width:100%; height:auto; }
.feattbl { border-top-width:1px; padding:0px; margin:20px 0px 0px 0px; }
.feattbl table th, .feattbl table td { border-width:1px; padding:5px; font-size:12px; }
.feattbl table th { width:30%; }
.feattbl table th.th { padding:0px 5px 0px 6px; border-left:none; font-size:14px; }
.feattbl table td { border-right:none; }
#userscreen, #managementscreen, #other { padding-top:50px; margin-top:-50px; }

.pricehd { padding:0px 100px 40px 5px; background-size:100% auto; background-position:right bottom; margin-bottom:20px; text-align:center; }
.pricehd h2 { font-size:14px; }
.pricehd h2 b { font-size:22px; }
.pricehd p { font-size:13px; padding:10px 0px 40px 0px; text-align:center; }

.ptitle { font-size:16px; background-size:auto 50px; padding:5px 0px 20px 0px; margin-bottom:5px; }
.ptitle:nth-child(4) { font-size:12px; }
.prtbl { padding:0px 10px; }
.prtbl table td, .prtbl table th { border-width:1px; font-size:13px; padding:5px; }
.prtbl p { font-size:12px; padding-bottom:5px; }

.voices_pg { margin:0px 5px; }

.lbar { padding:0px 10px; width:auto; float:none; }
.llbar { padding:0px 10px; width:auto; float:none; }
.rbar { padding:20px 10px 0px 10px; width:auto; float:none; }

.btitle { font-size:21px; line-height:160%; }
.vname { font-size:11px; background-size:12px auto; line-height:16px; padding:0px 0px 10px 16px; background-position:0px 2px; }
.vcustom { font-size:10px; }

.wpeditor img { max-width:100%; height:auto; }
.nav-single a { font-size:11px; line-height:15px; }
.nav-single .nav-next a { background-size:auto 12px; background-position:right 9px; padding:8px 26px 8px 8px; }
.nav-single .nav-previous a { background-size:auto 12px; background-position:left 9px; padding:8px 8px 8px 26px; }

.portfolio { padding:0px 100px 20px 5px; background-size:100% auto; background-position:right bottom; margin-bottom:20px; text-align:center; }
.portfolio h2 { font-size:14px; line-height:180%; }
.portfolio h2 b { font-size:22px; line-height:140%; }
.portfolio h2 br { display:none; }
.portfolio p { font-size:13px; padding:10px 0px 10px 0px; text-align:center; }

.pfolio2 { margin:0px 5px 20px 5px; padding:15px 10px; }
.pfolio2 h2 { font-size:16px; background-size:100% 35px; margin:0px -15px 0px -15px; padding:5px 0px 20px 0px; line-height:20px; }
.pfolio2 .desc { padding:0px 0px 10px 0px; line-height:160%; }
.pfolio2 .cf { margin:0px; width:100%; }
.pfolio2 .each { margin:0px 0px 15px 0px; width:auto; padding:10px; height:auto; float:none; }
.pfolio2 .each .im img { width:100%; height:auto; }
.pfolio2 .each .site a { background-size:12px auto; padding-right:18px; }
.pfolio2 .each .tps { font-size:11px; }
.pfolio2 .each .tps .ic1 { background-size:auto 10px; background-position:0px center; padding-left:12px; }
.pfolio2 .each .tps .ic2 { background-size:auto 10px; background-position:0px center; padding-left:12px; }
.pfolio2 .each .tps .ic3 { background-size:auto 10px; background-position:0px center; padding-left:12px; }
#theme, #area { padding-top:50px; margin-top:-50px; }

.pmenu_faq { text-align:left; padding:0px 0px 10px 0px; }
.faqlist { margin:0px 5px 20px 5px; padding-bottom:0px; }
.faqlist h2 { font-size:16px; background-size:100% 35px; margin:0px -5px 0px -5px; padding:5px 0px 20px 0px; line-height:20px; }
.faqlist dl { padding:0px 10px; }
.faqlist dt { padding:0px 0px 0px 35px; font-size:16px; background-position:0px 0px; line-height:24px; background-size:24px auto; }
.faqlist dd { padding:5px 0px 10px 60px; font-size:13px; line-height:160%; background-position:30px 5px; background-size:24px auto; border-bottom-width:1px; margin-bottom:10px; }
#faq1, #faq2, #faq3, #faq4, #faq5, #faq6 { padding-top:50px; margin-top:-50px; }

.posthead { font-size:10px; line-height:18px; padding-bottom:7px; }
.posthead .lf a { background-size:10px auto; padding:2px 5px 2px 15px; }
.posthead .lf .tags { background-size:10px auto; padding-left:13px; }
.postlist h3 { font-size:21px; line-height:30px; }
.postlist .each { padding-bottom:20px; }
.postlist img { width:135px; height:auto; margin-left:20px; }
.rbar dl form #s { -webkit-appearance:none; }
.rbar dl form #searchsubmit { -webkit-appearance:none; float:none; padding-bottom:6px; }
#respond form input[type="text"], #respond form textarea { -webkit-appearance:none; }
#respond form .form-submit input { -webkit-appearance:none; }

.demos { padding:0px 10px; width:auto; }
.demos .each { width:auto; height:auto; margin-bottom:20px; float:none; }
.demos .each img { width:100%; height:auto; }
.demos .each p { padding:10px; line-height:160%; }
.demos .each .more { padding:0px 10px 10px 10px; }
.demos .each .more a { font-size:14px; width:100%; padding:8px 0px; }

.comphd { padding:0px 5px 20px 5px; background-size:100% auto; background-position:right bottom; margin-bottom:20px; text-align:center; }
.comphd h2 { font-size:14px; line-height:180%; }
.comphd h2 b { font-size:22px; line-height:140%; }
.comphd h2 br { display:none; }
.comphd p { font-size:13px; padding:10px 0px 60px 0px; text-align:center; }
.comphd p br { display:none; }

.comtbl { padding:0px 10px 20px 10px; }
.comtbl table th, .comtbl table td { border-width:1px; padding:5px; font-size:12px; }
.comtbl table th { width:40%; }
.comfeet { padding:0px 10px; }
.comfeet li { position:relative; padding-left:35px; }
.comfeet li span { position:absolute; left:0px; }
.comfeet .cf div { width:33%; margin:0px; padding:0px 0px 5px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow:none; }
.comfeet .cf div img { width:100%; height:auto; -webkit-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2); }

.privacy { padding:0px 10px 10px 10px; }
.sitemap { padding:0px 20px 10px 20px; width:auto; }
.sitemap li { float:none; width:100%; padding:0px 0px 10px 0px; }
.sitemap li a { background-size: 12px auto; }

.contacthd { padding:0px 150px 20px 5px; background-size:100% auto; background-position:right bottom; margin-bottom:20px; text-align:center; }
.contacthd h2 { font-size:14px; line-height:180%; }
.contacthd h2 b { font-size:22px; line-height:140%; }
.contacthd h2 br { display:none; }
.contacthd p { font-size:13px; padding:10px 0px 0px 0px; text-align:center; }
.contacthd p br { display:none; }

.formcont { padding:0px 10px 20px 10px; }
.formcont iframe { height:1350px; }

/* Portfolio */

.pfcont { padding:0px 0px; }
.pfcont .pf_cats { padding-bottom:10px; }
.pfcont .pf_cats li { font-size:12px; padding:0px 5px 0px 10px; }
.pfcont .pf_cats a { background-size:10px auto; background-position:0px 2px; padding-left:13px; }

.pfcont { padding:0px 5px; }
.pfcont .cspager { margin-top:15px; }
.portfolios { padding:10px 10px 1px 10px; width:auto; }
.portfolios .each { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:10px; margin:0px 0px 10px 0px; float:none; height:auto !important; }
.portfolios .each .im img { width:100%; height:auto; }
.portfolios .each h3 { font-size:16px; font-weight:bold; line-height:22px; padding:12px 0px 5px 0px; }
.portfolios .each .cats { padding-top:10px; color:#FFFFFF; }
.portfolios .each .cats a { display:inline-block; background-color:#5fcafb; color:#FFFFFF; padding:0px 5px; }
.portfolios .each .cats a:hover { text-decoration:none; background-color:#1384b8; }
.portfolios .each .cats em { display:none; }
.portfolios .each .url { padding-bottom:5px; }
.portfolios .each .url a { background:url(img/home.gif) no-repeat 95px center; display:block; border:#badaf4 solid 1px; font-size:15px; color:#0b88ca; text-align:center; line-height:26px; padding-left:5px; }
.portfolios .each .url a:hover { text-decoration:none; border:#509cda solid 1px; color:#2579bd; }
.portfolios .each .cf { padding-top:5px; }

.content2n .pfolios { padding:10px 0px; }
.content2n .pfolios .pflist { background:url(img/pfbg.gif) repeat-y center; background-size:110% auto; }
.content2n .pfolios .each { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0px 10px; width:50%; margin-right:0px; border-right:none; }
.content2n .pfolios .each::nth-child(odd) { padding-right:7px; }
.content2n .pfolios .each::nth-child(even) { padding-left:7px; }
.content2n .pfolios .each .im img { width:100%; height:auto; }
.content2n .pfolios .each h4 { font-size:13px; line-height:18px; padding:10px 0px 5px 0px; }
.content2n .pfolios .each .cats { line-height:18px; font-size:10px; }
.content2n .pfolios .clr { display:none; }
.content2n .pfolios .clr2 { clear:both; display:block; border-bottom:#f0f0f0 solid 1px; margin:0px 10px 10px 10px; padding-top:10px; }
.content2n .more { padding:0px 10px 0px 10px; }
.content2n .more a { width:100%; font-size:15px; padding:15px 0px; }

span#first-2 { position: relative; top:6px; }
span#first-2 img { height: 30px; width: 130px; }
}

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

.portfolios .each .url a { background:url(img/home.gif) no-repeat 70px center; }
.header .cont3 div a { padding:5px 0px 5px 35px; text-align:left; }
.header .cont3 div a br { display:block; }
.header .nav_float div a { font-size:9px !important; }
.header .nav_float div a br { display:none !important; }
.header .nav_float div a:last-child br { display:block !important; }

}

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

.header .cont3 div a:last-child { padding:5px 0px 5px 35px; text-align:left; }
.header .cont3 div a:last-child br { display:block; }
.header .nav_float div a { text-align:left; padding:5px 0px 5px 35px; }
.header .nav_float div a br { display:block; }

.topbnr .cont2 { width:auto; height:162px; }
.topbnr .cont2 .b1, .topbnr .cont2 .b2 { bottom:8px; }
.topbnr .cont2 .b1 { left:8px; }
.topbnr .cont2 .b2 { right:7px; left:auto; }

.funchd p { font-size:10px; padding:10px 100px 30px 0px; text-align:left; }
.pricehd { padding-right:5px; }
.portfolio { padding-right:5px; }
.portfolio p { font-size:13px; padding:10px 100px 10px 0px; text-align:center; }
.comphd p { font-size:13px; padding:10px 0px 50px 0px; text-align:center; }
.contacthd { padding:0px 5px 20px 5px; }
.contacthd p { font-size:13px; padding:10px 100px 0px 0px; text-align:center; }
}

/* Enviroments */

.alignleft { float: left; margin:0px 20px 10px 0px; }
.alignright { float: right; margin:0px 0px 10px 20px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img { margin-bottom: 10px; }
.wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; line-height: 2; color: #666666; }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry-content dl.gallery-item { margin: 0; }
.gallery-item a, .gallery-caption { width: 90%; }
.gallery-item a { display: block; }
.gallery-caption a { display: inline; }
.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }
.gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; }
.gallery-columns-1 .gallery-icon img { padding: 3%; }

.fs11 { font-size:12px; }
.lsmin { letter-spacing:-1px; }
.bl { display:block; }
.b { font-weight:bold; }
.hide { display:none; }
.show { display:block; }
.center { text-align:center; }
.right { text-align:right; }
.lf { float:left; }
.rh { float:right; }
.clr { clear:both; }
.bold { font-weight:bold; }
.cf:after { content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden; }


.gaiyou01{margin:20px 0;}
.gaiyou01 p{line-height: 200%;}
.gaiyou01 li{margin-bottom: 2em;}
.square_btn {
    width:88%!important;
    position: relative;
    display: inline-block;
    padding: 1em 2em;
    text-decoration: none;
text-align: center;
font-size:24px;
    color: #FFF;
    background: #0075c2;/*背景色*/
    border-bottom: solid 2px #26499d;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
margin-bottom:25px;
}

.square_btn:hover {
　　background: #fd9535;/*背景色*/
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

@media screen and (max-width: 480px){
.square_btn {
    display: inline-block;
position: relative;
text-align:center;
width:100%;
font-size:14px!important;
margin-bottom:20px;
}
}


/* new template advertisement */

#ver4_ad_wrapper {
    font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN', Meiryo;
    text-align: center;
}
#ver4_ad_wrapper img {
    display: block;
}
#ver4_ad_wrapper .tv4_br_smp {
    display: none;
}
#ver4_ad_wrapper .template_ver4_1 {
    width: 700px;
    height: auto;
    margin: 20px auto 0;
}
#ver4_ad_wrapper .ver4_ad_title {
    position: relative;
    display: inline-block;
    font-size: 27px;
    font-weight: 600;
    color: #0b88ca;
    padding: 0 10px;
    margin: 50px 0;
}
#ver4_ad_wrapper .ver4_ad_title:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 10px;
    background: #fcf85e;
    bottom: -5px;
    left: 0;
    z-index: -1;
}
#ver4_ad_wrapper .ver4_ad_txt {
    font-size: 16px;
    font-weight: 500;
    line-height: 2em;
}
#ver4_ad_wrapper .ver4_ad_title_2 {
    font-size: 27px;
    font-weight: normal;
    margin: 80px 0 30px;
}
#ver4_ad_wrapper .ver4_ad_title_2 span {
    font-size: 45px;
    font-weight: 600;
    color: #0b88ca;
    margin: 0 10px;
}
#ver4_ad_wrapper .ver4_ad_point_wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 70px;
}
#ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box {
    width: 470px;
    height: auto;
    display: flex;
    align-items: center;
    background: #e6f6ff;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
}
#ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box:nth-child(1),
#ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box:nth-child(2) {
    margin-bottom: 20px;
}
#ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box .ver4_ad_txt{
    width: 235px;
    display: flex;
    justify-content: center;
    text-align: left;
    line-height: 1.7em;
    margin-left: 20px;
}
#ver4_ad_wrapper > div.ver4_ad_point_wrapper > p {
    display: none;
}
#ver4_ad_wrapper .ver4_ad_link_wrapper {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    margin: 20px 0 100px;
}
#ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link {
    position: relative;
    width: 300px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    color: #fff;
    background: #0b88ca;
    border-radius: 8px;
    padding: 15px;
    box-sizing: border-box;
}
#ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link:nth-child(1) {
    margin-right: 20px;
}
#ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link:hover {
    background: #8fcc4a;
    box-shadow: 0 7px 14px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.08);
    transform: translateY(-1px);
}
#ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    background: #fff;
    top: 50%;
    margin-top: -3px;
    right: 20px;
    transform: rotate(35deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link:hover:before {
    right: 15px;
}
#ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link:after {
    position: absolute;
    content: "";
    width: 40px;
    height: 1px;
    background: #fff;
    top: 50%;
    right: 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link:hover:after {
    width: 45px;
    right: 15px;
}
#ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link img {
    margin-right: 5px;
}
#ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link:hover img {
    opacity: 1;
}
@media screen and (max-width:770px){
  #ver4_ad_wrapper .ver4_ad_point_wrapper {
    justify-content: center;
    padding: 0 4%;
    box-sizing: border-box;
  }
  #ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box {
    display: block;
    width: 270px;
  }
  #ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box:nth-child(1),
   #ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box:nth-child(3) {
    margin-right: 20px;
  }
  #ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box .ver4_ad_txt{
      width: auto;
      text-align: left;
      margin: 0;
  }
  #ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box img {
    margin: 5px auto 20px;
  }
}
@media screen and (max-width:700px){
  #ver4_ad_wrapper .template_ver4_1 {
    width: 94%;
  }
  #ver4_ad_wrapper .ver4_ad_link_wrapper {
    padding: 0 4%;
    box-sizing: border-box;
  }
  #ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link {
    width: 48%;
  }
}
@media screen and (max-width:620px){
  #ver4_ad_wrapper .ver4_ad_title,
  #ver4_ad_wrapper .ver4_ad_title_2 {
    font-size: 5vw;
  }
  #ver4_ad_wrapper .ver4_ad_title_2 span {
    font-size: 8vw;
  }
  #ver4_ad_wrapper .ver4_ad_point_wrapper {
    justify-content: space-between;
  }
  #ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box {
    width: 48%;
    padding: 10px;
  }
  #ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box:nth-child(1),
   #ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box:nth-child(3) {
    margin-right: 0;
  }
  #ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box .ver4_ad_txt{
    width: auto;
    text-align: left;
    margin: 0;
  }
  #ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box img {
    width: 94%;
    margin: 5px auto 15px;
  }
  #ver4_ad_wrapper .ver4_ad_link_wrapper {
    flex-wrap: wrap;
  }
  #ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link {
    width: 80%;
  }
  #ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link:nth-child(1) {
    margin: 0 0 20px;
  }
}
@media screen and (max-width:450px){
  #ver4_ad_wrapper .tv4_br_smp {
      display: block;
  }
  #ver4_ad_wrapper .ver4_ad_txt {
    font-size: 14.5px;
  }
  #ver4_ad_wrapper .ver4_ad_title {
    margin: 35px 0;
  }
  #ver4_ad_wrapper .ver4_ad_title_2 {
    margin: 50px 0 25px;
  }
  #ver4_ad_wrapper .ver4_ad_point_wrapper .ver4_ad_point_box .ver4_ad_txt{
    text-align: center;
    line-height: 1.5em;
    padding-bottom: 5px;
  }
  #ver4_ad_wrapper .ver4_ad_point_wrapper {
    margin-bottom: 40px;
  }
  #ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link {
    font-size: 14.5px;
  }
  #ver4_ad_wrapper .ver4_ad_link_wrapper {
    margin: 15px 0 60px;
  }
  #ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link:nth-child(1) {
    margin: 0 0 10px;
  }
}
@media screen and (max-width:360px){
  #ver4_ad_wrapper .ver4_ad_txt {
    font-size: 14px;
  }
  #ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link {
    font-size: 14px;
  }
}
@media screen and (max-width:320px){
  #ver4_ad_wrapper .ver4_ad_txt {
    font-size: 13px;
  }
  #ver4_ad_wrapper .ver4_ad_link_wrapper .ver4_ad_link {
    font-size: 13px;
  }
}