@charset "utf-8";
/* CSS Document */
#navArea{ display:none;}
.pcno { display:none;}
img { max-width:100%;}
/*▼ 初期化 ▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:16px; line-height:1.5em; color:#474241;-webkit-text-size-adjust:100%; font-weight:400; font-family: 'futura-pt', 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px; font-size:100%; font-weight:normal; font-family: 'Zen Maru Gothic', serif;}
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/
.mb30{ margin-bottom:30px;}
.mb50{ margin-bottom:50px;}


/*----- エリア・背景設定 -----*/
body{ min-width:1260px; position:relative;}
#body-top{ overflow:hidden;}



h1{ text-indent:-9999px; height:0px;}





/*----- ヘッダー -----*/
#header { max-width:1100px; min-width:1024px; margin:0 auto 20px;}
#header #hmid{ overflow:hidden;}
#header #hmid .left{ width:240px; float:left; padding-top:20px;}
#header #hmid .left p{ font-size:32px; font-weight:bold; display:inline-block;}
#header #hmid .left p a{ display:block; text-decoration:none; color:#333;}
#header #hmid .left p a:hover{ color:#ffcc00; opacity:1;}

#header #hmid .right{ float:right;}



/*----- ナビ -----*/
#navi{ padding-top:30px; float:right;}
#navi ul{ text-align:center;}
#navi ul li { display:inline-block;padding:0 13px; font-size:15px; font-weight:bold; letter-spacing:normal; font-family: 'Zen Maru Gothic', serif;}
#navi ul li a{ color:#333; text-decoration:none; position:relative; display: inline-block; padding-bottom:10px; transition: 0.6s ease-out;}
#navi ul li a:hover{ color:#ffcc00; opacity:1; transition: 0.3s;}
#navi ul li a:after /*ナビ下線*/{ position: absolute; bottom: 0px; left: 0; content: ''; width: 100%; height: 2px; background:#ffcc00; transform: scale(0, 1); transform-origin: right top; transition: transform .25s;}
#navi ul li a:hover:after{ transform-origin:left top; transform: scale(1, 1); transition: transform .3s;}
#navi ul li:first-child{ padding-left:0;}
/*お問い合わせボタン*/
#navi ul li:last-child{ padding-right:0;}
#navi ul li:last-child a:after{ display:none;}
#navi ul li:last-child a{ background:#ffcc00; font-weight:bold; color:#333; border:2px solid #ffcc00; padding:5px 25px; border-radius:30px;}
#navi ul li:last-child a:hover{ background:#fff;}




/*----- メインビジュアル -----*/ 
#mp{ background:#fafafa; height:300px;}
#mp .area-01{ width:1024px; margin:auto; position:relative; padding-top:50px;}
#mp .area-01 .p-01{ font-size:18px; font-weight:500; padding-left:25px; position:relative; margin-bottom:30px; letter-spacing:2px;}
#mp .area-01 .p-01:before{ content:""; display:block; width:15px; height:15px; background:#ffcc00; position:absolute; left:0; top:6px; border-radius:50%;}
#mp .area-01 h1{ font-size:40px; font-weight:bold; text-indent:0; height:auto;}
#mp .area-01 .pankuz{ position:absolute; right:0; top:50px;}
#mp .area-01 .pankuz p{ font-size:15px; color:#7E7B7B;}


#hmp{ padding-top:50px;}
#hmp .area-01{ width:1100px; margin:auto; padding-bottom:100px; position:relative;}
#hmp .area-01 ul{ overflow:hidden; margin-bottom:30px;}
#hmp .area-01 ul li{ background:#333; float:left; width:150px; font-size:15px; font-weight:bold; color:#fff; line-height:30px; text-align:center; margin-right:12px;}
#hmp .area-01 ul li:first-child{ font-size:14px; letter-spacing:normal;}
#hmp .area-01 h2{ font-size:37px; font-weight:bold; margin-bottom:30px;}
#hmp .area-01 p { line-height:1.8em;}
#hmp .area-01 .inner{ width:380px; overflow:hidden; padding-top:40px;}
#hmp .area-01 .inner .btn{ width:180px; float:left; text-align:center;}
#hmp .area-01 .inner .btn a{ display:block; text-decoration:none; background:#fff; font-weight:bold; color:#333; border:2px solid #ffcc00; padding:10px 0px; border-radius:30px;}
#hmp .area-01 .inner .btn a:hover{ background:#ffcc00; opacity:1;}
/*ボタン*/
#hmp .area-01 .inner .btn:last-child{ float:right;}
#hmp .area-01 .inner .btn:last-child a{ background:#ffcc00;}
#hmp .area-01 .inner .btn:last-child a:hover{ background:#fff;}
#hmp .area-01 img{ position:absolute; top:15px; right:0px;}


/*----- フッター -----*/
#footer { background:#474241;}
#footer #fmid{ width:1024px; margin:auto; overflow:hidden; padding:80px 0 100px;}
#footer #fmid .left{ width:240px; float:left;}
#footer #fmid .left .p-name{ font-size:32px; font-weight:bold; display:inline-block; margin-left:10px;}
#footer #fmid .left .p-name a{ display:block; text-decoration:none; color:#fff;}
#footer #fmid .left .p-name a:hover{ color:#ffcc00; opacity:1;}
#footer #fmid .left .p-01{ font-size:13px; color:#fff;}



#footer #fmid .right{ float:right; text-align:right; padding-top:15px;}
#footer #fmid .right ul{ display:inline-block;}
#footer #fmid .right ul li { font-size:15px; float:left; padding:0 15px; position:relative;}
#footer #fmid .right ul li a{ color:#fff; text-decoration:none; display:block;}
#footer #fmid .right ul li a:hover{ color:#ffcc00; opacity:1;}



#footer #akushu {  color:#efefef; text-align:center; font-size:11px; padding:8px 0; letter-spacing:1px;}



.page-top {
	position:fixed;
    bottom:70px;
    right:0px;
	font-size:15px;
	color:#333;
    -ms-filter:"alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	text-decoration:none;
	-webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; transition:0s;
	padding-right:15px;}

.page-top span{ position:relative; padding-top:50px;}
.page-top span:before{ content:""; width:1px; height:35px; background:#333; position:absolute; top:0px; left:0; right:0; margin:auto; transition:.3s;}
.page-top:hover span:before{ transform:translate(0,10px);}



/*----- エリア・共通設定 -----*/
.box{ width:1024px; margin:auto; padding:50px 0;}
.bk-gray{ background:#f5f4f2;}


.h2-01{ font-size:36px; font-weight:bold; color:#333; margin-bottom:50px; text-align:center;}

.more{ width:180px; margin:0 auto 50px; text-align:center;}
.more a{ display:block; text-decoration:none; background:#fff; font-weight:bold; color:#333; border:2px solid #ffcc00; padding:10px 0px; border-radius:30px;}
.more a:hover{ background:#ffcc00; opacity:1;}
/*黄色*/
.more.yelow a{ background:#ffcc00;}
.more.yelow a:hover{ background:#fff;}







/*----- ホーム　home -----*/
#home .box{ width:1024px;}
#home #box-01{ width:1100px;}
#home #box-01 .area-01{ overflow:hidden;}
#home #box-01 .area-01 .entry{ width:250px; float:left; margin-right:30px; box-sizing:border-box; text-align:center;}
#home #box-01 .area-01 .entry:last-child{ margin-right:0px;}
#home #box-01 .area-01 .entry p{ font-weight:bold; line-height:2em; margin-bottom:15px;}
#home #box-01 .area-01 .entry .worries{ padding:30px 15px; border:2px solid #DAD9D9; position:relative; margin-bottom:180px;}
#home #box-01 .area-01 .entry .worries::after { display:block; content:""; position:absolute; left:0; right:0; bottom:-42px; margin:0 auto; width:40px; height:40px; background-image: url(../images/home/arrow.svg); background-size:contain; background-position:center; background-repeat:no-repeat;/* transform:scale(1, 0);*/ transform-origin:top;bottom:-170px; height:170px;}
#home #box-01 .area-01 .entry .solution{ padding:30px 15px; border:4px solid #FFCC00; position:relative;}
#home #box-01 .area-01 .entry .solution ul{ padding-top:20px;}
#home #box-01 .area-01 .entry .solution ul li{ background:url(../images/home/ico-check.png)left 5px no-repeat; background-size:17px 17px; padding-left:25px; margin-bottom:15px; text-align:left; font-size:15px;}
#home #box-01 .area-01 .entry .solution .p-01{ display:none;}


#home #box-02{ padding:80px 100px; background:#ffcc00; box-sizing:border-box; border-radius:15px;}
#home #box-02 .area-01{ overflow:hidden;}
#home #box-02 .area-01 .left{ background:#fff; width:400px; height:400px; float:left; border-radius:50%; text-align:center; box-sizing:border-box; padding-top:35px;}
#home #box-02 .area-01 .right{ width:400px; float:right;}
#home #box-02 .area-01 .right h2{ text-align:left; margin-bottom:20px;}
#home #box-02 .area-01 .right p{ line-height:1.8em; margin-bottom:30px;}
#home #box-02 .area-01 .right .more{ margin:0;}
#home #box-02 .area-01 .right .more a:hover{ background:#333; color:#fff;}


#home #box-03{}
#home #box-03 h2{ margin-bottom:20px;}
#home #box-03 .p-title{ text-align:center; margin-bottom:50px;}
#home #box-03 .area-01{ overflow:hidden; margin-bottom:70px;}
#home #box-03 .area-01 .img{ width:430px; float:left; text-align:right;}
#home #box-03 .area-01 .text{ width:530px; float:right;}
#home #box-03 .area-01 .text ul{ margin-bottom:15px;}
#home #box-03 .area-01 .text ul li{ width:160px; line-height:30px; font-size:14px; font-weight:bold; text-align:center; margin-right:12px; display:inline-block; box-sizing:border-box; border:2px solid #333;}
#home #box-03 .area-01 .text ul li:first-child{ background:#333; color:#fff;}
#home #box-03 .area-01 .text h3{ font-size:28px; font-weight:bold; margin-bottom:20px; text-align:left;}
#home #box-03 .area-01 .text p{ line-height:1.8em; margin-bottom:30px;}
#home #box-03 .area-01 .text .more{ margin:0;}
/*2番目*/
#home #box-03 .area-02 .img{ float:right;}
#home #box-03 .area-02 .text{ float:left;}


#home #box-04{}
#home #box-04 h2{ margin-bottom:20px;}
#home #box-04 .p-title{ text-align:center; line-height:1.8em; margin-bottom:50px;}
#home #box-04 .area-01{ width:950px; overflow:hidden; margin:auto; position:relative; text-align:right;}
#home #box-04 .area-01 .entry{ width:330px; border:4px solid #333; box-sizing:border-box; position:absolute;}
#home #box-04 .area-01 .entry h3{ background:#333; font-weight:bold; color:#fff; text-align:center; padding:5px 0;}
#home #box-04 .area-01 .entry p { font-size:15px; padding:20px 15px; text-align:left;}
#home #box-04 .area-01 .entry:first-of-type{ top:60px; left:0;}
#home #box-04 .area-01 .entry:last-of-type { bottom:0px; left:0;}


#box-contact{ width:1024px; padding:80px 0;}
#box-contact h2{ margin-bottom:20px;}
#box-contact .p-title{ text-align:center; line-height:1.8em; margin-bottom:50px;}
#box-contact .area-01{ overflow:hidden; margin-bottom:50px;}
#box-contact .area-01 .entry{ width:320px; float:left; text-align:center; margin-right:32px;}
#box-contact .area-01 .entry a{ display:block; background:#fff; border-radius:15px; padding:35px 0; border-radius:15px; text-decoration:none;}
#box-contact .area-01 .entry:last-child{ margin-right:0px;}
#box-contact .area-01 .entry h3{ font-size:22px; font-weight:bold; margin-bottom:25px; text-align:center;}
#box-contact .area-01 .entry h3 span{ font-size:16px; color:#ffcc00; display:block;}
#box-contact .area-01 .entry i{ display:none;}
#box-contact .area-02{ background:#fff; overflow:hidden; padding:50px 80px; border-radius:15px;}
#box-contact .area-02 .left{ width:320px; float:left;}
#box-contact .area-02 .left h3{ font-size:22px; font-weight:bold; margin-bottom:25px; text-align:left;}
#box-contact .area-02 .left h3 span{ font-size:16px; color:#ffcc00; display:block;}
#box-contact .area-02 .right{ width:440px; float:right; text-align:center;}
#box-contact .area-02 .right .p-tel{ font-size:42px; font-weight:bold;}
#box-contact .area-02 .right .p-tel a{ display:block; text-decoration:none; color:#333;}
#box-contact .area-02 .right .p-tel a span{ font-size:22px;}
#box-contact .area-02 .right .more{ width:320px; font-size:18px; margin-top:20px;}
#box-contact .area-02 .right .more a{ padding:15px 0;}







/*----- ご依頼の流れ　flow -----*/
#flow #box-01{ padding-top:100px;}
#flow #box-01 .area-01{}
#flow #box-01 .area-01 .entry{ overflow:hidden; padding-bottom:70px; position:relative;}
#flow #box-01 .area-01 .entry .left{ float:left; background:#fff; width:200px; height:200px; border-radius:50%; border:3px solid #ffcc00; position:relative;}
#flow #box-01 .area-01 .entry .left img{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
#flow #box-01 .area-01 .entry .right{ float:right; width:750px;}
#flow #box-01 .area-01 .entry .right h2{ font-size:28px; font-weight:bold; margin-bottom:20px;}
#flow #box-01 .area-01 .entry .right h2 span{ display:block; background:#ffcc00; width:80px; font-size:16px; color:#fff; line-height:1.7em; padding:3px 10px; border-radius:30px; text-align:center; letter-spacing:2px; margin-bottom:5px;}
#flow #box-01 .area-01 .entry .right p{ line-height:1.8em;}
#flow #box-01 .area-01 .entry .right p span{ font-weight:bold;}
/*ドット線*/
#flow #box-01 .area-01 .entry::before{ background:url(../images/flow/dots.svg) repeat top center/contain; content:''; height:100%;left:103px; position:absolute; top:100px;
 width:2px; z-index:-1;}
#flow #box-01 .area-01 .entry:last-child::before{ display:none;}



/*----- 料金について　price -----*/
#price #box-01{ padding:100px 0; width:1104px;}
#price #box-01 .area-01{ overflow:hidden; width:1024px; margin:0 auto 80px;}
#price #box-01 .area-01 .entry{ width:480px; float:left;}
#price #box-01 .area-01 .entry:last-child{ float:right;}
#price #box-01 .area-01 .entry table{ width:100%;}
#price #box-01 .area-01 .entry table th{ padding:10px 0; background:#ffcc00; font-size:18px; font-weight:bold; text-align:center; border:1px solid #ccc;}
#price #box-01 .area-01 .entry table td{ padding:10px 0; text-align:center; border:1px solid #ccc; font-weight:500;}
#price #box-01 .area-01 .entry table tr:nth-of-type(2n + 1) td{ background:#f5f4f2;}
#price #box-01 .area-01 .entry .p-01{ font-size:15px; padding:5px 0 20px;}
#price #box-01 .area-01 .entry .inner{ overflow:hidden; padding-top:30px;}
#price #box-01 .area-01 .entry .inner .sheet{ width:230px; float:left; background:#f5f4f2; border-radius:10px; padding:20px 20px; box-sizing:border-box; text-align:center;}
#price #box-01 .area-01 .entry .inner .sheet p{ font-size:16px; font-weight:bold; margin-bottom:20px;}
#price #box-01 .area-01 .entry .inner .sheet:last-child{ float:right;}
#price #box-01 .area-01 .entry .inner .sheet span{ color:#f00;}
#price #box-01 .area-01 .entry .inner .sheet img{ height:50px;}

#price #box-01 .area-01 .entry .inner2{ text-align:center; padding-top:40px;}
#price #box-01 .area-01 .entry .inner2 h3{ font-size:24px; font-weight:bold; margin-bottom:15px;}
#price #box-01 .area-01 .entry .p-02{ font-size:16px; padding:20px 0 0;}
#price #box-01 .area-01 .entry ul{ display:inline-block;}
#price #box-01 .area-01 .entry ul li{ font-weight:500; text-align:left; padding-left:1em; text-indent:-1em;}


#price #box-01 .area-02{ overflow:hidden; background:#fafafa; padding:50px 40px 40px; border-radius:20px;}
#price #box-01 .area-02 .entry{ width:480px; float:left;}
#price #box-01 .area-02 .entry:last-child{ float:right;}
#price #box-01 .area-02 .entry table{ width:100%; background:#fff; margin-bottom:20px; table-layout:fixed;}
#price #box-01 .area-02 .entry table th{ padding:10px 0; background:#ffcc00; font-size:18px; font-weight:bold; text-align:center; border:1px solid #ccc;}
#price #box-01 .area-02 .entry table td{ padding:10px 0; text-align:center; border:1px solid #ccc; font-weight:500;}
#price #box-01 .area-02 .entry table tr:nth-of-type(2n + 1) td{ background:#f5f4f2;}





/*----- よくあるご質問　help -----*/
#help #box-qa{ padding:100px 0;;}
#help #box-qa .area-01{ background:#fafafa; border-radius:10px; padding:30px;}
#help #box-qa .area-01 h2{ font-size:28px; font-weight:bold; color:#ffcc00; margin:0 0 20px 5px;}


/* アコーディオンメニュー */
.accordion { background:#fff; border-radius:10px; overflow:hidden; margin-bottom:20px;}
.accordion:first-of-type{}

/* 質問部分 */
.accordion dt{ padding: 25px 20px 25px 75px; font-size:18px; color:#333; font-weight:bold; position: relative; cursor:pointer; transition:.3s;}
.accordion .on{ background:#fff8dd;}
/* Qマーク */
.accordion dt::before { content: 'Q'; width:35px; height:35px; font-size:24px; color:#ffcc00; text-align:center; position: absolute;  left:25px; top: 50%; transform: translateY(-50%);}
  
/* 回答部分は最初非表示 */
.accordion dd{ display: none;/* 非表示にしておく */ padding:10px 20px 30px 75px; font-size:16px; position: relative; letter-spacing:normal;}
/* Aマーク */
.accordion dd::before { content: 'A'; width:35px; height:35px; line-height:30px; font-size:24px; color:#ffcc00; text-align:center; position:absolute; left:25px; top:40%; transform:translateY(-50%);}

/**/
.accordion dt span::before,
.accordion dt span::after {
  content: '';
  display: block;
  width:25px;
  height:1px;
  border-radius: 5px;
  background:#333;
  position: absolute;
  right:25px;
  top: 50%;
  transform: translateY(-50%);
}
  
.accordion dt span::after {
  background:#333;
  transform: translateY(-50%) rotate(-90deg);
  transition: 0.5s;
}

.accordion dt .active::after {
  transform: rotate(0);
  transition: 0.5s;
}




/*----- ご依頼の流れ　flow -----*/
#flow #box-01{}



/*----- ご依頼の流れ　flow -----*/
#flow #box-01{}



/*----- ご依頼の流れ　flow -----*/
#flow #box-01{}




/*----- お問い合わせ　contact -----*/
#contact #box-qa{ padding-top:80px;}
#contact #box-qa h3{ font-size:24px; font-weight:bold; color:#689677; margin-bottom:20px; font-family: 'Zen Old Mincho', serif;}
#contact #box-qa .area-01{ margin-bottom:80px;}






/*▼お問い合わせ　contact▼*/
#contact .box{ width:1024px; margin:auto; padding:50px 0px;}
#contact .box:last-child{ padding-bottom:100px;}
#contact #box-01{ padding:50px 0 50px;}
#contact #box-01 .p-title{ font-weight:bold; text-align:center; letter-spacing:normal; line-height:2em; margin-bottom:70px;}
#contact #box-01 .p-title span{ color:#1763cb;}
#contact #box-01 .mb15{ margin-bottom:15px;}
#contact #box-01 .area-01{ overflow:hidden;}
#contact #box-01 .area-01 .entry{ width:318px; height:180px; float:left; border:#ccc 1px solid; margin-right:32px; position:relative;}
#contact #box-01 .area-01 .entry:last-child{ margin-right:0px;}
#contact #box-01 .area-01 .entry h2{ font-size:18px; font-weight:bold; text-align:center; margin-bottom:15px; margin-top:30px; font-family: YuGothic, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
#contact #box-01 .area-01 .entry .ml50{ text-align:center;}
#contact #box-01 .area-01 .entry img{ position:absolute; top:60px; left:25px;}
#contact #box-01 .area-01 .entry .p-01{ font-size:28px; font-weight:bold; text-align:center; letter-spacing:normal;}
#contact #box-01 .area-01 .entry .p-01 a{ color:#333; text-decoration:none;}
#contact #box-01 .area-01 .entry .p-02{ font-size:12px; color:#666666; text-align:center; letter-spacing:normal;}
#contact #box-01 .area-01 .entry .p-04{font-size:20px; font-weight:bold; text-align:center; letter-spacing:normal;}
#contact #box-01 .area-01 .entry .p-03 a{ color:#12489a;}
#contact #box-01 .area-01 .entry p{ padding:0 30px;}
#contact #box-01 .area-01 .inner table{ margin:0 auto 8px;}
#contact #box-01 .area-01 .inner table td{ vertical-align:middle;}
#contact #box-01 .area-01 .inner table .td-01{ padding-right:10px;}
#contact #box-01 .area-01 .inner table .td-02{ text-align:center; font-size:34px; font-weight:bold; margin-bottom:10px;}
#contact #box-01 .area-01 .inner table img{ display:block; vertical-align:middle;}
#contact form#mailformpro label.mfp_not_checked { border:1px solid #fff;}


#contact #box-02-bk{ }
#contact #box-02{ padding-top:80px;}
#contact #box-02 .area-01{ margin-bottom:30px;}
#contact #box-02 .area-01 li{ text-indent:-1em; padding-left:1em;}
#contact #box-02 .area-01 .chui{ font-weight:bold; color: #fff; background: #000; font-size:11px; padding:1px 7px; margin-right:7px; position:relative; bottom:3px;position:relative; top:0px;}
#contact #box-02 .area-02 h3{ font-size:30px; text-align:center; padding-bottom:0; margin-bottom:15px; clear:both;}
#contact #box-02 .area-02 .h2-en{ margin-bottom:30px;}
#contact #box-02 .area-02 .area-mailform table{ width:100%; margin-bottom:70px; background:#FFF;}
#contact #box-02 .area-02 .area-mailform table td{ padding:10px; border:#ddd solid 1px; vertical-align:middle;}
#contact #box-02 .area-02 .area-mailform table td.td-01{ width:200px;background:#fefefe; font-weight:bold;}
#contact #box-02 .area-02 .area-mailform table ul li{ margin-bottom:7px;}
#contact #box-02 .area-02 .area-mailform table ul li:last-of-type{ margin-bottom:0px;}
#contact #box-02 .area-02 .area-mailform table ul.ul-01 li{ margin-bottom:0px;}
#contact #box-02 .area-02 .area-mailform table select{ padding:3px; font-size:15px;}
#contact #box-02 .area-02 .area-mailform table input{ padding:3px; font-size:15px;}
#contact #box-02 .area-02 .area-mailform table button{}
#contact #box-02 .area-02 .area-mailform .chui{ font-weight:bold; color: #fff; background: #000; font-size:11px; padding:1px 7px; margin-right:7px; position:relative; bottom:3px; float:right;position:relative; top:0px;}
#contact #box-02 .area-02 .area-mailform .no{ float:none; position:relative; top:-2px;}
#contact #box-02 .area-02 .area-mailform .chui-01{ float:left;}
#contact #box-02 .area-02 .area-mailform .p-01{ margin-top:5px;}
#contact #box-02 .area-02 .area-mailform .autotext{ margin-bottom:30px;}
#contact #box-02 .area-02 .area-mailform .p-02{ font-weight:bold;}
#contact #box-02 .area-02 .area-mailform .w01{width:99%;}
#contact #box-02 .area-02 .area-mailform .w02{width:40%;}


#contact #box-02 .area-02 .area-mailform .kakunin{ background:#fbfbfb; overflow:hidden; padding:5px 5px;margin-bottom:20px; text-align:center;}
#contact #box-02 .area-02 .area-mailform .tb-01{}
#contact #box-02 .area-02 .area-mailform .tb-03{ text-align:center; position:relative; left:-30px;}
#contact #box-02 .area-02 .area-mailform .tb-02{ text-align:center;}
#contact #box-02 .area-02 .area-mailform .tb-04{ height:200px;overflow-y:scroll;padding:20px; border:#999 solid 1px; background:#FFF;margin:auto; margin-bottom:50px; }
#contact #box-02 .area-02 .area-mailform .btn{ display:block; margin:auto; font-size:16px; font-weight:bold; padding:5px 20px; background:#fff; border:#999 solid 1px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius:0px; font-family: YuGothic, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
#contact #box-02 .area-02 .area-mailform .btn:hover{opacity: 0.5; filter: alpha(opacity=50);-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;cursor: pointer;}
#contact #box-02 .area-02 .area-mailform .p-03{ font-weight:bold;}
#contact #box-02 .area-02 .area-mailform .p-04{ font-weight:bold;}
#contact #box-02 .area-02 .area-mailform .p-05{margin-bottom:20px; letter-spacing:normal;}
#contact #box-02 .area-02 .area-mailform .ul-01{margin-bottom:15px;}






/*▼▼▼スクロールでふわっと表示▼▼▼*/

/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition-timing-function: cubic-bezier(.64,.04,.35,1);
  transition: 0.9s ease-in-out;
  transform: translateY(60px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}

.scroll_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}

/*ズラして表示する*/
.time02{transition-delay: .2s;}
.time03 {transition-delay: .4s;}
.time04 {transition-delay: .6s;}
.time05 {transition-delay: .8s;}



.u-fade.is-active .u-fadeImg,.u-fade.isActive .u-fadeImg {
    -webkit-animation-timing-function: cubic-bezier(.64,.04,.35,1);
    animation-timing-function: cubic-bezier(.64,.04,.35,1);
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

@-webkit-keyframes zoomOut {
    0% {
        -webkit-transform: scale(1.25) rotate(.01deg);
        transform: scale(1.25) rotate(.01deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes zoomOut {
    0% {
        -webkit-transform: scale(1.25) rotate(.01deg);
        transform: scale(1.25) rotate(.01deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}










/*----------------------------
タブレット用　CSS
----------------------------*/

/*1279px以下で文字色が青色に*/
@media screen and (max-width:1279px) {

}