@charset "utf-8";
/*
Theme Name: スケルトン
Theme URI: http://example.com/
Description: スケルトン
Version: 1.0
Author: gohako.inc
Author URI: http://gohako.jp
*/

/* Reset.css */
@import 'css/reset.css';

/* 以下ブログテーマのスタイル */

body{
	font-size: 13px;
color:#111111;
	line-height: 185%;
	margin: 0px 0px 0px 0px;
	font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}

audio::-internal-media-controls-download-button {
    display:none;
}

audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

.clear-line {
border-bottom:1px dotted #BBBBBB;
padding:10px 0;
clear:both;
}

.chara {
float:left;
padding:0;
margin-right:-20px;
margin-top:0;
}

.chara img {
width:60%;
}


#d-boxs {
display:none;
}
.fadein {
	opacity : 0.1;
	transform : translate(0px, 50px);
	transition : all 800ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}

#effect2 .fadein:nth-of-type(2) {
	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	}
#effect2 .fadein:nth-of-type(3) {
	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
	}


#tab li {
  float: left;
  padding: 5px 40px;
margin:0 5px;
  list-style: none;
  cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  background: #EEEEEE;
}
#tab li.select {
  background: #C80012;
color:#FFFFFF;
}
.disnon {
  display: none;
}
.content_wrap {
  clear: left;
  width: 100%;
}
.c-name {
font-size:28px; 
margin:-10px 0 16px 0;
}

.wasya {
position:relative;
}
.voicemark {
	position:absolute;
top:0;
left:50px;
	}

.voicemark2 {
	position:absolute;
top:0;
left:150px;
	}


#voice2 {
	position:absolute;
top:0;
left:130px;
	}

#voice3 {
	position:absolute;
top:290px;
left:111px;
	}

#voice4 {
	position:absolute;
top:0;
left:230px;
	}
#voice5 {
	position:absolute;
top:0;
left:330px;
	}
#slide {
    position: fixed;
    width: 200px;
    height: 30px;
    bottom:0;
    right: 120px;
    color: #666;
    background: #fff;
    border-left: solid 1px #999;
    border-top: solid 1px #999;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
    background: #FFFFFF url(/common/images/backbox.png) no-repeat top left; 
}
#slide-in {
    padding: 5px 10px;
}
#slide a {
    text-decoration: none;
    cursor: pointer;
}
#slide h3 {
    margin-bottom: 10px;
color:#FFFFFF;
}
#slide #open-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(/common/images/close-btn.gif);
}


.button-kojin {
	background-color: #EEEEEE;
	border: 2px solid #333;
	line-height: 50px;
width:540px;
font-size:19px;
margin:15px auto;
}
.button-kojin:hover {
	background-color: #EEEEEE;
	border-color: #C80012;
}

.button-back {
	background-color: #FFFFFF;
	border: 2px solid #333;
	line-height: 50px;
width:540px;
font-size:19px;
margin:15px auto;
}
.button-back:hover {
	background-color: #FFFFFF;
	border-color: #C80012;
}

#voiceroid {
font-size:13px;
line-height:190%;
color:#666666;
}

.faq_contents h3 {
	cursor:pointer;
text-decoration:underline;
}


.faq_box{
	background-color:#FFF;
	border:0 0 3px 3px ;
	padding:5px 15px;
	display:none;
}

#sitemap ul {
list-style:none;
text-align:left;
}

#sitemap li {
line-height:180%;
color:#666666;

}

#sitemap .m {
font-size:13px;
}

#sitemap .s {
font-size:11px;
padding-left:5px;
}


.kanjyou {
position: absolute;
  top: -20px;
  left: -10px;
z-index:10;
}

.line-b {
border-bottom:1px solid #BBBBBB;
}
.alignleft {
float:left;
padding-right:24px;
}


.center2 {
text-align:center;
}
.photoresults2 {
padding-top:20px;
}
.photoresults2 img {
width:90%;
}

.pw10 {
padding:10px;
}

.pr10 {
padding-right:10px;
}

.pr20 {
padding-right:20px;
}

.pl10 {
padding-left:10px;
}

.pl50 {
padding-left:70px;
}

.pt20 {
padding-top:20px;
}
.pw10 strong {
color:#C60012;
font-size:15px;
font-weight:normal;
padding-bottom:25px;
}

.news h2 {
font-size:25px;
font-weight:normal;
padding:20px 0 14px 0;
line-height:190%;
}



#n-list h2 {
font-size:16px;
font-weight:normal;
padding:0;
}

#n-list .news-day {
padding:0;
}
#n-list .news-day span  {
background-color:#C80012;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:2px 10px;
font-size:12px;
color:#FFFFFF;
}



#n-list .maintext-news {
padding:8px 0;
font-size:14px;
line-height:200%;
border-bottom:1px dotted #CCCCCC;
margin-bottom:16px;
}

.r-link {
font-size:16px;
font-weight:normal;
margin:0 0 50px 0;
}

.pw10 h3 {
font-size:23px;
padding-bottom:15px;
line-height:190%;
}

.related1 strong {
color:#C60012;
font-size:15px;
font-weight:normal;
padding-bottom:25px;
}

.related1 h3 {
font-size:23px;
padding-bottom:15px;
}

.related1 {
   background:#EEEEEE url(/common/images/common/jireiback.png) no-repeat;
   background-position: bottom right;
margin-top:30px;

}
#jirei {
   padding:30px 400px 30px 0px;

}
#kadaipoint {
position: relative;
overflow: hidden;
margin-top:-43px;
padding-top:30px;
border-right:2px solid #000000;
border-left:2px solid #000000;
border-bottom:2px solid #000000;
}
#kadaipoint ul  {
float:left;
list-style:none;
left:50%;
position:relative;
}


#kadaipoint ul li {
left:-50%;
position:relative;
font-size:21px;
padding-left:35px;
margin-bottom:25px;
   background:url(/common/images/kadai/check.png) no-repeat;
   background-position: center left;
}

.press {
   background:url(/common/images/icon/ico_pdf.png) no-repeat;
   background-position: center left;
padding-left:35px;
padding-top:5px;
}

.blank {
   background:url(/common/images/icon/icon_blank.png) no-repeat;
   background-position: center left;
padding-left:35px;
padding-top:5px;
}

.jirei {
font-size:15px;
line-height:190%;
}

.alignright {
float:right;
padding-left:24px;
}

.alignleft {
float:left;
padding-right:24px;
}
#kadaipoint2 {
position: relative;
overflow: hidden;

}
#kadaipoint2 ul  {
float:left;
list-style:none;
left:50%;
position:relative;
}


#kadaipoint2 ul li {
left:-50%;
position:relative;
font-size:21px;
padding-left:35px;
margin-bottom:25px;
   background:url(/common/images/kadai/check.png) no-repeat;
   background-position: center left;
}


.solution {
font-size:24px;
padding-bottom:15px;

}
.kadai h4 {
  font-weight:normal;
  border-left:4px solid #C80012;
  margin-bottom:10px;
  font-size: 19px;
padding-left:10px;
}

.kadai p {
  font-size: 14px;
  line-height:200%;
}

#japan {
   background:url(/common/images/lang/japan.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#america {
   background:url(/common/images/lang/america.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#english {
   background:url(/common/images/lang/english.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#china {
   background:url(/common/images/lang/china.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#coria {
   background:url(/common/images/lang/coria.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#doitu {
   background:url(/common/images/lang/doitu.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#franch {
   background:url(/common/images/lang/franch.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}
#greece {
   background:url(/common/images/lang/greece.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}
#itary {
   background:url(/common/images/lang/itary.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}
#pol {
   background:url(/common/images/lang/pol.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}
#s-africa {
   background:url(/common/images/lang/s-africa.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#spain {
   background:url(/common/images/lang/spain.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#rosia {
   background:url(/common/images/lang/rosia.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}
#ind {
   background:url(/common/images/lang/ind.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#tai {
   background:url(/common/images/lang/tai.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#india {
   background:url(/common/images/lang/india.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}
#bra {
   background:url(/common/images/lang/bra.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#aus {
   background:url(/common/images/lang/aus.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#tolco {
   background:url(/common/images/lang/tolko.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}
#hun {
   background:url(/common/images/lang/han.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}
#ru {
   background:url(/common/images/lang/ru.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}


#bas {
   background:url(/common/images/lang/bas.jpg) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#cata {
   background:url(/common/images/lang/cata.jpg) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#canada {
   background:url(/common/images/lang/canada.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}
#oranda {
   background:url(/common/images/lang/oranda.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#nol {
   background:url(/common/images/lang/nol.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}


#che {
   background:url(/common/images/lang/che.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#sw {
   background:url(/common/images/lang/sw.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#fin {
   background:url(/common/images/lang/fin.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}

#den {
   background:url(/common/images/lang/den.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}
#po {
   background:url(/common/images/lang/po.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}
#slo {
   background:url(/common/images/lang/slo.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}
#bel {
   background:url(/common/images/lang/bel.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}
#arabia {
   background:url(/common/images/lang/arabia.png) no-repeat;
   background-position: center left;
   padding-left:50px;
}


.navidemo {
position: relative;
overflow: hidden;
}

.navidemo ul {
float:left;
list-style:none;
left:31.5%;
position:relative;
}

.navi-demo ul li {
float:left;
left:-32.5%;
position:relative;
}



.smallbox {
background-color:#F4F4F4;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding:10px 20px;
font-size:14px;
margin:10px 20px;
}

.navi {
background-color:#F5F3E2;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
padding:10px;
position: relative;
overflow: hidden;
}

.navi ul {
float:left;
list-style:none;
left:50%;
position:relative;
}

.navi ul li {
float:left;
padding:3px 20px;
border-right:1px solid #CCCCCC;
left:-50%;
position:relative;
}


.navi ul li:first-child {
 border-left:1px solid #CCCCCC;
}

#act {
border-bottom:2px solid #C80012;
}

.bright {
border-right:1px solid #CCCCCC;
}

.visible-tablet {
  display: none !important;
}

.name {
font-size:15px;
padding:10px 10px;
height:110px;
}

.name2 {
height:40px;
}

#bnr img{
padding:2px;
}

#main-bnr {
position:absolute;
top:30px;
right:0;
   height:550px;
   background:url(/common/images/top/main-back.png) no-repeat;
   background-position: top right;
   width:100%;
border-bottom:2px solid #000000;
}

#main-bnr-text {
   padding:260px 0 0 20px;
z-index:100;
}
#main-bnr-text h2 {
   font-size:34px;
font-weight:bold;
padding-bottom:20px;
color:#000000;
}

#main-bnr-text h3 {
   font-size:15px;
font-weight:normal;
padding-bottom:20px;
color:#000000;
}

.j-list h4 {
font-size:15px;
}

#demobox {
border:4px solid #000000;
padding:20px 10px 20px 10px;
margin:auto;
}

#demovoice {
position:relative;
}

#demovoice h2 {
position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: auto;
font-size:24px;
font-weight:normal;
}
#demovoice h2 span {
background-color:#FFFFFF;
}



#main-area h2 {
  font-weight:normal;
  padding-bottom:10px;
  margin:20px 0;
  border:none;
  font-size: 26px;
  text-align:center;
  background:url("/common/images/common/tl-line.gif") repeat-x 0 8px;


}

#main-area h2 span {
	background-color:#FFFFFF;
	padding:5px 10px 30px 10px;
	color:#333;
}

#p-title h2 {
  font-weight:normal;
  padding-bottom:10px;
  margin:20px 0 50px 0;
  border:none;
  font-size: 34px;
  text-align:center;
}

#p-title h2 span {
	background:#FFFFFF url("/common/images/common/tl-under.png") no-repeat bottom center;
	padding:5px 10px 30px 10px;
	color:#333;
}

#p-title2 h2 {
  font-weight:normal;
  padding-bottom:10px;
  margin:20px 0 50px 0;
  border:none;
  font-size: 17px;
  text-align:center;
}

#p-title2 h2 span {
	background:#FFFFFF url("/common/images/common/tl-under2.png") no-repeat bottom center;
	padding:5px 10px 30px 10px;
	color:#333;
}



#main-area h3 {
  font-weight:normal;
  margin:20px 0;
  border:none;
  font-size: 14px;
  text-align:center;
}

#main-area strong {
  font-weight:normal;
  font-size: 13px;
  text-align:left;
  color:#C70012;
}

.j-list {
padding:15px;
}

.container img {
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

a:hover img {
 opacity: 0.5;
}

.line img {
padding:20px 10px 10px 10px;
}

#icon p {
font-size:12px;
}

#icon2 p {
font-size:12px;
height:160px;
}

#icon3 p {
font-size:12px;
height:90px;
}

.line-off img {
padding:20px 10px 10px 10px;
filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#main-area p {
  font-weight:normal;
  font-size: 13px;
  text-align:center;
padding:0;
}

.line h4 {
  font-weight:normal;
  text-align:left;
  padding:10px;
font-size:12px;
  border-top:1px solid #CCCCCC;
}

.box {
border:1px solid #CCCCCC;
background-color:#F7F7F7;
padding:20px;
margin-top:30px;
}

.img-circle {
  -webkit-border-radius: 500px;
     -moz-border-radius: 500px;
          border-radius: 500px;
}

.img-circle img {
  -webkit-border-radius: 500px;
     -moz-border-radius: 500px;
          border-radius: 500px;
}

h3,h4 {
font-weight:normal;
}

.container {
position:relative;
}

.arrow  {
	padding-left:30px;
	background:url(/common/images/arrow2.png) no-repeat;
	background-position: 10px 6px;
}

.arrowoff  {
	padding-left:20px;
	background:url(/common/images/arrow3.png) no-repeat;
	background-position: center left;
	color:#777777;
}

.4Column {
padding:4px;
}

.4Column ul {
list-style:none;
}

.4Column ul li {
padding:0 4px;
}



.box-2 {
background-color:#F7F7F7;
padding:0;
border-right:5px solid #FFFFFF;
border-left:5px solid #FFFFFF;
margin-bottom:16px;
}

.box-2 p {
padding:5px;
}

.box-2 h4 {
	font-size: 15px;
	line-height: 165%;
	margin: 0 0 5px 0;
	padding-top:5px;
	font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}



.linktext {
color:#B83937;
text-decoration:underline;
}

.border-box {
border:1px solid #CCCCCC;
padding:15px;
margin:0 30px;
background-color:#FFFFFF;
}

.border-box2 {
border:2px solid #FF7F00;
padding:15px;
margin:0 30px;
background-color:#FFFFFF;
}

#okomari h3{
	font-size:19px;
	color:#D73938;
	font-weight:bold;
text-align:left;
	padding:15px 0 5px 40px;
	background:url(/common2/img/okoico.png) no-repeat top left;
margin:10px 0;
}

#okomari p{
	font-size:13px;
}


#okomari2 h4{
 font-size:22px;
 color:#FF7F00;
 font-weight:normal;
text-align:center;
 padding:10px 0 10px 0;
margin-bottom:10px;
border-bottom:1px dotted #CCCCCC;
}

#okomari2 h5{
 font-size:22px;
 color:#333333;
 font-weight:normal;
text-align:center;
 padding:10px 0 10px 0;
margin-bottom:10px;
border-bottom:1px dotted #CCCCCC;
}


#okomari2 ul {
	list-style:none;
margin-top:20px;
}

#okomari2 ul li{
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 21px;
	font-size:15px;
}
#okomari2 ul li#ar1 {
	background: url("/common2/img/icon_color_1_3.gif") no-repeat 0px 5px; 
}
#okomari2 ul li#ar2 {
	background: url("/common2/img/icon_color_1_4.gif") no-repeat 0px 5px;
}

#okomari2 ul li#ar3 {
	background: url("/common2/img/icon_color_1_1.gif") no-repeat 0px 5px; 
}
#okomari2 ul li#ar4 {
	background: url("/common2/img/icon_color_1_2.gif") no-repeat 0px 5px;
}
.btn-plan {
background-color:#007FFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding:10px;
margin-top:20px;
font-size:15px;
color:#FFFFFF;
text-align:center;
}


.box-2 img {
width:45%;
height:auto;
float:left;
padding-right:20px;
}
.gray {
background-color:#F7F7F7;
padding:32px 0;
}

.gray h2 {
font-size:15px;
font-weight:normal;
color:#C80012;
}

.gray h3 {
font-size:24px;
font-weight:normal;
line-height:160%;
}

.point {
background-color:#EEEEEE;
padding:32px 0;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

.related {
background-color:#EEEEEE;
padding:24px 0;
}




.box-2 ul {
list-style:none;
}

.box-2 ul li {
float:left;
margin-right:10px;
}

.yousou{
background-color:#9FCEFD;
padding:0 5px;
color:#FFFFFF;
}

.wasou{
background-color:#DF9795;
padding:0 5px;
color:#FFFFFF;
}



.p-box {
width:94%;
border:1px solid #EEEEEE;
text-align:center;

}

.subbox {
background-color:#FFFFFF;
padding:24px;
}

#second {
margin-top:40px;
}

.center {
text-align:center;
}

.box-3 {
padding:0 28px;
}
.box-24 {
padding:0 24px;
}

.box-4 {
padding:4px;
}

#spec {
font-size:12px;
line-height:210%;
}

.left-t {
text-align:left;
}
#com-p img {
border:1px solid #EEEEEE;
padding:3px;
width:70%;
margin-bottom:24px;
}

.box-line {
padding:16px 4px 4px;
border:1px solid #CCCCCC;
height:200px;
background-color:#FFFFFF;
}

.text11 {
font-size:11px;
}




.box-line2 {
padding:16px;
border:1px solid #CCCCCC;
height:320px;
background-color:#FFFFFF;
}



.box-line strong {
padding:0 0 6px 6px;
font-size:16px;
font-weight:bold;
color:#D82231;
display:block;
border-bottom:1px dotted #999999;
}

.box-line ul {
padding:10px 10px 10px 25px;
}

.box-line ul li {
padding-bottom:10px;
font-size:12px;
}


.maintext {
padding:8px 0 24px 0;
font-size:15px;
}

.maintext-news {
padding:18px 0;
font-size:17px;
line-height:200%;

}

.news h3 {
  font-weight:normal;
background-color:#EEEEEE;
  border-left:3px solid #C80012;
  margin:10px 0 10px 0;
  font-size: 19px;
padding:5px;
}

.e-line {
border-bottom:1px solid #666666;
padding-bottom:40px;
}

.e-line2 {
padding-bottom:40px;
}

.e-line3 {
padding-bottom:10px;
}

.e-line4 {
border-top:1px solid #666666;
padding-top:40px;
margin-top:30px;
}

.e-line5 {
padding-top:40px;
}
.jirei h3 {
  font-weight:normal;
  border-left:3px solid #C80012;
  margin:0 0 10px 0;
  font-size: 24px;
padding:1px 10px;
}
.news h4 {
  font-weight:normal;
  margin:20px 0 10px 0;
  font-size: 16px;
border-bottom:1px dotted #AAAAAA;
padding:5px 0;
}

.news em{
  font-weight:normal;
  margin:20px 0 0 0;
display:block;
  font-size: 16px;
border-bottom:1px dotted #AAAAAA;
padding:5px 0;
}

.news h5 {
  font-weight:bold;
  margin:20px 0 10px 0;
  font-size: 15px;
}

.news ul {
list-style:none;
}


.news ul li  {
	padding-left:24px;
	background:url(/common/images/arrow.png) no-repeat;
	background-position: 10px 8px;
margin-bottom:20px;
}
#top {
padding-top:480px;
}

.photo {
position:relative;
}


.photo2 {
position:relative;
}

.p-back {
text-align:center;
background-color:#F6F6F6;
border-left:3px solid #FFFFFF;
border-right:3px solid #FFFFFF;
margin-bottom:16px;
padding-top:16px;
}

.photo2 img {
width:100%;
height:auto;
}


.photo3 img {
width:98%;
height:auto;
}

.photo-g {
position:relative;
text-align:center;
background-color:#EEEEEE;
}

.photo-g  img {
width:90%;
height:auto;
}

.photodetail {
backgroun-color:#FFFFFF;
}



.circle {
padding:16px;
}


.circle img {
width:170px;
height:170px;
margin-bottom:10px;
border:1px solid #CCCCCC;
}

.category {
position:absolute;
bottom:0;
left:0;
background-color:#B83937;
width:100%;
color:#FFFFFF;
font-size:15px;
text-align:center;
padding:5px 0;
opacity: 0.9; 
}

.plan {
position:absolute;
bottom:0;
left:0;
line-height:145%;
background-color:#222222;
width:100%;
color:#FFFFFF;
font-size:12px;
text-align:left;
padding:3px;
opacity: 0.8; 
height:80px;
}

.icon {
text-align:center;
}

.icon p {
font-size:15px;
}


.icon2 {
text-align:center;
}

.icon2 p {
font-size:15px;
height:120px;
}

#top h2 {
  font-weight:normal;
  margin:20px 0;
  border:none;
  font-size: 22px;
  font-weight:normal;
  text-align:center;
}

#top h2 span {

	padding:5px 10px 30px 10px;
	color:#333;
}
.second {
padding:36px 0;
}

.second ul {
font-size:14px;
margin:15px 0 15px 25px;
}

#photoglid ul {
margin:0;
}

.product {
 padding:0 10px;
}
.product h2 {
  font-weight:normal;
  margin:50px 0 30px 0;
  border:none;
  font-size: 26px;
  text-align:center;
color:#C80012;
}

.product #copy h2 {
  font-weight:normal;
  margin:20px 0;
  border:none;
  font-size: 18px;
  text-align:center;
color:#444444;
}


#copy2 h2 {
  font-weight:normal;
  margin:20px 0;
  border:none;
  font-size: 21px;
  text-align:center;
color:#444444;
}
.product h2 span {
	padding:5px 10px 30px 10px;
	color:#333;
}

.product h3 {
  font-weight:normal;
  padding-bottom:10px;
  margin:60px 0 20px 0;
  border:none;
  font-size: 20px;
  text-align:center;
  background:url("/common/images/common/tl-line.gif") repeat-x 0 8px;
}

.product h3 span {
	background-color:#FFFFFF;
	padding:5px 10px 30px 10px;
	color:#333;
}

.prt h3 {
  font-weight:normal;
  padding-bottom:10px;
  margin:60px 0 20px 0;
  border:none;
  font-size: 16px;
  text-align:center;
  background:url("/common/images/common/tl-line.gif") repeat-x 0 8px;
}

.prt h3 span {
	background-color:#FFFFFF;
	padding:5px 10px 30px 10px;
	color:#333;
}


.product #other h3 {
  font-weight:normal;
  padding-bottom:10px;
  margin:0;
  border:none;
  font-size: 15px;
  text-align:center;
  background: initial;


}

#search-p h4 {
    font-weight:normal;
  border-bottom:1px dotted #CCCCCC;
  margin-bottom:10px;
  font-size: 19px;
padding:5px 0;
}

#search-p ul {
list-style:none;
}

#search-p ul li {
float:left;
padding:0 15px;
margin:10px 0;
font-size:14px;
border-right:1px solid #BBBBBB;
}

#option h3  {
  font-weight:normal;
  margin:24px 10px;
  padding:0 0 0 10px;
  font-size: 20px;
text-align:left;
  border-left:4px solid #B83937;
}
.second h3 {
  font-weight:normal;
  margin:0 0 24px 0;
padding:0;
  border:none;
  font-size: 14px;
  font-weight:normal;
}


.planlist h4 {
  font-weight:bold;
  margin:0 0 12px 0;
padding:0;
  border:none;
  font-size: 16px;
}



#spec h2 {
  font-weight:normal;
  padding-bottom:20px;
  margin:0;
background:initial;
line-height:150%;
  border:none;
  font-size: 26px;
  font-weight:normal;
  text-align:left;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;

}

#spec strong {
  font-weight:normal;
  padding-bottom:20px;
  margin:0;
background:initial;
line-height:150%;
  border:none;
  font-size: 21px;
  font-weight:normal;
  text-align:left;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;

}

#spec h3 span {
	  font-size:18px;
}

#spec h3 {
  font-weight:normal;
  margin:0 0 24px 0;
padding:0;
  border:none;
  font-size: 34px;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;
}


#step h4 {
  font-weight:normal;
  margin:0 0 12px 0;
  padding:0;
  border:none;
  font-size: 21px;
}



#step h4 span {
  font-weight:normal;
  margin:0 0 24px 0;
  padding:0;
color:#B83937;
  border:none;
  font-size: 18px;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
}


#step p {
  font-weight:normal;
  margin:0 0 28px 0;
  padding-bottom:28px;
  border:none;
  font-size: 13px;
  line-height:180%;
  border-bottom:1px dotted #BBBBBB;
}

#step h5 {
  font-weight:normal;
  margin:32px 0;
  padding-left:10px;
  font-size: 24px;
color:#B83937;
  border-left:4px solid #B83937;
}


.subbox h2 {
  font-weight:normal;
  padding-bottom:8px;
  font-size: 20px;
  font-weight:normal;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;
}

.ptb24 {
padding:24px 0;
}

.subbox h5 {
  font-weight:normal;
  padding-bottom:8px;
  font-size: 14px;
border-bottom:1px solid #BBBBBB;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;
}


#cv {
margin-top:0px;
padding:0 10px 30px 10px;
}

#cv2 {
background: #F7F7F7 url(/common/images/common/cv-back.png) no-repeat;
background-position: top right;
margin-top:0;
padding:0;
}

hr {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #fff;
margin:12px 0;
}

.cvbox p {
line-height:185%;
font-size:12px;
}

#cv h2 {
  font-weight:normal;
  background:url("/common/images/common/tl-line.gif") repeat-x 0 8px;
  border-left:8px solid #C80012;
  margin-bottom:10px;
  font-size: 18px;
}

#cv h2 span {
  padding:0 8px;
background-color:#FFFFFF;
}

#cv3 h2 {
  font-weight:normal;
  border-left:8px solid #C80012;
  margin-bottom:10px;
  font-size: 18px;
}

#cv3 h2 span {
  padding:0 8px;
background-color:#FFFFFF;
}


.ttlabout {
  font-weight:normal;
  border-left:4px solid #C80012;
  margin-bottom:10px;
  font-size: 18px;
}

.ttlabout span {
  padding:0 8px;
background-color:#FFFFFF;
}




#cv h3 {
  margin-bottom:10px;
  border:none;
  font-size: 14px;
  font-weight:normal;
font-weight: normal!important;
font-style: normal!important;
}

#cv h4 {
  margin-bottom:10px;
  line-height:160%;
  font-size: 11px;
  font-weight:normal;
}

#cv h4 p {
  line-height:140%;
  font-size: 11px;
}

#cv2 .ttl {
  font-weight:normal;
  margin:24px 0;
  padding:0 0 0 10px;
  font-size: 20px;
color:#333333;
  border-left:4px solid #B83937;
}


#cv2 h2 {
  font-weight:normal;
  padding-left:28px;
  margin-bottom:10px;
  border:none;
  font-size: 22px;
  font-weight:normal;
color:#26C9FF;
  background:url("/common/images/common/cv-ttl.png") no-repeat top left;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;
}

#cv2 h3 {
  margin-bottom:10px;
  border:none;
  font-size: 16px;
  font-weight:normal;
font-weight: normal!important;
font-style: normal!important;
}

#cv2 h4 {
  margin-bottom:10px;
  line-height:160%;
  font-size: 11px;
  font-weight:normal;
}

.shopttl {
background-color:#222222;
padding:10px 0;
color:#FFFFFF;
}

.pinkttl {
background-color:#D9807D;
padding:5px 0;
color:#FFFFFF;
}

.gray2 {
background-color:#F7F7F7;
padding:24px 12px;
border-top:1px solid #999999;
margin-top:30px;
}

.gray2 ul {
list-style:none;
}

#sitemap {
position:relative;
background-color:#FFFFFF;
padding:16px 0;
font-size:11px;
height:360px;
border-top:1px solid #CCCCCC;
}

#footer {
background-color:#1F1813;
padding:8px;
color:#FFFFFF;
font-size:11px;
}

#page-top{
    position: fixed !important;  
    position: absolute;  
    bottom: 60px;  
    right: 0; 
cursor:pointer;
}


.gray2 ul li {
border:1px solid #BBBBBB;
background-color:#FFFFFF;
text-align:center;
padding:0 24px;
float:left;
margin-right:8px;
}

.s-menu {
background-color:#F7F7F7;
padding:4px 12px;
height:34px;
}

.s-menu ul {
list-style:none;
}



.s-menu ul li {
border:1px solid #BBBBBB;
background-color:#FFFFFF;
text-align:center;
padding:0 24px;
font-size:12px;
float:left;
margin-right:8px;
}





.s-menu p {
background-color:#D9807D;
border:1px solid #D9807D;
color:#FFFFFF;
padding:0 12px;
float:left;
margin-right:10px;
}


.s-menu ul .current {
background-color:#F8E7E7;
font-weight:bold;
}


blockquote {
color:#555555;
padding:15px;
}

.s-text {
font-size:11px;
}
.txt11 {
font-size:12px;
background-color:#EEEEEE;
border:1px solid #CCCCCC;
padding:20px;
margin:50px 30px 0 30px;
}
.f-letf {
	float:left;
}


.f-right {
	float:right;
}

.title {
  font-weight:normal;
  padding-bottom:8px;
margin-bottom:8px;
  font-size: 26px;
}

#seo-header{
	background-color: #221815;
	padding: 2px 0;
	z-index: 100;
	width: 100%;
}

#seo-header-in{
	margin: 0 auto;
	max-width: 1160px;
	padding: 0 10px;
	position: relative;
line-height:160%;
}

#eng {
	position: absolute;
	right: 10px;
	top: 2px;
font-size:13px;
z-index:999;
}

.s-arrow::before{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #D90000;

}
#seo-header h1{
	font-size:11px;
	padding:3px 0;
font-weight:normal;
color:#FFFFFF;
}

#header{
	background-color: #fff;
	padding: 0px;
	z-index: 100;
	width: 100%;
	height:110px;

}



#header-in{
	margin:0 auto;
	max-width: 1160px;
	padding-top: 24px;
	position: relative;

}





#header-in ul{
	list-style:none;
padding-top:24px;
}


.entry{
	position: absolute;
	right: 10px;
	top: 26px;
}

#conv1 {
	position: absolute;
	right: 0;
	top: -2px;
}

#conv2 {
	position: absolute;
	right: 143px;
	top: -2px;
}

.conv-btn {
background-color:#C80012;
padding:5px 0;
text-align:center;
width:142px;
font-size:13px;
color:#FFFFFF;
margin:0;

}
.right {
text-align:right;
}



#main-visual{
	width: 100%;
	height: 550px;
	z-index: 10;
}

#main-visual-over{
	width: 100%;
	height: 550px;
	z-index: 20;
	position: absolute;
	top:0;
	left: 0;
	background: url(./images/pattern.png);
}

#main-visual-over p{
	width: 980px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

#logo-b{
	z-index: 30;
	margin: 150px 0px 0px 0px;
}

#coming{
	z-index: 30;
}

.contant-wrap-1{
	text-align: center;
	padding:30px 0px;
}

.summary{
	font-weight: bold;
	margin: 20px 0px 0px 0px ;
	font-size:16px;
}


.contant-wrap-2{
	text-align: center;
	padding:60px 0px 30px 0px;
	background:#f7f7f7 url(./images/arrow-white.png) no-repeat;
	background-position: center -1px;
}

.contant-wrap-2 h2{
	font-size:30px;
	margin-bottom:5px;
}

.en-title{
	font-weight: bold;
	color:#02c2cc;
	font-family: 'Allerta', sans-serif;
}


.footer{

}

.footer p{

}



.submitarea input{
border:0;
padding:: initial;
font-size:: initial;
font-family: initial;
color: initial;
border: initial;
margin: initial;
width: initial;
-webkit-border-radius: initial;
-moz-border-radius: initial;
border-radius: initial;
-moz-box-shadow: initial;
-webkit-box-shadow: initial;
box-shadow: initial;
}

.submitarea ul li {
padding-right:6px;
float:left;
}

textarea{
border:0;
padding:10px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc;
margin:0 0 0px;
width:400px;
-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);
}

#text3 {
border:0;
padding:10px;
font-family:Arial, sans-serif;
border:solid 1px #ccc;
margin:10px 0;
width:600px;
height:110px;
-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);
}

.button{
	width:360px;
	background-color: #02c2cc;
	color:#fff;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.0);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.0);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.0);
border:solid 1px #0a9191;
margin-top: 20px;
}

#spe h4{
	  font-weight:normal;
  margin:24px 0;
  padding:0 0 0 10px;
  font-size: 18px;
text-align:left;
  border-left:4px solid #B83937;
}

#spe table{
	width:100%;
	border-right: solid 1px #e3e3e3;
margin-bottom:20px;
}

#spe table th{

	vertical-align: top;
	font-size: 13px;
text-align:left;
	border-bottom: solid 1px #e3e3e3;
	border-top: solid 1px #e3e3e3;
	border-right: solid 1px #e3e3e3;
	border-left: solid 1px #e3e3e3;
	padding:10px;
	background-color:#FEF3F4;
}

#spe table td{

	border-bottom: solid 1px #e3e3e3;
	border-top: solid 1px #e3e3e3;
	padding:10px;
}

.b-left {
border-left:1px solid #e3e3e3;
}

.att{
	text-align: left;
	margin-bottom: 10px;
}

#spe table span{
	text-align:left;
}
.clearfix:after {
  content: ".";  /* 譁ｰ縺励＞隕∫ｴ繧剃ｽ懊ｋ */
  display: block;  /* 繝悶Ο繝�け繝ｬ繝吶Ν隕∫ｴ縺ｫ */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clear {
clear:both;
height:40px;
}

.clear2 {
clear:both;
height:20px;
}

.clear3 {
clear:both;
height:54px;
}

.clear4 {
clear:both;
}

.clear100 {
clear:both;
height:100px;
}



.topics1 {
	padding-right:20px;
}


.topics2 {
	padding-left:20px;
}



.news-area {
	width:100%;
	font-size:14px;
}
.news-area dl {
	padding:10px 0;
	line-height:160%;
border-bottom:1px solid #CCCCCC;
}
.news-area dl dt {
	display:block;
color:#555555;
	margin-bottom:10px;
}

.news-area dl dt span  {
background-color:#C80012;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:2px 10px;
font-size:12px;
color:#FFFFFF;
}

.news-area dl dd {
height:40px;
}

.news-area .infolist {
	text-align:right;
	padding-top:10px;
}

.news-day {
padding:20px 0;
}
.news-day span  {
background-color:#C80012;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:2px 10px;
font-size:12px;
color:#FFFFFF;
}

#PROFILE .table_line {
  font-size: 13px;
  line-height: 200%;
  letter-spacing: 0.1em;
  overflow: hidden;
}


#PROFILE dl dt {
  display: inline-block;
  width: 10%;
  vertical-align: top;
  text-align: left;
  padding-bottom:6px;
color:#555555;
}
#PROFILE dl dd {
  display: inline-block;
  text-align: left;
padding-left:15px;
  padding-bottom:6px;
}
#PROFILE dl + dl {

}





#option .table_line {
  font-size: 15px;

padding-left:20px;
  letter-spacing: 0.1em;
  overflow: hidden;
}



#option dl dt {
  display: inline-block;
  width: 40%;
  line-height: 200%;
  vertical-align: top;
  text-align: left;
  padding-bottom:10px;
color:#555555;
}
#option dl dd {
  display: inline-block;
  text-align: left;
  line-height: 200%;
padding-left:15px;
  padding-bottom:10px;
}


.news-area2 {
	float:left;
	width:100%;
	padding:15px 0 0 6px;
	font-size:15px;
}
.news-area2 dl {
	padding:10px 0 5px 0;
	border-bottom:1px dashed #CCCCCC;
	line-height:130%;
}
.news-area2 dl dt {
	float:left;
	width:6em;
	margin-right:15px;
	border-right:1px solid #cccccc;

}
.news-area2 dl dd a {
	padding:0 0 0 18px;

}
.news-area2 .infolist {
	text-align:right;
	padding-top:10px;
}



#Column a{text-decoration:none; color:#222222;}
#Column a:link {text-decoration:none; color:#222222;}
#Column a:visited {text-decoration:none; color:#222222;}
#Column a:hover {text-decoration:none; color:#222222;}
#Column a:active {text-decoration:none; color:#222222;}

.button-back a{text-decoration:none; color:#222222;}
.button-back a:link {text-decoration:none; color:#222222;}
.button-back a:visited {text-decoration:none; color:#222222;}
.button-back a:hover {text-decoration:none; color:#222222;}
.button-back a:active {text-decoration:none; color:#222222;}

.navi a{text-decoration:none; color:#222222;}
.navi a:link {text-decoration:none; color:#222222;}
.navi a:visited {text-decoration:none; color:#222222;}
.navi a:hover {text-decoration:none; color:#222222;}
.navi a:active {text-decoration:none; color:#222222;}

.j-list a{text-decoration:none; color:#222222;}
.j-list a:link {text-decoration:none; color:#222222;}
.j-list a:visited {text-decoration:none; color:#222222;}
.j-list a:hover {text-decoration:none; color:#222222;}
.j-list a:active {text-decoration:none; color:#222222;}

.conv-btn a{text-decoration:none; color:#FFFFFF;}
.conv-btn a:link {text-decoration:none; color:#FFFFFF;}
.conv-btn a:visited {text-decoration:none; color:#FFFFFF;}
.conv-btn a:hover {text-decoration:none; color:#FFFFFF;}
.conv-btn a:active {text-decoration:none; color:#FFFFFF;}

#footer a{text-decoration:none; color:#FFFFFF;}
#footer a:link {text-decoration:none; color:#FFFFFF;}
#footer a:visited {text-decoration:none; color:#FFFFFF;}
#footer a:hover {text-decoration:none; color:#FFFFFF;}
#footer a:active {text-decoration:none; color:#FFFFFF;}


.btn-plan a{text-decoration:none; color:#FFFFFF;}
.btn-plan a:link {text-decoration:none; color:#FFFFFF;}
.btn-plan a:visited {text-decoration:none; color:#FFFFFF;}
.btn-plan a:hover {text-decoration:none; color:#FFFFFF;}
.btn-plan a:active {text-decoration:none; color:#FFFFFF;}


#sitemap a{text-decoration:none; color:#666666;}
#sitemap a:link {text-decoration:none; color:#666666;}
#sitemap a:visited {text-decoration:none; color:#666666;}
#sitemap a:hover {text-decoration:none; color:#666666;}
#sitemap a:active {text-decoration:none; color:#666666;}

#footer-cloud a{text-decoration:underline; color:#FFFFFF;}
#footer-cloud a:link {text-decoration:underline; color:#FFFFFF;}
#footer-cloud a:visited {text-decoration:underline; color:#FFFFFF;}
#footer-cloud a:hover {text-decoration:underline; color:#FFFFFF;}
#footer-cloud a:active {text-decoration:underline; color:#FFFFFF;}


#footer-productindiv a{text-decoration:underline; color:#555555;}
#footer-productindiv a:link {text-decoration:underline; color:#555555;}
#footer-productindiv a:visited {text-decoration:underline; color:#555555;}
#footer-productindiv a:hover {text-decoration:underline; color:#555555;}
#footer-productindiv a:active {text-decoration:underline; color:#555555;}

.contlist a{color:#B83937;
text-decoration:underline;}
.contlist a:link {color:#B83937;
text-decoration:underline;}
.contlist a:visited {color:#B83937;
text-decoration:underline;}
.contlist a:hover {color:#B83937;
text-decoration:underline;}
.contlist a:active {color:#B83937;
text-decoration:underline;}
.clearfix {
  min-height: 1px;
}


#txtline h4 {
font-weight:bold;
}

* html .clearfix {
  height: 1px;
  /*ﾂ･*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.kv__copyBlock {
width:32%;
position:absolute;
top:50%;
left:30%;
text-align:center;
z-index:2;
}

.kv__copyBlock2 {
width:38%;
position:absolute;
top:200px;
left:10px;
text-align:left;
z-index:2;
}

.kv__copyBlock2 h2 {
font-weight:normal;
font-size:19x;
padding:5px;
text-align:left;
color:#FFFFFF;
}

.kv__copyBlock2 h3 {
font-weight:normal;
font-size:12px;
text-align:left;
color:#FFFFFF;
}



.kv__copyBlock22 {
width:100%;
position:absolute;
top:0px;
left:0px;
text-align:left;
z-index:2;
}

.kv__copyBlock22 h2 {
font-weight:normal;
font-size:16px;
text-align:left;
color:#FFFFFF;
float:left;
padding-right:15px;
}

.kv__copyBlock22 h3 {
font-weight:normal;
font-size:12px;
text-align:left;
color:#FFFFFF;
}

.kv__copyBlock-concept {
width:80%;
position:absolute;
top:80px;
left:10%;
text-align:center;
z-index:2;
}

.kv__copyBlock-concept h2 {
font-weight:normal;
font-size:24px;
margin-bottom:30px;
text-align:center;
color:#FFFFFF;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;
}

.kv__copyBlock-concept h3 {
font-weight:normal;
font-size:18px;
text-align:center;
color:#FFFFFF;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;
}

.kv__copyBlock-concept h4 {
font-weight:normal;
font-size:18px;
text-align:center;
color:#FFFFFF;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;
}

.kv__copyBlock-concept #honbun {
margin-top:20px;
font-weight:normal;
font-size:14px;
text-align:center;
line-height:170%;
color:#000000;
}

.kv__copyBlock-concept #honbun2 h2 {
font-weight:normal;
font-size:24px;
margin:30px 0;
text-align:center;
color:#FFFFFF;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;
}

.kv__copyBlock-concept #honbun2 p {
margin-bottom:30px;
font-weight:normal;
font-size:14px;
text-align:center;
line-height:170%;
color:#000000;
}


.kv__copyBlock3 {
width:90%;
position:absolute;
top:45%;
left:5%;
text-align:center;
z-index:2;
}


.kv__copyBlock4 {
width:90%;
position:absolute;
top:30%;
left:5%;
text-align:center;
z-index:2;
}

.kv__copyBlocktop {
width:40%;
position:absolute;
top:-100%;
left:20%;
text-align:center;
z-index:2;
}






#top h3 {
  font-weight:normal;
  margin:5px 0;
  font-size: 16px;
  color:#333333;
  font-weight:normal;
}

#top h4 {
  font-weight:normal;
  margin:0;
  font-size: 12px;
  color:#333333;
  font-weight:normal;
}

#def2 {
	background-color:#B83937;
	padding:2px 10px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
line-height:220%;
height:30px;
}

#def {
	background-color:#000000;
	padding:2px 10px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
line-height:220%;
}
#def3 {
	
	padding:2px 10px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
line-height:220%;
}



.kv__copyBlock__txt {
	color:#FFFFFF;
	padding:0;
	font-weight:normal;
	margin:0;
	text-align:center;
	font-size:21px;
}
.kv__copyBlock__txt2 {
	color:#FFFFFF;
	padding:0;
	font-weight:normal;
	margin:0;
	text-align:center;
	

}
.b3 {
	display: inline-block;
	width: 320px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
margin:10px 0;
font-size:15px;
}
.b3::before,
.b3::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.b3,
.b3::before,
.b3::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.b3 {
	position: relative;
	-webkit-perspective: 300px;
	perspective: 300px;
}
.b3 span {
	display: block;
	position: absolute;
	width: 320px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}
.b3 span:nth-child(1) {
	background-color:#26C9FF;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
}
.b3 span:nth-child(2) {
	background-color:#26C9FF;
	color: #FFF;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -19px;
	-moz-transform-origin: 50% 50% -19px;
	transform-origin: 50% 50% -19px;
}
.b3:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.b3:hover span:nth-child(2) {
	background-color:#26C9FF;
	color: #26C9FF;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}



.demo-t {
  font-weight:normal;
  background:url("/common/images/common/tl-line.gif") repeat-x 0 8px;
  border-left:8px solid #C80012;
  margin-bottom:10px;
  font-size: 18px;
}

.demo-t span {
  padding:0 8px;
background-color:#FFFFFF;
}

.demo-t2 {
  font-weight:normal;
  border-left:8px solid #C80012;
  margin-bottom:10px;
  font-size: 18px;
}

.demo-t2 span {
  padding:0 8px;
background-color:#FFFFFF;
}

.demos-t {
  font-weight:normal;
  margin:10px 0;
  font-size: 15px;
}



.b4 {
	display: inline-block;
	width: 320px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
margin:10px 0;
font-size:15px;
}
.b4::before,
.b4::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.b4,
.b4::before,
.b4::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.b4 {
	position: relative;
	-webkit-perspective: 310px;
	perspective: 310px;
}
.b4 span {
	display: block;
	position: absolute;
	width: 320px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}
.b4 span:nth-child(1) {
	background-color:#C80012;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -20px;
	-moz-transform-origin: 50% 50% -20px;
	transform-origin: 50% 50% -20px;
}
.b4 span:nth-child(2) {
	background-color:#C80012;
	color: #FFF;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -19px;
	-moz-transform-origin: 50% 50% -19px;
	transform-origin: 50% 50% -19px;
}
.b4:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.b4:hover span:nth-child(2) {
	background-color:#C80012;
	color: #B83937;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}






.logo {
	float: left;
	margin-right: 30px;
	margin-left:15px;
}


.menu2 ul{
  margin-top:32px;
  padding:0;
  z-index:999;
}
.menu2 ul li {
  z-index:999;
  list-style: none;
  margin:0;
  padding:0 16px;
  font-size:13px;
  float: left;
  position: relative;
  height: 20px;/*親メニューの高さ*/
  line-height: 20px;
  background:#FFFFFF;/*親メニューの背景色*/
  color: #333333;/*親メニューの文字色*/
  text-align:center;
}


.menu2 ul li a {
  color: #333333;
  display: block;
  text-decoration: none;
}

.menu2 .active {
border-bottom:2px solid #C80012; 
}
.menu2 ul li:hover, .menu2 ul li a:hover {
  background:#EEEEEE;/*ホバー時の親メニューの背景色*/
  color:#555555;/*ホバー時の親メニューの文字色*/
}
.menu2 ul li ul {
  position: absolute;
  top: 0px;/*親メニューの高さと同じにする*/
  width: 120px;
  z-index: 100;
}
.menu2 ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 150px;/*サブメニューの幅*/
  height: 0;
  background:#33B3D1;/*サブメニューの背景色*/
  color:#FFFFFF;
  text-align:left;
padding-left:5px;
padding-top:5px;
}
.menu2 ul li ul li:hover, .menu2 ul li ul li a:hover {
  background:#42B7D5;/*ホバー時のサブメニューの背景色*/
  color:#FFFFFF;
}
.menu2 ul li:hover ul li, .menu2 ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:30px;/*サブメニューの高さ*/
  z-index: 10;
}
.menu2 * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.line-box {
border:1px solid #CCCCCC;
padding:20px;
background-color:#F7F7F7;
height:220px;
}

#cam h2 {
font-size:26px;
color:#26C9FF;
}

#cam h3 {
font-size:18px;
padding-bottom:20px;
}

#cam p {
font-size:15px;
margin-bottom:50px;
}


.line {
border:1px solid #CCCCCC;
margin-bottom:8px;
padding-bottom:10px;
position: relative;
}


.line-off {
border:1px solid #EEEEEE;
margin-bottom:8px;
padding-bottom:10px;

}

#top .line {
font-size:16px;

}

#point1 {
	background:url(/common/images/product/webapi/p1.gif) no-repeat;
	background-position: top center;
padding-top:110px;
padding-bottom:20px;
margin-top:18px;
}


#point2 {
margin-top:18px;	
	background:url(/common/images/product/webapi/p2.gif) no-repeat;
	background-position: top center;
padding-top:110px;
padding-bottom:20px;
}


#point3 {
	margin-top:18px;
	background:url(/common/images/product/webapi/p3.gif) no-repeat;
	background-position: top center;
padding-top:110px;
padding-bottom:20px;
}


#point4  {
	margin-top:18px;
	background:url(/common/images/product/webapi/p4.gif) no-repeat;
	background-position: top center;
padding-top:110px;
padding-bottom:20px;
}


#point5 {
	margin-top:18px;
	background:url(/common/images/product/webapi/p5.gif) no-repeat;
	background-position: top center;
padding-top:110px;
padding-bottom:20px;
}



.hidden-desktop {
  display: none !important;
}

.pb16 {
padding-bottom:16px;
}

.pt24 {
padding-top:24px;
}

#faq h3{
font-size:15px;
text-align:left;
font-weight:normal;
padding: 8px 0 8px 40px;
margin-bottom:0;
	background:url(/common/images/ico-q.gif) no-repeat;
	background-position: 0 3px;
}

#faq h4{
font-size:13px;
font-weight:normal;
padding: 8px 0 8px 40px;
padding-bottom:16px;
margin-bottom:0;
	background:url(/common/images/ico-a.gif) no-repeat;
	background-position: 0 3px;
}

#faq h2 {
  font-weight:normal;
  margin:24px 0;
  padding:0 0 0 10px;
  font-size: 24px;
color:#B83937;
text-align:left;
  border-left:4px solid #B83937;
}

.fbox {
  border-bottom:1px dotted #BBBBBB;
margin-bottom:-50px;
}

#planarea h2 {
  font-weight:normal;
  margin:24px 0;
  padding:0 0 0 10px;
  font-size: 20px;
color:#333333;
  border-left:4px solid #B83937;
}

#planarea h3 {
  font-weight:normal;
  margin-bottom:20px;
  padding:0;
  font-size: 18px;
color:#333333;
}

.caution {
font-size:11px;
padding:16px 0;
margin:16px 0;
line-height:250%;
}

.caution2 {
font-size:12px;
padding:6px 0;
margin:6px 0;
border-top:1px solid #BBBBBB;
}


.pl10 {
padding-left:15px;
}

.desktop80 img {
width:85%;
}

nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
font-size:11px;
}
nav#breadcrumbs ol li:before {
  content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
  content:"";
}


#campaign h4 {
  font-weight:normal;
  padding-bottom:30px;
  border:none;
  font-size: 28px;
  font-weight:normal;
  text-align:center;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;
}


#campaign .price {
  font-weight:normal;
  padding-bottom:10px;
  border:none;
  font-size: 24px;
  text-align:center;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;
}

#campaign .price2 {
  font-weight:normal;
  padding-bottom:30px;
margin:0 20px 10px 20px;
border-bottom:1px solid #BBBBBB;
  font-size: 20px;
  text-align:center;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;

}

#campaign .text {
  padding:10px 0 0 100px;
  font-size: 13px;
}

.padding100 {
padding:0 30px;
}

#pic1 {
	background:url(http://wedding.mielparque.jp/photowedding/wp/wp-content/uploads/pic11.jpg) no-repeat;
	background-position: top left;
background-size:cover;
height:880px;
}

#pic2 {
	background:url(http://wedding.mielparque.jp/photowedding/wp/wp-content/uploads/pic2.jpg) no-repeat;
	background-position: top left;
background-size:cover;
height:700px;
}
.plus {
  font-size: 210px;
margin:10px 0;
padding-bottom:60px;
color:#43BEA0;
font-weight:bold;
}

#kodawari2 {
	background:url(/common/images/cam/pic3.jpg) repeat-x;
	background-position: top left;
background-size: contain;
height:700px;
}

#tl {
  font-size: 26px;
padding:20px 0 20px 0;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
}

.st1 {
  font-size: 26px;
padding:0 0 20px 0;
color:#43BEA0;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
}

.st2 {
  font-size: 22px;
padding:0 0 16px 0;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
}
#full h2 {
  font-weight:normal;
  padding-bottom:20px;
  margin:20px 0;
  border:none;
  font-size: 25px;
  font-weight:normal;
  text-align:center;
  background:url("/common/images/common/tl-line.gif") repeat-x 0 8px;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;

}

#full h2 span {
	padding:5px 10px 30px 10px;
	color:#333;
}





/* ドロワーメニュー */
.contents {
	display: table;
	width: 100%;
	height: 100vh;
	padding: 0;
	margin: 0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}





/* ------------------------------------------------ drawer menu */
.drawer-menu {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	padding: 80px 20px 80px 20px;
	background: #222;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: perspective(500px) rotateY(-90deg);
	transform: perspective(500px) rotateY(-90deg);
	opacity: 0;
}

.drawer-menu li {
	text-align: left;
}

.drawer-menu li a {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #fff;
	-webkit-transition: all .8s;
	transition: all .8s;
}

.drawer-menu li a:hover {
	color: #1a1e24;
	background: #fff;
}

/* ------------------------------------------------ checkbox */
.check {
	display: none;
}

/* ------------------------------------------------ menu button */
.menu-btn {
	position: fixed;
	display: block;
	top: 15px;
	right: 10px;
	display: block;
	width: 50px;
	height: 50px;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
border:1px solid #BBBBBB;
	z-index: 999;
border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

.menu-btn2 {
	position: fixed;
	display: block;
	top: 15px;
	right: 70px;
	display: block;
	width: 50px;
	height: 50px;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
border:1px solid #BBBBBB;
	z-index: 999;
border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

.menu-btn3 {
	position: fixed;
	display: block;
	top: 15px;
	right: 130px;
	display: block;
	width: 50px;
	height: 50px;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
border:1px solid #BBBBBB;
	z-index: 999;
border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
.bar {
	position: absolute;
	top: 10px;
	left: 15px;
	display: block;
	width: 20px;
	height: 3px;
	background: #999;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}

.bar2 {
	position: absolute;
	top: 6px;
	left: 12px;
	display: block;
}

.bar.middle {
	top: 17px;
	opacity: 1;
}

.bar.bottom {
	top: 24px;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}

.menu-btn__text {
	position: absolute;
	bottom: -5px;
	left: 2px;
	right: 0;
	margin: auto;
	color: #333;
	-webkit-transition: all .5s;
	transition: all .5s;
	display: block;
	visibility: visible;
	opacity: 1;
}

.menu-btn__text2 {
	position: absolute;
	bottom: -5px;
	left: 2px;
	right: 0;
	margin: auto;
	color: #333;
	-webkit-transition: all .5s;
	transition: all .5s;
	display: block;
	visibility: visible;
	opacity: 1;
}

.menu-btn:hover .bar {
	background: #999;
}

.menu-btn:hover .menu-btn__text {
	color: #333;
}

.close-menu {
	position: fixed;
	top: 0;
	right: 300px;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0);
	cursor: url(../images/cross.svg),auto;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	visibility: hidden;
	opacity: 0;
}

/* ------------------------------------------------ checked */
.check:checked ~ .drawer-menu {
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity: 1;
	z-index: 2;
}

.check:checked ~ .contents {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	transform: translateX(-300px);
}

.check:checked ~ .menu-btn .menu-btn__text {
	visibility: hidden;
	opacity: 0;
}

.check:checked ~ .menu-btn .bar.top {
	width: 30px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.check:checked ~ .menu-btn .bar.middle {
	opacity: 0;
}

.check:checked ~ .menu-btn .bar.bottom {
	width: 30px;
	top: 30px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.check:checked ~ .close-menu {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	background: rgba(0,0,0,.5);
	visibility: visible;
	opacity: 1;
	z-index: 3;
}



textarea{
border:0;
padding:10px;
color:#333;
border:solid 1px #ccc;
margin:0 0 0px;
width:500px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

@media (max-width: 767px) {
textarea{
border:0;
padding:10px;
color:#333;
border:solid 1px #ccc;
margin:0 0 0px;
width:100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
    }

.button{
	width:360px;
	background-color: #02c2cc;
	color:#fff;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.0);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.0);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.0);
border:solid 1px #0a9191;
margin-top: 20px;
}

#cform table{
	width:100%;
	border-right: solid 1px #e3e3e3;
margin-bottom:20px;
}

#cform table th{
	vertical-align: top;
	font-size: 13px;
	text-align:left;
	border-bottom: solid 1px #e3e3e3;
	border-top: solid 1px #e3e3e3;
	border-right: solid 1px #e3e3e3;
	border-left: solid 1px #e3e3e3;
	padding:10px;
	background-color:#F7F7F7;
}

#cform table td{

	border-bottom: solid 1px #e3e3e3;
	border-top: solid 1px #e3e3e3;
	padding:10px;
}

.att{
	text-align: left;
	margin-bottom: 10px;
}

#cform table th span  {
background-color:#C80012;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:2px 10px;
font-size:12px;
color:#FFFFFF;
}
.clearfix:after {
  content: ".";  /* 譁ｰ縺励＞隕∫ｴ繧剃ｽ懊ｋ */
  display: block;  /* 繝悶Ο繝�け繝ｬ繝吶Ν隕∫ｴ縺ｫ */
  clear: both;
  height: 0;
  visibility: hidden;
}

#submit_button {
  text-align:center;
padding:15px 0;
font-weight:normal;
font-size:18px;
}

#submit_button input {
background-color:#C60018;
  width: 320px;
padding:15px 0;
  color:#FFFFFF;
	font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
  border: none;
cursor: pointer;
}


/* tablet only*/
@media (min-width:768px) and (max-width: 979px) {
.visible-tablet {
    display: inherit !important;
  }

.header-contain {
padding: 0 0 20px 0;
}
#header2{
	background-color: #fff;
border-bottom:1px solid #CCCCCC;
	padding: 0px;
	z-index: 100;
	width: 100%;
	height:80px;
	position: fixed;
}


.name {
font-size:13px;
height:130px;
}

.name2 {
font-size:12px;
}

.phone100 img {
width:90%;
padding:0 10px;
}

.hidden-phone {
    display: none !important;
  }
#tl {
  font-size: 22px;
padding:20px 0 10px 0;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
}
#kodawari2 {

height:500px;
}

#point1 {
	font-size:11px;
}


#point2 {
	font-size:11px;
}


#point3 {
	font-size:11px;
}


#point4  {
	font-size:11px;
}


#point5 {
	font-size:11px;
}

.st1 {
padding:0;
  font-size: 20px;
}

.st2 {
padding:0;
  font-size: 16px;
}

.line-box {
margin-top:20px;
height:160px;
}

#campaign .text {
  padding:10px 0 0 20px;
  font-size: 13px;
}

#step h4 {
  font-weight:normal;
  margin:0 0 12px 0;
  padding:0;
  border:none;
  font-size: 16px;
}
.plus {
  font-size: 50px;
margin:10px 0;
color:#43BEA0;
font-weight:bold;
}


#step h4 span {
  font-weight:normal;
  margin:0 0 24px 0;
  padding:0;
color:#B83937;
  border:none;
  font-size: 16px;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
}

#step p {
  font-weight:normal;
  margin:0 0 18px 0;
  padding-bottom:18px;
  border:none;
  font-size: 12px;
  line-height:150%;
  border-bottom:1px dotted #BBBBBB;
}





#seo-header{
	padding: 1px 0;
}

#seo-header h1{
	font-size:11px;
	padding:0;
font-weight:normal;
line-height:120%;
color:#FFFFFF;
}

#honbun {
text-align:center;
}

#honbun2 h2 {
text-align:center;
}

#honbun2 p {
text-align:center;
}
img.logo {
padding-bottom:12px;
}

.container {
padding:0 16px;
}

nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
font-size:11px;
}
nav#breadcrumbs ol li:before {
  content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
  content:"";
}

h1 {
  margin:10px 0 0 0;
  border:none;
  font-size: 18px;
  font-weight:normal;
  text-align:center;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;

}

#header-in {
padding:12px 0 12px 0;
}
  }


@media (min-width:569px) and (max-width: 767px) { {
#top {
padding-top:420px;
}
#cv3 {
padding:0 10px;
}

.button-back {

width:300px;
font-size:14px;

}

audio::-internal-media-controls-download-button {
    display:none;
}

audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}






	.span_5 { width: 37%; }
	.span_7 { width: 63%; }


#cform table td{
	border-left: solid 1px #e3e3e3;
}

/* ドロワーメニュー */


.honbun{
padding:0 10px;
}

.photo50 img {
width:56%;
padding-bottom:20px;
}


.clear3 {
clear:both;
height:12px;
}
.clear {
clear:both;
height:12px;
}

#n-list {
padding:0 10px;
}

.newsmain {
padding:0 10px;
}

#p-title h2 {

  font-size: 20px;
}

.news-cat ul li {
float:left;
width:45%;
}
#slide {
    position: fixed;
    width: 200px;
    height: 30px;
z-index:100;
    bottom:0;
    left: 0;
    color: #666;
    background: #fff;
    border-left: solid 1px #999;
    border-top: solid 1px #999;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);
    background: #FFFFFF url(/common/images/backbox.png) no-repeat top left; 
}





textarea{
border:0;
padding:10px;
color:#333;
border:solid 1px #ccc;
margin:0 0 0px;
width:340px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

div#mainDemoBOX .demo .demoContent .entry_wrap textarea{
height:65px;
}

#talk3 textarea{
border:0;
padding:5px;
color:#333;
border:solid 1px #ccc;
margin:0 0 0 0;
width:250px;
font-size:13px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


div#mainDemoBOX .demo .demoContent .entry_wrap #talk3 textarea{
height:90px;
}

div#mainDemoBOX .demo .demoContent .entry_wrap .btnarea{
height:70px;
padding-left:-15px;
margin-left:-15px;
}

div#mainDemoBOX .demo {
padding:5px;
}


.button{
	width:300px;
	background-color: #02c2cc;
	color:#fff;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.0);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.0);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.0);
border:solid 1px #0a9191;
margin-top: 20px;
}

.caution {
font-size:11px;
padding:4px 0;
margin:0;
line-height:170%;
}
.pl50 {
padding-left:0;
}
.c-name {
font-size:18px; 
margin:-10px 0 16px 0;
}

#sitemap {
    display: none !important;
}
.center2 {
text-align:left;
}



.center3 {
text-align:center;
}
.fbox {
  border:initial;
margin-bottom:-50px;
}
#faq h3{
font-size:12px;
text-align:left;
font-weight:normal;
padding: 5px 0 39px 40px;
margin-bottom:0;
background:url(/common/images/ico-q.gif) no-repeat;
background-position: 0 3px;
display:block;
}

#faq h4{
font-size:12px;
font-weight:normal;
padding: 0 0 8px 40px;
padding-bottom:36px;
margin-bottom:30px;
	background:url(/common/images/ico-a.gif) no-repeat;
	background-position: 0 3px;
}

.line strong {
font-size:11px;
}

#icon2 .line{
border:none;
}


#icon3 .line{
border:none;
}

#icon .line{
border:none;
}

.mm4 {
margin-left:8px;
}
.product {
 padding:100px 5px 0 5px;
}

.news-top {
 padding:100px 5px 0 5px;
}

#jirei-head {
 padding-top:100px;
}

.jirei {
 padding:0 5px;
}


.product h2 {
  font-weight:normal;
  margin:50px 0 30px 0;
  border:none;
  font-size: 20px;
  text-align:center;
color:#C80012;
}

.product h3 {
  font-weight:normal;
  padding-bottom:10px;
  margin:60px 0 20px 0;
  border:none;
  font-size: 16px;
  text-align:center;
  background:url("/common/images/common/tl-line.gif") repeat-x 0 8px;
}

.product h3 span {
	background-color:#FFFFFF;
	padding:5px 10px 30px 10px;
	color:#333;
}

.prt h3 {
  font-weight:normal;
  padding-bottom:10px;
  margin:60px 0 20px 0;
  border:none;
  font-size: 16px;
  text-align:center;
  background:url("/common/images/common/tl-line.gif") repeat-x 0 8px;
}

.prt h3 span {
	background-color:#FFFFFF;
	padding:5px 10px 30px 10px;
	color:#333;
}


.news-area {
	width:100%;
	font-size:13px;
}
.news-area dl {
	padding:10px 0;
	line-height:150%;
border-bottom:1px solid #CCCCCC;
}
.news-area dl dt {
	display:block;
color:#555555;
	margin-bottom:10px;
}

.news-area dl dt span  {
background-color:#C80012;
display:block;
width:130px;
text-align:center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:2px 10px;
font-size:12px;
color:#FFFFFF;
}

.news-area dl dd {
height:50px;
}
.topics1 {
	padding:0 10px;
}


.topics2 {
	padding:0 10px;
}

.related1 {
   background:#EEEEEE url(/common/images/common/jireiback33.png) no-repeat;
   background-position: bottom right;
margin-top:30px;

}
#jirei {
   padding:10px;

}

.related1 h3 {
font-size:16px;
padding-bottom:15px;
padding-left:10px;
}

.related1 strong {

padding-left:10px;
}

.j-list {
padding:15px 5px;
}

#main-area h2 {
  font-weight:normal;
  padding-bottom:10px;
  margin:20px 0;
  border:none;
  font-size: 34px;
  text-align:center;
  background:url("/common/images/common/tl-line.gif") repeat-x 0 8px;


}


.navi {
background-color:initial;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
padding:initial;
position: relative;
overflow: hidden;
padding:0;
margin:0;
}

.navi ul {
list-style:none;
float:initial;
}

.navi ul li {
float:left;
padding:5px;
border:initial;
width:33%;
text-align:center;
}


.navi ul li:first-child {
 border-left:initial;
}

#main-area h2 span {
	background-color:#FFFFFF;
	padding:5px 10px 30px 10px;
	color:#333;
}
#demobox {
border-bottom:2px solid #000000;
border-top:2px solid #000000;
border-right:0;
border-left:0;
padding:30px 0 20px 6px;
margin:0;
}
#main-bnr {
position:absolute;
top:80px;
right:0;
   height:320px;
   background:url(/common/images/top/main-back2.png) no-repeat;
   background-position: top left;
   width:100%;
border-bottom:2px solid #000000;
}

#main-bnr-text {
   padding:30px 10px 0 10px;
z-index:10;
text-shadow: 0 0 3px #FFF;
}
#main-bnr-text h2 {
   font-size:23px;
font-weight:normal;
padding-bottom:20px;
color:#000000;
line-height:160%;
text-align:center;
}

#main-bnr-text h3 {
   font-size:14px;
font-weight:normal;
padding-bottom:20px;
color:#000000;
text-align:center;
}

#main-bnr-text p {
margin-left:5px;
}

.border-box {
border:1px solid #CCCCCC;
padding:15px;
margin:0 10px;
background-color:#FFFFFF;
}

.border-box2 {
border:2px solid #FF7F00;
padding:15px;
margin:0 10px;
background-color:#FFFFFF;
}


.maintext {
padding:8px 10px 24px 10px;
font-size:15px;
}

.photo80 {
width:60%;
margin:auto;
}
.visible-tablet {
    display: none !important;
  }
.hidden-phone {
    display: none !important;
  }

#kodawari2 {
	background:url(/common/images/cam/pic3.jpg) repeat-x;
	background-position: top left;
background-size: contain;
height:220px;
}
#step {
padding:10px;
}
#faq h2 {
  font-weight:normal;
  margin:24px 0;
  padding:0 0 0 10px;
  font-size: 16px;
color:#B83937;
text-align:left;
  border-left:4px solid #B83937;
}

#step h4 {
  font-weight:normal;
  margin:0 0 12px 0;
  padding:0;
  border:none;
  font-size: 16px;
}
.plus {
  font-size: 50px;
margin:10px 0;
color:#43BEA0;
font-weight:bold;
}


#step h4 span {
  font-weight:normal;
  margin:0 0 24px 0;
  padding:0;
color:#B83937;
  border:none;
  font-size: 16px;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
}

#step h5 {
  font-weight:normal;
  margin:32px 0 0 5px;
  padding-left:10px;
  font-size: 18px;
color:#B83937;
  border-left:4px solid #B83937;
}
.line-box {
border:none;
padding:0;
background-color:inherit;
margin:0;
height:80px;
}
.plus {
  font-size: 50px;
margin:0;
padding:0;
color:#43BEA0;
font-weight:bold;
}

#campaign h4 {
  padding-bottom:20px;
margin-top:50px;
}


#campaign .price {

  font-size: 18px;

}

#campaign .price2 {
  font-weight:normal;
  padding-bottom:20px;
margin:0 20px 10px 20px;
  font-size: 16px;
}

#campaign .text {
  padding:10px 0 0 100px;
  font-size: 13px;
}


.st1 {
  font-size: 20px;
text-align:center;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
}

.st2 {
  font-size: 18px;
text-align:center;
padding:0 0 16px 0;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
}

h1 {
  margin:10px 0 0 0;
  border:none;
  font-size: 14px;
  font-weight:normal;
  text-align:center;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
font-weight: normal!important;
font-style: normal!important;

}


#header-in{
	padding-top: 10px;
	position: relative;

}




.pb16 {
padding-bottom:16px;
margin-bottom:24px;
border-bottom:1px solid #BBBBBB;
}


.kv__copyBlock-concept h3 {
font-size:15px;
}


.plan {
line-height:130%;
font-size:11px;

}

.news-area dl dt {
	display:block;
	float:inherit;
	width:100%;
	margin-right:0;
	border-right:inherit;
}
#honbun {
margin:20px 0;
font-weight:normal;
font-size:13px;
text-align:center;
line-height:170%;
}

.b4 {

}

.s-menu ul li {
text-align:center;
padding:0 12px;
float:left;
margin-right:5px;
margin-bottom:10px;
}

.s-menu p {
background-color:#D9807D;
border:1px solid #D9807D;
color:#FFFFFF;
padding:0 12px;
float:none;
margin-right:0;
margin-bottom:10px;
}


#PROFILE {
padding:0 10px;
}

#planarea h2 {
margin-left:10px;
}

#PROFILE dl dd {

padding-left:0;

}
.p-box {
margin:auto;

}
.box-3 {
padding:0 8px;
}
.box-24 {
padding:5px 0;
}

.voice {
border:1px solid #CCC;
margin:0 5px;
padding:20px 10px;
height:230px;
}
#header2{
	background-color: #fff;
border-bottom:1px solid #CCCCCC;
	padding: 0px;
	z-index: 100;
	width: 100%;
	height:80px;
	position: fixed;
}

.header-contain {
padding: 80px 0 10px 0;
}



  .hidden-desktop {
    display: inherit !important;
  }
.kv__copyBlock__txt {
	color:#FFFFFF;
	padding:0;
	font-weight:normal;
	margin:0;
	text-align:center;
	font-size:15px;

}

.kv__copyBlock2 {
width:80%;
position:relative;
margin-top:240px;
left:10%;
text-align:center;
z-index:2;
}

#second h2 {
  font-weight:normal;
  padding-bottom:32px;
  margin-top:20px;
  border:none;
  font-size: 18px;
  font-weight:normal;
  text-align:center;
  background:url("/common/images/subttl.png") repeat-x 0 5px;
}

#second h2 span {
	background-color:#FFFFFF;
	padding:5px;
	color:#333;
}

#top h2 {
  font-weight:normal;
  padding-bottom:10px;
  margin:20px 0;
  color:#333333;
line-height:120%;
  text-align:center;
  font-weight:normal;
  background:initial;

}

#top h2 span {
	padding-left:14px;
	font-weight:normal;
	font-size: 20px;
	color:#333333;
	font-weight:normal;
  background-color:#FFFFFF;
}

#second h3 {
  font-weight:normal;
  margin:0 0 10px 0;
padding:0;
  border:none;
  font-size: 15px;
  font-weight:normal;
}

#second h3 span {
	color:#33B3D1;
}



.second h2 {
  font-size: 16px;
  margin:0 0 20px 0;
}



.second h3 {

  font-size: 14px;

}


#spec {
  padding:10px;
}


#spec h2 {
  font-size: 20px;
padding-left:10px;
}

#spec h3 span {
	  font-size:12px;
}

#spec h3 {
  font-size: 24px;
padding-left:10px;
}


.kv__copyBlock2 {
width:80%;
position:absolute;
top:30px;
left:10%;
text-align:center;
z-index:10;
}

.kv__copyBlock2 h2 {
text-align:center;
float: inherit;
}








.phone100 img {
width:100%;
padding:0 10px;
}

h4 {
padding:0 10px;
}



.phone40 {
margin-bottom:40px;
}

.clear2 {
clear:both;
height:0px;
}

.shopttl {
margin-bottom:1px;
}

.topics {
	margin:10px;
	padding:10px 5px;
}

.news-area dl {
	padding:10px;
}
.news-area dl dt {
	width:21%;
}

.title {
text-align:left;
  font-size: 19px;

}

.gray {
padding:10px;
}

.gray h4 {
margin:8px 0;
font-size:11px;
font-weight:normal;
}

.subbox {
padding:10px;
}

.subbox h2 {
  padding-bottom:8px;
  font-size: 16px;
  text-align:center;
}

.b3 {
	width: 100%;
margin-left:8px;
}



#cam h2 {
font-size:20px;
}

#cam h3 {
font-size:15px;
padding-bottom:20px;
text-align:center;
}

#cam p {
font-size:13px;
margin-bottom:20px;
}

nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
font-size:11px;
}
nav#breadcrumbs ol li:before {
  content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
  content:"";
}
#cv h3 {
  padding-left:7px;
}

#step2 {

  padding:0 10px;;

}
#step2 h4 {
  font-weight:normal;
  margin:0 0 12px 0;
  padding:0;
  border:none;
  font-size: 15px;
}



#step2 h4 span {
  font-weight:normal;
  margin:0 0 24px 0;
  padding:0;
color:#B83937;
  border:none;
  font-size: 19px;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
}


}

@media only screen
 and (device-height: 568px) {

#step {
padding:10px;
}
#faq h2 {
  font-weight:normal;
  margin:24px 0;
  padding:0 0 0 10px;
  font-size: 16px;
color:#B83937;
text-align:left;
  border-left:4px solid #B83937;
}

#step h4 {
  font-weight:normal;
  margin:0 0 12px 0;
  padding:0;
  border:none;
  font-size: 16px;
}
.plus {
  font-size: 50px;
margin:10px 0;
color:#43BEA0;
font-weight:bold;
}


#step h4 span {
  font-weight:normal;
  margin:0 0 24px 0;
  padding:0;
color:#B83937;
  border:none;
  font-size: 16px;
 font-family: 'fgutsukushiweb',"游明朝", YuMincho,"ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,serif!important;
}

#step h5 {
  font-weight:normal;
  margin:32px 0 0 5px;
  padding-left:10px;
  font-size: 18px;
color:#B83937;
  border-left:4px solid #B83937;
}
.b3 {
	width: 260px;
}

#cv h3 {
  padding-left:7px;
}


.kv__copyBlock2 {

margin-top:140px;

}

.pb16 {
padding-bottom:16px;
margin-bottom:24px;
border-bottom:1px solid #BBBBBB;
}

.b3 {
	position: relative;
	-webkit-perspective: 240px;
	perspective: 240px;
}
.b3 span {

	width: 260px;

}




.b4 {
	width: 260px;
}



.b4 {
	position: relative;
	-webkit-perspective: 240px;
	perspective: 240px;
}
.b4 span {

	width: 260px;

}

#cv h2 {

  font-size: 16px;

}


.kv__copyBlock-concept {

top:20px;

}

.kv__copyBlock-concept h2 {
font-size:20px;
}

.kv__copyBlock-concept h3 {
font-size:15px;
}


.second h2 {
  margin:0 0 20px 0;
  font-size: 14px;


}



#cam h2 {
font-size:20px;
}

#cam h3 {
font-size:15px;
padding-bottom:20px;
text-align:center;
}

#cam p {
font-size:13px;
margin-bottom:20px;
}
nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
font-size:11px;
}
nav#breadcrumbs ol li:before {
  content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
  content:"";
}

}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #speed {margin-bottom:-20px;} #pitch {margin-bottom:-20px;} #range {margin-bottom:-20px;}/* IE11 */
}

@media all and (-ms-high-contrast:none){
  #speed {margin-bottom:-20px;} #pitch {margin-bottom:-20px;} #range {margin-bottom:-20px;}/* IE11 */
}