@charset "UTF-8";
/*
基本CSS
PC画面　　　1025px〜1400px
Tablet画面　768px〜1024px
SP画面　　　360px〜767px
*/
@import url("reset.css");

body{ min-width: 768px; max-width: 1400px; width: 100%; margin: auto;}

.clearfix { *zoom: 1;}
.clearfix:before,
.clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after { clear: both;}

.forPC{ display: block;}
.forSP{ display: none !important;}

p{ font-size: 14px; font-weight: normal; text-align: left; color: #444444;}
p.indent-1 { padding-left:1em; text-indent:-1em;}
p.indent-15 { padding-left:1.5em; text-indent:-1.5em;}
a{ text-decoration: none; transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; outline: none; color: #595757; font-size: 14px;}
a:hover{ transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; opacity: .6;}



/* start header */
header{ width: 100%; overflow: hidden;}
header .wrap{ width: 100%; max-width: 1025px; overflow: hidden; padding: 10px; box-sizing: border-box; margin: auto;}
header .wrap .hgroup{ width: 100%; max-width: 380px; float: left;}
header .wrap .hgroup h1{ font-size: 10px;}
header .wrap .hgroup h2{ width: 100%; display: block;}
header .wrap .hgroup h2 img{ margin-left: -4px;}
header .wrap .contact{ width: 100%; max-width: 420px; float: right;}
header .wrap .contact .tel01{ width: 100%; max-width: 202px; float: left; margin-right:10px;}
header .wrap .contact .tel02{ width: 100%; max-width: 202px; float: left; margin: 0 5px;}
header .wrap .contact .mail{ width: 100%; max-width: 202px; float: left;}
header hr{ height: 3px; background-color: #DADBDB; border: 0px none;}
header nav{ width: 100%; max-width: 1025px; overflow: hidden; padding: 10px 0; margin: auto;}
header nav ul{ text-align: center;}
header nav ul li{ display: inline-block; border-left: 1px solid #0B308D;}
header nav ul li:last-child{ border-right: 1px solid #0B308D;}
header nav ul li a{ font-size: 14px; color: #0B308D; display: block; padding: 4px 23px; box-sizing: border-box; font-weight: 600;}
.navToggle{ display: none;}
/* end header */

/* start kvArea */
.kvArea{  max-width: 1025px; margin: auto; padding: 0 20px; box-sizing: border-box;}
/* end kvArea */

/* start footer */
footer{ border-top: 3px solid #4BADDA; padding: 40px 0 0 0;}
footer .wrap{ width: 100%; max-width: 1025px; margin: auto; padding: 0 10px; box-sizing: border-box;}
footer .wrap .left{ width: 100%; max-width: 378px; float: left;}
footer .wrap .right{ width: 100%; max-width: 620px; float: right;}
footer .wrap .right .logo{ width: 100%; max-width: 370px;}
footer .wrap .right .contact{ width: 100%; max-width: 620px; margin-top: 20px;}
footer .wrap .right .contact .tel01{ width: 100%; max-width: 202px; float: left;}
footer .wrap .right .contact .tel02{ width: 100%; max-width: 202px; float: left; margin: 0 5px;}
footer .wrap .right .contact .mail{ width: 100%; max-width: 202px; float: left;}
footer .wrap nav{ width: 100%; max-width: 1025px; overflow: hidden; padding: 10px 0; margin: 20px auto;}
footer .wrap nav ul{ text-align: center;}
footer .wrap nav ul li{ display: inline-block; border-left: 1px solid #0B308D;}
footer .wrap nav ul li:last-child{ border-right: 1px solid #0B308D;}
footer .wrap nav ul li a{ font-size: 14px; color: #0B308D; display: block; padding: 4px 30px; box-sizing: border-box; font-weight: 600;}
footer p#copy{ width: 100%; text-align: center; background-color: #4BADDA; font-size: 14px; color: #fff; padding: 10px 0;}
/* end footer */
.fixFooter{ display: none;}
.pagetop{ display: none; position: fixed; bottom: 15px; right: 15px;}
.pagetop a{ display: block; background-color: #ccc; text-align: center; color: #222; font-size: 12px; text-decoration: none; padding: 5px 10px; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.pagetop a:hover{ display: block; background-color: #2599DE; text-align: center; color: #fff; font-size: 12px; text-decoration: none; padding:5px 10px; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}



section{ width: 100%; padding-bottom: 90px;}
section .hgroup{ background-image: url(../images/title-bg.jpg); padding: 10px; box-sizing: border-box; width: 100%;}
section .hgroup p{ color: #fff; text-align: center; font-size: 18px; font-weight: 400; line-height: 1; padding-top: 20px;}
section .hgroup h2{ max-width: 840px; margin: auto; display: block;}
section .wrap{ width: 100%; max-width: 1025px; overflow: hidden; margin: auto; padding: 90px 10px 0; box-sizing: border-box;}


/*======================
	トップページ
======================*/
/* start content01 */
body.top section#content01{ background-color: #E9FAFF;}
body.top section#content01 .wrap ul{ width: 100%; text-align: center;}
body.top section#content01 .wrap ul li{ display: inline-block; width: 100%; max-width: 300px; vertical-align: top;}
body.top section#content01 .wrap ul li:nth-child(2){ margin: 0 20px;}
body.top section#content01 .wrap ul li img{ width: 100%; overflow: hidden;}
body.top section#content01 .wrap ul li h3{ font-size: 20px; color: #444444; font-weight: 600; padding: 40px 0 10px;}
body.top section#content01 .wrap ul li p{ font-size: 16px; font-weight: 400;}
/* end content01 */

/* start content02 */
body.top section#content02{ padding-bottom: 0;}
body.top section#content02 .wrap{ background-image: url(../images/content02-img01.png); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 90px;}
body.top section#content02 .wrap ul{ width: 100%; max-width: 620px; float: right; list-style: none; padding: 60px 0;}
body.top section#content02 .wrap ul li{ background-image: url(../images/content02-img02.png); background-repeat: no-repeat; background-position: left top; padding: 0 0 0 40px; font-size: 22px; font-weight: 600;}
body.top section#content02 .wrap ul li:nth-child(2n+2){ margin: 20px 0;}
body.top section#content02 .wrap ul li span{ background: linear-gradient(transparent 60%, #FFEF00 60%);}
/* end content02 */

/* start content03 */
body.top section#content03 .wrap ul{ list-style: none; background-image: url(../images/line-bg.png); background-position: center top; background-repeat: no-repeat; text-align: center;}
body.top section#content03 .wrap ul li{ display: inline-block; width: 100%; max-width: 303px; vertical-align: top; margin-top: 10px;}
body.top section#content03 .wrap ul li:nth-child(2){ margin: 10px 20px;}
body.top section#content03 .wrap ul li h3{ font-size: 20px; color: #FF8F03; font-weight: 600; padding: 10px 0 10px;}
body.top section#content03 .wrap ul li p{ font-size: 16px; font-weight: 400;}
/* end content03 */

/* start content04 */
body.top section#content04 .wrap img.map{ max-width: 440px; float: left; display: block;}
body.top section#content04 .wrap .right{ width: 100%; max-width: 550px; float: right;}
body.top section#content04 .wrap .right h3{ display: inline-block; padding: 6px 10px 4px; line-height: 1; border-radius: 6px; background-color: #4BADDA; color: #fff; font-size: 20px; font-weight: 600;}
body.top section#content04 .wrap .right p{ font-size: 16px; padding: 10px; box-sizing: border-box;}
body.top section#content04 .wrap > img#table{ padding-top: 90px;}
/* end content04 */

/* start content05 */
body.top section#content05{ background-color: #E9FAFF;}
body.top section#content05 ul{ width: 100%; overflow: hidden; text-align: center;}
body.top section#content05 ul li{ width: 100%; max-width: 188px; display: inline-block; vertical-align: top;}
body.top section#content05 ul li .title{ width: 100%; overflow: hidden;}
body.top section#content05 ul li .title p{ display: block; width: 100%; text-align: center; padding: 10px 0 6px; line-height: 1; color: #fff; background-color: #4BADDA; font-size: 16px;}
body.top section#content05 ul li .title h3{ font-size: 22px; color: #4BADDA; font-weight: 600; padding: 20px 0 0;}
body.top section#content05 ul li .img{ width: 100%; max-width: 132px; margin: auto; padding: 20px 0;}
body.top section#content05 ul li .text p{ width: 100%; overflow: hidden; font-size: 16px; color: #0398CA; font-weight: 600; text-align: center;}
body.top section#content05 ul li .text p.o{ font-size: 12px; color: #FF7125; font-weight: normal;}
body.top section#content05 ul li.arrow{ width: 24px; background-image: url(../images/content05-img05.png); background-position: center center; background-size: 24px; background-repeat: no-repeat; padding: 0 20px;}
/* end content05 */

/* start content06 */
body.top section#content06{ background-color: #FFFCE6;}
body.top section#content06 .hgroup{ background-image: none; padding-top: 40px;}
body.top section#content06 .wrap{ padding-top: 40px;}
body.top section#content06 .wrap ul{ display: block; width: 100%; max-width: 940px; margin: auto; overflow: hidden; background-color: #fff; border: 1px solid #D6D6D7; box-sizing: border-box; padding: 20px; list-style: none;}
body.top section#content06 .wrap ul:nth-child(2){ margin: 20px auto;}
body.top section#content06 .wrap ul li:nth-child(1){ background-image: url(../images/content06-img01.png); background-repeat: no-repeat; background-position: left top; padding: 10px 0 10px 60px; font-size: 24px; color: #4BADDA; margin-bottom: 10px;}
body.top section#content06 .wrap ul li:nth-child(2){ background-image: url(../images/content06-img02.png); background-repeat: no-repeat; background-position: left top; padding: 2px 0 0 60px; font-size: 16px;}
/* end content06 */

/* start content07 */
body.top section#content07 .wrap{ padding-top: 40px;}
body.top section#content07 .wrap > p{ text-align: center; font-size: 18px; color: #EB6732;}
body.top section#content07 .formBox{ width: 100%; max-width: 780px; box-sizing: border-box; margin: 40px auto 0;}
body.top section#content07 .formBox table{ width: 100%; overflow: hidden;}
body.top section#content07 .formBox table th{ width: 220px; text-align: left; vertical-align: top; padding: 10px; box-sizing: border-box;}
body.top section#content07 .formBox table th .required{ float: left; padding: 4px 14px 0; background-color: #ff7125; color: #fff; font-size: 14px; font-weight: normal; line-height: 1.3; border-radius: 50px; margin-right: 10px;}
body.top section#content07 .formBox table th .any{ float: left; padding: 4px 14px 0; background-color: #1a8de6; color: #fff; font-size: 14px; font-weight: normal; line-height: 1.3; border-radius: 50px; margin-right: 10px;}
body.top section#content07 .formBox table th .title{ font-size: 18px; font-weight: normal;}
body.top section#content07 .formBox table td{ padding: 10px; box-sizing: border-box;}
body.top section#content07 .formBox table td input[type="text"]{ border: 1px solid #929292; border-radius: 4px; padding: 10px; box-sizing: border-box; width: 100%; box-shadow: 2px 2px 4px inset rgba(0, 0, 0, 0.26); font-size: 16px;}
/*#formArea .formBox table td input[type="radio"]{ display: inline-block; top: -6px;}*/
body.top section#content07 .formBox table td textarea{ border: 1px solid #929292; border-radius: 4px; padding: 10px; box-sizing: border-box; width: 100%; box-shadow: 2px 2px 4px inset rgba(0, 0, 0, 0.26); height: 100px; resize: none;}
body.top section#content07 .formBox table td p{ font-size: 18px; color: #060606; margin-top: 20px;}
body.top section#content07 .formBox table td p:nth-child(1){ margin-top: 0;}
body.top section#content07 .formBox table td label{ display: inline-block; padding: 0; margin: 0;}
body.top section#content07 .formBox input[type="submit"]{ background-image: url(../images/submit.jpg); width: 310px; height: 82px; border: 0px none; margin: auto; display: block; margin-top: 40px;}
/* end content07 */





/* start contactArea */
section.contactArea{ border-top: 3px solid #4BADDA; border-bottom: 3px solid #4BADDA; padding: 40px 0; background-color: #FFFCE6;}
section.contactArea .wrap{ width: 100%; max-width: 1025px; margin: auto; padding: 0; position: relative; overflow: inherit;}
section.contactArea .wrap::after{ content: ''; background-image: url(../images/contact-img05.png); width: 338px; height: 329px; background-repeat: no-repeat; background-position: right bottom; position: absolute; bottom: -240px; right: 0; margin: auto; z-index: 1;}
section.contactArea .wrap .left{ width: 100%; max-width: 860px; float: left; z-index: 10; position: relative;}
section.contactArea .wrap .left img.text{ width: 100%; max-width: 784px;}
section.contactArea .wrap .left .contact{ width: 100%; max-width: 860px; margin-top: 20px; margin-left: 50px;}
section.contactArea .wrap .left .contact .tel01{ width: 100%; max-width: 280px; float: left; pointer-events: none;}
section.contactArea .wrap .left .contact .tel02{ width: 100%; max-width: 280px; float: left; margin: 0 10px; pointer-events: none;}
section.contactArea .wrap .left .contact .mail{ width: 100%; max-width: 270px; float: left; margin-left: 50px;}
/* end contactArea */

/*======================
	遺品整理・生前整理
======================*/
/* start content01 */
body.seiri section#content01{ padding-bottom: 0;}
body.seiri section#content01 .wrap{ background-image: url(../images/seiri-content01-img01.png); background-repeat: no-repeat; background-position: right bottom; padding-bottom: 90px;}
body.seiri section#content01 .wrap ul{ width: 100%; max-width: 620px; float: left; list-style: none; padding: 60px 0 0;}
body.seiri section#content01 .wrap ul li{ background-image: url(../images/content02-img02.png); background-repeat: no-repeat; background-position: left top; padding: 0 0 0 40px; font-size: 22px; font-weight: 600;}
body.seiri section#content01 .wrap ul li:nth-child(2n+2){ margin: 20px 0;}
body.seiri section#content01 .wrap ul li span{ background: linear-gradient(transparent 60%, #FFEF00 60%);}
/* end content01 */

/* start content02 */
body.seiri section#content02 .wrap ul{ list-style: none; background-image: url(../images/line-bg.png); background-position: center top; background-repeat: no-repeat; text-align: center;}
body.seiri section#content02 .wrap ul li{ display: inline-block; width: 100%; max-width: 303px; vertical-align: top; margin-top: 10px;}
body.seiri section#content02 .wrap ul:nth-child(1) li:nth-child(2){ margin: 10px 20px;}
body.seiri section#content02 .wrap ul li h3{ font-size: 20px; color: #FF8F03; font-weight: 600; padding: 10px 0 10px;}
body.seiri section#content02 .wrap ul li p{ font-size: 16px; font-weight: 400; padding: 0 10px 0 26px; box-sizing: border-box;}
body.seiri section#content02 .wrap ul:nth-child(2){ margin: 90px 0 0;}
body.seiri section#content02 .wrap ul:nth-child(2) li{ margin: 0 10px;}
/* end content02 */

/* start content03 */
body.seiri section#content03 .wrap img.map{ max-width: 440px; float: left; display: block;}
body.seiri section#content03 .wrap .right{ width: 100%; max-width: 550px; float: right;}
body.seiri section#content03 .wrap .right h3{ display: inline-block; padding: 6px 10px 4px; line-height: 1; border-radius: 6px; background-color: #4BADDA; color: #fff; font-size: 20px; font-weight: 600;}
body.seiri section#content03 .wrap .right p{ font-size: 16px; padding: 10px; box-sizing: border-box;}
/* end content03 */

/* start content04 */
body.seiri section#content04{ background-color: #E9FAFF;}
body.seiri section#content04 ul{ width: 100%; overflow: hidden; text-align: center;}
body.seiri section#content04 ul li{ width: 100%; max-width: 188px; display: inline-block; vertical-align: top;}
body.seiri section#content04 ul li .title{ width: 100%; overflow: hidden;}
body.seiri section#content04 ul li .title p{ display: block; width: 100%; text-align: center; padding: 10px 0 6px; line-height: 1; color: #fff; background-color: #4BADDA; font-size: 16px;}
body.seiri section#content04 ul li .title h3{ font-size: 22px; color: #4BADDA; font-weight: 600; padding: 20px 0 0;}
body.seiri section#content04 ul li .img{ width: 100%; max-width: 132px; margin: auto; padding: 20px 0;}
body.seiri section#content04 ul li .text p{ width: 100%; overflow: hidden; font-size: 16px; color: #0398CA; font-weight: 600; text-align: center;}
body.seiri section#content04 ul li .text p.o{ font-size: 12px; color: #FF7125; font-weight: normal;}
body.seiri section#content04 ul li.arrow{ width: 24px; background-image: url(../images/content05-img05.png); background-position: center center; background-size: 24px; background-repeat: no-repeat; padding: 0 20px;}
/* end content04 */


/*======================
	ゴミ屋敷片付け
======================*/
/* start content01 */
body.kataduke section#content01{ padding-bottom: 0;}
body.kataduke section#content01 .wrap{ background-image: url(../images/kataduke-content01-img01.png); background-repeat: no-repeat; background-position: right bottom; padding-bottom: 90px;}
body.kataduke section#content01 .wrap ul{ width: 100%; max-width: 620px; float: left; list-style: none; padding: 60px 0 0;}
body.kataduke section#content01 .wrap ul li{ background-image: url(../images/content02-img02.png); background-repeat: no-repeat; background-position: left top; padding: 0 0 0 40px; font-size: 22px; font-weight: 600;}
body.kataduke section#content01 .wrap ul li:nth-child(2n+2){ margin: 20px 0;}
body.kataduke section#content01 .wrap ul li span{ background: linear-gradient(transparent 60%, #FFEF00 60%);}
/* end content01 */

/* start content02 */
body.kataduke section#content02 .wrap ul{ list-style: none; background-image: url(../images/line-bg.png); background-position: center top; background-repeat: no-repeat; text-align: center;}
body.kataduke section#content02 .wrap ul li{ display: inline-block; width: 100%; max-width: 303px; vertical-align: top; margin-top: 10px;}
body.kataduke section#content02 .wrap ul:nth-child(1) li:nth-child(2){ margin: 10px 20px;}
body.kataduke section#content02 .wrap ul li h3{ font-size: 20px; color: #FF8F03; font-weight: 600; padding: 10px 0 10px;}
body.kataduke section#content02 .wrap ul li p{ font-size: 16px; font-weight: 400; padding: 0 10px 0 26px; box-sizing: border-box;}
body.kataduke section#content02 .wrap ul:nth-child(2){ margin: 90px 0 0;}
body.kataduke section#content02 .wrap ul:nth-child(2) li{ margin: 10px 10px 0;}
/* end content02 */

/* start content03 */
body.kataduke section#content03 .wrap img.map{ max-width: 440px; float: left; display: block;}
body.kataduke section#content03 .wrap .right{ width: 100%; max-width: 550px; float: right;}
body.kataduke section#content03 .wrap .right h3{ display: inline-block; padding: 6px 10px 4px; line-height: 1; border-radius: 6px; background-color: #4BADDA; color: #fff; font-size: 20px; font-weight: 600;}
body.kataduke section#content03 .wrap .right p{ font-size: 16px; padding: 10px; box-sizing: border-box;}
/* end content03 */

/* start content04 */
body.kataduke section#content04{ background-color: #E9FAFF;}
body.kataduke section#content04 ul{ width: 100%; overflow: hidden; text-align: center;}
body.kataduke section#content04 ul li{ width: 100%; max-width: 188px; display: inline-block; vertical-align: top;}
body.kataduke section#content04 ul li .title{ width: 100%; overflow: hidden;}
body.kataduke section#content04 ul li .title p{ display: block; width: 100%; text-align: center; padding: 10px 0 6px; line-height: 1; color: #fff; background-color: #4BADDA; font-size: 16px;}
body.kataduke section#content04 ul li .title h3{ font-size: 22px; color: #4BADDA; font-weight: 600; padding: 20px 0 0;}
body.kataduke section#content04 ul li .img{ width: 100%; max-width: 132px; margin: auto; padding: 20px 0;}
body.kataduke section#content04 ul li .text p{ width: 100%; overflow: hidden; font-size: 16px; color: #0398CA; font-weight: 600; text-align: center;}
body.kataduke section#content04 ul li .text p.o{ font-size: 12px; color: #FF7125; font-weight: normal;}
body.kataduke section#content04 ul li.arrow{ width: 24px; background-image: url(../images/content05-img05.png); background-position: center center; background-size: 24px; background-repeat: no-repeat; padding: 0 20px;}
/* end content04 */

/*======================
	新着情報・お客様の声
======================*/
/* start content01 */
body.news section#content01 .wrap ul{ list-style: none; width: 100%; max-width: 900px; margin: auto;}
body.news section#content01 .wrap ul li{ background-color: #FFFCE6; padding: 20px; box-sizing: border-box; overflow: hidden;}
body.news section#content01 .wrap ul li:nth-child(2n+2){ margin: 20px 0;}
body.news section#content01 .wrap ul li .box{ width: 100%; overflow: hidden;}
body.news section#content01 .wrap ul li .box .img{ float: right; width: 100%; max-width: 166px;}
body.news section#content01 .wrap ul li .box .text{ width: 100%; max-width: calc( 100% - 180px); float: left;}
body.news section#content01 .wrap ul li .box .text .date{ display: inline-block; background-color: #fff; padding: 4px 10px 3px; border: 1px solid #4BADDA; font-size: 16px; color: #4BADDA;}
body.news section#content01 .wrap ul li .box .text h3{ font-size: 22px; color: #4BADDA; font-weight: 600;}
body.news section#content01 .wrap ul li .box .text p{ font-size: 18px; padding-top: 10px;}
body.news section#content01 .wrap ul li a{ display: block; width: 200px; text-align: center; padding: 6px 0; background-color: #3E9CD0; color: #fff; font-size: 16px; border-radius: 6px; margin: 20px auto 0;}
body.news section#content01 .wrap .link{ width: 100%; max-width: 900px; margin: 20px auto 0;}
body.news section#content01 .wrap .link > a{ display: block; float: right; font-size: 22px; color: #000; font-weight: 600; border-bottom: 1px solid #3E9CD0;}
/* end content01 */

/* start content02 */
body.news section#content02 .wrap ul{ list-style: none; width: 100%; max-width: 900px; margin: auto;}
body.news section#content02 .wrap ul li{ background-color: #FFFCE6; padding: 20px; box-sizing: border-box; overflow: hidden;}
body.news section#content02 .wrap ul li:nth-child(2n+2){ margin: 20px 0;}
body.news section#content02 .wrap ul li .box{ width: 100%; overflow: hidden;}
body.news section#content02 .wrap ul li .box:nth-child(1){ border-bottom: 4px double #4BADDA;}
body.news section#content02 .wrap ul li .box h3{ width: 100%; max-width: calc( 100% - 140px); float: left; display: block; font-size: 22px; color: #4BADDA; font-weight: 600;}
body.news section#content02 .wrap ul li .box span{ display: block; width: 100%; max-width: 110px; float: right; font-size: 16px; border: 1px solid #4BADDA; text-align: center; background-color: #fff; padding-top: 4px;}
body.news section#content02 .wrap ul li .box:nth-child(2){ padding: 20px 0 0;}
body.news section#content02 .wrap ul li .box .img{ width: 100%; max-width: 184px; float: left;}
body.news section#content02 .wrap ul li .box p{ width: 100%; max-width: calc( 100% - 200px); float: right; display: block; vertical-align: middle; font-size: 18px; font-weight: 600; padding-top: 50px;}
/* end content02 */

/*======================
	会社概要
======================*/
/* start content01 */
body.company section#content01{ background-color: #FFFCE6;}
body.company section#content01 .wrap p{ font-size: 16px; text-align: center; max-width: 684px; display: block; margin: auto; color: #000; line-height: 2;}
/* end content01 */

/* start content02 */
body.company section#content02 .wrap table{ width: 100%; max-width: 940px; margin: auto;}
body.company section#content02 .wrap table th{ padding: 10px 40px 4px; background-color: #EEFBFF; font-size: 18px; font-weight: normal; border: 1px solid #C7C8C9; text-align: left;}
body.company section#content02 .wrap table td{ padding: 10px 40px 4px; font-size: 18px; font-weight: normal; border: 1px solid #C7C8C9;}
/* end content02 */

/* start content03 */
body.company section#content03 .wrap iframe{ margin: auto; display: block; width: 100%; max-width: 900px;}
body.company section#content03 .wrap a{ display: block; width: 100%; max-width: 400px; text-align: center; font-size: 22px; color: #fff; padding: 4px 0; background-color: #4BADDA; margin: 40px auto 0;}
/* end content03 */

/* start content04 */
body.company section#content04{ background-color: #E9FAFF;}
body.company section#content04 .wrap ul{ width: 100%; text-align: center;}
body.company section#content04 .wrap ul li{ display: inline-block; width: 100%; max-width: 300px; vertical-align: top;}
body.company section#content04 .wrap ul li:nth-child(2){ margin: 0 20px;}
body.company section#content04 .wrap ul li img{ width: 100%; overflow: hidden;}
body.company section#content04 .wrap ul li h3{ font-size: 20px; color: #444444; font-weight: 600; padding: 40px 0 10px;}
body.company section#content04 .wrap ul li p{ font-size: 16px; font-weight: 400;}
/* end content04 */
/* start content03 */
body.top section#content03 .wrap ul{ list-style: none; background-image: url(../images/line-bg.png); background-position: center top; background-repeat: no-repeat; text-align: center;}
body.top section#content03 .wrap ul li{ display: inline-block; width: 100%; max-width: 303px; vertical-align: top; margin-top: 10px;}
body.top section#content03 .wrap ul li:nth-child(2){ margin: 10px 20px;}
body.top section#content03 .wrap ul li h3{ font-size: 20px; color: #FF8F03; font-weight: 600; padding: 10px 0 10px;}
body.top section#content03 .wrap ul li p{ font-size: 16px; font-weight: 400;}

/*======================
	求人情報
======================*/
/* start content03 */
body.recruit section#content01 .wrap{width: 100%; max-width: 1025px;overflow: hidden; margin: auto; padding: 20px 10px 0; box-sizing: border-box;}
body.recruit section#content01 .wrap p, body.recruit section#content03 .wrap p{font-size: 16px;text-align: center;display: block;margin: auto;color: #000;line-height: 2;}
body.recruit section#content01 .wrap p span{color:#FF8F03; border-bottom:#FF8F03 solid 1px; font-size:160%; font-weight:bold;}
body.recruit section#content01 .wrap ul{ list-style: none;text-align: center;  padding:20px 0;}
body.recruit section#content01 .wrap ul li{ display: inline-block; width: 100%; max-width: 230px; vertical-align: top; margin-top: 10px; margin-right: 10px;}
body.recruit section#content01 .wrap ul li h3{ font-size: 20px; color: #00609E; font-weight: 600; padding: 10px 0 10px;}
body.recruit section#content01 .wrap ul li p{ font-size: 16px; font-weight: 400;}
body.recruit section#content02 .wrap table{ width: 100%; max-width: 940px; margin: auto;}
body.recruit section#content02 .wrap table th{ padding: 10px 40px 4px; background-color: #EEFBFF; font-size: 18px; font-weight: normal; border: 1px solid #C7C8C9; text-align: left;}
body.recruit section#content02 .wrap table td{ padding: 10px 40px 4px; font-size: 18px; font-weight: normal; border: 1px solid #C7C8C9;}
body.recruit section#content03{ background-color: #E9FAFF;}	
/* end content03 */
