*{margin: 0px; padding: 0px;}
body{-webkit-text-size-adjust: 100%;}
h1,h2,h3,h4,h5,h6,p,div,input,select,textarea{font-family: "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; color: rgb(82,82,82); letter-spacing: 0px; font-weight: 300; text-shadow: none;}
input,button,textarea,select{-webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: .01px; text-overflow: ""; border-radius: 0; border: none; outline: none;}
a{text-decoration: none; color: inherit;}
img{border: none; display: block;}

.cf:before,.cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

.hov{display: none;}
.text_shadow{text-shadow: 0px 3px 1px rgba(0,0,0,0.4);}
.box_shadow{box-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
.float{float: left;}
.center{text-align: center;}
.to_contact{position: absolute; bottom: 123px; right: 205px; width: 354px; height: 69px; cursor: pointer;}

#wrapper{width: 100%; margin: 0 auto;}
#contents_wrapper{width: 1080px; margin: 0 auto; padding: 100px 60px; box-sizing: border-box;}


#header_area{width: 100%; height: 650px; background-image: url(http://sunlight.about-with.co.jp/assets/images/header_img.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
#header{position: relative; width: 100%; height: 110px; background-image: url(http://sunlight.about-with.co.jp/assets/images/header_bg.png);}
#header_contact{position: absolute; top: 5px; right: 40px; width: 345px; height: 69px;}
#header_contact p{font-size: 17px; font-weight: bold; text-align: center;}
.btn_box{position: relative; cursor: pointer;}
.btn_box img{position: absolute; top: 0px; left: 0px;}
h1{padding-left: 30px; padding-top: 18px; font-size: 26px; line-height: 36px; font-weight: bold; text-shadow: 0px 2px 1px rgba(0,0,0,0.3); color: white;}


#logo_box{position: relative; width: 209px; height: 103px; margin: 0 auto; background-image: url(http://sunlight.about-with.co.jp/assets/images/header_bg_round.png);}
#logo_box img{position: absolute; top: -105px; left: 22px;}


#headline{display: block; margin: 0 auto; margin-top: 100px;}
#eyecatch{display: block; margin: 0 auto; margin-top: 125px; cursor: pointer;}


#sec_1{width: 932px; height: 598px; margin: 0 auto; background-image: url(http://sunlight.about-with.co.jp/assets/images/intro.png); }
#sec_1 p{padding-top: 270px; padding-left: 40px; font-size: 24px; letter-spacing: 0px; line-height: 40px;}


#sec_2,#sec_7,#sec_10{position: relative; padding: 60px 0px;}
#sec_2 img,#sec_7 img,#sec_10 img{margin: 0 auto;}


.headline{width: 900px; height: 100px; margin: 0 auto; margin-bottom: 20px; padding: 30px; background-image: url(http://sunlight.about-with.co.jp/assets/images/headline_bg.jpg); box-sizing: border-box;}
.headline h2{font-size: 40px; color: white; font-weight: bold; line-height: 40px;}


.feature_box{width: 900px; margin: 0 auto; margin-bottom: 60px;}
.feature_headline .column.l{width: 112px; margin-right: 20px;}
.feature_headline .column.r{width: 768px;}
.feature_headline h3{width: 100%; padding: 20px 0px; margin-top: 10px; font-size: 28px; font-weight: bold; border-top: solid 3px rgb(180,180,180); border-bottom: solid 3px rgb(180,180,180);}
.feature_headline h3 span.colored{color: #f84936;}
.feature_headline h3 span.small{font-size: 18px;}
.feature_content .column.l{width: 550px; margin-right: 20px;}
.feature_content .column.r{width: 330px;}
.feature_content .column.l p{margin-top: 20px; font-size: 19px; line-height: 28px; color: rgb(100,100,100);}


#safety_area{position: relative; width: 900px; padding: 30px; margin: 0 auto; margin-top: 40px; box-sizing: border-box; border-radius: 5px; background-color: #fefaf2;}
.safety_box{margin-bottom: 30px;}
.safety_headline{width: 80%; padding-bottom: 10px; border-bottom: solid 3px rgb(200,200,200);}
.safety_headline .column.l{width: 152px; margin-right: 20px;}
.safety_headline .column.r{width: 500px;}
.safety_headline h3{font-size: 36px; line-height: 46px; font-weight: bold;}
.safety_headline h3 span.colored{color: #ff8000;}
.safety_headline h3 span.small{font-size: 18px;}
.safety_box p{margin-top: 20px; font-size: 20px; line-height: 30px;}
#woman{position: absolute; bottom: 0px; right: -60px;}


.big_headline{position: relative; width: 900px; height: 200px; margin: 0 auto; margin-top: 250px; margin-bottom: 20px; padding: 30px; background-image: url(http://sunlight.about-with.co.jp/assets/images/headline_bg.jpg); box-sizing: border-box;}
.big_headline img{position: absolute; left: 10px; bottom: 0px;}
.big_headline h2{padding-left: 230px; padding-top: 15px; font-size: 46px; line-height: 60px; color: #ffde00; font-weight: bold;}
#free_area{position: relative; width: 900px; padding: 40px 20px;  margin: 0 auto; margin-top: 70px; background-color: #f9ead1; border-radius: 4px; box-sizing: border-box;}
#free_area .column.l{width: 500px;}
#free_area .column.l img{position: absolute; left: -5px; top: -40px;}
#free_area .column.r img{margin-top: 35px;}
#free_area h3{padding-top: 30px; font-size: 44px; line-height: 50px; font-weight: bold;}
#free_area p{margin-top: 30px; font-size: 19px; line-height: 36px;}

#sec_6{padding: 60px 0px;}
.merit_box{width: 900px; margin: 0 auto; margin-bottom: 30px;}
.merit_box .column.l{width: 580px; margin-right: 20px;}
.merit_box .column.r{width: 300px; margin-top: 20px;}
#sec_6 h3{width: 800px; font-size: 24px; line-height: 46px; font-weight: bold; border-bottom: solid 3px #10bb03;}
#sec_6 p{margin-top: 20px; font-size: 18px; line-height: 32px;}

#sec_8{padding: 60px 0px;}
#example_area{width: 930px; margin: 0 auto;}
#example_area img{margin-left: 14px; margin-top: 14px;}
#map_area{width: 900px; height: 320px; padding: 30px; margin: 0 auto; margin-top: 40px; border-radius: 10px; box-sizing: border-box; border: solid 5px #07d83d; background-image: url(http://sunlight.about-with.co.jp/assets/images/map.png); background-position: 400px center; background-repeat: no-repeat;}
#map_area h3{padding-top: 50px; font-size: 32px; line-height: 46px; font-weight: bold;}

.qa_box{width: 900px; padding: 40px 20px; margin: 0 auto; margin-top: 30px; background-color: #f9ead1; box-sizing: border-box;}
.qa_box h3{width: 92%; padding-bottom: 20px; font-size: 28px; font-weight: bold; line-height: 40px; color: #10bb03; border-bottom: solid 3px #10bb03;}
.qa_box p{margin-top: 20px; font-size: 19px; line-height: 30px;}
.qa_box p span{font-weight: bold;}

#sec_12 .headline{background-image: url(http://sunlight.about-with.co.jp/assets/images/headline_bg_2.jpg);}

#info_area,#form_area{width: 900px; margin: 50px auto;}
table{width: 100%;}
th,td{border-bottom: solid 3px rgb(150,150,150);}
.top th,.top td{border-top: solid 3px rgb(150,150,150);}
th{text-align: left; padding: 15px 20px 15px 0px;}
#info_area th{width: 300px;}
th p{padding-left: 20px; height: 60px; font-size: 20px; line-height: 60px; border-left: solid 10px #00a054;}
th p span{color: #ff4f4f;}
#sec_11 th p{border-left: solid 10px #1c73f6;}
td{padding: 15px 20px 15px 20px; font-size: 20px;}
td span.ca{font-size: 13px;}
.radio{position: relative; padding-left: 40px; float: left;}
.radio .radio_btn{position: absolute; top: 2px; left: 6px; width: 25px; height: 25px; background-image: url(http://sunlight.about-with.co.jp/assets/images/radio.png); background-repeat: no-repeat; background-position: 0px 0px;}
.radio .radio_btn.active{background-position: -25px 0px;}
.radio input{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
td input[type="text"]{width: 280px; height: 45px; padding: 6px; font-size: 20px; border-radius: 5px; border: solid 2px rgb(180,180,180); box-sizing: border-box;}
td input.short{width: 160px;}
td input.middle{width: 220px;}
td input.long{width: 360px; margin-top: 10px;}
textarea{width: 360px; height: 160px; padding: 6px; font-size: 20px; border-radius: 5px; border: solid 2px rgb(180,180,180); box-sizing: border-box; resize: none;}
#submit{width: 354px; height: 69px; margin: 0 auto; margin-top: 30px; background-image: url(http://sunlight.about-with.co.jp/assets/images/submit.png); cursor: pointer;}