@charset "utf-8";
@import "css/clear.css";
@import "css/utill.css";
@import "css/hamburger.css";


/* 基本設定 ---------------------------------------------*/

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}

* {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
list-style: none;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-appearance: none;
}

body {
text-align: center;
font-size: 100%;
font-family: "メイリオ", sans-serif;
line-height: 1.7;
color: #333333;
letter-spacing:0.1em;
}

img{ border:none; vertical-align:middle; max-width:100%;}
img{ width:auto\9; height:auto\9;}

a{ text-decoration: none; color:#333;}
a:hover{ text-decoration: none;}
a[href^="tel:"] {cursor: default;}

.red{ color:#E60012;}
.orange{ color:#EA5514;}
.pink{ color:#E61673;}
.brown{ color:#7F4F21;}


.defaultWideWrapper{ width:1000px; margin:0 auto; position:relative;}


header#akichi{ background: url(img/bg_akichi.jpg) center bottom no-repeat; background-size:cover; min-height:680px;}

#pointText1{ text-align:left; padding:20px 0 20px; font-size:80%;}

header#akichi h1{ font-size:240%; font-weight:bold; background: url(svg/arq-logo.svg) 0 bottom no-repeat; padding:5px 0 0 120px; background-size:110px; text-align:left; color:#60180a; line-height:1.2; position:relative; z-index:10;letter-spacing:0.05em; width:50%;}
header#akichi h1 span{ font-size:40%; color:#231815; display:block; margin:0 0 5px 4px;}
header#akichi h2{ font-size:240%; font-weight:bold; line-height:1.4; text-shadow: 0px 1px 2px rgba(255,255,255,1); position:relative;}


#headerInfoWrapper{ text-align:right; position:absolute; top:30px; right:0;}

#pointText2{color:#E60012; font-weight:bold; letter-spacing:0em;}
#pointText2 span{ font-size:180%; padding:0 5px; font-weight:bold;}

#headerInfoWrapper ul li{ display:inline-block; padding-left:5px;}
#headerMail{ display:inline-block; background:#22AC38; padding:5px; text-align:left; position:relative; top:-10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
}
#headerMail:hover{ background:#1b872c;}

#headerMail span{ display:inline-block; position:relative; color:#fff; font-size:85%; padding:6px 5px 3px 60px; border:1px solid #fff; line-height: 1.4;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#headerMail span::after{
	content:"　"; position:absolute; top:4px; left:10px;
	background:url(svg/mail.svg) 0 0 no-repeat; background-size:contain;
	width:40px; height:40px;
}

#telWoman{ background:url(svg/woman.svg) 0 0 no-repeat; background-size:65px; padding:10px 0 0 65px;}
#headerTel1{ display:inline-block; position:relative; background:#E61673; color:#fff; font-size:85%; padding:12px 10px 10px 50px; text-align:left; top:-10px; line-height: 1.4;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#headerTel1::after{
	content:"　"; position:absolute; top:7px; left:12px;
	background:url(svg/tel_t1.svg) 0 0 no-repeat; background-size:contain;
	width:45px; height:45px;
}

#telNum{ display:block; background:url(svg/tel_t2.svg) 0 0 no-repeat; background-size:24px; padding:0 0 0 34px; margin:0; line-height:1;}
#telNum a{ font-size:180%; color:#7F4F21; font-weight:bold; border:none;}
#faxNum{ display:block; color:#7F4F21; font-weight:bold; padding:0;}




#photoBg1{ position:relative; padding:60px 0 0;}
.bossPhoto::before{ content:" "; position:absolute; bottom:170px; right:-100px; width:250px; height:250px;
background: url(img/photo_bg1.png) right bottom no-repeat; background-size:contain;}
#pointText3{ font-size:150%; padding:0 0 20px; font-weight:bold; text-shadow: 0px 1px 2px rgba(255,255,255,1); position:relative;}
#pointText3 span{ color:#EA5514; font-weight:bold;}
#bigTel{ padding:60px 0 0; text-align:right;}
#bigTel img{ height:150px; width:auto;}




#akichiPoint{ background: url(img/bg_akichi_point.jpg) center bottom no-repeat; background-size:cover; min-height:680px;}
#akichiPoint h2{ color:#00913A; font-size:240%; padding:40px 0 10px; font-weight:bold; text-shadow: 0px 1px 2px rgba(255,255,255,1);}

#pointText4{ font-size:160%; font-weight:bold;}
#pointText4 span{ font-size:140%; font-weight:bold; padding:0 10px; color:#EA5514;}

#akichiPointText{ color:#EA5514; font-size:180%; padding:60px 0 40px; background:url(svg/house.svg) 0 center no-repeat,url(svg/yen.svg) right center no-repeat; background-size:240px;}
#akichiPointText p{ font-weight:bold;}

#pointList{ margin:20px 0 0;}
#pointList li{ display:inline-block; padding:0 20px;}
#pointList li img{ width:240px; height:auto;}
#pointList li p{ font-size:160%; font-weight:bold; margin:20px auto 40px; line-height:1.4;}


#solutionTitle{ padding:0;
background: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 120, color-stop(1.00, #fff), color-stop(0.00, #F3F082));
background: -webkit-radial-gradient(50% 100%, circle, #F3F082, #fff);
background: -moz-radial-gradient(50% 100%, circle, #F3F082, #fff);
background: -o-radial-gradient(50% 100%, circle, #F3F082, #fff);
background: -ms-radial-gradient(50% 100%, circle, #F3F082, #fff);
background: radial-gradient(50% 100%, circle, #F3F082, #fff);
}

#solutionTitle h2{ font-size:240%; font-weight:bold; text-align:left; padding:40px 180px 40px; line-height: 1.4;
 background:url(svg/house_man.svg) 0 center no-repeat,url(svg/ok.svg) right center no-repeat; background-size:140px,220px;}
#solutionTitle h2 span{ color:#EA5514; font-weight:bold;}

#solutionList li{ margin:0 0 20px;}
#solutionList dl dt{ background:#EA5514; color:#fff; padding:10px 20px; box-sizing:border-box; text-align:left; font-size:120%; font-weight:bold; position:relative;}
#solutionList dl dt::after{ content:" "; position:absolute; top:-5px; right:240px; width:100px; height:100px; background:url(svg/ok.svg) 0 0 no-repeat; background-size:contain;}
#solutionList dl dd{ border:1px solid #EA5514; padding:10px 20px; box-sizing:border-box; text-align:left;}




#leaveTitleWrapper{padding:40px 0 20px; position:relative;}
#leaveTitleWrapper img#leavePhoto{ position:absolute; top:25px; left:0; width:200px; height:auto;}
#leaveTitleWrapper img#leaveIcon{ position:absolute; top:50px; right:80px;}
#leaveTitle{ padding:20px 0;
background: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 120, color-stop(1.00, #fff), color-stop(0.00, #F3F082));
background: -webkit-radial-gradient(50% 100%, circle, #F3F082, #fff);
background: -moz-radial-gradient(50% 100%, circle, #F3F082, #fff);
background: -o-radial-gradient(50% 100%, circle, #F3F082, #fff);
background: -ms-radial-gradient(50% 100%, circle, #F3F082, #fff);
background: radial-gradient(50% 100%, circle, #F3F082, #fff);
}
#leaveTitle h2{ background:url(svg/leave_text.svg) center 0 no-repeat; padding:100px 0 0; font-size:120%; font-weight:bold;}

#reasonTitle{ padding:20px 0;
background: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 120, color-stop(1.00, #fff), color-stop(0.00, #2EA7E0));
background: -webkit-radial-gradient(50% 100%, circle, #2EA7E0, #fff);
background: -moz-radial-gradient(50% 100%, circle, #2EA7E0, #fff);
background: -o-radial-gradient(50% 100%, circle, #2EA7E0, #fff);
background: -ms-radial-gradient(50% 100%, circle, #2EA7E0, #fff);
background: radial-gradient(50% 100%, circle, #2EA7E0, #fff);
}

#reasonTitle h2{ font-size:180%; font-weight:bold; text-shadow: 0px 1px 2px rgba(255,255,255,1); background:url(svg/hand2.svg) 20px center no-repeat;}
#reasonTitle h2 span{ font-size:180%; font-weight:bold; color:#EA5514; padding:0 5px;}

#reasonList{ margin:40px 0; text-align:left;}
#reasonList li{ margin:0 0 20px; border-top:10px solid #EA5514; border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666; box-sizing:border-box; padding:20px 20px 20px 180px;}

#reasonList li h3{ font-size:180%; font-weight:bold; margin:0 0 10px;}
#reasonList li h3 span{ color:#E60012; font-weight:bold;}

#reasonList li#reason1{ background:url(svg/leave_point1.svg) 40px 20px no-repeat;}
#reasonList li#reason2{ background:url(svg/leave_point2.svg) 40px 20px no-repeat;}
#reasonList li#reason3{ background:url(svg/leave_point3.svg) 40px 20px no-repeat;}
#reasonList li#reason4{ background:url(svg/leave_point4.svg) 40px 20px no-repeat;}
#reasonList li#reason5{ background:url(svg/leave_point5.svg) 40px 20px no-repeat;}
#reasonList li#reason6{ background:url(svg/leave_point6.svg) 40px 20px no-repeat;}


.contactWrapper ul li{ display:inline-block; width:50%; box-sizing:border-box; padding:20px; vertical-align:bottom;}

.interMail{ display:inline-block; background:#22AC38; padding:5px; text-align:left; position:relative; top:0; width:100%; box-sizing:border-box;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
}
.interMail:hover{ background:#1b872c;}

.interMail span{ display:inline-block; position:relative; color:#fff; font-size:140%; padding:20px 20px 20px 130px; border:1px solid #fff; line-height: 1.7; width:100%; box-sizing:border-box;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.interMail span::after{
	content:"　"; position:absolute; top:20px; left:20px;
	background:url(svg/mail.svg) 0 0 no-repeat; background-size:contain;
	width:74px; height:74px;
}

.bigTel{}
.bigTel img{}




#greetWrapper{ background:url(img/photo_bg2_ver2.jpg) 0 0 no-repeat; background-size:contain; width:1000px; height:800px; margin:40px auto; position:relative;}

#greetTextWrapper{ background:#fff; border:5px solid #333; padding:20px; display:inline-block; position:absolute; top:40px; right:20px;}
#greetWrapper p{ font-size:140%; font-weight:bold;}

#companyInfoWrapper{ margin-top:40px;}
#companyInfoWrapper h4{ font-size:140%; font-weight:bold; color:#EA5514;}
#companyInfoWrapper p{ padding:10px 0 0; font-size:140%; font-weight:bold; color:#EA5514;}
#companyInfoWrapper p a{ font-weight:bold; color:#EA5514;}



#mailWrapper{ padding:40px 0;}
#mailWrapper h2{ font-size:240%; font-weight:bold; color:#00913A; background:url(svg/mail_green.svg) 0 center no-repeat; background-size:50px; display:inline-block; padding:0 0 0 70px;}
#mailWrapper table{ width:100%; margin:40px auto 0;}
#mailWrapper table tr th{ text-align: left; width:30%; box-sizing:border-box; padding-bottom:20px; vertical-align:top;}
#mailWrapper table tr td{ text-align: left; width:70%; box-sizing:border-box; padding-bottom:20px;}

.selectOption{
    -webkit-appearance: menulist-button;
    width: 400px;
    position: absolute;
    opacity: 0;
    height: 50px;
    font-size: 16px;
}
.customSelect{
    width: 400px;
    height:50px;
    background: url(img/arrow.png) no-repeat right center;
    padding: 0 10px;
    color: #000;
    text-align: left;
    font-size:16px;
    line-height:50px;
    box-sizing:border-box;
    display: inline-block;
    border:1px solid #ccc;
}
.customSelectInner{
display: inline-block;
}
.inputText{
    width: 100%;
    height:50px;
    display: block;
    border: none;
    background: none;
    padding: 10px 10px;
    background:#fff;
    font-size:16px;
    box-sizing:border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border:1px solid #ccc;
}
.inputTextArea{
    width: 100%!important;
    height: 150px!important;
    overflow: auto;
    vertical-align: top;
    padding: 10px 10px;
    background: none;
    border: none;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background:#fff;
    font-size:16px;
    box-sizing:border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border:1px solid #ccc;
}
.inputSubmit{
    cursor: pointer;
    width:100px; height:100px; color:#fff; line-height:100px; text-align:center; letter-spacing:0.1em; background:#EA5514; border:none; display:inline-block;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}
.inputSubmit:hover{ background:#603A1A;}

#submitWrapper{ text-align: center;}
#submitWrapper ul li{display:inline-block; padding:0 20px;}

.checkPageValue{ padding:10px 10px; border:1px solid #ccc;}


h1#checkPage{ font-size:240%; font-weight:bold; background: url(img/logo_akichi.jpg) 0 center no-repeat; padding:5px 0 0 120px; background-size:110px; text-align:left; color:#60180a; line-height:1.2; position:relative; z-index:10;letter-spacing:0.05em;}
h1#checkPage span{ font-size:40%; color:#231815; display:block; margin:0 0 5px 4px;}

#sendSuccessWrapper{ margin:0 auto 80px;}
#sendSuccessWrapper h3{ margin:80px auto 20px; font-size:140%; font-weight:bold;}
#sendSuccessWrapper p{ margin:0 auto 20px;}
#sendSuccessWrapper p a{ text-decoration: underline; color:#22AC38;}
#sendSuccessWrapper p a:hover{ text-decoration: none;}


footer{ padding:0 0 20px;}




/* スマホ・タブレット ---------------------------------------------*/
@media only screen and (max-width : 768px) {
}