@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
font-family: 'メイリオ', Meiryo, Verdana, Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック';
margin:0;
padding:0;
font-size:14px;
box-sizing:border-box;
color:#282828;
}

a:link {color:#00458d;text-decoration:underline;}
a:visited {color:#00458d;text-decoration:underline;}
a:hover {color:#4093c8;text-decoration:none;}
a img {border-style:none;}
a img {
border-style:none;
-webkit-transition: all .3s;
transition:all .3s;
}
img {vertical-align:bottom;}

.clr{clear:both;}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}

.pcnone{display:none;}
.spnone{}
.sp_pad_none{}
@media only screen and (min-width:640px) and (max-width:1024px){
.sp_pad_none{display:none;}
}
@media screen and (min-width: 1025px) {
.sp_pad_none{}
}

p {
font-size:18px;
line-height:180%;
letter-spacing:1px;
}

header  {
width:100%;
height:100px;
margin:0;
padding:0;
top:0;
left:0;
z-index:9990;
position:fixed;
background:rgba(255,255,255,0.9);
}

.top{
margin:0;
padding:6px 0 0 18px;
height:19px;
font-size:12px;
font-weight:bold;
line-height:100%;
color:#333;
border-bottom:solid 1px #ddd;
}
@media all and (-ms-high-contrast: none){
.top{
margin:0;
padding:8px 0 0 18px;
height:17px;
}
}

.header_in  {
margin:0;
padding:0;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.logo {
margin:0;
padding:12px 0 0 18px;
float:left;
}
.logo img{height:55px;}

.infobox{
margin:0;
padding:0;
float:right;
}
header nav {
margin:0;
padding:0;
font-size:15px;
font-weight:bold;
line-height:100%;
text-align:right;
}

ul.menu {
margin:0;
padding:35px 0 0 0;
list-style:none;
z-index:9999;
}
@media screen and (min-width: 1400px) {
ul.menu {
padding:0;
display:flex;
}
}

ul.menu li {
margin:0;
padding:12px 0;
color:#fff;
border-bottom:solid 1px #666;
}
@media screen and (min-width: 1400px) {
ul.menu li {
padding:0;
position:relative;
color:#333;
border-bottom:none;
}
}
ul.menu li a {
display:block;
padding:0 15px;
color:#fff;
text-decoration:none;
-webkit-transition: all .3s;
transition:all .3s;
}
@media all and (-ms-high-contrast: none){
ul.menu li a {
padding:31px 10px 29px 10px;
}
}
@media screen and (min-width: 1400px) {
ul.menu li a {
padding:30px 10px;
color:#333;
}
}
ul.menu li a:hover {
color:#ccc;
}
@media screen and (min-width: 1400px) {
ul.menu li a:hover {
color:#4093c8;
}
}
ul.menu li.subend a {
padding:0 15px 0 15px;
letter-spacing:1px;
}
@media all and (-ms-high-contrast: none){
ul.menu li.subend a {
padding:31px 20px 29px 10px;
}
}
@media screen and (min-width: 1400px) {
ul.menu li.subend a {
padding:30px 20px 30px 10px;
}
}
ul.menu li.telnumber a {
padding:0 15px 0 15px;
letter-spacing:1px;
}
@media all and (-ms-high-contrast: none){
ul.menu li.telnumber a {
padding:21px 15px 10px 15px;
}
}
@media screen and (min-width: 1400px) {
ul.menu li.telnumber a {
padding:21px 15px 11px 15px;
border-left:solid 1px #ddd;
}
}

ul.menu li:last-child a {
margin:0 15px;
padding:20px 0;
color:#fff;
background:#d1101a;
text-align:center;
font-size:14px;
}
@media all and (-ms-high-contrast: none){
ul.menu li:last-child a {
padding:32px 15px 27px 15px;
}
}
@media screen and (min-width: 1400px) {
ul.menu li:last-child a {
margin:0;
padding:30px 15px 29px 15px;
font-size:15px;
}
}
ul.menu li:last-child a:hover {
text-decoration:none;
filter:alpha(opacity=70); /* IE 6,7*/
-moz-opacity:0.7; /* IE 8,9 */
opacity:0.7;
}


.phone_icon{
font-size:18px;
color:#196494;
}
.phone{
font-size:20px;
font-weight:bold;
font-family: 'Roboto', sans-serif;
}
.daytime{
font-size:14px;
font-weight:normal;
line-height:170%;
}
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}


/*---------- ナビゲーションドロワー ----------*/

.click {
background:transparent url(img/btn.png) no-repeat 0 0;
display:block;
width:35px;
height:35px;
position:absolute;
top:45px;
right:10px;
cursor:pointer;
z-index:9999;
}
.peke {
background-position:-35px 0;
}
@media only screen and (min-width:640px) and (max-width:1400px){
.drawr {
display:none;
background-color:rgba(0,0,0,0.85);
position:absolute;
top:0px;
right:0;
width:310px;
padding:45px 0 20px 0;
z-index:9990;
}
}

@media screen and (min-width: 1400px) {.click {display:none;}}
@media screen and (min-width: 1400px) {.peke {}}
@media screen and (min-width: 1400px) {.drawr {z-index:9999;}}


/*---------- レイアウト ----------*/

#wrapper {
margin:0;
padding:100px 0 0 0;
}

#wrapper a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}

/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}


/*---------- トップ ----------*/


#copybox{
margin:0;
padding:0;
background:url(img/copy.jpg) ;
background-repeat:no-repeat;
background-position:left bottom;
}
@media screen and (min-width: 1025px) {
#copybox{
background-position:center bottom;
}
}
#copy{
margin:0;
padding:60px 20px 80px 20px;
}
@media screen and (min-width: 1025px) {
#copy{
width:1200px;
margin:0 auto;
padding:75px 0 95px 0;
}
}

.copy_01{
margin:0 45px;
padding:0;
font-size:18px;
line-height:160%;
text-align:center;
}
@media screen and (min-width: 1025px) {.copy_01{width:780px;margin:0;text-align:left;}}
.copy_02{
margin:0 0 30px 0;
padding:0;
font-size:24px;
font-weight:bold;
line-height:180%;
text-align:center;
}
@media screen and (min-width: 1025px) {.copy_02{text-align:left;}}

.copy_03bg{
margin:0;
padding:0;
text-align:center;
}
@media screen and (min-width: 1025px) {.copy_03bg{text-align:left;}}
.copy_03{
margin:0 auto;
padding:0 0 15px 0;
font-size:20px;
font-weight:bold;
line-height:160%;
display:inline-block;
background:linear-gradient(90deg, #00458d, #4093c8);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color:#00458d;;
}
@media all and (-ms-high-contrast: none){.copy_03{color:#00458d;background:none;}}
@media screen and (min-width: 1025px) {.copy_03{font-size:24px;}}

.copy_04{
margin:0;
padding:0;
font-size:40px;
font-weight:bold;
line-height:100%;
color:#fff;
text-align:center;
}
.copy_04 span{
padding:5px 10px 0 10px;
background:-moz-linear-gradient(left, #00458d, #4093c8);
background:-webkit-linear-gradient(left, #00458d, #4093c8);
background:linear-gradient(to right, #00458d, #4093c8);
}
@media screen and (min-width: 1025px) {.copy_04{font-size:46px;text-align:left;}}
@media screen and (min-width: 1025px) {.copy_04 span{padding:5px 20px 0 20px;}}

.copy_05{
margin:0;
padding:35px 0 0 0;
text-align:center;
}
@media screen and (min-width: 1025px) {.copy_05{padding:35px 0 0 60px;text-align:left;}}

.device{
margin:0;
padding:65px 0 80px 0;
text-align:center;
background-color:#f3f3f3;
}
.device_contens{
margin:0;
padding:30px 0 0 0;
text-align:center;
}
.device_ad{
margin:-10px 0 40px 0;
padding:0;
}
.device_ad img{
margin:0 10px;
height:35px;
}
@media screen and (min-width: 1025px) {
.device_ad img{
margin:0 15px;
height:45px;
}
}
.device_text{
margin:0 0 20px 0;
padding:0;
font-size:24px;
font-weight:bold;
line-height:160%;
letter-spacing:1px;
}
.device a:link,
.device_contens a:link {
color:#fff;text-decoration:none;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.device a:visited,.device_contens a:visited {color:#fff;text-decoration:none;}
.device a:hover,.device_contens a:hover {color:#fff;text-decoration:none;}


.btn {
display:inline-block;
font-weight:bold;
letter-spacing:1px;
text-decoration:none;
color:#fff;
background:#d1101a;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
text-align:center;
}
.btn:hover {
color:#fff;
filter:alpha(opacity=70); /* IE 6,7*/
-moz-opacity:0.7; /* IE 8,9 */
opacity:0.7;
}

.size_01{
width:90%;
margin:auto 0 auto;
padding:21px 0;
font-size:24px;
font-weight:bold;
}
@media all and (-ms-high-contrast: none){.size_01{padding:22px 0 20px 0;}}
@media screen and (min-width: 1025px) {.size_01{width:740px;}}

.size_02{
width:60%;
margin:20px auto 0 auto;
padding:20px 0;
font-size:20px;
font-weight:bold;
}

.device_message{
width:800px;
margin:0 auto;
padding:15px 0 45px 0;
text-align:left;
}


.headline{
margin:100px 20px 0 20px;
padding:0;
font-size:38px;
font-weight:bold;
line-height:150%;
text-align:center;
}
@media screen and (min-width: 1025px) {.headline{margin:120px 0 0 0;}}
hr {
width:45px;
margin:20px auto 50px auto;
padding:0;
height:0;
border:0;
border-top:5px solid #196494;
}
@media screen and (min-width: 1025px) {hr {margin:25px auto 60px auto;}}

.topbox{
margin:0 20px;
padding:15px 0 60px 0;
}
.topbox img{
width:100%;
}
@media screen and (min-width: 1025px) {
.topbox{
width:1200px;
margin:0 auto;
}
}

.worry{
margin:0;
padding:0 0 15px 0;
font-size:21px;
font-weight:bold;
line-height:150%;
}
@media screen and (min-width: 1025px) {
.worry{
font-size:24px;
}
}
.text_01{
width:48%;
float:left;
margin:0;
padding:0;
}
@media screen and (min-width: 1025px) {.text_01{width:600px;}}
.photo_01{
width:48%;
float:right;
margin:0;
padding:0;
}
@media screen and (min-width: 1025px) {.photo_01{width:560px;}}
.text_02{
width:48%;
float:right;
margin:0;
padding:0;
}
@media screen and (min-width: 1025px) {.text_02{width:600px;}}
.photo_02{
width:48%;
float:left;
margin:0;
padding:0;
}
@media screen and (min-width: 1025px) {.photo_02{width:560px;}}

table.check{
width:100%;
border-collapse:collapse;
margin:0;
}
table.check th{
width:30px;
font-size:18px;
line-height:160%;
padding:10px 0 3px 0;
color:#4093c8;
vertical-align:top;
text-align:left;
}
table.check td{
font-size:16px;
line-height:160%;
letter-spacing:1px;
padding:10px 0 3px 0;
border-bottom:dotted 1px #999999;
vertical-align:top;
}
@media screen and (min-width: 1025px) {
table.check th{
width:35px;
font-size:20px;
line-height:160%;
padding:10px 0 3px 0;
color:#4093c8;
vertical-align:top;
text-align:left;
}
}
@media screen and (min-width: 1025px) {
table.check td{
font-size:18px;
line-height:160%;
letter-spacing:1px;
padding:10px 0 3px 0;
border-bottom:dotted 1px #999999;
vertical-align:top;
}
}

.triangle{
margin:0;
padding:0;
text-align:center;
width: 0;
height: 0;
border-left:120px solid transparent;
border-right:120px solid transparent;
border-top:50px solid #4093c8;
}

#solutionbox{
margin:0;
padding:0 30px 60px 30px;
}
@media screen and (min-width: 1025px) {
#solutionbox{
padding:0 20px 60px 20px;
background-image:url(img/img_solution.jpg) ;
background-position:center bottom;
background-repeat:no-repeat;
}
}
@media screen and (min-width: 1025px) {#solutionbox{padding:0 0 75px 0;}}
.solution{
margin:0 auto;
padding:45px 0 0 0;
}
@media screen and (min-width: 1025px) {
.solution{
width:740px;
padding:45px 460px 0 0;
}
}
.solution_title{
margin:0;
padding:0 0 15px 0;
font-size:30px;
font-weight:bold;
line-height:150%;
}
@media screen and (min-width: 1025px) {.solution_title{font-size:32px;}}

.solution table{
width:100%;
border-collapse:collapse;
margin:-5px 0 0 0;
}
.solution table th{
width:32px;
font-size:21px;
line-height:160%;
padding:10px 0 3px 0;
color:#97d7f6;
vertical-align:top;
text-align:left;
}
.solution table td{
font-size:20px;
font-weight:bold;
line-height:160%;
letter-spacing:1px;
padding:10px 0 3px 0;
border-bottom:dotted 1px #999999;
vertical-align:top;
}
@media screen and (min-width: 1025px) {.solution table td{font-size:21px;}}


.notice{
margin:0 20px 60px 20px;
padding:0;
}
@media screen and (min-width: 1025px) {
.notice{
width:1200px;
margin:0 auto 75px auto;
padding:0;
}
}
.notice img{
width:415px;
float:right;
margin:0 0 0 25px;
padding:0;
}
@media screen and (min-width: 1025px) {.notice img{margin:0 0 0 45px;}}

.what{
margin:45px 30px 0 30px;
padding:30px 30px 25px 30px;
border:1px solid #4093c8;
position:relative;
font-size:16px;
line-height:200%;
letter-spacing:1px;
color:#4093c8;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
@media screen and (min-width: 1025px) {.what{margin:70px 210px 0 210px;}}

.what_title{
margin:0;
padding:0;
top:0;
left:50%;
transform: translate(-50%, -50%);
font-size:20px;
font-weight:bold;
line-height:150%;
text-align:center;
position:absolute;
color:#4093c8;
}
.what_title span{
padding:0 15px;
background:#fff;
}

#meritbox{
margin:0 20px 100px 20px;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
@media screen and (min-width: 1025px) {
#meritbox{
width:1200px;
margin:0 auto 120px auto;
}
}

.merit{
width:32%;
margin:0;
padding:15px 0 0 0;
border:3px solid #4093c8;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.merit_title{
margin:0;
padding:0 0 30px 0;
font-size:32px;
font-weight:bold;
line-height:150%;
text-align:center;
}

.merit_text{
margin:0;
padding:0 20px 15px 20px;
font-size:18px;
line-height:160%;
letter-spacing:1px;
}
@media all and (-ms-high-contrast: none){.merit_text{padding:15px 22px 15px 22px;}}
@media screen and (min-width: 1025px) {
.merit_text{
padding:0 25px 15px 25px;
line-height:170%;
}
}

.number{
margin:0;
padding:20px 0 30px 0;
text-align:center;
}
.number span{
margin:0 auto;
padding:16px 18px;
font-size:24px;
font-weight:bold;
line-height:100%;
color:#fff;
background-color:#4093c8;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
font-family: 'Roboto', sans-serif;
}
@media all and (-ms-high-contrast: none){
.number span{padding:16px 17px;}
}

#voicebox{
margin:0;
padding:100px 20px 60px 20px;
background:-moz-linear-gradient(left, #00458d, #4093c8);
background:-webkit-linear-gradient(left, #00458d, #4093c8);
background:linear-gradient(to right, #00458d, #4093c8);
}
@media screen and (min-width: 1025px) {#voicebox{margin:0;padding:120px 0 75px 0;}}

.voice_title{
margin:0;
padding:0;
font-size:38px;
font-weight:bold;
line-height:150%;
text-align:center;
color:#fff;
}

.voice_text{
margin:30px auto;
padding:0;
font-size:18px;
line-height:180%;
letter-spacing:1px;
color:#fff;
}
@media screen and (min-width: 1025px) {.voice_text{width:840px;margin:30px auto 45px auto;}}
.voice{
margin:0 auto 30px auto;
padding:35px 60px 30px 60px;
background-color:#fff;
}
@media screen and (min-width: 1025px) {.voice{width:840px;margin:0 auto 45px auto;}}
.voice_ttl{
margin:0 0 25px 0;
padding:0 0 10px 0;
border-bottom:solid 3px #00458d;
}
.voice_ttl table{
width:100%;
border-collapse:collapse;
margin:0;
}
.voice_ttl table th{
width:85px;
padding:0;
text-align:left;
font-size:18px;
font-weight:normal;
}
.voice_ttl table td{
padding:0;
font-size:24px;
font-weight:900;
line-height:150%;
color:#000;
}
.circle {
position:relative;
display:inline-block;
width:70px;
height:70px;
border-radius:50%;
background:#00458d;
}
.circle span {
position:absolute;
display:inline-block;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
width:70px;
text-align:center;
color:#fff;
line-height:120%;
}

.canbox{
margin:0;
padding:0 20px 30px 20px;
}
@media screen and (min-width: 1025px) {
.canbox{
width:1200px;
margin:0 auto;
}
}
.canbox img{
width:100%;
}
.can_title{
margin:0 0 10px 0;
padding:0;
font-size:24px;
font-weight:bold;
line-height:180%;
letter-spacing:1px;
color:#196494;
}
.canend{
margin:0 20px 60px 20px;
padding:0;
}

.text_03{
width:48%;
float:left;
margin:0;
padding:0;
}
@media screen and (min-width: 1025px) {.text_03{width:600px;}}
.text_03 table{
margin-bottom:25px;
}

.text_03 ul{
margin:0;
padding:0;
}
.text_03 ul li{
margin:0 0 5px 20px;
padding:0;
list-style-type:disc;
font-size:18px;
letter-spacing:1px;
line-height:180%;
}

.photo_03{
width:48%;
float:right;
margin:0;
padding:0;
}
@media screen and (min-width: 1025px) {.photo_03{width:560px;}}
.text_04{
width:48%;
float:right;
margin:0;
padding:0;
}
@media screen and (min-width: 1025px) {.text_04{width:600px;}}
.photo_04{
width:48%;
float:left;
margin:0;
padding:20px 0 0 0;
}
@media screen and (min-width: 1025px) {.photo_04{width:560px;padding:0;}}

#servicebox{
margin:0;
padding:100px 20px;
background:-moz-linear-gradient(left, #00458d, #4093c8);
background:-webkit-linear-gradient(left, #00458d, #4093c8);
background:linear-gradient(to right, #00458d, #4093c8);
}
@media screen and (min-width: 1025px) {#servicebox{padding:120px 0;}}

.service_subtitle{
margin:0;
padding:0 0 10px 0;
font-size:24px;
line-height:160%;
text-align:center;
color:#fff;
}
.service_title{
margin:0 0 30px 0;
padding:0;
font-size:45px;
font-weight:900;
line-height:150%;
text-align:center;
color:#fff;
}

.service{
margin:0 auto;
padding:0;
}
@media screen and (min-width: 1025px) {.service{width:1200px;}}

.detail_01{
margin:0;
padding:10px 30px 45px 30px;
background-color:#fff;
}
@media screen and (min-width: 1025px) {.detail_01{padding:10px 115px 60px 115px;}}

.detail_title{
margin:60px 0 0 0;
padding:15px 0 20px 0;
font-size:21px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
text-align:center;
}
.detail_title span{
padding:12px 20px 9px 20px;
color:#fff;
-webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;
background:-moz-linear-gradient(left, #00458d, #4093c8);
background:-webkit-linear-gradient(left, #00458d, #4093c8);
background:linear-gradient(to right, #00458d, #4093c8);
}
.detail_title_top{
margin:0;
padding:15px 0 20px 0;
font-size:21px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
text-align:center;
}
.detail_title_top span{
padding:12px 20px 9px 20px;
color:#fff;
-webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;
background:-moz-linear-gradient(left, #00458d, #4093c8);
background:-webkit-linear-gradient(left, #00458d, #4093c8);
background:linear-gradient(to right, #00458d, #4093c8);
}

.dt_caption{
margin:0;
padding:20px 0;
font-size:16px;
line-height:100%;
letter-spacing:1px;
text-align:center;
background-color:#f2f2f2;
}

.matter{
margin:0 0 25px 0;
padding:0;
}
.matter_photo{
float:right;
margin:0 0 0 45px;
padding:0;
}
.matter_photo img{
width:400px;
}
.service ul{
margin:0;
padding:0;
}
.service ul li{
margin:0 0 5px 20px;
padding:0;
list-style-type:disc;
font-size:18px;
letter-spacing:1px;
line-height:180%;
}
.matter_number{
margin:0;
padding:20px 0 0 0;
font-size:48px;
font-weight:bold;
line-height:120%;
text-align:center;
color:#79cbdc;
font-family: 'Roboto', sans-serif;
}
.matter_title{
margin:0;
padding:0 0 30px 0;
font-size:30px;
font-weight:900;
line-height:150%;
text-align:center;
color:#00458d;
}
.matter_subtitle{
margin:0;
padding:15px 0 0 0;
font-size:30px;
font-weight:900;
line-height:150%;
text-align:center;
color:#00458d;
}

.flow_title{
margin:0;
padding:15px 0;
text-align:center;
}
.flow_title img{
width:100%;
}
@media screen and (min-width: 1025px) {.flow_title img{width:810px;}}
.flow{
width:460px;
margin:0 auto;
padding:10px 0 0 0;
font-weight:bold;
}

.detail_02{
margin:0;
padding:0;
}
.dt_title{
margin:0 0 40px 0;
padding:0;
font-size:20px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
text-align:center;
}
@media screen and (min-width: 1025px) {.dt_title{font-size:21px;}}
.dt_01{
width:50%;
float:left;
margin:0;
padding:60px 40px;
background:#f0f8ff;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (min-width: 1025px) {.dt_01{padding:60px 50px;}}
.dt_02{
width:50%;
float:right;
margin:0;
padding:60px 40px 28px 40px;
background:#fff2f2;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (min-width: 1025px) {.dt_02{padding:60px 50px;}}

.price{
margin:0 auto;
padding:75px 30px;
}
@media screen and (min-width: 1025px) {
.price{
width:960px;
margin:0 auto;
padding:90px 0;
}
}
.price_sub{
margin:0 auto 90px auto;
padding:0;
}
.price_narrow{
margin:0 200px 90px 200px;
padding:0;
}
@media screen and (min-width: 1025px) {
.price_narrow{
margin:0 250px 90px 250px;
}
}
.price table,
.price_sub table,
.price_narrow table{
width:100%;
margin:0;
padding:0;
border-collapse:collapse;
}
.price table th,
.price_sub table th{
padding:0;
text-align:left;
vertical-align:top;
font-weight:normal;
}
.price_narrow table th{
padding:0;
vertical-align:top;
font-weight:normal;
}
.price table td,
.price_sub table td,
.price_narrow table td{
padding:0;
vertical-align:top;
}

.price_title{
margin:0;
padding:0;
font-size:38px;
font-weight:bold;
line-height:150%;
text-align:center;
}

.price_subtitle{
margin:45px 0 0 0;
padding:0;
font-size:21px;
line-height:150%;
}
.cost{
margin:20px 0 0 0;
padding:0;
font-size:24px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
}
.cost span{
font-size:36px;
font-family: 'Roboto', sans-serif;
}
.cost_text{
margin:10px 0 10px 0;
padding:0;
font-size:18px;
line-height:180%;
letter-spacing:1px; 
}
.cost_caption{
margin:0;
padding:0;
font-size:14px;
line-height:180%;
letter-spacing:1px;
}


.simulation{
margin:0 auto;
padding:60px 30px 45px 30px;
background:#fff;
}
@media screen and (min-width: 1025px) {
.simulation{
width:940px;
padding:60px 115px;
}
}
.simulation_title{
margin:0;
padding:0 0 15px 0;
font-size:38px;
font-weight:bold;
line-height:150%;
text-align:center;
color:#00458d;
}

.simulation_subtitle{
margin:30px 0 25px 0;
padding:0;
font-size:28px;
line-height:150%;
text-align:center;
}
.simulation ul{
margin:0;
padding:0;
}
.simulation ul li{
margin:0 0 5px 20px;
padding:0;
list-style-type:disc;
font-size:18px;
font-weight:bold;
letter-spacing:1px;
line-height:180%;
}

.graf_01{
margin:0 0 30px 0;
padding:40px 0;
text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:solid 1px #ccc;
}
.graf_02{
margin:0 0 30px 0;
padding:40px 0;
text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:solid 1px #ccc;
}
.graf_02 img{
width:420px;
margin:0 10px;
}


#form{
margin:0;
padding:1px 0 100px 0;
background:#f3f3f3;
}
@media screen and (min-width: 1025px) {#form{padding:1px 0 120px 0;}}
.form{
margin:0 30px;
padding:45px 60px 60px 60px;
background:#fff;
box-shadow: 0 0 10px #ddd;
}
@media screen and (min-width: 1025px) {
.form{
width:780px;
margin:0 auto;
}
}
@media screen and (min-width: 1025px) {.form{width:780px;}}
.input{
margin:45px 0 0 0;
padding:75px 45px 60px 45px;
border:solid 1px #ccc;
}

.form_title{
margin:0;
padding:0 0 45px 0;
font-size:21px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
text-align:center;
}
.form_title span{
margin:0;
padding:10px;
border-top:solid 2px #ccc;
border-bottom:solid 2px #ccc;
}

table.entry{
width:100%;
border-collapse:collapse;
margin:0;
}
table.entry th{
width:240px;
font-size:16px;
line-height:180%;
letter-spacing:1px;
padding:15px 15px 5px 0;
text-align:left;
border-bottom:solid 1px #666;
}
table.entry td{
font-size:16px;
line-height:180%;
letter-spacing:1px;
padding:15px 0 5px 5px;
}

.req{
margin:0;
padding:0;
float:right;
text-align:right;
}
.req span{
margin:0;
padding:1px 2px 2px 2px;
font-size:12px;
font-weight:normal;
line-height:100%;
color:#fff;
background:#d1101a;
}
@media all and (-ms-high-contrast: none){
.req span{
padding:2px 2px 0 3px;
}
}

input[type="text"], textarea, select {
border:0;
padding:10px;
font-size:16px;
border:solid 1px #ccc;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
input[type="text"]:focus,
textarea:focus {
box-shadow:0 0 7px #999999;
}

/* Chrome, Safari */
::-webkit-input-placeholder{
color:#999;
}
/* Firefox */
::-moz-placeholder{
color:#999;
}
/* Firefox 18以前 */
:-moz-placeholder{
color:#999;
}
/* IE */
:-ms-input-placeholder{
color:#999;
}

input[type="submit"],input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
  cursor: pointer;
  webkit-transition: all .5s;transition:all .5s;
 -webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
background:#d1101a;
  border:none;
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
  color:#fff;
}

.button {
display:inline-block;
width:90%;
margin:40px auto 0 auto;
padding:22px 0;
font-size:24px;
font-weight:bold;
letter-spacing:1px;
text-decoration:none;
color:#fff;
background:#d1101a;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
}
.button:hover {
filter:alpha(opacity=70); /* IE 6,7*/
-moz-opacity:0.7; /* IE 8,9 */
opacity:0.7;
}

.contract_title{
margin:0;
padding:0;
font-size:15px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:center;
color:#666;
}
.contract{
margin:30px 0 0 0;
padding:15px 0 15px 0;
border-top:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
overflow:auto;
height:100px;
text-align:left;
}
.contract p{
font-size:10px;
color:#999999;
}


#faq{

margin:0 45px 100px 45px;
padding:1px 0 0 0;
}
@media screen and (min-width: 1025px) {
#faq{
width:860px;
margin:0 auto 120px auto;
}
}

.qus{
font-size:20px;
font-weight:bold;
letter-spacing:1px;
color:#196494;
margin:20px 0 15px 0;
padding:0 0 2px 40px;
background-image:url(img/faq_q.jpg);
background-position:left 0;
background-repeat:no-repeat;
}
.ans{
margin:0;
padding:0 0 20px 40px;
background-image: url(img/faq_a.jpg) ;
background-position:left 0;
background-repeat:no-repeat;
border-bottom:dotted 1px #999999;
font-size:16px;
line-height:180%;
letter-spacing:1px;
}



/*---------- コンテンツ ----------*/

.servicetitle{
margin:0;
padding:100px 0 120px 0;
color:#fff;
text-shadow:black 0 0 10px;
text-align:center;
background-size:#cover;
background-position:center center;
background-repeat:no-repeat;
}
.type_01{background-image: url(img/pict_01.jpg) ;}
.type_02{background-image: url(img/pict_02.jpg) ;}
.type_03{background-image: url(img/pict_03.jpg) ;}
.type_04{background-image: url(img/pict_04.jpg) ;}

.sentence_01{
margin:0;
padding:0;
font-size:24px;
font-weight:bold;
line-height:160%;
}
.sentence_02{
margin:0;
padding:5px 0 20px 0;
font-size:48px;
font-weight:bold;
line-height:160%;
}
.sentence_03{
margin:0;
padding:0;
font-size:18px;
line-height:180%;
}

.pagetitle{
margin:0;
padding:75px 0;
font-size:30px;
line-height:150%;
color:#fff;
text-align:center;
background:-moz-linear-gradient(left, #00458d, #4093c8);
background:-webkit-linear-gradient(left, #00458d, #4093c8);
background:linear-gradient(to right, #00458d, #4093c8);
}
.pagetitle span{
font-size:20px;
}

#actionbox{
margin:0;
padding:12px 0 10px 0;
background:#1b1b1b;
}
.action {
margin:0;
padding:0 20px;
font-size:12px;
line-height:100%;
color:#fff;
}
@media screen and (min-width: 1025px) {
.action {
width:1200px;
margin:0 auto;
padding:0;
}
}
.action li {display:inline;list-style-type:none;}
.action a:link {color:#fff;text-decoration:none;-webkit-transition: all .2s;transition:all .2s;}
.action a:visited {color:#fff;text-decoration:none;}
.action a:hover {color:#999;text-decoration:none;}


#container_service{
margin:0 50px;
padding:1px 0;
}
@media screen and (min-width: 1025px) {
#container_service{
width:970px;
margin:0 auto;
}
}
ul.cs{
margin:0;
padding:0;
}
ul.cs li{
margin:0 0 5px 20px;
padding:0;
list-style-type:disc;
font-size:18px;
letter-spacing:1px;
line-height:180%;
}
ul.cs ul{
margin:0;
padding:0;
}

.top_text{
margin:0;
padding:60px 120px;
font-size:18px;
line-height:180%;
letter-spacing:1px;
}
@media screen and (min-width: 1025px) {
.top_text{
padding:60px 150px;
}
}

.venue {
margin:30px 120px 0 120px;
padding:1px 30px 30px 30px;
border:solid 5px #ddd;
}
@media screen and (min-width: 1025px) {
.venue {
width:670px;
margin:30px auto 0 auto;
}
}
table.substance{
width:100%;
border-collapse:separate;
margin:30px 0 0 0;
font-size:18px;
line-height:160%;
letter-spacing:1px;
}
table.substance th{
width:120px;
padding:10px 0 5px 0;
color:#fff;
background:#196494;
}
table.substance td{
padding:10px 0 5px 30px;
border-bottom:solid 1px #ccc;
}

.titlehead{
margin:0;
padding:75px 0 60px 0;
font-size:36px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:center;
color:#196494;
}

.seminar_title{
margin:0;
padding:60px 0;
font-weight:bold;
letter-spacing:1px;
color:#fff;
text-align:center;
background:-moz-linear-gradient(left, #00458d, #4093c8);
background:-webkit-linear-gradient(left, #00458d, #4093c8);
background:linear-gradient(to right, #00458d, #4093c8);
}
.mt_01{margin-bottom:60px;}
.mt_02{margin-bottom:30px;}

.st_01{
margin:0;
padding:0 0 20px 0;
font-size:24px;
line-height:160%;
color:#fff100;
}
.st_02{
margin:0;
padding:0;
font-size:24px;
line-height:160%;
}
.st_03{
margin:0;
padding:0;
font-size:36px;
line-height:160%;
}
.seminar_form{
margin:0;
padding:60px 0 35px 0;
font-size:21px;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
text-align:center;
}
.seminar_form span{
margin:0;
padding:10px;
border-top:solid 2px #ccc;
border-bottom:solid 2px #ccc;
}


#container{
margin:0 auto;
padding:45px 20px 1px 20px;
}

.result_title{
margin:45px 0 10px 0;
padding:0;
font-size:24px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
color:#00458d;
}
.result{
margin:0;
padding:0;
}
.result ul{
margin:0;
padding:0;
}
.result ul li{
margin:0 0 5px 20px;
padding:0;
list-style-type:disc;
font-size:16px;
letter-spacing:1px;
line-height:180%;
}
.result img{
width:100%;
}
.result table{
width:100%;
border-collapse:collapse;
margin:0;
}
.result table th{
width:360px;
padding:0;
text-align:left;
}
.result table td{
padding:0 0 0 30px;
}


.contents_product{
margin:0 30px;
padding:15px 0 60px 0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
@media screen and (min-width: 1025px) {
.contents_product{
width:940px;
margin:0 auto;
}
}
.product{
width:49%;
margin:0 0 45px 0;
padding:0;
}
@media screen and (min-width: 1025px) {
.product{
width:450px;
}
}
.product a{display:block;}
.product a:link {color:#282828;text-decoration:none;}
.product a:visited {color:#282828;text-decoration:none;}
.product a:hover {color:#282828;text-decoration:none;}

.product img{
width:100%;
}
.product_title{
margin:0;
padding:18px 0 10px 0;
font-size:21px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:center;
color:#4093c8;
}
.product_text{
margin:0;
padding:0;
font-size:18px;
line-height:160%;
letter-spacing:1px;
}
.product_link{
margin:0;
padding:18px 0 10px 0;
font-size:16px;
line-height:100%;
letter-spacing:1px;
text-align:center;
}
.product_link span{
color:#4093c8;
padding:5px 15px 3px 15px;
border:solid 1px #4093c8;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.product_link span:hover{
color:#fff;
background-color:#4093c8;
}


.contents_narrow{
margin:0 30px 90px 30px;
padding:0;
}
@media screen and (min-width: 1025px) {
.contents_narrow{
width:800px;
margin:0 auto 90px auto;
}
}

@media screen and (min-width: 1025px) {
.contents_narrow table{
margin-bottom:30px;
}
}

.infoeng {
margin:0 auto;
padding:0;
font-size:16px;
line-height:100%;
color:#4093c8;
text-align:center;
font-family: 'Roboto', sans-serif;
}
.infottl {
margin:0 auto;
padding:3px 0 6px 0;
font-size:28px;
font-weight:bold;
line-height:180%;
letter-spacing:1px;
text-align:center;
}
#info{
margin:0 30px 90px 30px;
padding:25px 30px 15px 30px;
border:solid 3px #ddd;
}
@media screen and (min-width: 1025px) {
#info{
width:800px;
margin:0 auto 90px auto;
}
}
#info dl{
margin:0;
padding:0;
letter-spacing:1px;
} 
#info dl dt{
clear:left;
float:left;
margin:0 0 12px 0;
padding:3px 0 5px 0;
width:190px;
color:#4093c8;
font-weight:bold;
font-family: 'Roboto', sans-serif;
font-size:14px;
line-height:180%;
}
#info dl dd{
margin:0 0 12px 0;
padding:0 0 5px 0;
color:#333333;
font-size:18px;
line-height:180%;
border-bottom:1px dotted #999;
}
#info dl span{
margin:0 10px 0 0;
padding:2px 20px;
font-size:12px;
color:#fff;
background-color:#4093c8;
}
#info a:link {text-decoration:none;}
#info a:visited {text-decoration:none;}



.subhead{
margin:0;
padding:0;
font-size:28px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:center;
}
.subhead_line{
width:45px;
margin:30px auto;
height:5px;
background-color:#196494 !important;
}

.company_message{
margin:60px 0 30px 0;
padding:0;
font-size:21px;
font-weight:bold;
line-height:180%;
letter-spacing:1px;
text-align:center;
}

table.outline{
width:100%;
border-collapse:collapse;
margin:0;
border-top:solid 1px #CCCCCC;
}
table.outline th{
width:240px;
font-size:16px;
line-height:160%;
letter-spacing:1px;
padding:20px 20px 20px 0;
text-align:left;
border-bottom:solid 1px #CCCCCC;
}
table.outline td{
font-size:16px;
line-height:160%;
letter-spacing:1px;
padding:20px 0;
border-bottom:solid 1px #CCCCCC;
}
.outline span{font-size:14px;color:#666;line-height:140%;}


.news_tag{
margin:0;
padding:5px 0 20px 0;
font-size:12px;
line-height:100%;
color:#fff;
}
.news_tag span{
padding:3px 20px 2px 20px;
background-color:#4093c8;
}
.news_title{
margin:0;
padding:0;
font-size:24px;
line-height:150%;
letter-spacing:1px;
}
.news_day{
margin:10px 0 0 0;
padding:10px 0 8px 5px;
font-size:14px;
line-height:100%;
letter-spacing:1px;
font-family: 'Roboto', sans-serif;
color:#666;
border-top:solid 1px #999;
border-bottom:solid 1px #999;
}
.news_pick{
margin:0;
padding:32px 0 10px 0;
font-size:32px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
color:#196494;
}

.topics_text{
width:800px;
margin:0 auto 60px auto;
padding:0;
font-size:18px;
line-height:180%;
letter-spacing:1px;
}
.topics{
width:800px;
margin:0 auto 90px auto;
padding:0;
}
.topics_sub{
margin:0;
padding:0;
font-size:20px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
color:#196494;
}
.topics_title{
margin:0;
padding:10px 0 1px 0;
font-size:32px;
font-weight:bold;
line-height:150%;
border-bottom:solid 2px #4093c8;
}
.topics_subhead{
margin:40px 0 0 0;
padding:3px 0 2px 12px;
font-size:20px;
font-weight:bold;
line-height:150%;
border-left:solid 5px #196494;
}
.topics_subhead2{
margin:40px 0 15px 0;
padding:3px 0 2px 12px;
font-size:20px;
font-weight:bold;
line-height:150%;
border-left:solid 5px #196494;
}

.thanks_title{
margin:0;
padding:0 0 5px 0;
font-size:28px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:center;
}
.thanks_triangle{
margin:10px 0 10px 0;
padding:0;
text-align:center;
width: 0;
height: 0;
border-left:60px solid transparent;
border-right:60px solid transparent;
border-top:25px solid #4093c8;
}

.thanks_subhead{
margin:0;
padding:0;
font-size:36px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:center;
}
.thanks_subhead span{
font-size:20px;
line-height:140%;
}

.thanks_box{
margin:25px 90px 15px 90px;
padding:20px 45px 20px 45px;
border:5px solid #196494;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
@media screen and (min-width: 1025px) {
.thanks_box{
padding:20px 45px 1px 45px;
}
}


/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {color:#d1101a;}
.blue {color:#196494;}
.sky {color:#4093c8;}
.org {color:#eb6100;}
.white{color:#fff;}
.gray{color:#ddd;}
.through{text-decoration:line-through;}
.ym{background:linear-gradient(transparent 60%, #97d7f6 60%);}
.caption{font-size:80%;color:#666666;font-weight:normal;line-height:150%;}

@media all and (-ms-high-contrast: none){
.ym{background:linear-gradient(transparent 60%, #97d7f6 60%);}
}


/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}

.plus{margin-bottom:30px;}
.upper{margin-top:20px;}
.upside{margin-top:45px;}


/*---------- フッター ----------*/

.inquiry_title{
margin:0;
padding:15px 0;
font-size:20px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:center;
color:#fff;
background:#313131;
}
#inquiry{
margin:0;
padding:40px 0;
background:#f2f2f2;
}
.inquirybox{
width:90%;
margin:0 auto;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
@media screen and (min-width: 1025px) {
.inquirybox{
width:820px;
margin:0 auto;
}
}
.parts{
width:44%;
margin:0;
padding:20px 20px 15px 20px;
text-align:center;
background-color:#fff;
box-shadow:0 0 5px #ccc;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
@media screen and (min-width: 1025px) {
.parts{
width:360px;
}
}

.parts_tel{
margin:0;
padding:8px 0 6px 0;
font-size:42px;
line-height:100%;
font-weight:bold;
font-family: 'Roboto', sans-serif;
}
.parts_tel span{
color:#196494;
font-size:90%;
}
.parts_tel a:link {color:#282828;text-decoration:none;}
.parts_btn a:visited {color:#282828;text-decoration:none;}
.parts_btn a:hover {color:#282828;text-decoration:none;}
.parts_time{
margin:0;
padding:0;
font-size:16px;
line-height:100%;
letter-spacing:1px;
}

.parts_mail{
margin:0;
padding:0;
font-size:14px;
line-height:100%;
letter-spacing:1px;
}

.parts_btn{
margin:0;
padding:10px 0 1px 0;
}
.parts_btn a:link {
color:#fff;text-decoration:none;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.parts_btn a:visited {color:#fff;text-decoration:none;}
.parts_btn a:hover {color:#fff;text-decoration:none;}

.enter{
display:inline-block;
width:100%;
margin:0;
padding:15px 0;
font-size:18px;
letter-spacing:1px;
text-decoration:none;
color:#fff;
background:#333;
text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.enter:hover {
filter:alpha(opacity=70); /* IE 6,7*/
-moz-opacity:0.7; /* IE 8,9 */
opacity:0.7;
}


#footer{
margin:0;
padding:45px 0 1px 0;
font-size:12px;
line-height:150%;
color:#fff;
background:#333;
}

.linkbox {
margin:0 auto;
padding:0;
}

#footer ul{
width:100%; 
margin:0;
padding:2px 0; 
list-style:none;
text-align: center;
}
#footer ul li {
list-style:none;
display: inline;
margin:0;
padding:0 5px;
font-size:12px;
line-height:200%;
}
@media screen and (min-width: 1025px) {
#footer ul li {
padding:0 10px;
letter-spacing:1px;
}
}

#footer a:link {color:#fff;text-decoration:none;-webkit-transition: all .2s;transition:all .2s;}
#footer a:visited {color:#fff;text-decoration:none;}
#footer a:hover {color:#fff;text-decoration:underline;}

.footer_logo{
margin:0 0 25px 0;
padding:0;
text-align:center;
}
.footer_logo img{
width:210px;
}

.footer_ad{
margin:20px 0;
padding:0;
font-size:12px;
line-height:150%;
text-align:center;
font-family: 'Roboto', sans-serif;
}