@charset "utf-8";

h1.secondh1_pp{
background-image: url("/company/images/bg.jpg");
background-repeat: no-repeat;
background-position: center bottom;

font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.1em;
    text-shadow: 2px 2px 2px #fff,
    -2px 2px 2px #fff,
    2px -2px 2px #fff,
    -2px -2px 2px #fff;
    text-align: center;
}

.basic .intablein th {
    background-color: #f2f5f8;
    padding: 2px 10px 2px 0;
    border-bottom: none;
    border-right: none;
}
.basic .intablein td {
    background-color: #f2f5f8;
    padding: 2px 10px;
    border-bottom: none;
    border-right: none;
}

/* index_contents
============================================================================================================ */
.maincopy {
	font-size: 2.0rem;
	text-align: center;
	margin: 10px 0 20px 0;
	letter-spacing: 0.05em !important;
}
.basic {
width: 100%;
}
.basic th{
width: 25%;
}

.box_left{
float: left;
}

.box_right{
float: right;
}

.office_box .office_box_area{
width: 450px;
margin-bottom: 30px;
}

.office_box .office_box_area h5{
font-size: 120%;
}









.logo_box{margin-bottom: 20px;}
.logo_box img{margin:0 5px 0 0;}
.logo_box .logo_last{margin-right: 0px !important;}








.w .moviebox{}
.w .movie{float: left;width: 590px;}
.w .moviebox .textbox{float: right;width: 350px;}
.w .moviebox .textbox table{width: 100%;}
.w .moviebox .textbox table{margin-top: 70px;}

			@media screen and (max-width: 768px) {
				.w .movie,
				.w .moviebox .textbox{float: none;width: 100%;}
				.w .moviebox .textbox table{margin-top: 20px;}

			
			
					.maincopy {
					font-size: 1.8rem;
					text-align: left;
					margin: 0px 10px 20px 10px;
					line-height: 1.5;
					letter-spacing: 0.1em;
				}
				#concept p{
				margin: 0px 10px 20px 10px;
				}
				
				.office_box .office_box_area{
				width: 96%;
				margin-left: 2%;
				margin-right: 2%;
				}
				.office_box .office_box_area.box_left,
				.office_box .office_box_area.box_right{
				float: none;
				text-align: center;
				}
				
				.office_box .office_box_area.box_left p,
				.office_box .office_box_area.box_right p{
				text-align: left;
				}				
				
				
				.logo_box{margin-bottom: 20px;padding: 0 1% 0 2%;}
				.logo_box img{width: 47%;margin:5px 1% 5px 1%;}
				.logo_box .logo_last{margin-right: 0px !important;}
				
			.basic .intablein th {
    		width: 8em;
    		}

			}