@charset "utf-8";
/* CSS Document */

/*about*/
#about01 h2,#about02 h2,#about03 h2{font-size: 40px;line-height: 1; padding: 10px; background: url("img/about/about01/icon01.png")top left no-repeat; background-color: #000; margin: 40px 0;}
#about01 .con01,#about02 .con01,#about03 .con01,#about01 .con02,#about02 .con02,#about03 .con02{margin-bottom: 40px;}
#about01 p,#about02 p,#about03 p{font-size: 16px; line-height: 1.8;}
#about01 .img01,#about02 .img01,#about03 .img01,#about01 .img02,#about02 .img02,#about03 .img02{margin-right: 40px;}
#about01 .end,#about02 .end,#about03 .end{margin-top: 20px; margin-bottom: 50px;}


/*method*/
#method .img00{margin-top: 40px;}
#method h2{font-size: 40px;line-height: 1; padding: 10px; background: url("img/about/about01/icon01.png")top left no-repeat; background-color: #000; margin: 40px 0;}
#method .con01{margin-bottom: 40px;}
#method p{font-size: 16px; line-height: 1.8; text-align: justify;}
#method .img01,#method .img02{margin-right: 40px;}
#method .end{margin-bottom: 50px;}

/*content*/
#content01 h2{font-size: 40px; line-height: 1; background: url("img/content/content01/titlebg.jpg")center center no-repeat; margin: 40px 0; font-weight: bold; padding: 10px 0;}
#content01 p{font-size: 16px; line-height: 1.8;}
#content01 .con01{margin-top: 40px;}
#content01 .con01 h3{font-size: 30px; line-height: 1; box-sizing: border-box; border-bottom: solid 2px #000; padding-bottom: 10px;}
#content01 .img01{margin-right: 40px;}
#content01 .img02{margin-left: 40px;}
#content01 .inner01 p{margin-top: 20px;}
#content01 .con02{margin-top: 40px;}
#content01 .con02 h3{font-size: 30px; line-height: 1; box-sizing: border-box; border-bottom: solid 2px #000; padding-bottom: 10px; width: 350px;}
#content01 .con02 .inner02{position: relative; margin: 40px 0;}
#content01 .con02 .inner02::after{content: ''; position: absolute; width: 279px; height: 345px; top: -58px; right: 0; background: url("img/content/content01/man.png")top right no-repeat;}
#content01 .con02 p{background: #eeeeee; padding: 20px;}
#content01 .end{margin: 40px 0 50px; }

#content02 h2{font-size: 40px; margin-top: 40px; padding-bottom: 15px;}
#content02 h3{font-size: 30px; line-height: 1; box-sizing: border-box; border-bottom: solid 2px #000; margin: 30px 0; padding-bottom: 10px; position: relative; width: 600px;}
#content02 h3::before{content: ''; position: absolute; background: url("img/content/content02/underline.jpg")bottom left no-repeat; width: 146px; height: 2px; bottom: -2px; left: 0;}
#content02 .txtbox01{font-size: 20px; line-height: 1; margin-left: -80px; margin-bottom: -100px; width: 800px; padding: 40px 0; box-sizing: border-box; border-bottom: solid 5px #ee7700; background: url("img/content/content02/txtbg.jpg")top left repeat;}
#content02 .box01{margin-bottom: 100px;}
#content02 .box01 h4{font-size: 30px; line-height: 1; margin-left: 20px;}
#content02 .box01 h5{font-size: 20px; line-height: 1.5; margin: 30px 0;}
#content02 .box01 h5 span{font-size: 25px;}
#content02 .box01 p{font-size: 16px; line-height: 1.5; padding: 0 40px;}
#content02 .box01 .txt01{margin: 30px 0;}
#content02 .menu01 {font-size: 30px; margin-top: 30px;}

#content03 h2{font-size: 40px; line-height: 1;box-sizing: border-box; border-bottom: solid 2px #000;margin: 60px 0; padding-bottom: 20px; position: relative;}
#content03 h2::before{content: ''; position: absolute; background: url("img/content/content03/underline.jpg")bottom left no-repeat; width: 350px; height: 2px; bottom: -2px; left: 0;}
#content03 .box01{box-sizing: border-box; border: solid 2px #000; margin-bottom: 40px;}
#content03 .box02{margin-bottom: 50px;}
#content03 h3{background: url("img/content/content03/titlebg.jpg")top left repeat; padding: 15px; font-size: 30px; line-height: 1;}
#content03 .inner01{padding: 40px;}
#content03 .inner01 .img01{margin-right: 40px;}
#content03 .inner02 {font-size: 20px; line-height: 1;}
#content03 .inner02 th,#content03 .inner02 td{padding-bottom: 20px;}
#content03 .inner02 th{padding-right: 40px;}
#content03 .inner02 p{font-size: 16px; line-height: 1.8;}
#content03 .table01{margin-right: 40px;}

/*company*/

#company {font-size: 20px; line-height: 1;}
#company table{width: 100%; margin: 40px 0;}
#company th, #company td{box-sizing: border-box; border-top: solid 1px #000; padding: 20px;}
#company .last th,#company .last td{box-sizing: border-box; border-bottom: solid 1px #000;}
#company th{width: 200px; background: #eeeeee;}
#company .txt01{line-height: 1.5;}
#company iframe {width: 1200px; height: 400px; margin-bottom: 50px;}

/*introduction*/
#introduction .box01 {margin: 50px 0;}
#introduction .box01 h2 {font-size: 35px; margin-bottom: 15px;}
#introduction .box01 h3 {font-size: 60px;}
#introduction .box01 p {font-size: 90px; opacity: .08; line-height: 1;}

#introduction .box02 .inner02 {margin-top: 10px;}
#introduction .box02 p {width: 575px; line-height: 2; text-align: justify; font-size: 16px;}
#introduction .box03 {box-sizing: border-box; border: 5px solid #000; padding: 30px; margin: 50px auto;}
#introduction .box03 h2 {font-size: 30px; background: #ff8f00; padding: 15px 20px; margin-bottom: 50px;}
#introduction .box03 table {width: 90%; margin: auto; line-height: 1.5; box-sizing: border-box; border-left: solid 5px #000; }
#introduction .box03 tr {font-size: 20px;}
#introduction .box03 th {white-space: nowrap; padding-bottom: 20px; padding-left: 50px;}
#introduction .box03 td {padding-bottom: 20px; padding-left: 50px;}
#introduction .box03 th:nth-of-type(4),#introduction .box03 td:nth-of-type(4) {padding-bottom: 0;}
#introduction .box03 h3 {font-size: 25px; background: #000; width: 30%; margin: 50px auto; padding: 15px 0;}
#introduction .box03 .txt02 {font-size: 20px; margin-bottom: 50px;}
#introduction .box03 .img01 {margin-right: 50px;}
#introduction .end {margin-bottom: 50px;}


/*initiatives*/
#initiatives .page_title {line-height: 1.5; padding: 15px 10px;}
#initiatives .page_title span {padding-left: 0;}
#initiatives .box { box-sizing: border-box; border: 3px solid #000; background: #fff; padding: 40px; width: 1200px; margin: 40px auto 50px; font-size: 16px; line-height: 1.8;}
#initiatives .box h2 {font-size: 25px; margin-bottom: 40px; font-weight: bold;}
#initiatives .box p {margin-top: 20px;}



/*contactbnr*/

.contact_banner{padding: 50px 0; font-size:31px; line-height: 1; background: url("img/index/box04_bg.jpg")top left repeat; top: 0; left: 0; overflow: hidden;}
.contact_banner .conbox{position: relative; padding: 50px 50px; box-sizing: border-box; border: solid 2px #000; background: #fff;
    box-shadow: 10px 10px #ff8100;}
.contact_banner .conbox::before{content: ''; position: absolute; background: url("img/index/box04_bg01.png")top left no-repeat; width: 351px; height: 515px; top: 0px; bottom: 0;    margin: auto; left: -451px;}
.contact_banner .conbox::after {content: ''; position: absolute; background: url("img/index/box04_bg02.png")top right no-repeat; width: 351px; height: 515px; top: 0px; bottom: 0;    margin: auto; right: -451px;}
.contact_banner .conbox .title{position: relative; padding-bottom: 20px; box-sizing: border-box; border-bottom: solid 2px #000; margin-bottom: 20px;}
.contact_banner .conbox .title::after{content: ''; position: absolute; background: url("img/index/box04_icon01.png")top right no-repeat; width: 365px; height: 169px; top: -68px; right: -90px;}
.contact_banner .conbox .title h3{margin-left: 20px;}
.contact_banner .btn{position: relative; margin: auto; box-sizing: border-box; border: solid 5px #000; background: #000; padding: 15px; font-size: 25px; width: 50%; margin-bottom: 20px;}
.contact_banner .btn::after{content: ''; position: absolute; background: url("img/index/box04_arrow.png")bottom right no-repeat; width: 26px; height: 26px; bottom: 0; right: 0;}
.contact_banner h4{font-size: 25px; margin-bottom: 40px;}
.contact_banner .conbox .txt{font-size:18px; line-height: 1.5;}

.sub_page {margin-bottom: 50px;}
/*blog*/
#blog .item {box-sizing: border-box; border-bottom: 2px solid #000; padding: 20px 0; font-size: 22px; line-height: 1;}
#blog .tag {box-sizing: border-box; background: #000; width: 90px; height: 30px; font-size: 22px; line-height: 1; margin: 0 20px;}
#blog .tag02 {background: #ff8100;}
#blog_single .box01 {box-sizing: border-box; border: 2px solid #161616; background: #fff; font-size: 16px; line-height: 2; padding: 30px 40px; margin: 40px auto;}
#blog_single h2 {font-size: 20px; margin-bottom: 25px; line-height: 1.5;}

/*contact*/
#contact .box01 {box-sizing: border-box; border: 2px solid #0b0c0d; margin-top: 50px; padding-bottom: 50px;}
#contact .title_box {background: url("img/contact/title_bg.png")center right no-repeat; background-color: #0b0c0d; font-size: 18px; line-height: 1.4; position: relative; padding: 10px 0;}
#contact .title_box p span {color: #ff8100;}
#contact h2 {font-size: 40px; color: #ff8100; margin-right: 130px;}
#contact .title_box .icon {position: absolute; top: 0; bottom: 0; left: 30px; margin: auto;}
#contact table {width: 1000px; margin: 50px auto 20px; box-sizing: border-box;}
#contact table th,#contact table td {padding-bottom: 20px; box-sizing: border-box; font-size: 18px;}
#contact table th{font-weight: bold; vertical-align: middle; width: 220px; position: relative; padding-right: 10px;}
#contact table input,#contact table textarea {width: 100%; box-sizing: border-box; padding: 5px 10px; font-size: 18px; font-weight: bold; border: 2px solid #000; outline: none;}
#contact .message_box {vertical-align: top;}
#contact table textarea {font: inherit;}
.mwform-radio-field input,.mwform-checkbox-field input {width: auto!important; padding: inherit!important;}
.mwform-checkbox-field label {font-weight: bold!important;}
.mwform-radio-field-text {font-weight: bold;}
/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input:hover { opacity: 0.7;}
.mw_wp_form_input .btn input{
    font-size: 20px;
    width: 400px;
    padding: 20px 0;
    line-height: 1;
	color: #fff;
	background-color: #1b1b1b;
	box-sizing: border-box;
	border: none;
	font-weight: bold;
}
#contact .thanks {font-size: 16px;}




h1,h2,h3,h4,h5 {font-weight: bold;}