@charset "utf-8";

/*===================================
  reset Css
===================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { display:block; }
ul{ list-style:none; }
ol{ list-style:decimal; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
textarea{ font-size:1em; }

/*===================================
  layout CSS
===================================*/
body{
	font:14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:1.6;
	color:#333333;
	-webkit-font-smoothing:antialiased;
}
p{ line-height:2; }
img{ width:100%; }

a:link,
a:visited{ text-decoration:underline; color:#599adb; }
a:hover,
a:active{ text-decoration:none; color:#599adb; }

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

/*===================================
  PC/SP common CSS
===================================*/
/*  btn
===================================*/
a.btnRed{ width:255px; display:inline-block; padding:20px 0; text-align:center; text-decoration:none; background:#f74700; border-bottom:rgba(0,0,0,0.1) 2px solid; border-radius:50px; box-shadow:-2px -4px 0px -2px #df4001 inset; font-size:18px; color:#ffffff !important; line-height:1; }
a.btnWhite{ width:255px; display:inline-block; padding:20px 0; text-align:center; text-decoration:none; background:#ffffff; border:#599adb 2px solid; border-radius:50px; font-size:18px; color:#599adb; line-height:1; }
a.btnBlue{ display:inline-block; padding:12px 20px; text-align:center; text-decoration:none; border:#518cca 2px solid; border:; border-radius:3px; font-size:14px; color:#518cca; line-height:1; }

/*  blueBg
===================================*/
.blueBg{ background-color:#8fc2f7 !important; color:#ffffff; }
.blueBg2{ background-color:#f4f6f8 !important; }
.whiteBg{ background-color:#ffffff !important; }

/*  label
===================================*/
.labelRed{ display:inline-block; padding:5px 20px; background:#e7182c; font-size:14px; color:#ffffff; }

/*  txt
===================================*/
.note{ font-size:12px; color:#808080; }

/*  リタゲの余白調整
===================================*/
iframe[name="google_conversion_frame"]{ position:absolute; bottom:0; }

/*---------- PC版 ------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 769px){

body{ padding:50px 0 0; }
.spOnly{ display:none; }
	
/*===================================
  Common CSS
===================================*/
body{ min-width:1100px; }

/*  header
===================================*/
#siteHeader{ width:100%; min-height:49px; background:#ffffff; border-bottom:rgba(176,176,176,0.7) 1px solid; position:fixed; top:0; left:0; z-index:100; }
#siteHeader .cmContainer{ width:1100px; margin:0 auto; }
#siteHeader .logo{ float:left; }
#siteHeader .logo a{ width:119px; height:25px; display:block; margin:13px 0 7px; background:url(../img/logo_mark_type.png) no-repeat 0 0; background-size:119px auto; text-indent:-9999px; }
#siteHeader .siteHeaderR{ float:right; }
#siteHeader .siteHeaderR ul.gnav{ float:left; }
#siteHeader .siteHeaderR ul.gnav > li{ float:left; margin:0 0 0 25px; position:relative; }
#siteHeader .siteHeaderR ul.gnav > li > a{ display:block; padding:16px 0 14px; text-decoration:none; font-size:12px; font-weight:bold; color:#333333; }
#siteHeader .siteHeaderR ul.gnav > li > a.arrow{ padding-right:10px; background:url(../img/ico_arrow_down.png) no-repeat right 0 center; }
#siteHeader .siteHeaderR ul.gnav > li > ul{ width:230px; padding:12px 0; background:#f4f6f8; box-shadow:2px 2px 2px rgba(0,0,0,0.1); position:absolute; top:50px; left:-30px; }
#siteHeader .siteHeaderR ul.gnav > li:hover ul{ display:block; opacity:1; }
/*  サブメニューアニメーション  */
#siteHeader .siteHeaderR ul.gnav > li > ul{ display: none; }
#siteHeader .siteHeaderR ul.gnav > li:hover ul{ display: block; animation:showsubmenu 0.2s linear 0s; }
@keyframes showsubmenu{ from{ opacity: 0; } to{ opacity: 1; } }
/*  //サブメニューアニメーション  */
#siteHeader .siteHeaderR ul.gnav > li > ul li a{ width:auto; display:block; padding:10px 10px 10px 30px; text-decoration:none; font-size:12px; color:#333333; }
#siteHeader .siteHeaderR ul.gnav > li > ul li a:hover{ color:#357fcc; }
#siteHeader .siteHeaderR .btn{ float:left; }
#siteHeader .siteHeaderR .btn a.btnRed{ width:98px; margin:10px 0 0 20px; padding:8px 0 7px; font-size:12px; }

/*  contents
===================================*/
#contents{ width:900px; margin:0 auto; padding:0 0 90px; }

/*  siteFooter
===================================*/
#siteFooter{ padding:35px 0 !important; text-align:center; background:#f5f5fa; font-size:14px; overflow:hidden; }
#siteFooter ul{ float:left; }
#siteFooter ul li{ float:left; margin:0 30px 0 0; }
#siteFooter ul li a:link,
#siteFooter ul li a:visited{ text-decoration:none; color:#599adb; }
#siteFooter ul li a:hover,
#siteFooter ul li a:active{ text-decoration:underline; color:#599adb; }
#siteFooter .copyright{ float:right; font-weight:normal; }

/*===================================
  parts CSS
===================================*/
/*  base
===================================*/
.cmContainer{ width:1100px; margin:0 auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }

/*  hover
===================================*/
a{
  -webkit-transition:0.2s ease-in-out;
  -moz-transition:0.2s ease-in-out;
  -o-transition:0.2s ease-in-out;
  transition:0.2s ease-in-out;
}
a:hover{
  -webkit-transition:0.2s ease-in-out;
  -moz-transition:0.2s ease-in-out;
  -o-transition:0.2s ease-in-out;
  transition:0.2s ease-in-out;
}
a:hover{ opacity:0.8; }

/*  title
===================================*/
.pageTitle{ margin:0 0 80px; padding:60px 0; text-align:center; background:#85b9f0; font-size:32px; font-weight:normal; color:#ffffff; }
.pageTitle.mgBtNone{ margin-bottom:0; }
.pageTitle h1{ font-weight:normal; }
.heading1{ text-align:center; font-size:32px; font-weight:normal; }
.heading2{ text-align:center; font-size:22px; font-weight:bold; }

/*  スクロールアニメーション
===================================*/
/*--- 下から出現 ---*/
.scrollMove,
.scrollMove2{
	opacity:0;
	transform:translateY(50px);
	-webkit-transition:all 1.3s ease;
    -moz-transition:all 1.3s ease;
    -o-transition:all 1.3s ease;
	transition:all 1.3s ease;
}
.scrollMoveAction,
.scrollMoveAction2{
	opacity:1.0;
	transform:translateY(0px);
}

/*  pageNav
===================================*/	
.pageNav{ padding:0 0 100px; }
.pageNav ul{ width:100%; display:table; table-layout:fixed; }
.pageNav ul li{ display:table-cell; padding:0 4px 0 0; box-sizing:border-box; }
.pageNav ul li a{ display:block; padding:24px 0; text-align:center; text-decoration:none; background:#f4f6f8; border:#eef2f5 1px solid; }
.pageNav ul li.on a,
.pageNav ul li a:hover{ background:#8fc2f7; border:#8fc2f7 1px solid; color:#ffffff; }

/*===================================
  トップページ
===================================*/
/*  kvArea
===================================*/
.kvArea{ background:url(../img/top_kv_bg.png) repeat-y center 0; background-size:100% auto; }
.kvArea .kvAreaBg{ background:url(../img/top_kv_img.png) no-repeat center bottom; background-size:1120px auto; }
.kvArea .cmContainer{ min-height:507px; position:relative; }
.kvArea .titleArea{ width:686px; margin:0 auto; padding:80px 0 0; text-align:center; font-size:36px; color:#ffffff; }
.kvArea .catch{ font-size:30px; }
.kvArea .title{ font-size:38px; font-weight:normal; }
.kvArea .pointIcon{ width:224px; position:absolute; top:172px; right:80px; }
/*--- 動き ---*/
.kvArea .kvAreaBg{
	animation-name:kvAreaBg;
	animation-duration:1s;
	opacity:1;
}
@keyframes kvAreaBg{
	0% { opacity:0; }
	100% { opacity:1; }
}
.kvArea .catch{
	animation-name:catch;
	animation-duration:1s;
	opacity:1;
}
@keyframes catch{
	0% { opacity:0; transform:translateY(30px); }
	100% { opacity:1; transform:translateY(0px); }
}
.kvArea .title{
	animation-name:title;
	animation-duration:1s;
	opacity:1;
}
@keyframes title{
	0% { opacity:0; transform:translateY(30px); }
	100% { opacity:1; transform:translateY(0px); }
}
.kvArea .btnArea{
	animation-name:btnArea;
	animation-duration:2s;
	opacity:1;
}
@keyframes btnArea{
	0% { opacity:0; transform:translateY(30px); }
	60% { opacity:0; transform:translateY(30px); }
	100% { opacity:1; transform:translateY(0px); }
}

/*  bannerArea
===================================*/	
/*.bannerArea{ padding:55px 0 0; }
.bannerArea a{ width:986px; display:block; margin:0 auto; }*/
	
/*  topBannerArea
===================================*/	
.topBannerArea{ background:#f4f6f8; border-top:#e4e8eb 1px solid; }
.topBannerArea a{ width:786px; display:block; padding:38px 0 35px 195px; margin:0 auto; text-decoration:none; background:url(../img/top_img_materials.png) no-repeat 0 center; box-sizing:border-box; }
.topBannerArea a .txt{ width:420px; display:block; padding:5px 90px 5px 0; text-align:center; background:url(../img/ico_arrow_gray_right.png) no-repeat right center; font-size:22px; color:#606c7e; line-height:1.8; }
.topBannerArea a .moreTxt{ width:420px; display:block; text-align:center; font-size:14px; color:#508bca; }

/*  troubleArea
===================================*/
/*.troubleArea{ padding:90px 0; color:#ffffff; }
.troubleArea .heading1{ margin:0 0 50px; }
.troubleArea ul{ width:760px; margin:0 auto; overflow:hidden; }
.troubleArea ul li{ width:345px; float:left; padding:0 0 15px 35px; background:url(../img/ico_check_white.png) no-repeat 0 2px; font-size:18px; }
.troubleArea ul li:nth-last-child(1),
.troubleArea ul li:nth-last-child(2){ padding-bottom:0; }*/

/*  personArea
===================================*/
.personArea{ padding:115px 0; }
.personArea .heading2{ margin:0 0 45px; }
.personArea .type{ padding:0 100px; }
.personArea ul{ width:100%; display:table; table-layout:fixed; }
.personArea ul li{ display:table-cell; text-align:center; }
.personArea ul li figure img{ width:223px; height:auto; }
.personArea ul li figure figcaption{ padding:20px 0 0; font-weight:bold; }

/*  charaArea
===================================*/
.charaArea .heading1{ padding:90px 0 78px; }

/*--- box ---*/
.charaArea .box{ padding:110px 0 120px; }
.charaArea .box .cmContainer{ padding:0 0 0 588px; }
.charaArea .box .tit{ margin:0 0 38px; font-size:24px; font-weight:bold; }
.charaArea .box .link{ display:inline-block; margin:10px 0 0; padding:8px 10px; background:#ffffff; border:#dbdbdb 1px solid; border-radius:5px; font-size:14px; font-weight:bold; line-height:1; }
.charaArea .box .link a{ text-decoration:none; color:#555555; }
.charaArea .simple{ padding-top:55px; background:url(../img/top_chara_img_01.png) no-repeat center 0; background-size:1574px auto; }
.charaArea .seo{ background:url(../img/top_chara_img_02.png) no-repeat center 110px #ffffff; background-size:1100px auto; }
.charaArea .asp{ background:url(../img/top_chara_img_03.png) no-repeat center 110px; background-size:1100px auto; }
.charaArea .rank{ background:url(../img/top_chara_img_04.png) no-repeat center 110px #ffffff; background-size:1100px auto; }
	
/*--- auto ---*/
/*.charaArea .auto{ padding:90px 0; background-image:url(../img/top_auto_img.png); background-repeat:no-repeat; background-position:center 90px; }
.charaArea .auto .cmContainer{ min-height:513px; padding:90px 677px 0 0; }
.charaArea .auto .tit{ margin:0 0 38px; padding:80px 0 0; text-align:center; background:url(../img/ico_auto.png) no-repeat center 0; font-size:28px; font-weight:normal; color:#518cca; }*/

/*--- result ---*/
/*.charaArea .result .cmContainer{ padding:90px 0; color:#ffffff; }
.charaArea .result .tit{ margin:0 0 55px; text-align:center; font-size:32px; font-weight:normal; }
.charaArea .result ul{ width:905px; margin:0 auto 20px; overflow:hidden; }
.charaArea .result ul li{ width:135px; height:135px; float:left; margin:0 19px 0 0; padding:55px 0 0; text-align:center; border:#ffffff 1px solid; border-radius:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
.charaArea .result ul li:last-child{ margin-right:0; }
.charaArea .result .txt{ padding:90px 0 0; text-align:center; background:url(../img/top_unitary_bg.png) no-repeat center 0; font-size:28px; }
.charaArea .result .txt img{ width:250px; height:auto; margin:0 5px 0 0; vertical-align:-12px; }*/

/*  introArea
===================================*/
.introArea{ padding:65px 0 50px; text-align:center; }
.introArea .heading1{ margin:0 0 20px; }
.introArea .txt{ margin:0 0 30px; font-size:18px; }
.introArea figure img{ width:556px; height:auto; }

/*  smoothArea
===================================*/
/*.smoothArea{ padding:90px 0 0; }
.smoothArea .heading1{ margin-bottom:40px; }
.smoothArea .img{ width:690px; margin:0 auto; }
.smoothArea .img img{ vertical-align:bottom; }
.smoothArea ul{ padding:90px 0 100px 60px; font-size:18px; overflow:hidden; }
.smoothArea ul li{ width:248px; float:left; margin:0 110px 25px 0; padding:0 0 253px; text-align:center; }
.smoothArea ul li:nth-child(3n){ margin-right:0; }
.smoothArea ul li:nth-last-child(1),
.smoothArea ul li:nth-last-child(2),
.smoothArea ul li:nth-last-child(3){ margin-bottom:0; }
.smoothArea ul li:nth-child(1){ background:url(../img/top_smooth_img_01.png) no-repeat center bottom; }
.smoothArea ul li:nth-child(2){ background:url(../img/top_smooth_img_02.png) no-repeat center bottom; }
.smoothArea ul li:nth-child(3){ background:url(../img/top_smooth_img_03.png) no-repeat center bottom; }
.smoothArea ul li:nth-child(4){ background:url(../img/top_smooth_img_04.png) no-repeat center bottom; }
.smoothArea ul li:nth-child(5){ background:url(../img/top_smooth_img_05.png) no-repeat center bottom; }
.smoothArea ul li:nth-child(6){ background:url(../img/top_smooth_img_06.png) no-repeat center bottom; }*/

/*  cvArea
===================================*/
.cvArea{ padding:38px 0; background:#f4f6f8; }
.cvArea.blueBg{ padding:80px 0 50px; background-image:url(../img/bg_01.png); background-repeat:no-repeat; background-position:center 0; }
.cvArea.whiteArrow{ background-image:url(../img/bg_02.png); }
.cvArea .cmContainer{ text-align:center; }
.cvArea .catch{ margin:0 0 30px; font-size:22px; line-height:1.8; }
.cvArea .lead{ font-size:16px; }
.cvArea .btnLead{ display:inline-block; margin:0 23px 0 0; font-weight:bold; }

/*  functionArea
===================================*/
.functionArea{ padding:100px 0 90px; }
.functionArea .heading1{ margin:0 0 35px; }
.functionArea .lead{ margin:0 0 50px; text-align:center; }
.functionArea ul{ margin:0 0 50px; overflow:hidden; }
.functionArea ul li{ width:266px; min-height:200px; float:left; margin:0 12px 0 0; padding:40px 0 0; text-align:center; background:#8fc2f7; border-radius:2px; box-sizing:border-box; color:#ffffff; }
.functionArea ul li:last-child{ margin-right:0; }
.functionArea ul li p{ margin:0 0 10px; }
.functionArea ul li p span{ margin:0 0 0 3px; font-size:10px; }
.functionArea ul li figure img{ width:auto; height:57px; }
.functionArea .moreBtn{ text-align:center; }
.functionArea .moreBtn a{ width:193px; padding:15px 0; }

/*  addonArea
===================================*/
.addonArea{ padding:90px 0; }
.addonArea .heading1{ margin:0 0 50px; font-size:28px; }
.addonArea .heading1 span{ display:block; font-size:32px; color:#6ea5de; }
.addonArea .addToha{ margin:0 0 40px; text-align:center; }
.addonArea figure.addonImg{ margin:0 0 80px; text-align:center; }
.addonArea figure.addonImg img{ width:510px; }
/*--- addonBox ---*/
ul.addonBox{ margin:0 0 40px; display:flex; flex-wrap:wrap; }
ul.addonBox > li{ width:532px; margin:0 32px 40px 0; background:#ffffff; border:#e0e0e0 1px solid; box-shadow:2px 2px 3px rgba(232,232,232,0.9); position:relative; }
ul.addonBox > li:nth-child(2n){ margin-right:0; }
ul.addonBox > li .addonBoxCon{ padding:30px 30px; }
ul.addonBox > li .titleArea{ font-weight:bold; overflow:hidden; }
ul.addonBox > li .titleArea .title{ float:left; margin:0 0 20px; font-size:22px; }
ul.addonBox > li .titleArea .price{ float:right; }
ul.addonBox > li .txt{ margin:0 0 15px; }
ul.addonBox > li ul.check li{ margin:0 0 7px; padding:0 0 0 32px; background:url(../img/ico_check2.png) no-repeat 7px center; background-size:10px auto; }
ul.addonBox > li .moreBtn{ margin:20px 0 0; text-align:right; }
ul.addonBox > li .releaseLabel{ width:174px; position:absolute; top:-4px; left:-4px; }
/*--- endTxt ---*/
.addonArea .endTxt{ text-align:center; font-size:22px; }

/*  priceArea
===================================*/
.priceArea{ padding:90px 0; }
.priceArea .heading1{ margin:0 0 50px; }
.priceArea dl{ width:832px; display:table; margin:0 auto; background:#ffffff; border:#e4e4f0 1px solid; }
.priceArea dl.addon{ margin-bottom:70px; }
.priceArea dl dt{ width:253px; display:table-cell; padding:0 0 0 40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; vertical-align:middle; font-size:20px; color:#ffffff; }
.priceArea dl.base dt{ background:#6ea5de; }
.priceArea dl.base dd p.price{ color:#599adb; }
.priceArea dl.addon dt{ background:#6e757c; }
.priceArea dl dd{ width:579px; display:table-cell; padding:32px 40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; overflow:hidden; }
.priceArea dl dd p{ float:right; line-height:1.6; }
.priceArea dl dd p.price{ font-size:40px; }
.priceArea dl dd p.price span{ margin:0 0 0 5px; font-size:16px; }
.priceArea dl dd p.labelRed{ margin:13px 0 0 30px; }
.priceArea dl dd p.name{ float:left; margin:18px 0 0; }
.priceArea dl dd ul li{ margin:0 0 20px; padding:0 0 20px; border-bottom:#e4e4f0 1px solid; overflow:hidden; }
.priceArea dl dd ul li p.price{ font-size:32px; }
.priceArea dl dd ul li:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:none; }
.priceArea p.plus{ text-align:center; font-size:40px; color:#6ea5de; line-height:1.6; }
.priceArea ul.note{ width:832px; margin:30px auto 0; font-size:14px; color:#666666; }
.priceArea ul.note li{ margin:0 0 5px; }
.priceArea .moreBtn{ text-align:center; }
.priceArea .moreBtn a{ width:193px; padding:15px 0; }

/*  voiceArea
===================================*/
.voiceArea{ padding:90px 0; }
.voiceArea .heading1{ margin:0 0 50px; }
.voiceArea .voiceBox{ margin:0 0 60px; overflow:hidden; }
.voiceArea .voiceBox figure{ float:left; }
.voiceArea .voiceBox .voiceBoxR{ padding:0 0 0 485px; }
.voiceArea .voiceBox .voiceBoxR .tit{ margin:0 0 5px; font-size:28px; font-weight:normal; color:#548fcb; }
.voiceArea .voiceBox .voiceBoxR .name{ margin:0 0 18px; }

/*  faqArea
===================================*/
.faqArea{ padding:90px 0; }
.faqArea .heading1{ padding:0 0 48px; }
.faqArea p.tit{ text-align:center; font-size:22px; }
.faqArea dl{ margin:0 0 40px; padding:0 0 20px; border-bottom:#e3e3eb 1px solid; font-size:18px; }
.faqArea dl dt{ margin:30px 0 10px; padding:30px 0 0 1.5em; text-indent:-1.5em; border-top:#e3e3eb 1px solid; color:#599adb; }
.faqArea dl dt:before{ content:"Q."; margin:0 8px 0 0; }
.faqArea dl dd{ display:none; padding:0 0 0 1.5em; text-indent:-1.5em; }
.faqArea dl dd:before{ content:"A."; margin:0 8px 0 0; }

/*  autoInfoArea
===================================*/
.autoInfoArea{ padding:90px 0; }
.autoInfoArea .heading2{ margin:0 0 40px; }
.autoInfoArea .tit{ margin:0 0 20px; padding:0 0 0 25px; background:url(../img/line_blue.png) no-repeat 0 center; font-size:14px; }
.autoInfoArea dl{ display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin:0 0 30px; border:#dfdfe9 1px solid; border-top:none; font-size:14px; }
.autoInfoArea dl dt{ width:20%; background:#f5f5fa; border-top:#dfdfe9 1px solid; border-right:#dfdfe9 1px solid; }
.autoInfoArea dl dd{ width:80%; border-top:#dfdfe9 1px solid; }
.autoInfoArea dl dt,
.autoInfoArea dl dd{ padding:15px 30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }

/*===================================
  中ページ　共通で使用
===================================*/
/*  txtBox
===========================*/
.txtBox .cmContainer{ padding:120px 0; overflow:hidden; }
.txtBox .functionBoxL{ width:510px; float:left; }
.txtBox .functionBoxL p{ margin:0 0 35px; }
.txtBox .functionBoxR{ width:510px; float:right; }
.txtBox .title{ margin:0 0 35px; font-size:24px; }
.txtBox .sTitle{ margin:0 0 35px; font-size:18px; }
.txtBox .tit{ margin:0 0 15px; font-size:18px; }
.txtBox .heading1{ font-weight:bold;}
.txtBox .heading2{ margin:0 0 35px; }
.txtBox .txtArea{ margin:0 0 80px; }
.txtBox .link a{ text-decoration:none; }
.txtBox .icoBase1,
.txtBox .icoBase2,
.txtBox .icoBase3,
.txtBox .icoBase4{ min-height:92px; padding:30px 0 0 106px; box-sizing:border-box; }
.txtBox .icoBase1{ background:url(../img/function/base_icon_01.png) no-repeat 0 0; background-size:91px auto; }
.txtBox .icoBase2{ background:url(../img/function/base_icon_02.png) no-repeat 0 0; background-size:91px auto; }
.txtBox .icoBase3{ background:url(../img/function/base_icon_03.png) no-repeat 0 0; background-size:91px auto; }
.txtBox .icoBase4{ background:url(../img/function/base_icon_04.png) no-repeat 0 0; background-size:91px auto; }
/* functionTable */
.txtBox .functionTable table{ width:100%; }
.txtBox .functionTable table th{ padding:8px 0; background:#f4f6f8; border-bottom:#e4e4f0 1px solid; font-weight:normal; }
.txtBox .functionTable table td{ padding:10px 0; border-bottom:#e4e4f0 1px solid; vertical-align:middle; }
.txtBox .functionTable table .item1{ width:300px; font-weight:bold; }
.txtBox .functionTable table .item2{ font-size:14px; }
.txtBox .functionTable table .auto{ width:150px; text-align:center; }
.txtBox .functionTable table .auto .disc{ color:#4d5ecf; }
.txtBox .functionTable table .hand{ width:150px; text-align:center; }
.txtBox .functionTable table .hand .disc{ color:#85b9f0; }
.txtBox .functionTable table .note{ margin:0 0 0 5px; }
.txtBox ul.note{ padding:20px 0 0; }
/* twoList */
.txtBox ul.twoList{ margin:80px 0 0 130px; overflow:hidden; }
.txtBox ul.twoList li{ width:368px; float:left; margin:0 70px 100px 0; text-align:center; }
.txtBox ul.twoList li:nth-child(2n){ margin-right:0; } 
.txtBox ul.twoList li:nth-child(2n+1){ clear:both; float:left; }
.txtBox ul.twoList li:nth-last-of-type(1),
.txtBox ul.twoList li:nth-last-of-type(2){ margin-bottom:0; }
.txtBox ul.twoList li figure{ margin:0 0 20px; }
.txtBox ul.twoList li figure img{ width:260px; height:auto; }
.txtBox ul.twoList li .tit{ font-weight:bold; line-height:1.4; }
.txtBox ul.twoList li .txt{ text-align:left; font-size:14px; }
.txtBox ul.twoList li .txtArea{ margin-bottom:0; }
/* threeList */
.txtBox ul.threeList{ margin:80px 0 0; overflow:hidden; }
.txtBox ul.threeList li{ width:31%; float:left; margin:0 3.5% 100px 0; text-align:center; }
.txtBox ul.threeList li:nth-child(3n){ margin-right:0; } 
.txtBox ul.threeList li:nth-child(3n+1){ clear:both; float:left; }
.txtBox ul.threeList li:nth-last-of-type(1),
.txtBox ul.threeList li:nth-last-of-type(2),
.txtBox ul.threeList li:nth-last-of-type(3){ margin-bottom:0; }
.txtBox ul.threeList li figure{ margin:0 0 20px; }
.txtBox ul.threeList li figure img{ width:214px; height:auto; }
.txtBox ul.threeList.listReason li:nth-child(1) figure img{ width:100px; height:auto; }
.txtBox ul.threeList.listReason li:nth-child(2) figure img{ width:87px; height:auto; }
.txtBox ul.threeList.listReason li:nth-child(3) figure img{ width:102px; height:auto; }
.txtBox ul.threeList.listReason li:nth-child(4) figure img{ width:51px; height:auto; }
.txtBox ul.threeList.listReason li:nth-child(5) figure img{ width:65px; height:auto; }
.txtBox ul.threeList.listReason li:nth-child(6) figure img{ width:54px; height:auto; }
.txtBox ul.threeList.listFunBase li:nth-child(1) figure img{ width:63px; height:auto; }
.txtBox ul.threeList.listFunBase li:nth-child(2) figure img{ width:99px; height:auto; }
.txtBox ul.threeList.listFunBase li:nth-child(3) figure img{ width:120px; height:auto; }
.txtBox ul.threeList.listFunBase li:nth-child(4) figure img{ width:131px; height:auto; }
.txtBox ul.threeList.listFunBase li:nth-child(5) figure img{ width:137px; height:auto; }
.txtBox ul.threeList.listFunBase li:nth-child(6) figure img{ width:102px; height:auto; }
.txtBox ul.threeList li .tit{ font-weight:bold; line-height:1.4; }
.txtBox ul.threeList li .txt{ text-align:left; font-size:14px; }
.txtBox ul.threeList li .txtArea{ margin-bottom:0; }
/* discList */
.txtBox ul.discList{ margin:0 0 30px; }
.txtBox ul.discList li{ margin:0 0 5px; }
.txtBox ul.discList li:before{ content:"●"; margin:0 10px 0 0; font-size:10px; color:#cfd8e3; vertical-align:3px; }

/*===================================
  アルミナが選ばれる理由
===================================*/
.reasonKv{ padding:30px 0 0; }
.reasonKv .title{ margin:0 0 90px; text-align:center; font-size:32px; }
.reasonKv .sTitle{ padding:13px 0; text-align:center; background:#85b9f0; font-size:22px; font-weight:normal; color:#ffffff; position:relative; }
.reasonKv .sTitle:after{ width:44px; height:14px; content:" "; display:block; margin:0 auto; background:url(../img/ico_fukidashi_down.png) no-repeat 0 0; position:absolute; left:0; right:0; bottom:-14px; }
.reasonKv ul.twoList li,
.reasonKv ul.threeList li{ margin-bottom:0; }
.reasonKv ul.twoList,
.reasonKv ul.threeList{ margin-top:70px; margin-bottom:140px; }

/*===================================
  機能
===================================*/
/*  functionKv
===========================*/
.functionKv{ padding:30px 0 0; text-align:center; }
.functionKv .title{ margin:0 0 30px; font-size:32px; }
.functionKv .lead{ margin:0 0 60px; }
.functionKv figure{ padding:0 120px; }
.functionKv figure.mgBt{ margin:0 0 100px; }
.functionKv figure img{ vertical-align:bottom; }

/*===================================
  料金
===================================*/
/*  priceBox
===========================*/
.priceBox{ padding:70px 0; }
/* basePrice */
.priceBox .basePrice{ width:100%; display:table; }
.priceBox .basePrice .basePriceL{ width:200px; display:table-cell; padding:0 10px 0 30px; background:#8fc2f7; font-size:18px; font-weight:bold; vertical-align:middle; color:#ffffff; }
.priceBox .basePrice .basePriceR{ display:table-cell; padding:0 0 0 10px; }
.priceBox .basePrice .basePriceR dl{ display:table-cell; padding:30px 0 30px 30px; background:#ffffff; }
.priceBox .basePrice .basePriceR dl dt{ width:190px; float:left; padding:25px 0 0; }
.priceBox .basePrice .basePriceR dl dd{ padding:25px 0 25px 190px; border-top:#e4e4f0 1px solid; font-size:14px; }
.priceBox .basePrice .basePriceR dl dd:first-of-type{ border-top:none; }
.priceBox .basePrice .basePriceR .price{ width:200px; display:table-cell; padding:0 25px; text-align:right; background:#ffffff; box-sizing:border-box; vertical-align:middle; }
.priceBox .basePrice .basePriceR .price strong{ font-size:40px; font-weight:normal; }
/* plus */
.priceBox .plus{ padding:10px 0; text-align:center; font-size:30px; font-weight:bold; color:#6e757c; line-height:1; }
/* addonPrice */
.priceBox .addonPrice{ width:100%; display:table; }
.priceBox .addonPrice .addonPriceL{ width:200px; display:table-cell; padding:0 10px 0 30px; background:#6e757c; font-weight:bold; vertical-align:middle; color:#ffffff; }
.priceBox .addonPrice .addonPriceR{ display:table-cell; padding:0 0 0 10px; }
.priceBox .addonPrice .addonPriceR dl{ width:100%; display:table; margin:0 0 10px; background:#ffffff; }
.priceBox .addonPrice .addonPriceR dl.last{ margin-bottom:0; }
.priceBox .addonPrice .addonPriceR dl dt{ width:190px; display:table-cell; padding:0 5px 0 35px; background:#e8ecef; box-sizing:border-box; font-weight:bold; vertical-align:middle; }
.priceBox .addonPrice .addonPriceR dl dd{ display:table-cell; padding:25px 30px; }
.priceBox .addonPrice .addonPriceR dl dd p.lead{ margin:0 0 30px; font-size:14px; line-height:1.6; }
.priceBox .addonPrice .addonPriceR dl dd ul li{ width:100%; display:table; padding:15px 0; overflow:hidden; }
.priceBox .addonPrice .addonPriceR dl dd ul li .txt{ width:80%; float:left; padding:7px 0 0; font-size:14px; }
.priceBox .addonPrice .addonPriceR dl dd ul li .price{ width:20%; float:left;  text-align:right; vertical-align:middle; }
.priceBox .addonPrice .addonPriceR dl dd ul li .price strong{ font-weight:normal; font-size:22px; }
.priceBox .addonPrice .addonPriceR dl dd ul li .note{ clear:both; text-align:right; }
.priceBox .addonPrice .addonPriceR dl dd ul li .note a{ color:#808080; }
.priceBox .addonPrice .addonPriceR dl dd ul.line li{ border-top:#e4e4f0 1px solid; }
	
/*===================================
  キャンペーン
===================================*/
/* materialsCampKv
===================================*/
.materialsCampKv{ min-height:335px; padding:8px 0 0; background:url(../img/camp/materials_bg_01.png) no-repeat center 0 / 1300px auto #477ad5; box-sizing:border-box; }
.materialsCampKv h1{ min-height:309px; background:url(../img/camp/materials_kv.png) no-repeat center -20px / 1300px auto; text-indent:-9999px; }

/* materialsCampCon
===================================*/	
.materialsCampCon{ width:900px; margin:0 auto; padding:50px 0; }
.materialsCampCon strong.stRed{ color:#ff3333; }
.materialsCampCon strong.stOrange{ font-weight:normal; color:#f74700; }
/*  firstTxt.  */
.materialsCampCon .firstTxt{ margin:0 0 50px; padding:20px 30px; border:#cccccc 1px solid; }
.materialsCampCon .firstTxt .tit{ margin:0 0 15px; text-align:center; font-size:18px; }
/*  box  */
.materialsCampCon .box{ padding:0 0 30px; overflow:hidden; }
.materialsCampCon .box .boxL{ padding:8px 0 8px 30px; border-left:#487bd5 5px solid; color:#2c5baf; }
.materialsCampCon .box .boxL h2{ font-size:20px; font-weight:bold; }
.materialsCampCon .box .boxL h2 span{ margin:0 0 0 10px; }
.materialsCampCon .box .boxR p.tit{ margin:30px 0 20px; padding:0 3px; border-bottom:#cccccc 1px solid; font-weight:bold; }
.materialsCampCon .box .boxR p.tit.borderT{ padding:15px 0 0; border-top:#efefef 1px solid; }
.materialsCampCon .box .boxR p.sTit{ margin:0 0 15px; font-weight:bold; }
.materialsCampCon .box .boxR p.sTit:before{ content:"■"; margin:0 5px 0 0; color:#487bd5; }
.materialsCampCon .box .boxR p{ margin:0 0 20px; }
.materialsCampCon .box .boxR ul.midashi{ margin:0 0 20px; font-size:14px; font-weight:bold; }
.materialsCampCon .box .boxR ul.midashi li.grayTxt{ color:#cccccc; }
.materialsCampCon .box .boxR ul.midashi li .newIco{ padding:3px 5px; background:#fff300; font-size:10px; color:#072e5b; line-height:1; }
.materialsCampCon .box .boxR ul.midashi li .newIco{
	position: relative;
	bottom:0;
	animation-duration:2s;
	animation-timing-function:ease-in-out;
	animation-iteration-count:infinite;
	transform-origin:middle center;
	animation-name:outer03;
	transform: rotate(0deg);
}
@keyframes outer03 {
 0%{ transform: rotate(0deg); bottom:0; }
 50% { transform:rotate(0deg); bottom:0; }
 60% { transform:rotate(3deg); bottom:3px; }
 70% { transform:rotate(-2deg); }
 80% { transform:rotate(3deg); }
 90% { transform:rotate(-2deg); }
 100% { transform:rotate(-2deg); }
}
.materialsCampCon .box .boxR ul.disc{ margin:0 0 20px; font-size:14px; font-weight:bold; }
.materialsCampCon .box .boxR ul.disc li{ padding:0 0 5px 2em; text-indent:-1.5em; }
.materialsCampCon .box .boxR ul.disc li:before{ content:"●"; margin:0 5px 0 0; color:#487bd5; }
.materialsCampCon .box .boxR ul.materialStep{ margin:0 0 20px; padding:20px 30px; border:#cccccc 1px solid; }
.materialsCampCon .box .boxR ul.materialStep li{ width:100%; display:table; padding:20px 0; border-bottom:#cccccc 1px dotted; }
.materialsCampCon .box .boxR ul.materialStep li:last-child{ border-bottom:none; }
.materialsCampCon .box .boxR ul.materialStep li .label,
.materialsCampCon .box .boxR ul.materialStep li figure,
.materialsCampCon .box .boxR ul.materialStep li div.stepR{ display:table-cell; vertical-align:middle; }
.materialsCampCon .box .boxR ul.materialStep li .label{ width:60px; font-size:18px; }
.materialsCampCon .box .boxR ul.materialStep li figure{ width:380px; padding:0 30px; text-align:center; }
.materialsCampCon .box .boxR ul.materialStep li:first-child figure img{ width:250px; height:auto; }
.materialsCampCon .box .boxR dl.dl1 dt{ margin:0 0 7px; font-weight:bold; }
.materialsCampCon .box .boxR dl.dl1 dt:before{ content:"■"; margin:0 5px 0 0; color:#487bd5; }
.materialsCampCon .box .boxR dl.dl1 dd{ margin:0 0 20px; }
.materialsCampCon .box .boxR dl.dl1 dd p{ margin:0; }
.materialsCampCon .box .boxR dl.dl2{ display:table; margin:0 0 5px; border:#e8ecef 1px solid; font-size:14px; }
.materialsCampCon .box .boxR dl.dl2 dt{ width:10%; display:table-cell; text-align:center; background:#e8ecef; box-sizing:border-box; font-size:16px; font-weight:bold; vertical-align:middle; }
.materialsCampCon .box .boxR dl.dl2 dd p{ margin:0; }
.materialsCampCon .box .boxR dl.dl2 dd{ width:90%; display:table-cell; padding:20px; box-sizing:border-box; }
.materialsCampCon .box .boxR dl.dl2 dd .tit{ margin:0; border-bottom:none; font-size:18px; }
.materialsCampCon .box .boxR dl.dl2 dd .tit span{ margin:0 0 0 10px; font-size:14px; font-weight:normal; }
.materialsCampCon .box .boxR dl.dl2 dd .sTit{ margin:15px 0 0; }
.materialsCampCon .box .boxR dl.dl2 dd ol{ padding:0 0 0 20px; }
.materialsCampCon .box .boxR dl.dl2 dd ol li{ margin:0 0 10px; }
.materialsCampCon .box .boxR p.note{ margin:25px 0 20px; font-size:14px; color:#333333; }
/*  box 2 */
.materialsCampCon .box2{ padding:46px 0 56px; border-top:#e5e5f0 1px solid; }
.materialsCampCon .box2 h2{ margin:0 0 65px; text-align:center; font-size:22px; }
.materialsCampCon .box2 h2 span.sp1{ display:inline-block; padding:5px 13px; margin:0 10px 0 0; background:#fffd49; font-size:14px; vertical-align:3px; }
.materialsCampCon .box2Con{ overflow:hidden; }
.materialsCampCon .box2L{ width:460px; float:left; }
.materialsCampCon .box2L p.lead{ margin:0 0 17px; font-weight:bold; }
.materialsCampCon .box2L p.txt{ font-size:14px; }
.materialsCampCon .box2R{ width:350px; float:right; }
/*  materialsNote */
.materialsCampCon .materialsNote{ padding:56px 0; font-size:14px; }
/*  materialsCvArea */
.materialsCampCon .materialsCvArea{ padding:45px 0; text-align:center; background:#f4f6f8; }
.materialsCampCon .materialsCvArea .txt{ font-weight:bold; }
.materialsCampCon .materialsCvArea .button{ padding:24px 0 0; }
.materialsCampCon .materialsCvArea .button a{ width:336px; }
	
/*===================================
  お問い合わせ
===================================*/
/*  contact
===========================*/
.contact .lead{ margin:0 0 30px; color:#6b6659; }
.contact .screen-reader-response{ margin:0 0 20px; }
.contact .screen-reader-response ul{ color:#ff0000; }
.contact .wpcf7-not-valid-tip{ display:block; padding:5px 0 0; color:#ff0000; }
.contact .wpcf7-validation-errors{ padding:20px 0 0; text-align:center; color:#333333; }
.contact dl{ width:100%; margin:0 0 30px; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; border:#dfdfe9 1px solid; border-top:none; }
.contact dl dt{ width:30%; padding:20px 30px; background:#f5f5fa; border-top:#dfdfe9 1px solid; }
.contact dl dt .request{ width:30px; float:right; display:block; margin:5px 0 0; padding:3px 2px; text-align:center; background:#fa7e25; font-size:10px; color:#ffffff; line-height:1; }
.contact dl dd{ width:70%; padding:20px 10px 20px 30px; border-top:#dfdfe9 1px solid; }
.contact dl dd .note{ padding:5px 0 0; font-size:12px; color:#999999; }
.contact dl dd .note a{ color:#999999; }
.contact dl,
.contact dl dt,
.contact dl dd{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
.contact dl dd input[type=text],
.contact dl dd input[type=email],
.contact dl dd input[type=tel],
.contact dl dd textarea{ width:450px; padding:5px; border:#dfdfe9 1px solid; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; font-size:16px; }
.contact dl dd .wpcf7-list-item{ margin:0 20px 0 0; font-size:16px; }
.contact .submitBtn{ text-align:center; }
.contact .submitBtn input{ width:255px; display:inline-block; padding:20px 0; text-align:center; text-decoration:none; background:#e4550f; border:none; border-radius:50px; font-size:18px; color:#ffffff; line-height:1; cursor:pointer; -webkit-appearance: none;
}
.contact .wpcf7-not-valid-tip{ padding:5px 0 0; color:#ee3f6c; }
.contact .submitBtn input:hover{ opacity:0.8; }

.contact .thanks{ margin:0 0 100px; text-align:center; }
.contact .thanks .txt{ margin:0 0 30px; }
.contact .thanks .link a:before{ content:"> "; }

/*  formArea
===================================*/
/*.formArea{ width:800px; margin:0 auto; }
.formArea .require{ display:block; float:right; padding:2px 5px 0; background:#fa7e25; font-size:10px; color:#ffffff; }
.formArea .error{ padding:10px 0 0; color:#ff0000; }
.formArea .error em{ font-style:normal; }
.formArea .lead{ margin:0 0 40px; padding:15px 20px; background:#f4f3ef; color:#6b6659; }
.formArea .linkArea{ padding:0 0 200px; }
.formArea .linkArea ul{ text-align:center; }
.formArea .linkArea ul li{ display:inline-block; margin:0 10px; }
.formArea table th{ width:220px; padding:9px 30px 0 0; text-align:left; vertical-align:top; }
.formArea table td{ width:550px; padding:0 0 40px; }
.formArea table input,
.formArea table textarea{ padding:10px; background:#f5f5f5; border:none; font-size:14px; }
.formArea table .mini{ width:250px; }
.formArea table .middle{ width:400px; }
.formArea table textarea.wide{ width:500px; height:10em; }
.submitBtnArea{ margin:0 0 50px; padding:20px 0 0; text-align:center; }
.submitBtnArea form.inline{ display:inline; }
.submitBtnArea .submitBtn,
.submitBtnArea .submitBtn2,
.submitBtnArea .backBtn{ width:200px; display:inline-block; margin:0 5px; padding:20px; border:none; border-radius:3px; font-size:14px; font-weight:bold; letter-spacing:1px; color:#ffffff; cursor:pointer; }
.submitBtnArea .submitBtn,
.submitBtnArea .submitBtn2{ background:#fa7e25; }
.submitBtnArea .backBtn{ background:#cccccc; }*/

/*===================================
  規約
===================================*/
/* kiyakuArea
===================================*/
.kiyakuArea .lead{ margin:0 0 40px; }

/*--- kiyaku ---*/
dl.kiyaku dt{ padding:30px 0 15px; border-top:#e3e3eb 1px solid; font-size:18px; font-weight:bold; }
dl.kiyaku dt:first-of-type{ padding-top:0; border-top:none; }
dl.kiyaku dd{ padding:0 0 30px; }
dl.kiyaku dd ol{ padding:0 0 0 30px; line-height:2; }
dl.kiyaku dd ul{ line-height:2; }
dl.kiyaku dd ul li{ padding:0 0 0 1em; text-indent:-1em; }
dl.kiyaku dd ul li:before{ content:"・"; }

/*--- syotori ---*/
dl.syotori{ width:100%; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; border:#dfdfe9 1px solid; border-top:none; font-size:14px; }
dl.syotori > dt{ width:28%; padding:20px 30px; background:#f4f6f8; border-top:#dfdfe9 1px solid; }
dl.syotori > dd{ width:72%; padding:20px 10px 20px 30px; border-top:#dfdfe9 1px solid; }
dl.syotori > dd .note{ padding:5px 0 0; font-size:12px; color:#999999; }
dl.syotori > dd .note a{ color:#999999; }
dl.syotori,
dl.syotori > dt,
dl.syotori > dd{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
dl.syotori > dd dl.syotoriPrice{ margin:0 0 10px; overflow:hidden; line-height:1.8; }
dl.syotori > dd dl.syotoriPrice dt{ width:200px; clear:both; float:left; font-weight:bold;}
dl.syotori > dd dl.syotoriPrice dd{ padding:0 0 0 210px; }

}