@charset "UTF-8";

/*
YUKI TAKAHASHI
Copyright 2017 UQ DESIGN. All Rights Reserved.
http://uqyuki-design.com/
*/
html{width:100%;height:100%;}body,div{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}
q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

html,body { width:100%; height:100%; font-family:Meiryo,メイリオ,sans-serif , 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif; }
.cf { zoom: 1; } .cf:before,.cf:after { content: ""; display: table; } .cf:after { clear: both; }


/* ------------------------------ヘッダー部分------------------------------　*/
body   {  }
header { width:100%; height:auto; margin:0; padding:0; }
#head { }
#head-inner { position:relative; width:1060px; height:120px; margin:0 auto; padding:0; }
header img.logo { position:absolute; top:30px; }
header img.call { position:absolute; top:0px; right:0px; }
header img.mail { position:absolute; top:0px; right:250px; }
header .h1_area { position:absolute; top:30px; left:300px; font-size:12px; font-weight:normal; padding:5px 0 0 0; text-align:left; line-height:1.7; }
header .h1_area span { font-size:14px; font-weight:normal; }
@media screen and (max-width:1060px){
body { width:1060px; }
}
@media screen and (max-width:768px){
body { width:100%; background:none; }
header { display:none; }
#head-inner { width:100%; }
}

/* ------------------------------グローバルナビゲーション------------------------------　*/
nav#header-nav { position:relative; clear:both; width:100%; height:60px; margin:0; padding:0; z-index:2; background:#ffffff url(../img/nav_bg.jpg) repeat-x; }
nav#header-nav ul { max-width:1060px; height:60px; margin:0 auto; padding:0; }
nav#header-nav ul li { width:16.66%; height:60px; list-style:none; float:left; margin:0; padding:0; text-align:center; border-right:0px dotted #ffffff; border-right:1px solid #f2f2f2; }
nav#header-nav ul li:first-child { border-left:1px dotted #f2f2f2; }
nav#header-nav ul li a{ height:60px; font-weight:normal; color:#333333; display:block; margin:0; padding:15px 0 0 0; font-size:14px; line-height:120% }
nav#header-nav ul li a span { font-size:8px; color:#cccccc; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
nav#header-nav ul li a:before { padding-right:5px }
nav#header-nav ul li a:hover{ text-decoration:none; }
nav#header-nav ul li.current-menu-item a{ color:#ffffff; pointer-events:none; }

/* ------------------------------アニメーション------------------------------　*/
nav#header-nav ul li a { position:relative; outline:none; transition:all .3s; }
nav#header-nav ul li a::before,
nav#header-nav ul li a::after { position:absolute; top:-2px; right:-2px; bottom:0px; left:-2px; z-index:2; content:''; transition:all .3s }
nav#header-nav ul li a::before { border-bottom:3px solid #FF6A00; transform:scale(0, 1);}
nav#header-nav ul li a:hover {  }
nav#header-nav ul li a:hover::after,
nav#header-nav ul li a:hover::before { transform:scale(1); }

/* ------------------------------グローバルナビゲーション（モバイル）------------------------------　*/
#check-menu,#btn-menu { display:none; }
.logo-sm { display:none; }
@media screen and (max-width:768px){
nav .sm { display:block; position:absolute; font-size:10px; margin:0; padding:0; top:2px; left:10px; }
.logo-sm { display:block; position:absolute; top:25px; left:8px; width:196px; }
nav#header-nav { background:#ffffff; width:100%; height:auto; margin:0; position:fixed; border-bottom:1px solid #cccccc; top:0; }
nav#header-nav a { color:black; text-decoration:none; }
input[type="checkbox"]#check-menu:checked + #btn-menu { width:60px; height:60px; background:url(../img/mobile.svg) no-repeat; }
input[type="checkbox"]#check-menu:checked ~ #menu-nav { display:block; padding-top:60px; }
#btn-menu { width:60px; height:60px; display:block; background:url(../img/mobile.svg) no-repeat; color:#ffffff; float:right; }
#menu-nav { display:none; list-style:none; background:#ffffff;}
nav#header-nav ul { width:100%; background:none; }
nav#header-nav ul li { width:50%; text-shadow:none; border:none; }
nav#header-nav ul li:first-child { border:none; }
nav#header-nav ul li:last-child { width:50%; }
nav#header-nav ul li a { display:block; background:#333333; color:#ffffff; text-shadow: 0px -1px 0px #000000; }
nav#header-nav ul li a:before { content:none; padding-right:0; }
nav#header-nav ul li a:hover { background:#000000; }
nav#header-nav ul li.current-menu-item a{ color:#999999; background:#ffffff; pointer-events:none; }
#btn-menu:hover, #menu-nav li a:hover { background:url(../img/mobile.svg) no-repeat; }
}

/* ------------------------------ヘッダー------------------------------　*/
#header { background:url(../img/header.jpg) no-repeat 50% 0; }
#header-inner { width:1060px; margin:0 auto; padding:0;  }
.pc { display:block; }
.sm { display:none; }
.sp { display:none; }
@media screen and (max-width:768px){
#header-inner { width:100%; margin:60px 0 0 0; }
.pc { display:none; }
.sm { display:block; }
.sp { display:block; }
}


/* ------------------------------共通------------------------------　*/
article { width:100%; }
section { width:100%; padding:70px 0 50px 0; }
.content { width:1060px; margin:0 auto; }

@media screen and (max-width:768px){
article { width:100%; }
section { width:100%; padding:50px 0 30px 0; }
.content { width:100%; margin:0 auto; }
}

.pre01 , .pre02 { font-size:20px!important; margin:0 0 10px 0!important; padding:0; line-height:140%; }
.pre01 { text-align:center; }
.description { text-align:center; font-size:11px; color:#333333; margin:0 0 30px 0!important; padding:0; }
@media screen and (max-width:768px){
.pre01 , .pre02 { font-size:14px!important; }
.align_center_sm { text-align:center; }
}

.grey { color:#f2f2f2; }
.orange { color:#f76f1e; }
.marker { background: linear-gradient(transparent 60%, #FFE6AF 60%); }

.opening , .if , .reason , .feature , .cta { padding:70px 0; }
@media screen and (max-width:768px){
.opening , .if , .reason , .feature , .cta { padding:50px 0; }
}

/* ------------------------------こんなお悩み------------------------------　*/
.opening {  }
.opening .content {  }
.opening .box { display:block; width:100%; }
.opening .box_inner { display:block; float:left; width:31%;  margin:1%; border-right:1px dotted #cccccc; }
.opening .border_none { border:none; }
.opening p { text-align:center }
@media screen and (max-width:768px){
.opening .box_inner { float:none; width:300px;  margin:1% auto; border-right:none; border-bottom:1px dotted #cccccc;}
}

/* ------------------------------もし------------------------------　*/
.if { background:url(../img/if_bg.jpg) no-repeat 50% 0 ;  padding:0; }
.if .content { padding:80px 0 20px 400px; position:relative; }
.if h2 { text-align:left }
.if img { position:absolute; left:0; bottom:0;}
@media screen and (max-width:768px){
.if { background:url(../img/if_bg.jpg) no-repeat 50% 0 ; background-size:cover; }
.if h2 { text-align:center }
.if .content { width:92%; margin:0 4%; padding:50px 0 30px 0; background:none; overflow:hidden;}
.if img { position:static; }
}

/* ------------------------------理由------------------------------　*/
.reason {  }
.reason .content {}
.reason .box01,.reason .box02,.reason .box03 {width:1060px; padding:30px 380px 30px 30px; margin:0 0 30px 0; border-radius:5px; box-shadow:0px 0px 5px 1px rgba(0,0,0,0.1); position:relative; }
.reason h3 { font-size:22px; height:80px; padding:0 0 0px 80px; text-align:left; display:table-cell; /* IE8から使用可能 */vertical-align:middle; line-height:160% }
.reason h3 span { font-size:30px; }
.reason h3.reason1 { background:url(../img/reason1.png) no-repeat; }
.reason h3.reason2 { background:url(../img/reason2.png) no-repeat; }
.reason h3.reason3 { background:url(../img/reason3.png) no-repeat; }
.reason p.ma { padding:20px 0 0 0; }
.reason img { border-radius:10px; position:absolute; top:30px; right:30px; }

@media screen and (max-width:768px){
.reason .box01,.reason .box02,.reason .box03 { width:92%; margin:20px 4%; padding:20px 20px 10px 20px;  }
.reason .margin_none { margin-bottom:0; }
.reason h3 { font-size:16px; padding:0 0 0px 60px; }
.reason h3 span { font-size:20px; }
.reason h3.reason1 { background-size:50px 50px; }
.reason h3.reason2 { background-size:50px 50px; }
.reason h3.reason3 { background-size:50px 50px; }
.reason p.ma { padding:20px 0 0 0; }
.reason img { position:static; margin:20px auto 0 auto; }

}

/* ------------------------------特徴------------------------------　*/
.feature { background:#f7f7f7 url(../img/feature_bg.jpg); }
.feature .box01 { margin:0 0 20px 0; padding:30px; float:left; }
.feature .box02 { margin:0 0 20px 0; padding:30px; float:right; }
.feature .box03 { margin:0 auto; padding:30px; }
.feature .box01 ,.feature .box02 ,.feature .box03 { position:relative; width:520px; height:510px; border-radius:10px; background:#ffffff; box-shadow:0px 0px 5px 1px rgba(0,0,0,0.1); }
.feature h3 { font-size:30px; text-align:left; margin:0 0 10px 0; padding:0; }
.feature h3 span { font-size:20px; }
.feature p { font-size:14px; line-height:1.6 }
.feature .inner01 { width:50px; float:left; }
.feature .inner02 { width:380px; float:right; }
.feature img.img { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; }

@media screen and (max-width:768px){
.feature .box01 ,.feature .box02 ,.feature .box03 { position:static; width:92%; height:auto; float:none; margin:0 4% 20px 4%; padding:0px; }
.feature .margin_none { margin-bottom:0; }
.feature .inner01 { width:20%; padding:30px 10px 0 20px; }
.feature .inner02 { width:80%; padding:30px 20px 0 10px; }
.feature h3 { font-size:20px; }
.feature h3 span { font-size:16px; }
.feature img.img { position:static; margin:0; }
}
@media screen and (max-width:520px){
}


/* ------------------------------CTA------------------------------　*/
.cta { background:url(../img/cta_bg.jpg) no-repeat 50% 0; }
.cta .content{ background:url(../img/cta_inner_bg.jpg) no-repeat 100% 100%,url(../img/cta_inner_bg03.jpg) no-repeat 0% 0%,url(../img/cta_inner_bg04.jpg) no-repeat 98% 3%; border-radius:10px; box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.05); background-color:#ffffff; }
.cta .content02{ background: url(../img/cta_border.jpg) repeat-x 0 0,url(../img/cta_border.jpg) repeat-x 0 100%, url(../img/cta_inner_bg02.jpg) no-repeat 0 100%; padding:50px;  border-radius:10px; }
.cta h2 { font-size:38px; font-family:Meiryo,メイリオ,sans-serif , 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif; }
.cta p { text-align:center; margin:30px 0; }
.cta .box { width:400px; margin:0 auto; }
.cta .call_cta { float:none; margin:20px 0 0 0;}
.cta .mail_cta { float:none;  }
.cta .box_right { width:500px; float:right; margin:0; }

@media screen and (max-width:768px){
  .cta .content{ background:#ffffff url(../img/cta_inner_bg_sm.jpg) no-repeat 100% 100%; width:90%; margin:0px 5%; }
  .cta .content02{ background: url(../img/cta_border.jpg) repeat-x 0 0,url(../img/cta_border.jpg) repeat-x 0 100%; padding:40px 20px 20px 20px; }
  .cta h2 { font-size:20px; }
  .cta .box { width:100%; margin:0 auto; }
  .cta .call_cta , .cta .mail_cta { float:none; margin:10px auto;}
  .cta img.hito { margin-bottom:-16px; }
}

/* ------------------------------フッターエリア------------------------------　*/
footer { position:relative; width:100%; float:none; clear:both; margin:0; padding:20px 0 0 0; background:#333333; color:#ffffff; z-index:2;}
#footer { max-width:1060px; margin:0 auto; }
.division { width:95%; background:#363636; border-radius:5px; border:1px #404040 solid; margin:0 auto; padding:20px; }
.division_innner01 { width:50%; height:auto; display:block; float:left; }
.division_innner01 img { height:auto; display:block; margin:10px 0 16px 10px; float:none; }
.division_innner01 p { font-size:8pt; margin:0 0 0 10px; padding:0; font-weight:bold; color:#a8a8a8; }
.division_innner02 { width:50%; height:auto; display:block; float:right; }
.division_innner02 a { color:#a8a8a8; font-weight:bold; }
.division_innner02 ul { margin:10px 0 0 0!important; padding:0;  }
.division_innner02 ul li { font-size:12px; margin:0; padding:0; }
.division_innner02 p { font-size:8pt; margin:0 0 0 10px; padding:0; font-weight:bold; color:#a8a8a8; }
.division_innner02 table { margin:0 0 10px 0; }
.division_innner02 table th ,.division_innner02 table td { padding:4px 0px; }
@media screen and (max-width:768px) {
#footer { padding-bottom:40px; }
.division_innner01 { width:100%; }
.division_innner01 img { margin:20px auto; }
.division_innner02 { width:100%; margin-top:20px; }
.division_innner02 p { text-align:center; margin:10px 0;}
.division_innner02 { width:100%; }
.division_innner02 ul li { border:none; }
}
ul.three-row { max-width:1060px; display:block; float:none; clear:both; -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-rule: 0px dotted #ffffff; -moz-column-rule: 0px dotted #ffffff; column-rule: 0px dotted #ffffff; }
ul.three-row li { list-style-type:none; color:#ffffff; font-size:10px; background:url(../img/footer-li.png) no-repeat 0 3px; padding-left:14px; }
address { font-size:8pt; text-align:center; color:#a8a8a8; padding:10px 0; }


footer table{ border-collapse: collapse; width:100%; font-size:12px; margin:0; padding:0; }
footer th,footer td { padding:10px 8px; color:#333333; font-weight:bold; }
footer th{ border: solid 1px #ccc; background:#f7931e; color:#ffffff; text-align:center; }
footer td{ border: solid 1px #ccc; text-align:center; }
footer td span { font-size:8px; }
footer tr:nth-child(odd) td { background:#ffffff; }
footer tr:nth-child(even) td { background:#f7f7f7; }
@media screen and (max-width:768px){
footer th,footer td { padding:0;}
}

/* ------------------------------小見出し属性------------------------------　*/
h1 , h2 ,h3 ,h4 ,h5 { margin:0; padding:0 0 10px 0; text-align:center; line-height:120%; text-shadow: 0px 1px 0px #ffffff; }
h1 { font-size:30px; }
h2 { font-size:46px; font-weight:normal; }
h3 { font-size:38px; font-weight:normal; }

@media screen and (max-width:768px){
h2 , h3 ,h4 { font-size:20px; }
}

/* ------------------------------コンテンツエリア------------------------------　*/
p { font-size:16px; margin:0 0 20px 0; padding:0; line-height:190%; display:block; }
a { color:#1800AE; text-decoration:none; }
a:hover,a:active { color:#67009B; text-decoration:underline; }
ul { margin:0 10px 30px 10px; padding:0; }
li { background:url(../img/list.jpg) no-repeat; font-size:18px; padding:0 0 0 30px; margin:0 0 10px 0; }
img { max-width:100%; height:auto; display:block; }
img.center,.aligncenter { margin:0 auto; display:block; }
img.left { float:left; margin:0 20px 0 0; }
img.right { float:right; }
img.photo { background:#ffffff; padding:5px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05); }
img.photo-left { transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); }
img.photo-right { transform:rotate(4deg); -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); }
.bold { font-weight:bold; }
.underline { text-decoration:underline; font-weight:bold; }
.red { color:#ff0000; font-weight:bold; }
.yellow { background:#ffff99; font-weight:bold; padding:0px 5px;}
.center { text-align:center; }
.big { font-size:18px; line-height:150%; }
.small { font-size:12px; }
br.no_sm { display:none; }

@media screen and (max-width:768px){
	p { font-size:14px; }
	ul { margin:0 20px; }
	li { background:url(../img/list_sm.jpg) no-repeat 0 4px; font-size:16px; margin:10px 0 0 0; padding:0 0 10px 20px; border-bottom:1px dotted #cccccc; }
	br { display:none; }
	br.no { display:block; }
	br.no_sm { display:block; }
	img.left , img.right  { float:none; margin:0 auto 20px auto; display:block; }
	img.left_sm { float:left; }
	.big { font-size:16px; }
}

.ma00 { margin-top:0 !important; }
.ma10 { margin-top:10px !important; }
.ma20 { margin-top:20px !important; }
.ma30 { margin-top:30px !important; }
.ma50 { margin-top:50px !important; }
.ma70 { margin-top:70px !important; }
.ma100 { margin-top:100px !important; }
.pa00 { padding-top:0 !important; }


.align_left { text-align:left; }
.align_right { text-align:right; }
.align_center { text-align:center; }


/* ------------------------------ページトップへ戻る------------------------------　*/
#pageTop { position:fixed; bottom:20px; right:20px;}
#pageTop a { display:block; z-index:999; margin:0; padding:0; width:60px; height:60px; background:url(../img/top.png) no-repeat 0 0; }
#pageTop a:hover { text-decoration:none; opacity:0.7; }
@media screen and (max-width:768px){
	#pageTop , #pageTop a { display:none; }
}

/* ------------------------------ページ下部固定CTA------------------------------　*/
#buttonTow , #buttonTow a { display:none; }
@media screen and (max-width:768px){
#buttonTow { position:fixed; bottom:0; background:rgba(0,0,0,0.5); width:100%; height:auto; z-index:999; }
#buttonTow #mail_box { width:40%; float:left; background:#ff974d; }
#buttonTow #call_box { width:60%; float:right; background:#ff6a00; }
#buttonTow a { display:block; text-align:center; }
#buttonTow a#mail { max-width:128px; margin:0 auto; padding:0; }
#buttonTow a#call { max-width:192px; margin:0 auto; padding:0; }
#buttonTow a:hover { text-decoration:none; opacity:0.7; }
}

/* ------------------------------グローバルナビ上部固定------------------------------　*/
.fixed { position:fixed; top:0; width:100%; z-index:10000; }
@media screen and (max-width:768px){
.fixed { position:static; }
}

/* ------------------------------スライダー------------------------------　*/
@media screen and ( max-width:768px){
  .slider { width: 90%; margin: 0 auto 80px auto; }
  .slick-slide img { width:100%; height:auto; }
  .mypattern{ width:100%; }
  .mypattern .slick-slide{ margin:5px; }
}