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

#productimg {
padding-left:100px;
padding-right:100px;
}

#productimg img {
margin-bottom:35px;
}

.error {
    color: #FF0000;
    display: block;
}

.sel1 {

}

.sel2 {

}

.sel3 {

}


.sel3 span {

}

.sel4 {

}





#submenu2 {
    position: absolute;
    top: 0px;
    right: 250px;
}

#submenu2 ul li {
    float: left;
    padding-left: 20px;
    font-size: 13px;
}

#submenu2 a:before {
    content: "\f054";
    font-family: FontAwesome;
    padding-right: 5px;
		color:#C80012;
}

.menu2>ul>li:nth-child(2)::before,.menu2>ul>li>a::before {
    content: "\f054";
    font-family: FontAwesome;
    padding-right: 5px;
		color:#C80012;
}

.english_header .menu2>ul>li:nth-child(2)::before {
    content: "";
    padding-right: 0px;
}

.english_header #eng {
    top: auto;
}

#parsonal a:before {
    content: "\f054";
    font-family: FontAwesome;
    padding-right: 5px;
		color:#C80012;
}

#parsonal {
    position: absolute;
    top: 80px;
    right: 8px;
	font-size:16px;
}

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

#spe a{text-decoration:underline; color:#222222;}
#spe a:link {text-decoration:underline; color:#222222;}
#spe a:visited {text-decoration:underline; color:#222222;}
#spe a:hover {text-decoration:underline; color:#222222;}
#spe a:active {text-decoration:underline; color:#222222;}

#parsonal a{text-decoration:none; color:#C80012;}
#parsonal a:link {text-decoration:none; color:#C80012;}
#parsonal a:visited {text-decoration:none; color:#C80012;}
#parsonal a:hover {text-decoration:none; color:#C80012;}
#parsonal a:active {text-decoration:none; color:#C80012;}

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


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

#cv3 .col {
padding-bottom:32px;
}


.lineimg img {
	border:1px solid #CCCCCC;
}

.newicon {
	display: inline-block;
	background-color:#DF1D20;
	color:#FFFFFF;
	padding:4px;
	border-radius: 10px;
	margin-left:5px;
	font-size:15px;
}

.lineimg h4 {
	font-size:19px;
	width: 280px;
	font-weight: bold;
	margin-top:14px;
}


.container-yomi {
    max-width: 1140px;
    margin: 0 auto;
}

#use strong {
    font-size: 16px;
    color: #C51815;
    margin-top: 10px;
    display: inline-block;

}



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 */
}
.line h3 {
height:50px;
}

.logbox {
    border: solid 1px #808080;
    width: 690px;
    height: 250px;
    padding: 0.5em;
    overflow: auto;
    margin-bottom: 10px;
}

.acpwd-submit {
    margin: 0 10px;
    color: #000000;
    background-color: #FFFFFF;
    box-shadow: inherit;
}

.dl {
line-height:200%;
}

.dl-text {
font-size:18px;
line-height:170%;


}

#moviebox {
width:620px;
height:450px;
    background: #FFFFFF url(//www.ai-j.jp/wp2/wp-content/uploads/2017/03/movieback1.png) no-repeat top left;
padding:17px 0 0 20px;
margin:0 auto;


}

#moviebox_sp {
    margin: auto;
    text-align: center;
    padding:20px 0;
}
#moviebox_sp iframe {
    width: 90%;
    height: 200px;
    border: 1px solid #eee;
}

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

#subtlr {
font-size:21px;
color:#1399A9;
}

#pankuzu ul {
list-style:none;
font-size:11px;
padding:10px 0;
}

#pankuzu ul li {
float:left;
padding-right:5px;
color:#999999;
}

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

.nt  {
  font-weight:normal;
  font-size: 15px;
margin:10px 0 5px 0;
}
.nt span  {
  font-weight:normal;
  font-size: 15px;
background-color:#3BABC6;
color:#FFFFFF;
padding:3px;
border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.sp-line {
    border-right: solid 1px #e3e3e3;
width:35%;
}


  #test {
    display: inherit !important;
	position: absolute;
	left: 10px;
	top: 200px;
  }

  #test2 {
    display: inherit !important;
	position: absolute;
	left: 10px;
	top: 30px;
  }

#ftest2 {
display:none;
}

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

}
#search2{
	position: absolute;
	right: 430px;
	top: 0px;
z-index: 999;
font-size:12px;
}

.sounds {

    background: #FFFFFF url(https://www.ai-j.jp/wp2/wp-content/uploads/2016/03/sound.png) no-repeat top left;
padding:0 3px 0 15px;
}

#search{
	margin:0;
paddin-right:10px;
width:180px;
}

.color-main {
	background-color: #101f3e;
	color: #ffffff;
}
/* category page */
.archive-title {
	margin-top: 0;
	margin-bottom: 0;
	border-right: solid 1px #cccccc;
	background-color: #eeeeee;
	font-size: 20px;
	font-weight: normal;
}
.archive-title i {
	padding: 15px;
	border-top: solid 1px #101f3e;
}

#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:600px;
font-size:19px;
margin:15px auto;
}
.button-kojin:hover {
	background-color: #EEEEEE;
	border-color: #C80012;
}

.button-kojin2 {
	background-color: #EEEEEE;
	border: 2px solid #333;
	line-height: 50px;
text-align:center;
width:540px;
font-size:19px;
margin:5px 0;
}
.button-kojin2: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;
}

.kanjyou2 {
position: absolute;
  top: -20px;
  right: -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:23px;
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;
}

#number ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 1em;
  border: solid 2px #B20000;
margin:20px 100px;
}
#number ol li{
  border-bottom: dashed 1px #B20000;
  position: relative;
  padding: 0.5em 0.5em 0.5em 30px;
  line-height: 1.5em;
font-size:16px;
}
#number ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #B20000;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/

}
#number ol li:last-of-type{
  border-bottom: none; /*最後のliの線だけ消す*/
}


.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;
   position:relative;
}

#alphabox {
    position: absolute;
    background-color: rgba(136,136,136,0.7);
    padding: 10px;
    text-align: center;
    width: 100%;
    top: 5px;
    color: #FFFFFF;
    left: 0px;
}

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

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

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

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

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


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

#scot {
   background:url(/common/images/lang/scot.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:13px;
font-weight:bold;
}

.ca-list h4 {
font-size:17px;
font-weight:bold;
color:#C80012;
}


.tx200 {
height:100px;
}
#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: 30px;
  text-align:center;
}

#p-back{
	background:#FFFFFF url("/wp2/wp-content/uploads/2016/07/back-party.png") no-repeat bottom 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,.ca-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:200px;
}

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


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

#sb-container .btn-plan {
    padding: 0;
}

#sb-container .btn-plan a {
    width: 100%;
    display: block;
    padding: 10px;
}


.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;
background-color:#FFFFFF;
overflow: hidden;
}



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


.point-c {
    font-size: 40px;
    color: #FFFFFF;
    font-weight: 700;
    background-color: #C80012;
    border-radius: 200px;
    text-align: center;
    display: inline-block;
    padding: 30px 38px;
    margin-bottom: 10px;
}

.point-c span {
	display: block;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
}

.li-t {
  font-weight:bold;
  margin:10px 0;
  border:none;
  font-size: 21px;
  color:#C80012;
}

.mi-t {
  font-weight:normal;
  margin-bottom:30px;
  border:none;
  font-size: 18px;
	line-height: 200%;
}

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

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



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

#training strong {
  font-size:17px;
}
.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;
  margin-bottom:10px;
  font-size: 18px;
height:50px;
}

#cv3 h2 span {
background-color:#FFFFFF;
display:block;
}

#cv3 img {
margin-bottom:6px;
border:1px solid #CCCCCC;
	width:100%;
	height:auto;
}

#cv4 {
padding:10px;
border:1px solid #DDDDDD;
}

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

#cv4 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:420px;
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;
}

.entry2{
	position: absolute;
	right: 200px;
	top: 26px;
}

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

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

#conv3 {
	position: absolute;
	right: 286px;
	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{

}

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

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

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

#search2 input{
border:0;
padding: initial;
font-size: initial;
font-size: 12px;
font-family: initial;
color: initial;
border: initial;
margin: initial;
-webkit-border-radius: initial;
-moz-border-radius: initial;
border-radius: initial;
-moz-box-shadow: initial;
-webkit-box-shadow: initial;
box-shadow: initial;
padding:4px;
}
.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;
vertical-align:middle;
}


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

#specplus table th,#specplus2 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;
}

#specplus table td{
	border-bottom: solid 1px #e3e3e3;
	border-top: solid 1px #e3e3e3;
	padding:10px;
	width:20%;
}

#specplus2 table td{
	border-bottom: solid 1px #e3e3e3;
	border-top: solid 1px #e3e3e3;
	padding:10px;
	width:70%;
}



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

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

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

}

#pankuzu a{text-decoration:none; color:#999999;}
#pankuzu a:link {text-decoration:none; color:#999999;}
#pankuzu a:visited {text-decoration:none; color:#999999;}
#pankuzu a:hover {text-decoration:none; color:#999999;}
#pankuzu a:active {text-decoration:none; color:#999999;}

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

#libbox #cv3 a{text-decoration:none; color:#000000;}
#libbox #cv3 a:link {text-decoration:none; color:#000000;}
#libbox #cv3 a:visited {text-decoration:none; color:#000000;}
#libbox #cv3 a:hover {text-decoration:none; color:#000000;}
#libbox #cv3 a:active {text-decoration:none; color:#000000;}

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

#number a{text-decoration:none; color:#222222;}
#number .navi a:link {text-decoration:none; color:#222222;}
#number .navi a:visited {text-decoration:none; color:#222222;}
#number .navi a:hover {text-decoration:none; color:#222222;}
#number .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;}


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

#cv3 a{text-decoration:none; color:#D90000;}
#cv3 a:link {text-decoration:none; color:#D90000;}
#cv3 a:visited {text-decoration:none; color:#D90000;}
#cv3 a:hover {text-decoration:none; color:#D90000;}
#cv3 a:active {text-decoration:none; color:#D90000;}


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

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

#conv3 a{text-decoration:none; color:#FFFFFF;}
#conv3 a:link {text-decoration:none; color:#FFFFFF;}
#conv3 a:visited {text-decoration:none; color:#FFFFFF;}
#conv3 a:hover {text-decoration:none; color:#FFFFFF;}
#conv3 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%;
}

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

.kv__copyBlock4 {
    width: 38%;
    position: absolute;
    top: 280px;
    left: 29%;
    text-align: center;
    z-index: 2;
}

.kv__copyBlock4 h2 {
    font-weight: normal;
    font-size: 19x;
    padding: 5px;
    text-align: center;
    color: #FFFFFF;
}
.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-pa {
  font-weight:normal;
  background:url("/common/images/common/tl-line.gif") repeat-x 0 8px;
  border-left:8px solid #7371f0;
  margin-bottom:10px;
  font-size: 18px;
}

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




.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;
z-index:10;
}
.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);
}



#cv3 .b4 span {
	width: 260px;
}



.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:16px;
  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;
}

  .hidden-phone {

  }

.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:15px;
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;
}

.fbox2 {
  border-bottom:1px dotted #BBBBBB;
}


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











/* ------------------------------------------------ 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: 80;
}

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

input{
border:0;
padding:2px;
color:#aaa;
border:solid 1px #ccc;
margin:0 0 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#form input{
border:0;
padding:5px;
color:#000;
border:solid 1px #ccc;
margin:5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

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

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

.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;
	width:20%;
	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;
float:right;
}
.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;
}

#spe3 table #three{
background-color:#FEF3F4;
font-size:15px;
}

#spe3 table #three2{
background-color:#FEF3F4;
font-size:15px;
}

#spe3 table #three3{
background-color:#FEF3F4;
font-size:15px;
}

#training p {
font-size:17px;
line-height:250%;
}

#training ul {
padding:0 15px;
}

#training ul li {
font-size:17px;
line-height:250%;
list-style:none;
}




.fa-check-square-o {
margin-right:10px;
color:#639FC4;
}
.maintext-l {
font-size:19px;
line-height:180%;
}

#text {
margin-bottom:10px;
}


@media (min-width:1420px) and (max-width: 1421px) {


  #ftest2 {
    display: inherit !important;
	position: absolute;
	left: 10px;
	top: 30px;
  }


}


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

/* ドロワーメニュー */
.contents {
	display: table;
	width: 100%;
	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;
}

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

#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 (max-width: 767px) {
#top {
padding-top:420px;
}
.line img {
padding:0;
}
.button-kojin {
width:300px;
}

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

.kanjyou2 {
position: absolute;
  top: 0px;
  right: 0px;
z-index:10;
}


.container {
    padding: 0 10px;
}

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 */
}

div#mainDemoBOX .demo .demoContent .entry_wrap .cust textarea {
	border:1px #CCC solid;
	height:100px;
	width:100%;
	font-size:12px;
padding: 6px;
}
div#mainDemoBOX .demo .demoContent .cust textarea {
	border:1px #CCC solid;
	height:100px;
	width:100%;
	font-size:12px;
padding: 6px;
}

#cv3 {
padding:0 10px;
}

.button-back {

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

}

#cform table th {
    display: block;
    width: 100%;
    background-color: #F7F7F7;
}

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

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


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


.mw_wp_form input{
border:0;
padding:2px;
color:#aaa;
width:300px;
border:solid 1px #ccc;
margin:0 0 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

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

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

.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: 50%;
    text-align: left;
}

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

.j-list h4 {
padding:0 0;
}



.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;
}
/* ドロワーメニュー */
.contents {
	display: table;
	width: 100%;
	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;
}

}

@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;
}
/* ドロワーメニュー */
.contents {
	display: table;
	width: 100%;
	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;
}
#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:"";
}

}

.table-flow-wrapper {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 1.5em;
}
.table-flow-wrapper .table-flow{

}
.table-flow-wrapper .table-flow th,
.table-flow-wrapper .table-flow td{
  padding: 20px;
}
.table-flow-wrapper .table-flow thead th{
  white-space: nowrap;
}
.table-flow-wrapper .table-flow thead th strong{
  font-size: 1.7em;
}
.table-flow-wrapper .table-flow thead th b{
  white-space: nowrap;
}
.table-flow-wrapper .table-flow th,
.table-flow-wrapper .table-flow td{
  vertical-align: top;
  border: 1px dotted #CCC;
}
.table-flow-wrapper .table-flow thead .flow-product-th{
  vertical-align: middle;
  font-size: 1.6em;
}

.table-flow-wrapper .table-flow thead .flow-product-th,
.table-flow-wrapper .table-flow tbody th{
  background-color: #C80012;
  color: #FFF;
}
.table-flow-wrapper .table-flow tbody th em{
  display: inline-block;
  font-style: normal;
  white-space: nowrap;
  font-weight: bold;
  margin-bottom: 0.5em;
  line-height: 1.75em;
  font-size: 1.3em;
}
.table-flow-wrapper .table-flow tbody th em span{
  font-size: 1.3em;
}
.table-flow-wrapper .table-flow .table-flow-btnarea{
  display: flex;
  justify-content: center;
}
.table-flow-wrapper .table-flow .table-flow-btnarea a{
  display: block;
  margin: 1.5em 1em;
  padding: 1em 2em;
  white-space: nowrap;
  background-color: #C80012;
  color: #FFF;
  text-decoration: none;
  line-height: 1.2em;
  text-align: center;
}

.container .no_international_text {
	display: none;
}

/* 190926 / 対応言語修正 */
.smallbox_flexbox {
	display: flex;
	align-items: center;
}
.smallbox_flexbox>div {
	margin: 0 0 0 20px;
}
@media (max-width: 767px) {
.smallbox_flexbox {
	flex-wrap: wrap;
}
.smallbox_flexbox>div {
	margin: 0;
}
}

/* 191125 / トップナビゲーション修正 */
#header-in .gnavi_top_menu ul {
	padding: 0;
}
#header-in .gnavi_top_menu>ul {
	padding-top: 25px;
}
.menu2.gnavi_top_menu>ul>li>ul>li:nth-child(1) {
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
.menu2.gnavi_top_menu>ul>li>ul>li:nth-child(3) {
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
.menu2.gnavi_top_menu ul li:nth-child(2):hover ul {
	width: 145px;
	border-radius: 5px;
	box-shadow: 2px 2px 4px gray;
}
.menu2.gnavi_top_menu ul li ul li {
	width: 100%;
	height: auto;
	padding: 0;
	background: #fff;
	color: #000;
}
.menu2.gnavi_top_menu ul li ul li a {
	width: 100%;
	padding: 10px 0 10px 14px;
}
.menu2.gnavi_top_menu ul li ul li:hover, .menu2.gnavi_top_menu ul li ul li a:hover {
	background: #EEEEEE;
	color: #000;
}
.menu2.gnavi_top_menu * {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
.menu2.gnavi_top_menu ul li ul {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
	left: 0;
}

/* 200403 / international外国語対応コンテンツ */
.international_flex_box3 {
    float: left;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 7px 0 0 0;
}

.international_flex_box3 table {
    width: 32%;
}

.international_flex_box3 table th {
    width: 40%;
    text-align: left;
}

.international_flex_box3 .span_8 {
    width: 32%;
}

@media (max-width: 767px) {
    .international_flex_box3 {
        flex-wrap: wrap;
    }
    
    .international_flex_box3 .spbr {
        display: none;
    }
    
    .international_flex_box3 .span_8 {
        width: 96%;
        margin: 0 auto;
        line-height: 300%;
    }  

    .international_flex_box3 table {
        width: 96%;
        margin: 0 auto;
        line-height: 300%;
    }    
    
    .international_flex_box3 table th {
        width: 40%;
    }
}


/* 200409 / 次世代AITalkのスタイル */
#next_generation {
    font-weight: bold;
    line-height: 2.0;
    font-family: "游ゴシック", 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#next_generation #pankuzu {
    margin: 0 0 10px 0;
}

#next_generation .center2 {
    font-size: 17px;
}

#next_generation .center2>p {
    max-width: 1140px;
    margin: 0 auto 20px auto;
}

#next_generation .contact_entry {
    padding: 30px 0;
    background: #e60012;
    color: #fff;
}

#next_generation .contact_entry .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0px auto;
}

#next_generation .contact_entry p {
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 20px;
}

#next_generation .contact_entry p.tel {
    display: flex;
    align-items: center;
    width: 23%;
    margin: 0px 0 20px 20px;
    font-size: 13px;
    text-align: left;
    line-height: 1.3;
    font-weight: normal;
}

#next_generation .contact_entry p.tel::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
    background: url(/wp/wp-content/uploads/2020/04/next_generation_contact_icon12.png) center center / cover no-repeat;
}

#next_generation .contact_entry p.tel span span {
    font-size: 24px;
    font-weight: bold;
}

#next_generation .contact_entry .entry_button {
    width: 23%; 
}

#next_generation .contact_entry a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border: 1px solid #fff;
    padding: 15px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

#next_generation .contact_entry a:hover {
    opacity: 0.7;
}

#next_generation .contact_entry a::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 10px 0 0;
}

#next_generation .contact_entry a.button_contact::before {
    background: url(/wp/wp-content/uploads/2020/04/next_generation_contact_icon9.png) center center / cover no-repeat;
}

#next_generation .contact_entry a.button_download::before {
    background: url(/wp/wp-content/uploads/2020/04/next_generation_contact_icon10.png) center center / cover no-repeat;
}

#next_generation .contact_entry a.button_entry::before {
    background: url(/wp/wp-content/uploads/2020/04/next_generation_contact_icon11.png) center center / cover no-repeat;
}

#next_generation .top_logo_thumbnail {
    padding: 20px 0;
    background: #eee;
}

#next_generation .navi {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
    overflow: hidden;
}

#next_generation .navi ul {
    list-style: none;
    overflow: hidden;
    display: flex;
    transform: translate(-50%,0);
    width: max-content;
    margin: 0 auto;
}

#next_generation .navi ul li {
    float: none;
    position: relative;
    left: auto;
    border: none;
    font-size: 15px;
}

#next_generation .navi ul li::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0, -50%);
    width: 15px;
    height: 15px;
    background: #E60012;
    border-radius: 50%;
}

#next_generation .navi ul li::after {    
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translate(0, -50%);
    border-top: 4px solid transparent;
    border-left: 6px solid #fff;
    border-bottom: 4px solid transparent; 
}

#next_generation .background_white, #next_generation .background_gray {
    width: 100vw;
    padding: 60px 0;
}

#next_generation .background_gray {
    background: #f1f1f1;
}

#next_generation .product_form, #next_generation .top_content ,#next_generation ,#next_generation .function_content {
    font-size: 17px;
    text-align: center;
}

#next_generation .sample_voice {
    text-align: center;
}

#next_generation .underline_title {
    display: inline;
    margin: 0 auto 5px auto;
    border-bottom: 2px solid #e60012;
    font-size: 20px;
    font-weight: bold;
}

#next_generation .title {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#next_generation .box_design {
    width: 40%;
    margin: 0 auto 10px auto;
    padding: 10px;
    border: 1px solid #ddd;
    background: #eee;
    font-weight: bold;
}

#next_generation .content_left,
.telecommut_customer .content_left {
    width: 65%;
    margin: 40px 0;
}

.telecommut_customer .content_left {
    float: left;
}

#next_generation .content_right,
.telecommut_customer .content_right {
    width: 35%;
    text-align: center;
}

.telecommut_customer .content_right {
    float: right;
}

#next_generation h3 {
    font-size: 30px;
    font-weight: bold;
}

#next_generation h3::before,.telecommut_customer h3::before {
    content: '';
    display: block;
    margin: 0 auto;
    background: url(/wp/wp-content/uploads/2020/04/next_generation_title_icon4.png) center center / cover no-repeat;
    width: 52px;
    height: 52px;
}

#next_generation h4 {
    font-size: 30px;
    font-weight: bold;
}

#next_generation .top_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px 0;
    text-align: left;
}

#next_generation .sample_voice_inner {
    display: flex;
    justify-content: center;
    margin: 30px 0;
    font-size: 15px;
}

#next_generation .sample_voice_inner div {
    width: 34%;
    padding: 30px 0;
    border-right: 1px solid #ddd;
}

#next_generation .sample_voice_inner div:last-child {
    border: none;
}

#next_generation .sample_voice_inner div .sample_voice_text {
    position: relative;
    z-index: 0;
    height: 60px;
    line-height: 1.5;
}

#next_generation .sample_voice_inner div .sample_voice_text span {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
    width: 100%;
    transform: translate(0, -50%);
}

#next_generation .sample_voice_inner div a {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 60%;
    margin: 10px auto;
    padding: 15px 30px;
    border-radius: 5px;
    background: #d93600;
    color: #fff;
    text-decoration: none;
}

#next_generation .sample_voice_inner div a::after {
    content: '';
    display: block;
    background: url(/wp/wp-content/uploads/2020/04/next_generation_button_icon.png) no-repeat;
    width: 30px;
    height: 23px;
}

#next_generation .sample_voice .text_left {
    text-align: left;
    font-size: 15px;
}

#next_generation .function_content, #next_generation .function_introduction_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}

#next_generation .function_content p {
    font-size: 14px;
}

#next_generation .function_content .flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#next_generation .function_content .flex>div {
    width: 47%;
    display: flex;
    margin: 15px 0;
}

#next_generation .function_content .content_left>div {
    display: flex;
    margin: 15px 0;
}

#next_generation .function_content .content_left>div>p,
#next_generation .function_content .flex>div>p {
    margin-right: 10px;
    width: 20%;
}
#next_generation .function_content .content_left>div>div,
#next_generation .function_content .flex>div>div {
    width: 80%;
}

#next_generation .function_content p.title {
    font-size: 18px;
}

#next_generation .function_content .content_left>div {
    display: flex;
    margin: 15px 0;
}

#next_generation .function_content .content_left div img {
    display: block;
}

#next_generation .function_introduction_content .content_right img {
    display: block;
    margin: 20px auto 0 auto;
}

#next_generation .function_introduction_content .content_left {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#next_generation .function_introduction_content .content_left>div {
    width: 30%;
    margin: 10px 5% 0 0;
}
 
#next_generation .function_introduction_content .content_left>div:nth-child(3n) {
    margin-right: 0;
}

#next_generation .function_introduction_content .content_left>div img {
    display: block;
    margin: 0 auto;
    width: 90px;
    height: auto;
}

#next_generation .function_introduction_content .content_left>div p {
    font-size: 14px;
}

#next_generation .function_introduction_content .content_left>div p.title {
    font-size: 17px;
    text-align: center;
}

#next_generation .content_left #step * {
    text-align: left;
}

#next_generation .content_left #step h4 {
    padding: 0 20px;
}

#next_generation .content_left #step p {
    padding: 0 20px 28px 20px;
}

/* 下層ページ */
#next_generation .generation_function .function_introduction_content {
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
#next_generation .generation_function .function_introduction_content div {
    width: 18%;
    margin: 20px 1% 0 1%;
}
#next_generation .generation_function .function_introduction_content div img {
    display: block;
    margin: 0 auto;
    width: 90px;
    height: auto;
}
#next_generation .generation_function .function_introduction_content div p {
    font-size: 14px;
}
#next_generation .generation_function .function_introduction_content div p.title {
    font-size: 17px;
    text-align: center;
}

/* 価格表 */
#next_generation .narration_content h4 {
    margin: 30px 0 0 0;
    font-size: 23px;
}
#next_generation .narration_content p {
    text-align: left;
    font-size: 14px;
}
#next_generation .narration_content #spe table {
    table-layout: fixed;
    margin: 20px 0 10px 0;
}
#next_generation .narration_content #spe table th {
    width: 40%;
    font-size: 16px;
}
#next_generation .narration_content #spe table td {
    font-size: 16px;
    text-align: left;
    border: 1px solid #ddd;
}
#next_generation .background_gray .narration_content #spe table th {
    border: 1px solid #ddd;
}
#next_generation .background_gray .narration_content #spe table td {
    border: 1px solid #ddd;
    background: #fff;
}
#next_generation .narration_content.narration_content_table #spe table th:first-child {
    width: 25%;
}
#next_generation .narration_content.narration_content_table #spe table th:nth-child(2),
#next_generation .narration_content.narration_content_table #spe table th:nth-child(3),
#next_generation .narration_content.narration_content_table #spe table th:nth-child(4),
#next_generation .narration_content.narration_content_table #spe table th:last-child,
#next_generation .narration_content.narration_content_table #spe table td {
    width: 17%;
}
#next_generation .product_screen p  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#next_generation .product_screen p img {
    width: 48%;
    height: auto;
    margin: 20px 0
}
#next_generation .price_content a.contact {
    display: block;
    width: 40%;
    margin: 20px auto 0 auto;
    padding: 15px;
    border: 1px solid #E60012;
    background: #E60012;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    transition: 0.3s;
}
#next_generation .price_content a.contact:hover {
    background: #fff;
    color: #E60012;
    transition: 0.3s;
}
#spe.narration_product table td {
    border: solid 1px #e3e3e3;
}
#spe.narration_product table th:first-child {
    width: 25%;
}
#spe.narration_product table th:nth-child(2),
#spe.narration_product table th:nth-child(3),
#spe.narration_product table th:nth-child(4),
#spe.narration_product table th:last-child,
#spe.narration_product table td {
    width: 17%;
}
#next_generation .emphasis {
    font-size: 1.4rem;
}


@media (max-width: 767px) {
    #next_generation {
        padding: 80px 0 0 0;
    }
    #next_generation .top_logo_thumbnail img {
        width: 90%;
        height: auto;
    }
    #next_generation .navi ul {
        flex-wrap: wrap;
        width: 100%;
        padding: 0 10px;
    }
    #next_generation .navi ul li {
        width: 48%;
        padding: 5px 5px 5px 20px;
    }
    #next_generation .center2>p {
        padding: 0 10px;
    }
    #next_generation .contact_entry p {
        text-align: center;
    }
    #next_generation .contact_entry .entry_button {
        width: 95%;
        margin: 10px auto 0 auto;
    }
    #next_generation .contact_entry p.tel {
        width: 95%;
        justify-content: center;
        margin: 20px auto 0 auto;
        text-align: left;
    }
    #next_generation .contact_entry p.tel a {
        display: inline;
        height: auto;
        border: none;
        margin: 0;
        padding: 0;
        text-decoration: none;
        font-size: 18px;
    }
    #next_generation .contact_entry p.tel a::before {
        display: none;
    }
    #next_generation .box_design {
        width: 90%;
    }
    #next_generation .top_content,
    #next_generation .function_introduction_content,
    #next_generation .function_content{
        flex-wrap: wrap;
    }
    #next_generation .content_right {
        order: 1;
        width: 100%;
    }
    #next_generation .content_left {
        order: 2;
        width: 100%;
    }
    #next_generation .function_introduction_content .content_left,
    #next_generation .generation_function .function_introduction_content {
        justify-content: space-between;
    }
    #next_generation .function_introduction_content .content_left>div,
    #next_generation .generation_function .function_introduction_content div{
        width: 47%;
        margin: 10px 0 0 0;
    }
    #next_generation .product_screen p {
        display: block;
    }
    #next_generation .product_screen p img {
        width: 100%;
        height: auto;
    }
    #next_generation .sample_voice_inner {
        flex-wrap: wrap;
    }
    #next_generation .sample_voice_inner div {
        width: 100%;
        border-bottom: 1px solid #ddd;
        border-right: none;
    }
    #next_generation .sample_voice_inner {
        margin: 0;
    }
    #next_generation .title {
        text-align: center;
    }
    #next_generation .function_content .content_left {
        display: flex;
        flex-wrap: wrap;
    }
    #next_generation .function_content .content_left>div {
        display: block;
    }
    #next_generation .function_content .content_left>div>p {
        width: 50%;
        margin: 0 auto
    }
    #next_generation .function_content div>p {
        margin: 0;
    }
    #next_generation .function_content .content_left div img {
        margin: 0 auto;
    }
    #next_generation .function_content .content_left>div>div {
        width: 100%;
    }
    #next_generation .narration_content.narration_content_table #spe,
    #next_generation .scroll_table #spe {
        overflow: scroll;
    }
    #next_generation .narration_content.narration_content_table #spe table,
    #next_generation .scroll_table #spe table {
        overflow: scroll;
        table-layout: fixed;
    }
    #next_generation .narration_content.narration_content_table #spe table th:first-child {
        width: 170px;
    }
    #next_generation .narration_content.narration_content_table #spe table th:nth-child(2), #next_generation .narration_content.narration_content_table #spe table th:nth-child(3), #next_generation .narration_content.narration_content_table #spe table th:nth-child(4), #next_generation .narration_content.narration_content_table #spe table th:last-child, #next_generation .narration_content.narration_content_table #spe table td,
    #next_generation .scroll_table #spe table tr th:first-child {
        width: 150px;
    }
    #next_generation .scroll_table #spe table tr th,
    #next_generation .scroll_table #spe table tr td {
        width: 250px;
    }
    #next_generation .price_content a.contact {
        width: 80%;
    }
    #spe.narration_product {
        overflow: scroll;
    }
    #spe.narration_product table {
        overflow: scroll;
        table-layout: fixed;
    }
    #spe.narration_product table th:first-child {
        width: 170px;
    }
    #spe.narration_product table th:nth-child(2),
    #spe.narration_product table th:nth-child(3),
    #spe.narration_product table th:nth-child(4),
    #spe.narration_product table th:last-child,
    #spe.narration_product table td {
        width: 150px;
    }
    #spe.narration_product.voice_cloud_narration {
        width: 489px;
        margin: 0 auto;
    }
    .ai_reader #productimg {
        padding: 0;
    }
    #next_generation .function_content .flex>div {
        width: 100%;
        flex-wrap: wrap;
        text-align: center;
    }
    #next_generation .function_content .flex>div>p,
    #next_generation .function_content .flex>div>div {
        width: 100%;
    }
    #next_generation .content_left #step h4 {
        padding: 0 10px;
        font-size: 27px;
    }
    #next_generation .content_left #step p {
        padding: 0 10px 28px 10px;
    }
    #next_generation .voiceplus_features iframe {
        height: 800px;
    }
    #text3 {
        width: 100%;
    }
    #mainDemoBOX .demo .demoContent .col.span_14 img {
        width: 100%;
    }
}


/* 200413 / 在宅勤務・学習、テレワーク用ページ */
.telecommut_customer {
    font-weight: bold;
    line-height: 2.0;
    font-family:  "游ゴシック",'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
}

.telecommut_customer .sp_br {
    display: none;
}

.telecommut_customer>p {
    font-size: 24px;
    line-height: 1.5;
    margin: 20px 0 0 0;
}

.telecommut_customer>p,
.introduction_content {
    text-align: center;
}

.telecommut_customer>div {
    padding: 60px 0;
}

.telecommut_customer h2 {
    font-size: 35px;
    line-height: 1.7;
}

.telecommut_customer h2 img {
    margin: 0 10px;
}

.telecommut_customer h3 {
    margin: 0 0 30px 0;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.telecommut_customer h4 {
    position: absolute;
    top: -30px;
    left: 30px;
    font-size: 32px;
    font-weight: bold;
    color: #464646;
}

.telecommut_customer .top_content {
    overflow: hidden;
    padding: 30px 0 0 0;
}

.top_content a {
    display: block;
    width: 40%;
    padding: 15px;
    border: 1px solid #E60012;
    background: #E60012;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    transition: 0.3s;
}

.top_content a:hover {
    background: #fff;
    color: #E60012;
    transition: 0.3s;
}

.top_content p {
    margin: 15px 0;
    font-size: 16px;
}

.top_content p.red {
    margin: -20px 0 20px 0;
    font-size: 25px;
    color: #E60012;
}

.telecommut_customer .content_right img {
    margin: 20px 0;
}

.stay_case_content_inner {
    position: relative;
    width: 90%;
    margin: 80px auto 0 auto;
    padding: 30px;
    background: #eeebeb;
}

.stay_case_content_inner p {
    position: relative;
    width: 78%;
    padding: 25px;
    background: #fff;
}

.stay_case_content_inner p.stay_case_content_photo::after,
.stay_case_content_inner p.stay_case_content_photo::before {
    display: none;
}

.stay_case_content_inner p::after {
    content: '';
    position: absolute;
}

.stay_case_content_inner .question_content p::after {
    bottom: 20px;
    left: -25px;
    border-top: 5px solid transparent;
    border-right: 30px solid #fff;
    border-bottom: 5px solid transparent;
}

.stay_case_content_inner .anser_content p::after {
    bottom: 20px;
    right: -25px;
    border-top: 5px solid transparent;
    border-left: 30px solid #fff;
    border-bottom: 5px solid transparent;
}

.stay_case_content_inner .question_content p {
    padding: 20px 25px 20px 50px;
}

.stay_case_content_inner .anser_content p {
    padding: 20px 50px 20px 25px;
}

.stay_case_content_inner .anser_content {
    margin: -30px 0 0 0;
}

.stay_case_content_inner .question_content p::before {
    content: 'Q';
    position: absolute;
    top: -50px;
    left: 0;
    font-size: 54px;
    color: #E60012;
}

.stay_case_content_inner .anser_content p::before {
    content: 'A';
    position: absolute;
    top: -50px;
    right: -28px;
    font-size: 54px;
    color: #E60012;
}

.stay_case_content_inner .question_content, .stay_case_content_inner .anser_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.stay_case_content_inner p.stay_case_content_photo {
    width: 20%;
    padding: 0;
    background: transparent;
}

.stay_case_content_inner .stay_case_content_photo img {
    width: 100%;
    height: auto;
}

.stay_case_content_inner .stay_case_content_photo.stay_case_content_photo_second {
    width: 22%;
    margin: -25px 0 -5px 0;
}

.stay_case_content_inner .stay_case_content_photo.stay_case_content_photo_third {
    width: 22%;
    margin: -55px 10px -5px 0;
}

.introduction_content_inner {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}

.introduction_content_inner>a {
    width: 22%;
    color: #000;
    text-decoration: none;
}

.introduction_content_inner .circle {
    padding: 0 16px 16px 16px;
}

.introduction_content_inner .circle img {
    border-radius: 50%;
}
.introduction_content_inner p {
    font-size: 16px;
    line-height: 170%;
    text-align: left;
}
.introduction_content_inner p span {
    display: block;
    position: relative;
    margin: 18px  0 1em 0;
    padding: 26px 0 0 0;
    font-weight: bold;
    text-align: center;
    font-weight: normal;
}
.introduction_content_inner p span::before {
    content: '';
    position: absolute;
    top: 0;
    display: inline-block;
    width: 20px;
    height: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #464646;
}

.telecommut_customer_contact {
    width: 100vw;
    padding: 30px 0;
    background: #E60012;
    text-align: center;
    color: #fff;
}

.telecommut_customer_contact h3::before {
    display: none;
}

.telecommut_customer_contact a {
    display: block;
    margin: 0 auto;
    padding: 15px;
    width: 40%;
    border: 1px solid #fff;
    background: #fff;
    color: #E60012;
    font-size: 24px;
    text-decoration: none;
    transition: 0.3s;
}

.telecommut_customer_contact a:hover {
    opacity: 0.6;
    transition: 0.3s;
}

/* 200410 / 電話対応お知らせ */
.phone_info_text_header_top {
    background-color: #fff;
    font-size: 10.5px;
    margin-top: 0px;
    margin-right: 9px;
    position: absolute;
    right: 0;
    line-height: 150%;
    z-index: 110;
    text-align: right;
}

@media (min-width:1140px) {
    .telecommut_customer_contact {
        transform: translate(calc((-100% + 1140px) / 2),0);
    }
}

@media (max-width: 767px) {
    .telecommut_customer {
        padding: 80px 0 0 0;
    }
    
    .telecommut_customer>div {
        padding: 40px 0;
    }
    
    .telecommut_customer .sp_br {
        display: block;
    }
    
    .telecommut_customer .top_content {
        display: flex;
        flex-wrap: wrap;
        padding: 20px 0;
    }
    
    .telecommut_customer .top_content p.red {
        margin: -5px 0 20px 0;
        line-height: 1.7;
        font-size: 24px;
    }
    
    .telecommut_customer .content_right,.telecommut_customer .content_left {
        float: none;
        width: 100%;
        margin: 0;
    }
    
    .telecommut_customer .content_right {
        order: 1;
    }
    
     .telecommut_customer .content_right img {
         margin: 0;
    }
    
    .telecommut_customer .content_left {
        order: 2;
    }
    
    .telecommut_customer h2 {
        font-size: 24px;
        line-height: 1.7;
    }
    
    .telecommut_customer h2 img {
        width: 29%;
        margin: 0 5px;
    }
    
    .telecommut_customer h3 {
        margin: 0;
        font-size: 27px;
        line-height: 1.5;
    }
    
    .telecommut_customer .top_content .content_right {
        width: 80%;
        margin: 0 auto;
    }
    
    .telecommut_customer .top_content .content_right img {
        width: 100%;
        height: auto;
    }
    
    .top_content a {
        width: 70%;
        margin: 40px auto 0 auto;
        padding: 10px;
    }
    
    .telecommut_customer>p {
        margin: 20px 0;
        font-size: 19px;
    }
    
    .introduction_content_inner {
        flex-wrap: wrap;
    }
    
    .introduction_content_inner .circle {
        padding: 5px;
    }
    
    .introduction_content_inner .circle img {
        width: 100%;
        height: auto;
    }
    
    .introduction_content_inner>a {
        width: 50%;
        margin: 10px 0;
        padding: 0 5px;
    }
    
    .stay_case_content_inner {
        width: 100%;
        margin: 40px auto 0 auto;
        padding: 15px;
    }
    
    .stay_case_content_inner .question_content, .stay_case_content_inner .anser_content {
        flex-wrap: wrap;
    }
    
    .stay_case_content_inner .anser_content {
        margin: 0;
    }
    
    .telecommut_customer h4 {
        padding: 0;
        top: -22px;
        left: 5px;
        font-size: 23px;
    }
    
    .stay_case_content_inner p {
        width: 100%;
    }

    .stay_case_content_inner p.stay_case_content_photo {
        width: 70%;
        margin: 0 auto;
        padding: 10px;
    }
    
    .stay_case_content_inner .anser_content p {
        padding: 20px 25px 20px 50px;
    }
    
    .stay_case_content_inner .anser_content p::before {
        top: -50px;
        left: 0;
    }
    
    .stay_case_content_inner .question_content p::after, .stay_case_content_inner .anser_content p::after {
        top: -30px;
        bottom: inherit;
        left: 50px;
        right: inherit;
        transform: rotate(-60deg);
        border-right: 30px solid transparent;
        border-top: 10px solid transparent;
        border-left: 40px solid #fff;
        border-bottom: 10px solid transparent;
    }

    .stay_case_content_inner .anser_content>p {
        order: 2;
    }
    
    .stay_case_content_inner .anser_content p.stay_case_content_photo {
        order: 1;
        padding: 10px;
    }
    
    .stay_case_content_inner .stay_case_content_photo.stay_case_content_photo_second {
        width: 90%;
        margin: -20px auto 0 auto;
    }
    
    .stay_case_content_inner .stay_case_content_photo.stay_case_content_photo_third {
        width: 90%;
        margin: -90px auto 0 auto;
    }
    
    .telecommut_customer_contact {
        transform: translate(-10px, 0px);
    }
    
    .telecommut_customer_contact a {
        margin: 20px auto 0 auto;
        padding: 10px;
        width: 80%;
        font-size: 21px;
    }

}

/* 200511 FAQページの余白 */
ol.faq_list {
    margin: 0 0 0 15px;
}
ol.faq_list li {
    margin: 10px 0;
}


.sp_br {
    display: none;
}
@media (max-width: 767px) {
    .logbox {
        width: 100%;
    }
    #form input[type=checkbox] {
        display: inline-block;
        width: auto;
    }
    .sp_br {
        display: block;
    }
}


/* 200707 / AITalk5声プラス */
#next_generation .point-c {
    line-height: 0.8;
}
#next_generation .voiceplus_features h3 {
    margin: 0 0 40px 0;
}
#next_generation .voiceplus_features .span_21 {
    text-align: left;
}
#next_generation .li-t {
    margin: 0;
}
#next_generation #moviebox {
    width: 600px;
    margin: 40px auto 0 auto;
    padding: 17px 0 0 0px;
}
#next_generation .product_screen>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
#next_generation .product_screen>div>div {
    margin: 20px 0;
    text-align: center;
    width: 100%;
}
#next_generation .product_screen>div>div.product_screen_div_half {
    width: 50%;
    height: auto;
}
#next_generation .product_screen>div>div img {
    display: block;
    margin: 0 auto;
}

/* 200803 テレワーク用フォーム注意文 */
.tel_form_note {
    margin-top: 10px;
}
.tel_form_note p {
    margin: 5px 0 0 0;
    font-size: 13px;
    color:red;
}

/* オンラインセミナー動画紹介 */
.bg_white {
    background: #fff;
}
.bg_glay {
    background: #eee;
}
.online_seminer {
    font-weight: bold;
    line-height: 2.0;
    font-family:  "游ゴシック",'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
}
.online_seminer h2 {
    margin: 0 auto 30px auto;
    text-align: center;
    font-family:  "游ゴシック",'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 22px;
    font-weight: bold;
}
.online_seminer>div {
    padding: 60px 0;
}
.online_seminer div.container>p {
    text-align: center;
    margin: 0 0 30px 0;
}
.online_seminer .uk-flex {
    align-items: center;
    width: 80%;
    margin: 0 auto 30px auto;
    border: 2px solid #000;
}
.online_seminer .uk-flex:last-child {
    margin: 0 auto;
}
.online_seminer .uk-flex>div.uk-width-1-4\@m {
    position: relative;
}
.online_seminer .uk-flex>div.uk-width-1-4\@m p {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border: 2px solid #000;
    background: #000;
    color: #fff;
    font-weight: bold;
    font-size: 23px;
    line-height: 40px;
    text-align: center;
}
.online_seminer .uk-flex>div.uk-width-3-4\@m {
    padding: 0 30px;
}
.online_seminer .uk-flex>div.uk-width-3-4\@m p {
    font-weight: normal;
}
.online_seminer .uk-flex>div.uk-width-3-4\@m .title {
    font-weight: bold;
    font-size: 16px;
}
.online_seminer .button a {
    display: block;
    width: 350px;
    margin: 0 auto;
    border: 1px solid #000;
    padding: 15px 0;
    color: #fff;
    text-align: center;
    background: #000;
    text-decoration: none;
    font-weight: bold;
}
.online_seminer .button {
    width: 100%;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}
.online_seminer .button a:hover {
    background: transparent;
    color: #000;
}
.online_seminer .red {
    color: #C60018;
}
.online_seminer.video .uk-flex {
    width: 100%;
    border: none;
    align-items: baseline;
}
.online_seminer .child_width_3split>div {
    width: 31%;
    margin: 20px 0;
    text-align: center;
}
.online_seminer .child_width_3split>div iframe {
    width: 100%;
    height: 250px;
}
.online_seminer .child_width_3split>div .title {
    margin: 10px 0 0 0;
    font-size: 18px;
    font-weight: bold;
}
.online_seminer form input {
    padding: 5px;
    font-size: 14px;
    font-family:  "游ゴシック",'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.online_seminer form input[name="submitBack"] {
    margin: 0 20px 0 0;
}
.online_seminer .mw_wp_form p {
    text-align: center;
    line-height: 1.0;
}
.online_seminer .mw_wp_form p.button {
    width: 100%;
    margin: 40px 0 0 0;
}
.online_seminer .child_width_3split::after {
    content:"";
    display:block;
    width: 31%;
    height:0;
}


@media (max-width: 767px) {
    #next_generation #moviebox {
        width: 90%;
        height: 64vw;
        margin: 20px auto 0 auto;
        padding: 7px 0 0 0;
        background-size: contain;
    }
    #next_generation #moviebox iframe {
        width: calc( 100% - 20px );
        height: 46vw;
    }
    #next_generation .voiceplus_features .li-t {
        text-align: center;
    }
    #next_generation .voiceplus_features div {
        float: none;
        margin: 0 auto;
    }
    #next_generation .product_screen>div>div {
        font-size: 0.95rem;
        line-height: 1.2rem;
    }
    
    .pc_br {
        display: none;
    }
    
    .online_seminer>div {
        padding: 60px 10px;
    }
    .online_seminer .uk-flex {
        width: 85%;
    }
    .online_seminer .child_width_3split>div {
        width: 100%;
    }
    .online_seminer .uk-flex>div.uk-width-1-4\@m {
        overflow: hidden;
    }
    .online_seminer .uk-flex>div.uk-width-1-4\@m img {
        width: 100%;
    }
    .online_seminer .uk-flex>div.uk-width-3-4\@m {
        padding: 20px 10px;
    }
    .online_seminer .uk-flex>div.uk-width-3-4\@m .title {
        margin: 0;
    }
    .online_seminer .child_width_3split>div .title {
        text-align: center;
    }
    .online_seminer form .tel input {
        width: 90px;
    }
    
}