@charset "utf-8";


/* --------------------------------------------------
   RESET
-------------------------------------------------- */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/

*, *:before, *:after {-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{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:18px;color:#404040;}input[type="button"]{border:0;}

/*input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset; background-color:#fff;}*/
input:-webkit-autofill {-webkit-transition: background-color 9999s; transition: background-color 9999s;}


/* --------------------------------------------------
   ELEMENT
-------------------------------------------------- */
body {
	color:#404040;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:28px;
	-webkit-text-size-adjust: 100%;
}
a, a:link, a:active, a:visited, select {color:#404040;cursor:pointer;}
img {vertical-align:bottom;}
dt {vertical-align:top;}
strong {font-weight:bold;}
label{font-size:24px;}
label{font-size:26px;}
.red {color:#cc1427;}

p.annotation {font-size:18px!important; color:#ff7f7f; padding-left:1em; text-indent:-1em; margin-top:10px;}
dt p.annotation {margin:20px auto 10px; width:600px; padding-bottom:5px;}

.mb0 {margin-bottom:0;}
.mb15 {margin-bottom:15px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}

.mt0 {margin-top:0;}
.mt15 {margin-top:15px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}

.txtR {text-align:right; font-size:15px;}
.small {font-size:80%;}

/* --------------------------------------------------
   HEADER
-------------------------------------------------- */
header {height:120px; background:#FFF; padding-top:16px;}
header img {display:block; margin:0 auto;}

/* --------------------------------------------------
   MAIN
-------------------------------------------------- */
main {background:url("../img/main_back.png") center #FFF;}
main a {color:#0000FF!important;}
main p {font-size:20px; margin-bottom:30px;}
main p.tiny {font-size:19px;}
main p.whiteBOX {background:#FFF; border-radius:10px; padding:20px; margin-bottom:50px; color:#7db312; font-weight:bold;}
main div.whiteBOX {background:#FFF; border-radius:10px; padding:20px 0 20px 20px!important; margin:20px auto 50px!important; color:#7db312; font-weight:bold; width:640px!important;}
main div.whiteBOX p {font-size:19px; margin:0;}
main strong {color:#3d7e01;}
main strong.orage {color:#ff7f00;}
main strong.red {color:#e60023;}
main h4 {font-size:18px; margin-bottom:15px; font-weight:bold;}
div#sec01 div#firstView {background:url("../img/sec01_back.png") center #FFF; height:660px; padding-top:50px;}
div#sec01 div#firstView h1 {width:621px; height:150px; margin:0 auto 50px;}
div#sec01 div#firstView h2 {width:631px; height:30px; margin:0 auto 50px;}
div#sec01 div#firstView img.topImg {width:680px; height:330px; display:block; margin: 0 auto;}
div#sec01 section div,
div#sec02 section div,
div#sec03 section div {width:640px; margin:0 auto; padding:0 20px;}
/*div#sec03 section div {width:680px; margin:0 auto; padding:0 40px;}*/
div#sec01 section.whiteBack {background:#FFF; padding:35px 0;}
div#sec01 section.whiteBack h2 {color:#669900; font-size:36px; margin:0; padding:0!important;}
div#sec01 section.whiteBack h3 {font-size:20px; margin:30px 0; padding:0;}
div#sec01 section.whiteBack ul li {font-size:21px; margin-bottom:8px;}
div#sec01 section.whiteBack ul li:last-of-type {margin-bottom:0;}
div#sec01 section#ctaPlus {border-top:2px #FFF dotted; padding:0 0 70px; margin-bottom:0;}

div#sec02 h2,
div#sec03 h2 {width:100%; height:110px; background:url("../img/h2_back.png"); padding-top:20px; margin:0 0 50px;}
div#sec04 h2 {width:100%; height:110px; background:url("../img/h2_back.png"); padding-top:45px; margin:0 0 50px;}
div#sec02 h2 img,
div#sec03 h2 img,
div#sec04 h2 img {display:block; margin:0 auto;}
div#sec02 h3 {font-size:22px; color:#3d7e01; background:linear-gradient(transparent 60%, #f3ea00 60%); display:inline; padding:0 10px;}
div#sec02 h3.large {font-size:24px;}
div#sec02 p.noteice {font-size:16px; margin-bottom:15px; line-height:1.5;}
div#sec02 ul.noteice li {font-size:16px; padding-left:2em; text-indent:-2em; margin-bottom:15px; line-height:1.5;}
div#sec02 ul.noteice li.shingle {padding-left:1em; text-indent:-1em;}
div#sec02 ul.noteice li:last-of-type {margin-bottom:0;}
div#sec02 section {padding:0 0 70px;}

div#sec03 section div img {margin-bottom:20px;}
div#sec03 section div img:last-of-type {margin-bottom:70px;}

p.cta {margin:70px auto; text-align:center;}
p.cta img:last-of-type {margin:15px auto 0;}

header#confirm {padding-top:0; height:110px;}
header#confirm h1 {width:100%; height:110px; background:#7db312; padding:45px 0 0; margin:0!important; border-bottom:2px #FFF dotted;}
header#confirm h1 img {display:block; margin:0 auto;}


/* --------------------------------------------------
   STEP IMG
-------------------------------------------------- */
img.stepImg {margin:0 auto 50px; display:block;}


/* --------------------------------------------------
   CONTENTS
-------------------------------------------------- */
h2 {width:600px; margin:30px auto 5px; font-size:28px; font-weight:bold;}
p.supplement {font-size:18px!important; line-height:1.3; font-weight:normal; width:600px; margin:0 auto 30px;}
p.supplement span {display: block; margin-top:10px; padding-left:1em; text-indent:-1em;}
h3 {width:600px; margin:0 auto 25px; font-size:28px; font-weight:bold;}
h3.break {text-indent:-1em; padding-left:1em;}
h3 span{font-size:18px; font-weight:normal;}

/* --------------------------------------------------
   FORMBOX
-------------------------------------------------- */

section#formBox dl dt span {margin-left:10px; padding:5px 10px; border-radius:4px; background:#ff7f7f; color:#fff; font-size:12px; vertical-align:middle;}
section#formBox dl dt span.any {background:#999; }

section#formBox {width:100%; margin:50px 0 0;}
section#formBox h3 {width:600px; margin-bottom:10px;}
section#formBox p {font-size:24px;}
section#formBox p strong {font-weight:normal; color:#ff7f7f;}
section#formBox dl#address p.title,
section#formBox dl#caseTel p.title,
section#formBox dl.dateFrame p.title {float:left; padding:10px 0 0; width:180px; text-align:center!important; font-size:21px!important;}
section#formBox dl#address div div,
section#formBox dl#caseTel div div,
section#formBox dl.dateFrame div div {width:420px; float:left;}
section#formBox dl#address p.annotation,
section#formBox dl.dateFrame p.annotation {margin-bottom:10px;}

section#formBox dl {width:100%;}
section#formBox dl dt {background:#e5e5e5; padding:20px 10px 20px 20px;}
section#formBox dl dt p {font-size:21px; font-weight:bold; line-height:1.0; width:600px; margin:0 auto;}
section#formBox dl dt p.long {line-height:1.4;}
section#formBox dl dd {font-size:18px; background:#f5f5f5; padding:0 20px 20px;}
section#formBox dl dd.otherTxt,
section#formBox dl dd:first-of-type {padding:30px 20px 20px; border-top:2px #ebebeb dotted;}
section#formBox dl dd:last-of-type {padding-bottom:50px;}
section#formBox dl dd div {width:600px; margin: 0 auto;}

section#formBox input[type=text],
textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; padding:10px 10px; border:solid 2px #838383; border-radius:4px; width:100%; font-size:26px; -moz-box-shadow:0 2px 0 #d9d9d9 inset; -webkit-box-shadow:0 2px 0 #d9d9d9 inset; -o-box-shadow:0 2px 0 #d9d9d9 inset; -ms-box-shadow:0 2px 0 #d9d9d9 inset; background:#fff!important;}
section#formBox input[type=text].halfL {width:48%; margin-right:4%;}
section#formBox input[type=text].halfR {width:48%;}
section#formBox input[type="text"]::-moz-placeholder,
textarea::-moz-placeholder {color:#bbb;}
section#formBox input[type="text"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color:#bbb;}
section#formBox input[type="text"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#bbb;}
section#formBox input[type=text]:placeholder-shown,
textarea:placeholder-shown {color:#bbb;}

/*section#formBox input[type=radio] {display: none;}
section#formBox input[type=radio]:checked + label {background:#fff url(https://www.hoken-mammoth.jp/housing_loan/entry_aruhi/img/check_background.png)no-repeat right 25px center; -moz-box-shadow:0 2px 0 #d9d9d9 inset; -webkit-box-shadow:0 2px 0 #d9d9d9 inset; -o-box-shadow:0 2px 0 #d9d9d9 inset; -ms-box-shadow:0 2px 0 #d9d9d9 inset; margin:0;}
section#formBox input[type=radio] + label {padding:10px 10px; width:290px; margin:0 20px 20px 0!important; display:block; float:left; border-radius:4px; border:solid 2px #838383; font-size:26px; text-align:center; -moz-box-shadow:0 2px 0 #d9d9d9; -webkit-box-shadow:0 2px 0 #d9d9d9; -o-box-shadow:0 2px 0 #d9d9d9; -ms-box-shadow:0 2px 0 #d9d9d9; background:#ffeded;}
section#formBox input[type=radio] + label:nth-child(4),
section#formBox input[type=radio] + label:nth-child(8),
section#formBox input[type=radio] + label:nth-child(12){margin:0 0 20px 0!important;}*/

section#formBox input[type=checkbox],
section#formBox input[type=radio] {display:none;}
section#formBox input[type=checkbox] + label,
section#formBox input[type=radio] + label {padding-left:38px; text-indent:-38px; display:inline-block;}
section#formBox input[type=checkbox] + label:before,
section#formBox input[type=radio] + label:before {content:''; width:28px; height:28px; display:inline-block; margin-right:10px; background:url(https://www.hoken-mammoth.jp/housing_loan/entry_aruhi/img/checkbox_img.png) no-repeat 0 0; vertical-align:middle;}
section#formBox input[type=checkbox]:checked + label:before,
section#formBox input[type=radio]:checked + label:before {background:url(https://www.hoken-mammoth.jp/housing_loan/entry_aruhi/img/checkbox_img.png) no-repeat 0 center;}


section#formBox select {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:160px; padding:10px 10px; margin-left:20px; border-radius:4px; border:2px #838383 solid; background:#fff; font-size:26px; -moz-box-shadow:0 2px 0 #d9d9d9 inset; -webkit-box-shadow:0 2px 0 #d9d9d9 inset; -o-box-shadow:0 2px 0 #d9d9d9 inset; -ms-box-shadow:0 2px 0 #d9d9d9 inset;}
section#formBox dl#address select,
section#formBox dl#caseTel select,
section#formBox dl.dateFrame select {width:100%; margin:0;}
p.agreeCheck label {display:block; padding-left:38px; text-indent:-38px; line-height:1.4;}
section#formBox input[type=button] {-webkit-appearance:none; -moz-appearance:none; appearance:none; -moz-box-shadow:0 2px 0 #d9d9d9; -webkit-box-shadow:0 2px 0 #d9d9d9; -o-box-shadow:0 2px 0 #d9d9d9; -ms-box-shadow:0 2px 0 #d9d9d9; width:100%; border-radius:4px; border:2px #838383 solid; padding:15px; background:#ffeded; color:#404040; font-weight:bold;}


/* 面談希望日枠 */
/*dl#dateFrame0 dd p:first-of-type {margin-bottom:30px;}
dl#dateFrame0 dd p.annotation {color:#404040;}*/


/* ppAdmit & rules枠 */
section#formBox dl dd div.personalInfo p {margin-bottom:15px;}
section#formBox dl dd div.personalInfo p strong {font-weight:bold;}
section#formBox dl dd div.personalInfo p.annotation {color:#404040;}
section#formBox dl dl#rules {width: 600px; margin-bottom:30px;}
section#formBox dl dl#rules dt {border:2px #939393 solid; border-radius:4px; padding:10px; margin:10px auto 0; background:url(https://www.hoken-mammoth.jp/housing_loan/entry_aruhi/img/swich_back.png) right 20px top 10px no-repeat #ffeded; -moz-box-shadow:0 2px 0 #d9d9d9; -webkit-box-shadow:0 2px 0 #d9d9d9; -o-box-shadow:0 2px 0 #d9d9d9; -ms-box-shadow:0 2px 0 #d9d9d9;}
section#formBox dl dl#rules dt.active {border-radius:4px 4px 0 0; background:url(https://www.hoken-mammoth.jp/housing_loan/entry_aruhi/img/swich_back.png) right 20px top -85px no-repeat #ffeded;}
section#formBox dl dl#rules dt p {width:576px; margin-bottom:0;}
section#formBox dl dl#rules dd {padding:20px; border:2px #939393 solid; background:#fff; border-radius:0 0 4px 4px; border-top:none; display:none;}
section#formBox dl dl#rules dd p.title {font-size:18px; font-weight:bold; margin:15px auto 5px;}
section#formBox dl dl#rules dd p.text-std {font-size:16px; margin-bottom:10px;}
section#formBox dl dl#rules dd p span.indent {text-indent:-1em; padding-left:1em; display:block; margin-top:10px;}

/* 注意書き枠 */
section#formBox div.aboutNotes dl {width:600px; margin:30px auto 0;}
section#formBox div.aboutNotes dl dt {padding:20px 20px 15px; background:#3c96b9; color:#fff; border-radius:4px 4px 0 0;}
section#formBox div.aboutNotes dl dd {border-top:#3c96b9 2px dotted; border-radius:0 0 4px 4px; padding-bottom:30px;}
section#formBox div.aboutNotes dl dd p:first-of-type {margin-bottom:50px;}
section#formBox div.aboutNotes dl dd p.annotation {color:#404040;}
section#formBox div.aboutNotes dl dd ul li {margin-top:25px; padding-left:1em; text-indent:-1em; font-size:21px;}
section#formBox div.aboutNotes dl dd ul li:first-of-type {margin-top:0;}

/* toConfirm */
section.toConfirm,
section.toFinish {width:600px; margin:50px auto;}
section.toConfirm p input {vertical-align:bottom;}
/*p.btYetArea {width:600px; padding:15px 0; margin:50px auto; background:#ff7f7f; font-size:24px; color:#fff; text-align:center; vertical-align:middle; font-weight:bold; border-radius:36px; display:none;}*/
p.btYetArea {display:none;}

/* company */
section#company {width:600px; margin:0 auto 50px;}
section#company h3 {margin-bottom: 15px;}
section#company dl {margin-bottom: 10px;}
section#company dl:last-of-type {margin-bottom: 0;}
section#company dl dt {font-size:21px; font-weight:bold;}
section#company dl dd {font-size:18px;}

/* --------------------------------------------------
   CONFIRM-thanks
-------------------------------------------------- */
section#formBoxConf {width:100%; margin:50px 0 0;}
section#formBoxConf h2,
section#formBoxThanks h2 {width:600px; margin:0 auto 30px; padding:10px 20px; background:#8fc31f; color:#fff; font-size:21px; font-weight:normal; border-radius:4px;}
section#formBoxThanks h2 {margin-bottom:50px;}
section#formBoxConf h3 {width:600px; margin-bottom:10px;}
section#formBoxConf table {width:600px; margin:0 auto 20px; font-size:18px;}
section#formBoxConf table.mail {margin-bottom:0;}
section#formBoxConf table.mail + p.annotation {width:600px; margin: 5px auto 20px; font-size:16px;}
section#formBoxConf table tr th {width:200px; padding:15px 20px; background:#f1f1f1; border-radius:4px 0 0 4px;}
section#formBoxConf table tr td {width:400px; padding:15px 20px; background:#fbfbfb; border-radius:0 4px 4px 0;}

section#message p {width:600px; margin:0 auto 20px; font-size:16px;}
section#formBoxFinish div {width:600px; margin:30px auto 80px; padding:20px; background:#8fc31f; color:#fff; font-size:21px; font-weight:normal; border-radius:4px;}
section#formBoxFinish div p {margin-bottom:10px!important; line-height:1.4; font-size:18px;}
section#formBoxFinish div p:last-of-type {margin-bottom:0!important;}

/* --------------------------------------------------
   PPLACEHOLDER
-------------------------------------------------- */
input.text::-webkit-input-placeholder {
    font-size:21px;
}

/* --------------------------------------------------
   ERROT
-------------------------------------------------- */
#err {width: 600px; margin:15px auto!important; background:#ff7f7f; padding:10px 15px; border-radius:4px; color:#fff; font-size:18px;}
#errorAll {width: 600px; margin:15px auto 30px!important; background:#ff7f7f; padding:10px 15px; border-radius:4px; color:#fff; font-size:18px;}
input.omission,
select.omission {border:3px solid #ff5a5a!important;}
/*section#formBox dl.omission dd input[type=radio] + label {border:3px solid #ff5a5a!important;}*/
section#formBox dl.omission dd input[type=checkbox] + label:before,
section#formBox div.omission div input[type=checkbox] + label:before,
section#formBox dl.omission dd input[type=radio] + label:before {background:url(https://www.hoken-mammoth.jp/housing_loan/entry_aruhi/img/checkbox_img.png) no-repeat 0 bottom;}
section#formBox dl.omission dd p.annotation.ddTOP {width:600px; margin:0 auto 15px;}
section#formBox dl.omission dd p.annotation.ddBOTTOM {width:600px; margin:15px auto 0;}

/* --------------------------------------------------
   FOOTER
-------------------------------------------------- */
footer h2 {text-align:left;}
footer div {padding:20px 0; margin-top:30px; text-align:center; border-top:2px dotted #838383;}
footer div dl {width:600px; margin:20px auto 30px; font-size:15px; text-align:left;}
footer div dl dt {float:left; text-align:right; width:120px;}
footer div dl dd {float:left; text-align:left; width:480px;}
footer div section {width:600px; margin:0 auto;}
footer div section img.pMark {text-align:center; margin-bottom:25px;}
footer div section p {font-size:15px!important; text-align:left; margin:0 40px;}

footer p.copyright {font-size:14px!important; margin:10px 0; text-align:center;}

/* --------------------------------------------------
   =clearfix
-------------------------------------------------- */
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cf {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .cf {
	height: 1%;
	overflow: visible;
}

.cf {
	display: block;
}

/* End hide from IE-mac */