@charset "utf-8";
/* ------------------------------------------------------------ common */

#view div div 	{ height: 175px; padding: 50px 0 0 35px; }

#main { font-size: 18px; }
#main h3	{ text-align: center; padding: 45px 0; font-size: 30px; color: #000000; font-weight: bold; font-family: 'ヒラギノ角ゴ Pro w3'; letter-spacing: 1px;}
#main h3 span{font-weight: 100;}

#read { padding: 20px 0 70px; text-align: center; }
#read h3 { background: none; color: #675a43;}
#read p { line-height: 250%; font-size: 16px;  }

#philosophy div { background: url(../images/about/bg_01.jpg) no-repeat right bottom; padding: 0 0 150px; }
#philosophy h3 { margin: 0 auto 10px; color: #675a43;letter-spacing: 1px;}
#philosophy dl dt { font-size: 30px; }
#philosophy dl dd { padding: 0 0 40px; }

#norms { padding: 80px 0; }

#norms h3{color: #675a43; }
#norms p { line-height: 220%;color: #554646; }

#about_us { padding: 0 0 55px; }
#about_us table { width: 100%; margin: 0 auto; }
#about_us table tr { border: 2px solid #fff; }
#about_us table th { background: url(../images/about/bg_02.gif); border: 2px solid #fff; padding: 20px 30px; text-align: left; color: #675a43;}
#about_us table td { background: #f8f8f8; padding: 20px 30px;color: #675a43; line-height: 193%; }
#about_us table .address { border: none; }
#about_us table .address td { font-size: 16px; border: 1px solid #fff; }
#about_us table .address td span { font-size: 18px; }
#about_us ul li { background: #f8f8f8; margin: 0 0 35px; }
#about_us ul li div span { font-size: 22px; display: block; height: 35px; }
#about_us ul li div h4 { font-size: 28px; }
#about_us ul li div h4 small { font-size: 18px; padding: 0 0 0 30px; }
#about_us ul li div p { font-size: 16px; line-height: 150%; }
/*画像挿入時
#about_us ul li img { float: left; }
#about_us ul li div { float: right; width: 710px; padding: 20px 35px; }
*/
#about_us ul li img { display: none; }
#about_us h3{color: #675a43; letter-spacing: 1px;}
#about_us ul li div { padding: 20px 35px; }

.bnr { padding: 0 0 70px; }

#history h3{  color: #675a43; }
#history.inner { width: 1000px; margin: 0 auto; padding: 0 0 50px; }
#history .color { background: #f8f8f8; }
#history table { width: 100%; font-size: 16px; }
#history th { width: 220px; padding: 0 0 0 45px; line-height: 75px; text-align: left; color: #554646;}
#history td { text-align: left; color: #554646; }

#organize h3 span{color: #675a43;letter-spacing: -1px; padding: 0 60px;}
#organize.inner{ width: 1000px; margin: 0 auto; padding: 0 0 145px; }
#organize img{ width: 100%; height: auto; }


#survice{ padding: 85px 0 130px 0; }
#survice h3 span{padding: 0 40px; }
#survice img{ display: block; width: 663px; height: auto; margin: 0 auto; }
#survice .w_box{ width: 100%; padding: 60px 80px; box-sizing: border-box; background: #fff; }
#survice .w_box p{ padding: 70px 0 0; font-size: 18px; line-height: 200%; text-align: center; color: #000000;}


#csr{ padding: 130px 0 110px; }
#csr h3 {letter-spacing: -1px;}
#csr h3 span{padding: 0 33px; }
#csr .ttl{ font-size: 32px; line-height: 180%; text-align: center; color: #000000; padding: 0 0 85px;}
#csr .ttl span{ background: linear-gradient(transparent 90%, #ffe42f 10%); padding: 0 5px 5px; }
#csr .flex{ display: flex; align-items: center; }
#csr .flex div{ width: 445px; padding: 0 0 0 55px; }
#csr .flex h4{ font-size: 30px; padding: 0 0 25px;color: #000000; }
#csr .flex p{ font-size: 16px; line-height: 180%; color: #000000;}


#way{ padding: 95px 0 130px 0; }
#way h3 span{padding: 0 89px; }
#way li{ float: left; width: 310px; padding: 0 35px 0 0; }
#way li:last-of-type{ padding: 0; }
#way h4{ font-size: 17px; padding: 22px 0 21px; font-weight: 600; color: #000000;}
#way p{ font-size: 14px; line-height: 180%; color: #000000;}


#sdgs{ padding: 45px 0 160px; }
#sdgs h3 span{padding: 0 32px; letter-spacing: -1px;}
#sdgs article{ display: flex; justify-content: space-between; padding: 0 0 65px; }
#sdgs article:last-of-type{ padding: 0; }
#sdgs article .item{ width: 500px; }
#sdgs article div{ width: 450px; }
#sdgs article h4{ margin: -10px 0 0 0; font-size: 30px; color: #000000;}
#sdgs article p{ padding: 5px 0 20px; font-size: 14px; line-height: 200%; color: #000000; }
#sdgs article li{ float: left; width: 60px; padding: 0 5px 0 0; }
#sdgs article li:last-of-type{ padding: 0; }

#sdgs .btn {width: 377px; height: auto; margin: 0 auto; padding: 72px 0 0;}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
#main 			{ font-size: 14px; }
#main h3		{ font-size: 20px; letter-spacing: 0; }
#main .container { width: 90%; margin: 0px auto; }

#read p { line-height: 220%; font-size: 15px; text-align: left; }

#philosophy div 	{ background: none; padding: 0 0 30px; }
#philosophy h3		{ margin: 0; }
#philosophy dl dt 	{ font-size: 18px; font-weight: bold; }
#philosophy dl dd 	{ padding: 5px 0 30px; }

#norms 			{ padding: 0 0 30px; }
#norms p 		{ line-height: 200%; font-size: 15px; }

#about_us table th,
#about_us table td { display: block; padding: 10px 15px; }
#about_us table .address td { font-size: 14px; }
#about_us table .address td span { font-size: 16px; }

#about_us{ padding: 0 0 50px; }
#about_us ul li 			{ background: #f8f8f8; margin: 0 0 35px; }
#about_us ul li img 		{ float: none; width: 100%; height: auto; }
#about_us ul li div 		{ float: none; width: auto; padding: 10px 15px 20px; }
#about_us ul li div span 	{ font-size: 16px; display: block; height: 35px; }
#about_us ul li div h4 		{ font-size: 22px; line-height: 130%; padding: 0 0 10px; font-weight: bold; }
#about_us ul li div h4 small { font-size: 16px; padding: 0 0 0 15px; line-height: 130%; }
#about_us ul li div p 		{ font-size: 14px; line-height: 150%; }

#history.inner { width: 94%; padding: 0 0 50px; }
#history .color { background: none; }
#history table { width: 100%; font-size: 16px; }
#history th { width: 94%; display: block; padding: 20px 3%; line-height: 170%; text-align: left; background: #f8f8f8; }
#history td { text-align: left; width: 94%; display: block; padding: 20px 3%; }


#organize.inner{ width: 94%; padding: 0 0 50px; }
#organize .scroll{ overflow-x: scroll; }
#organize .scroll img{ width: 800px; height: auto; }


#survice{ padding: 0 0 50px; }
#survice .w_box{ padding: 30px 5%; }
#survice img{ width: 100%; }
#survice .w_box p{ padding: 40px 0 0; font-size: 15px; text-align: left; }


#csr{ padding: 50px 0; }

#csr h3 {letter-spacing: -1px;padding: 45px 0;}
#csr .ttl{ font-size: 23px; padding: 0px;}
#csr .flex{ flex-direction: column; }
#csr .flex img{ width: 100%; height: auto; }
#csr .flex div{ width: 100%; padding: 0; }
#csr .flex h4{ font-size: 20px; padding: 25px 0 15px; }
#csr .flex p{ font-size: 15px; }


#way{ padding: 0 0 50px 0; }
#way h3 span { padding: 0 15px;}
#way li{ float: none; width: 100%; padding: 0 0 40px; }
#way h4{ padding: 20px 0 10px; }


#sdgs{ padding: 0 0 50px; }
#sdgs article{ padding: 0 0 45px; flex-direction: column; }
#sdgs article .item{ width: 100%; height: auto; }
#sdgs article div{ width: 100%; padding: 25px 0 0; }
#sdgs article h4{ margin: 0; font-size: 25px; }

#sdgs .btn {width: 100%; height: auto; margin: 0 auto; padding: 36px 0 0;}
#sdgs .btn img{width: 100%; height: auto;}
}