@charset "utf-8";

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

body{ padding:47px 0 0; font-size:14px; }
.pcOnly{ display:none; }

/*===================================
  Common CSS
===================================*/
/*  header
===================================*/
#siteHeader{ width:100%; min-height:47px; background:rgba(255,255,255,1); /*box-shadow:0 2px 2px rgba(176,176,176,0.5);*/ position:fixed; top:0; left:0; z-index:100; }
#siteHeader .cmContainer{ padding:8px 10px 7px; position:relative; }
#siteHeader .logo{ float:left; margin:7px 0 0; }
#siteHeader .logo a{ width:100px; height:20px; display:block; background:url(../img/logo_mark_type.png) no-repeat 0 0; background-size:100px auto; text-indent:-9999px; }
#siteHeader ul.gnav{ display:none; padding:5px 0; background:#4b5ad2; position:absolute; top:47px; right:0; }
#siteHeader ul.gnav.open{ display:block; }
#siteHeader ul.gnav > li{ border-bottom:rgba(255,255,255,0.2) 1px solid; }
#siteHeader ul.gnav > li:last-child{ border-bottom:none; }
#siteHeader ul.gnav > li a{ display:block; padding:10px 15px; text-decoration:none; font-size:14px; color:#ffffff; }
#siteHeader ul.gnav > li ul{ padding:0 0 5px 15px; }
#siteHeader ul.gnav > li ul li a{ padding:5px 10px; }
#siteHeader p.btn{ position:absolute; top:9px; right:55px; }
#siteHeader p.btn .btnRed{ width:90px; padding:6px 0 5px; font-size:12px; }

/*-- spGnavBtn ボタン --*/
#siteHeader .btnFix{ position:fixed !important; }
#siteHeader .spGnavBtn{ position:absolute; top:0; right:0; z-index:30; }
#siteHeader .spGnavBtn a{ width:47px; height:47px; display:inline-block; background:#4b5ad2; position:relative; }
#siteHeader .spGnavBtn a span{ width:25px; height:2px; display:block; position:absolute; top:50%; left:40%; margin:-1px 0 0 -7px; background:#ffffff; transition:.2s; }
#siteHeader .spGnavBtn a span:after,
#siteHeader .spGnavBtn a span:before{ width:25px; height:2px; display:block; content:""; position:absolute; top:50%; left:0; background:#ffffff; transition: .3s; }
#siteHeader .spGnavBtn a span:before{ margin-top:-8px; }
#siteHeader .spGnavBtn a span:after{ margin-top: 6px; }
#siteHeader .spGnavBtn a span.close{ background: transparent; }
#siteHeader .spGnavBtn a span.close:after{ margin-top: 0; }
#siteHeader .spGnavBtn a span.close:before{ margin-top:0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#siteHeader .spGnavBtn a span.close:after{ transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }

/*  contents
===================================*/
#contents{ width:100%; margin:0 auto; padding:0 0 50px; }

/*  siteFooter
===================================*/
#siteFooter{ margin:30px 0 0; padding:0 0 20px; }
#siteFooter ul{ margin:0 0 20px; font-size:12px; }
#siteFooter ul li{ margin:0 3px; overflow:hidden; }
#siteFooter ul li a{ display:block; padding:10px 5px; background:url(../img/ico_arrow_right.png) no-repeat right 10px center; background-size:7px auto; border-bottom:#e3e3eb 1px solid; text-decoration:none; color:#333333; }
#siteFooter .copyright{ text-align:center; font-size:10px; }

/*===================================
  parts CSS
===================================*/
/*  title
===================================*/
.pageTitle{ margin:0 0 40px; padding:20px 0; text-align:center; background:#85b9f0; font-size:18px; font-weight:normal; color:#ffffff; }
.pageTitle.mgBtNone{ margin-bottom:0; }
.pageTitle h1{ font-weight:normal; }
.heading1{ text-align:center; font-size:20px; font-weight:normal; }
.heading2{ text-align:center; font-size:18px; font-weight:normal; }

/*  btn
===================================*/
a.btnRed{ width:200px; padding:15px 0; font-size:16px; }
a.btnWhite{ width:200px; padding:15px 0; font-size:16px; }

/*  label
===================================*/
.labelRed{ padding:3px 10px; font-size:12px; }

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

/*===================================
  トップページ
===================================*/
/*  kvArea
===================================*/
.kvArea{ background:url(../img/top_kv_bg.png) repeat-y center 0; background-size:150% auto; }
.kvArea .kvAreaBg{ background:url(../img/top_kv_img.png) no-repeat center bottom; background-size:95% auto; }
.kvArea .cmContainer{ min-height:200px; position:relative; }
.kvArea .titleArea{ padding:30px 0 0; text-align:center; color:#ffffff; }
.kvArea .catch{ font-size:16px; }
.kvArea .title{ font-size:22px; font-weight:normal; }
.kvArea .pointIcon{ width:80px; position:absolute; right:5px; bottom:10px; }

/*  bannerArea
===================================*/	
/*.bannerArea{ padding:20px 10px 0; }
.bannerArea a{ max-width:400px; display:block; margin:0 auto; }*/
	
/*  topBannerArea
===================================*/	
.topBannerArea{ background:#f4f6f8; border-top:#e4e8eb 1px solid; }
.topBannerArea a{ display:block; padding:120px 10px 20px; margin:0 auto; text-decoration:none; background:url(../img/top_img_materials.png) no-repeat center 20px / 150px auto; box-sizing:border-box; }
.topBannerArea a .txt{ display:block; padding:0 10px 10px 0; text-align:center; background:url(../img/ico_arrow_gray_right.png) no-repeat right center / 10px auto; font-size:16px; color:#606c7e; line-height:1.6; }
.topBannerArea a .moreTxt{ display:block; text-align:center; font-size:14px; color:#508bca; }

/*  personArea
===================================*/
.personArea{ padding:40px 0 20px; }
.personArea .heading2{ margin:0 0 20px; }
.personArea .type{ padding:0 15px; }
.personArea ul{ overflow:hidden; }
.personArea ul li{ width:33%; float:left; margin:0 0 30px; text-align:center; }
.personArea ul li figure img{ width:90%; }
.personArea ul li figure figcaption{ padding:5px 0 0; font-size:12px; font-weight:bold; }

/*  charaArea
===================================*/
.charaArea .heading1{ padding:60px 0 20px; }

/*--- box ---*/
.charaArea .box{ padding:225px 15px 40px; }
.charaArea .box .tit{ margin:0 0 10px; text-align:center; font-size:18px; font-weight:bold; }
.charaArea .box .link{ text-align:right; }
.charaArea .box .link a{ 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; text-decoration:none; color:#555555; }
.charaArea .simple{ padding-top:145px; background:url(../img/top_chara_img_01_sp.png) no-repeat center 0; background-size:250px auto; }
.charaArea .seo{ background:url(../img/top_chara_img_02_sp.png) no-repeat center 40px #ffffff; background-size:250px auto; }
.charaArea .asp{ background:url(../img/top_chara_img_03_sp.png) no-repeat center 40px; background-size:250px auto; }
.charaArea .rank{ background:url(../img/top_chara_img_04_sp.png) no-repeat center 40px #ffffff; background-size:250px auto; }

/*  introArea
===================================*/
.introArea{ padding:40px 0; text-align:center; }
.introArea .heading1{ margin:0 0 15px; }
.introArea .txt{ margin:0 0 10px; }
.introArea figure img{ width:80%; }

/*  smoothArea
===================================*/
/*.smoothArea{ padding:40px 0 0; }
.smoothArea .heading1{ margin-bottom:20px; }
.smoothArea .img{ width:300px; margin:0 auto; }
.smoothArea .img img{ vertical-align:bottom; }
.smoothArea ul{ max-width:400px; margin:0 auto; padding:30px 10px; font-size:18px; overflow:hidden; }
.smoothArea ul li{ width:49%; float:left; margin:0 2% 25px 0; padding:0 0 155px; text-align:center; font-size:16px; }
.smoothArea ul li:nth-child(2n){ 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; background-size:150px auto; }
.smoothArea ul li:nth-child(2){ background:url(../img/top_smooth_img_02.png) no-repeat center bottom; background-size:150px auto; }
.smoothArea ul li:nth-child(3){ background:url(../img/top_smooth_img_03.png) no-repeat center bottom; background-size:150px auto; }
.smoothArea ul li:nth-child(4){ background:url(../img/top_smooth_img_04.png) no-repeat center bottom; background-size:150px auto; }
.smoothArea ul li:nth-child(5){ background:url(../img/top_smooth_img_05.png) no-repeat center bottom; background-size:150px auto; }
.smoothArea ul li:nth-child(6){ background:url(../img/top_smooth_img_06.png) no-repeat center bottom; background-size:150px auto; }:*/

/*  cvArea
===================================*/
.cvArea{ padding:25px 15px; background:#f4f6f8; }
.cvArea .cmContainer{ text-align:center; }
.cvArea .catch{ margin:0 0 7px; line-height:1.8; }
.cvArea .lead{ font-size:14px; }
.cvArea .btnLead{ display:block; margin:0 0 3px; }

/*  functionArea
===================================*/
.functionArea{ padding:40px 0; }
.functionArea .heading1{ margin:0 0 15px; }
.functionArea .lead{ margin:0 15px 25px; line-height:1.4; }
.functionArea ul{ display:flex; flex-wrap:wrap; display:-webkit-box; display:-webkit-flex; -webkit-flex-wrap:wrap; margin:0 15px 30px; }
.functionArea ul li{ width:49%; min-height:150px; margin:0 2% 6px 0; padding:20px 0 0; text-align:center; background:#8fc2f7; border-radius:2px; box-sizing:border-box; color:#ffffff; }
.functionArea ul li:nth-child(2n){ margin-right:0; }
.functionArea ul li p{ margin:0 0 10px; font-size:14px; }
.functionArea ul li p span{ margin:0 0 0 3px; font-size:10px; }
.functionArea ul li figure img{ width:70px; height:auto; }
.functionArea ul li:nth-child(2) figure img{ width:90px; }
.functionArea ul li:nth-child(4) figure img{ width:55px; }
.functionArea .moreBtn{ text-align:center; }
.functionArea .moreBtn a{ width:193px; padding:15px 0; }

/*  addonArea
===================================*/
.addonArea{ padding:40px 0; }
.addonArea .heading1{ margin:0 0 20px; font-size:18px; }
.addonArea .heading1 span{ display:block; font-size:32px; color:#6ea5de; }
.addonArea .addToha{ margin:0 15px 20px; line-height:1.6; }
.addonArea figure.addonImg{ margin:0 15px 20px; text-align:center; }
.addonArea figure.addonImg img{ width:100%; }
/*--- addonBox ---*/
ul.addonBox{ margin:0 15px 30px; }
ul.addonBox > li{ margin:0 0 20px 0; background:#ffffff; border:#e0e0e0 1px solid; box-shadow:2px 2px 3px rgba(232,232,232,0.9); position:relative; }
ul.addonBox > li .addonBoxCon{ padding:10px 20px 15px; }
ul.addonBox > li .titleArea{ margin:0 0 10px; font-weight:bold; overflow:hidden; }
ul.addonBox > li .titleArea .title{ float:left; font-size:18px; }
ul.addonBox > li .titleArea .price{ float:right; font-size:14px; }
ul.addonBox > li .txt{ margin:0 0 10px; }
ul.addonBox > li ul.check li{ margin:0 0 7px; padding:0 0 0 24px; background:url(../img/ico_check2.png) no-repeat 5px 7px; background-size:10px auto; font-size:12px; }
ul.addonBox > li .moreBtn{ margin:20px 0 0; text-align:right; }
ul.addonBox > li .moreBtn a{ padding:12px 25px; }
ul.addonBox > li .releaseLabel{ width:174px; position:absolute; top:-4px; left:-4px; }
/*--- endTxt ---*/
.addonArea .endTxt{ padding:0 15px; text-align:center; }

/*  priceArea
===================================*/
.priceArea{ padding:40px 0; }
.priceArea .heading1{ margin:0 0 15px; }
.priceArea dl{ margin:0 10px; background:#ffffff; border:#e4e4f0 1px solid; }
.priceArea dl dt{ padding:15px 0; text-align:center; 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:18px; color:#ffffff; }
.priceArea dl.base{ background:#6ea5de; }
.priceArea dl.addon{ background:#6e757c; }
.priceArea dl dd{ padding:20px 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; background:#ffffff; overflow:hidden; }
.priceArea dl dd p{ float:right; line-height:1.6; }
.priceArea dl dd p.price{ font-size:30px; color:#599adb; }
.priceArea dl.base dd p.price{ float:none; text-align:center; }
.priceArea dl dd p.price span{ font-size:14px; }
.priceArea dl dd p.labelRed{ margin:10px 0 0 15px; }
.priceArea dl dd p.name{ float:left; margin:5px 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:22px; }
.priceArea dl dd ul li p.labelRed{ margin-top:5px; }
.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{ margin:30px 15px 0; font-size:14px; color:#666666; }
.priceArea ul.note li{ margin:0 0 5px; }
.priceArea .moreBtn{ margin:30px 0 0; text-align:center; }
.priceArea .moreBtn a{ width:193px; padding:15px 0; }

/*  voiceArea
===================================*/
/*.voiceArea{ padding:40px 15px; }
.voiceArea .heading1{ margin:0 0 20px; }
.voiceArea .voiceBox{ margin:0 0 30px; overflow:hidden; }
.voiceArea .voiceBox figure{ margin:0 0 10px; }
.voiceArea .voiceBox .voiceBoxR{ font-size:14px; }
.voiceArea .voiceBox .voiceBoxR .tit{ margin:0 0 5px; font-size:20px; font-weight:normal; color:#548fcb; }
.voiceArea .voiceBox .voiceBoxR .name{ margin:0 0 10px; }*/

/*  faqArea
===================================*/
.faqArea{ padding:40px 0; }
.faqArea .heading1{ padding:0 0 20px; }
.faqArea p.tit{ text-align:center; font-size:16px; font-weight:bold; }
.faqArea dl{ margin:0 20px 30px; padding:0 0 20px; border-bottom:#e3e3eb 1px solid; }
.faqArea dl dt{ margin:15px 0 10px; padding:15px 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:40px 10px; }
.autoInfoArea .heading2{ margin:0 0 20px; }
.autoInfoArea .tit{ margin:0 0 10px; padding:0 0 0 28px; background:url(../img/line_blue.png) no-repeat 3px center; font-size:14px; }
.autoInfoArea dl{ margin:0 0 20px; font-size:14px; }
.autoInfoArea dl dt{ background:#f5f5fa; border:#dfdfe9 1px solid; border-bottom:none; }
.autoInfoArea dl dd{ margin:0 0 10px; border:#dfdfe9 1px solid; }
.autoInfoArea dl dt,
.autoInfoArea dl dd{ padding:15px 10px; 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:40px 15px; overflow:hidden; }
.txtBox .functionBoxL{  }
.txtBox .functionBoxL p{ margin:0 0 20px; }
.txtBox .functionBoxR{  }
.txtBox .title{ margin:0 0 10px; font-size:18px; }
.txtBox .sTitle{ margin:0 0 15px; font-size:14px; }
.txtBox .tit{ margin:0 0 10px; font-size:18px; }
.txtBox .heading2{ margin:0 0 15px; font-size:16px; font-weight:bold; }
.txtBox .txtArea{ margin:0 0 40px; }
.txtBox .link a{ text-decoration:none; }
.txtBox .icoBase1,
.txtBox .icoBase2,
.txtBox .icoBase3,
.txtBox .icoBase4{ min-height:52px; padding:10px 0 0 55px; background-repeat:no-repeat; background-position:0 0; background-size:45px auto; box-sizing:border-box; }
.txtBox .icoBase1{ background-image:url(../img/function/base_icon_01.png); }
.txtBox .icoBase2{ background-image:url(../img/function/base_icon_02.png); }
.txtBox .icoBase3{ background-image:url(../img/function/base_icon_03.png); }
.txtBox .icoBase4{ background-image:url(../img/function/base_icon_04.png); }
.txtBox .functionTable table{ width:100%; font-size:12px; }
.txtBox .functionTable table th{ padding:8px 5px; background:#f4f6f8; border-bottom:#e4e4f0 1px solid; font-size:10px; font-weight:normal; }
.txtBox .functionTable table td{ padding:10px 5px; border-bottom:#e4e4f0 1px solid; vertical-align:middle; }
.txtBox .functionTable table .item1{ width:70px; font-weight:bold; }
.txtBox .functionTable table .item2{  }
.txtBox .functionTable table .auto{ width:40px; text-align:center; }
.txtBox .functionTable table .auto .disc{ color:#4d5ecf; }
.txtBox .functionTable table .hand{ width:40px; text-align:center; }
.txtBox .functionTable table .hand .disc{ color:#85b9f0; }
.txtBox .functionTable table .note{ margin:0 0 0 3px; font-size:10px; }
.txtBox ul.note{ padding:20px 0 0; }
/* twoList */
.txtBox ul.twoList{ margin:30px 0 0; padding:0; }
.txtBox ul.twoList li{ margin:0 0 30px; text-align:center; overflow:hidden; }
.txtBox ul.twoList li figure{ width:80px; float:left; }
.txtBox ul.twoList li .txtArea{ margin:0; padding:0 0 0 100px; text-align:left; }
.txtBox ul.twoList li .tit{ font-size:16px; font-weight:bold; line-height:1.4; }
.txtBox ul.twoList li .txt{ font-size:14px; line-height:1.6; }
/* threeList */
.txtBox ul.threeList{ margin:30px 0 0; padding:0; }
.txtBox ul.threeList li{ margin:0 0 30px; text-align:center; overflow:hidden; }
.txtBox ul.threeList li figure{ width:80px; float:left; text-align:center; }
.txtBox ul.threeList li figure img{ max-width:100%; width:auto; height:auto; }
.txtBox ul.threeList.listReason li:nth-child(1) figure img{ width:75px; height:auto; }
.txtBox ul.threeList.listReason li:nth-child(2) figure img{ width:67px; height:auto; }
.txtBox ul.threeList.listReason li:nth-child(3) figure img{ width:80px; height:auto; }
.txtBox ul.threeList.listReason li:nth-child(4) figure img{ width:45px; height:auto; }
.txtBox ul.threeList.listReason li:nth-child(5) figure img{ width:50px; height:auto; }
.txtBox ul.threeList.listReason li:nth-child(6) figure img{ width:45px; height:auto; }
.txtBox ul.threeList.listFunBase li:nth-child(1) figure img{ width:53px; 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 .txtArea{ margin:0; padding:0 0 0 100px; text-align:left; }
.txtBox ul.threeList li .tit{ font-size:16px; font-weight:bold; line-height:1.4; }
.txtBox ul.threeList li .txt{ font-size:14px; line-height:1.6; }
/* 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 .title{ margin:0 0 40px; text-align:center; font-size:18px; }
.reasonKv .sTitle{ padding:13px 0; text-align:center; background:#85b9f0; font-size:14px; 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,
.reasonKv ul.threeList{ margin-left:10px; margin-right:10px; }
	
/*===================================
  機能
===================================*/
/*  functionKv
===========================*/
.functionKv{ padding:0 15px; }
.functionKv .title{ margin:0 0 10px; text-align:center; font-size:20px; }
.functionKv .lead{ margin:0 0 20px; }
.functionKv figure{ padding:0 15px; }
.functionKv figure.mgBt{ margin:0 0 30px; }
.functionKv figure img{ vertical-align:bottom; }

/*  functionBox
===========================*/
/*.functionBox .cmContainer{ padding:40px 15px; overflow:hidden; font-size:14px; }
.functionBox .functionBoxL{ margin:0 0 15px; }
.functionBox .title{ margin:0 0 15px; text-align:center; font-size:18px; }
.functionBox .sTitle{ margin:0 0 15px; font-size:18px; }
.functionBox .tit{ margin:0 0 10px; font-size:18px; }
.functionBox .functionTable table{ width:100%; }
.functionBox .functionTable table th{ padding:8px 0; background:#f4f6f8; border-bottom:#e4e4f0 1px solid; font-size:10px; font-weight:normal; }
.functionBox .functionTable table td{ padding:10px 0; border-bottom:#e4e4f0 1px solid; vertical-align:middle; }
.functionBox .functionTable table .item1{ width:90px; padding-right:5px; font-size:12px; font-weight:bold; }
.functionBox .functionTable table .item2{ font-size:12px; }
.functionBox .functionTable table .auto{ width:50px; text-align:center; }
.functionBox .functionTable table .auto .disc{ color:#4d5ecf; }
.functionBox .functionTable table .hand{ width:50px; text-align:center; }
.functionBox .functionTable table .hand .disc{ color:#85b9f0; }
.functionBox .functionTable table .note{ margin:0 0 0 5px; font-size:10px; }
.functionBox ul.note{ padding:20px 0 0; }*/
	
/*===================================
  料金
===================================*/
/*  priceBox
===========================*/
.priceBox{ padding:40px 0; }
/* basePrice */
.priceBox .basePrice{ width:100%;  }
.priceBox .basePrice .basePriceL{ margin:0 10px 10px; padding:10px; background:#8fc2f7; font-weight:bold; vertical-align:middle; color:#ffffff; }
.priceBox .basePrice .basePriceR{ margin:0 10px; background:#ffffff; box-sizing:border-box; }
.priceBox .basePrice .basePriceR dl{ display:table-cell; padding:10px 0 10px 15px; }
.priceBox .basePrice .basePriceR dl dt{  padding:10px 0 0; font-weight:bold; }
.priceBox .basePrice .basePriceR dl dd{ padding:0 0 10px; border-bottom:#e4e4f0 1px solid; font-size:12px; }
.priceBox .basePrice .basePriceR dl dd:last-of-type{ border-bottom:none; }
.priceBox .basePrice .basePriceR .price{ width:90px; display:table-cell; padding:0 15px 0 0; text-align:right; background:#ffffff; box-sizing:border-box; font-size:12px; vertical-align:middle; }
.priceBox .basePrice .basePriceR .price strong{ display:block; font-size:28px; 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{  }
.priceBox .addonPrice .addonPriceL{ margin:0 10px 10px; padding:10px; background:#6e757c; font-weight:bold; vertical-align:middle; color:#ffffff; }
.priceBox .addonPrice .addonPriceR{ margin:0 10px; }
.priceBox .addonPrice .addonPriceR dl{ width:100%; margin:0 0 10px; background:#ffffff; }
.priceBox .addonPrice .addonPriceR dl.last{ margin-bottom:0; }
.priceBox .addonPrice .addonPriceR dl dt{ padding:10px; background:#dee1e4; box-sizing:border-box; font-weight:bold; vertical-align:middle; }
.priceBox .addonPrice .addonPriceR dl dd{ padding:0 5px 0 15px; }
.priceBox .addonPrice .addonPriceR dl dd p.lead{ padding:10px 0; font-size:12px; line-height:1.6; }
.priceBox .addonPrice .addonPriceR dl dd ul li{ width:100%; display:table; padding:5px 0; overflow:hidden; }
.priceBox .addonPrice .addonPriceR dl dd ul li .txt{ width:63%; float:left; padding:7px 0 0; font-size:12px; }
.priceBox .addonPrice .addonPriceR dl dd ul li .price{ width:37%; float:left; text-align:right; vertical-align:middle; font-size:12px; }
.priceBox .addonPrice .addonPriceR dl dd ul li .price.paTop{ padding:5px 0 0; }
.priceBox .addonPrice .addonPriceR dl dd ul li .price strong{ margin:0 3px 0 0; font-weight:normal; font-size:20px; }
.priceBox .addonPrice .addonPriceR dl dd ul li .note{ clear:both; padding:10px 0 0; 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:125px; padding:5px 0 0; background:url(../img/camp/materials_bg_01.png) no-repeat center 0 / 1300px auto #477ad5; box-sizing:border-box; }
.materialsCampKv h1{ max-width:350px; margin:0 auto; min-height:100px; background:url(../img/camp/materials_kv.png) no-repeat center 0 / 137% auto; text-indent:-9999px; }
/* materialsCampCon
===================================*/	
.materialsCampCon{ padding:30px 15px; }
.materialsCampCon strong.stRed{ color:#ff3333; }
.materialsCampCon strong.stOrange{ font-weight:normal; color:#f74700; }
/*  firstTxt.  */
.materialsCampCon .firstTxt{ margin:0 0 40px; padding:10px; border:#cccccc 1px solid; }
.materialsCampCon .firstTxt .tit{ margin:0 0 5px; font-weight:bold; font-size:16px; }
/*  box  */
.materialsCampCon .box .boxL{ padding:3px 0 3px 10px; border-left:#487bd5 5px solid; }
.materialsCampCon .box .boxL h2{ font-size:18px; font-weight:bold; }
.materialsCampCon .box .boxL h2 span{ display:block; }
.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{ margin:0 0 8px; }
.materialsCampCon .box .boxR ul.midashi li.grayTxt{ color:#cccccc; overflow:hidden; }
.materialsCampCon .box .boxR ul.midashi li .sp1{ width:57px; float:left; }
.materialsCampCon .box .boxR ul.midashi li .sp2{ width:calc(100% - 57px); float:left; }
.materialsCampCon .box .boxR ul.midashi li .sp3{ display:none; }
.materialsCampCon .box .boxR ul.midashi li .sp4{ clear:both; display:block;  padding:0 0 0 57px; font-size:12px; font-weight:normal; }
.materialsCampCon .box .boxR ul.midashi li .newIco{ display:inline-block; margin:0 0 0 57px; 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:10px 10px; border:#cccccc 1px solid; }
.materialsCampCon .box .boxR ul.materialStep li{ 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{ }
.materialsCampCon .box .boxR ul.materialStep li .label{ margin:0 0 10px; text-align:center; font-weight:bold; }
.materialsCampCon .box .boxR ul.materialStep li figure{ margin:0 0 10px; text-align:center; }
.materialsCampCon .box .boxR ul.materialStep li:first-child figure img{ width:70%; height:auto; }
.materialsCampCon .box .boxR ul.materialStep li div.stepR p{ margin:0; }
.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{ padding:10px 0; 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{ padding:10px; box-sizing:border-box; }
.materialsCampCon .box .boxR dl.dl2 dd .tit{ margin:0; border-bottom:none; font-size:18px; line-height:1.6; }
.materialsCampCon .box .boxR dl.dl2 dd .tit span{ display:block; 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:30px 0; border-top:#e5e5f0 1px solid; }
.materialsCampCon .box2 h2{ margin:0 0 15px; text-align:center; font-size:20px; }
.materialsCampCon .box2 h2 span.sp1{ display:block; padding:5px 13px 2px; margin:0 0 10px; background:#fffd49; font-size:14px; vertical-align:3px; }
.materialsCampCon .box2 h2 span.spNewLine{ display:block; }
.materialsCampCon .box2Con{ overflow:hidden; }
.materialsCampCon .box2L{ margin:0 0 10px; }
.materialsCampCon .box2L p.lead{ margin:0 0 5px; font-size:16px; font-weight:bold; }
.materialsCampCon .box2L p.txt{ font-size:14px; }
.materialsCampCon .box2R{ }
/*  materialsNote */
.materialsCampCon .materialsNote{ padding:30px 0; border-top:#e5e5f0 1px solid; font-size:14px; }
/*  materialsCvArea */
.materialsCampCon .materialsCvArea{ padding:20px 0; text-align:center; background:#f4f6f8; }
.materialsCampCon .materialsCvArea .txt{ font-weight:bold; }
.materialsCampCon .materialsCvArea .button{ padding:10px 0 0; }
.materialsCampCon .materialsCvArea .button a{ width:286px; }
	
/*===================================
  お問い合わせ
===================================*/
/*  contact
===========================*/
.contact{ padding:0 10px; }
.contact .lead{ margin:0 0 20px; 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{ margin:0 0 20px; border:#dfdfe9 1px solid; border-top:none; }
.contact dl dt{ padding:15px; 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{ padding:20px 15px; 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:100%; 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; }

/*  formArea
===================================*/
/*.formArea{ padding:0 15px; }
.formArea .require{ display:block; float:right; padding:2px 5px 0; background:#fa7e25; font-size:10px; color:#ffffff; }
.formArea .error{ padding:5px 0 0; color:#ff0000; }
.formArea .error em{ font-style:normal; }
.formArea .lead{ margin:0 0 30px; padding:15px 20px; background:#f4f3ef; color:#6b6659; }
.formArea .linkArea{ padding:0 0 200px; }
.formArea .linkArea ul{ text-align:center; }
.formArea .linkArea ul li{ margin:0 0 10px; }
.formArea table{ width:100%; }
.formArea table th{ width:100%; display:block; padding:0 0 5px; text-align:left; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
.formArea table td{ width:100%; display:block; padding:0 0 25px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
.formArea table input,
.formArea table textarea{ padding:10px; background:#f5f5f5; border:none; 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:14px; }
.formArea table .mini,
.formArea table .middle{ width:100%; }
.formArea table textarea.wide{ width:100%; 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:140px; display:inline-block; margin:0 2px; padding:20px 0; border:none; border-radius:3px; font-size:14px; font-weight:bold; letter-spacing:1px; color:#ffffff; cursor:pointer; -webkit-appearance: none; }
.submitBtnArea .submitBtn{ background:#fa7e25; }
.submitBtnArea .submitBtn2{ width:80%; background:#fa7e25; }
.submitBtnArea .backBtn{ background:#cccccc; }*/

/*===================================
  規約
===================================*/
/* kiyakuArea
===================================*/
.kiyakuArea{ font-size:14px; }
.kiyakuArea .lead{ margin:0 15px 40px; }

/*--- kiyaku ---*/
dl.kiyaku{ padding:0 15px; }
dl.kiyaku dt{ padding:20px 0 10px; border-top:#e3e3eb 1px solid; font-size:16px; font-weight:bold; }
dl.kiyaku dt:first-of-type{ padding-top:0; border-top:none; }
dl.kiyaku dd{ padding:0 0 20px; }
dl.kiyaku dd ol{ padding:0 0 0 20px; 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{ margin:0 10px; border:#dfdfe9 1px solid; border-top:none; }
dl.syotori > dt{ padding:15px; background:#f5f5fa; border-top:#dfdfe9 1px solid; }
dl.syotori > dd{ padding:20px 15px; 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{ font-weight:bold; }
dl.syotori > dd dl.syotoriPrice dd{ padding:0 0 10px 10px; }

}