@charset "UTF-8";

main {
    width:100%;
    background-color: #d5d7de;
    padding-bottom:20px!important;
}


main .companyprofile_1 {
width: 1280px;
height: 1344px;
background-color: #ffffff;
background-position: center;
margin:0px auto -25px auto;
position: relative;
}

main .companyprofile_1 a .anchor{
    display: block;
    padding-top: 20px;
    margin-top: -20px;
}

.companyprofile_1 .title_back {
background-image: url(../image/pc/01_gaiyou_pc/01_gaiyou_01.png);
background-repeat: no-repeat;
background-position: center;
width: 1280px;
height: 1344px;
margin:0px auto 35px auto;
text-indent: 180%;
white-space: nowrap;
overflow: hidden;
display: block;
}



.companyprofile_1 .title_back h3 {
background-image: url(../image/pc/01_gaiyou_pc/01_gaiyou_001.png);
background-repeat: no-repeat;
background-position: center;
text-indent: 180%;
white-space: nowrap;
width: 993px;
height: 139px;
margin:430px auto 0px auto;
overflow: hidden;
}

.companyprofile_1 .title_back .title_01 {
background-image: url(../image/pc/01_gaiyou_pc/01_gaiyou_003.png);
background-repeat: no-repeat;
background-position: center;
text-indent: 180%;
white-space: nowrap;
width: 283px;
height: 86px;
margin:50px auto 0px auto;
overflow: hidden;
}

.companyprofile_1 .title_back .title_02 {
background-image: url(../image/pc/01_gaiyou_pc/01_gaiyou_pc_004.png);
background-repeat: no-repeat;
background-position: center;
text-indent: 180%;
white-space: nowrap;
width: 427px;
height: 48px;
margin:20px auto 0px auto;
overflow: hidden;
}

.companyprofile_1 .title_back a .anchor {
    display: block;
    padding-top: 20px;
    margin-top: -20px;
}

.companyprofile_1 .title_back .hr{
display: none;
}

.companyprofile_1 .title_back .salutation {
  display: block;
  margin:10px auto 0px auto;
  width:  780px;
  font-size : 20px;
  line-height : 37px;
  letter-spacing : -1px;
  text-align: center;
  white-space: normal;
}

.companyprofile_1 .title_back .salutation2 {
  display: block;
  margin:10px auto 0px auto;
  width:  900px;
  font-size : 20px;
  line-height : 37px;
  letter-spacing : -1px;
  text-align: center;
  white-space: normal;
}

.companyprofile_1 .title_back .nameplate {
width: 500px;
height: 70px;
display: block;
  margin:0px auto 0px auto;
}


.companyprofile_1 .title_back .nameplate .representative p {
  display: block;
  margin:0px auto 0px auto;
  font-size : 20px;
}


.companyprofile_1 .title_back .greeting_title {
display: none;
}

.companyprofile_1 .title_back .greeting_p {
display: none;
}

.companyprofile_1 .title_back .position {
display: none;
}



.companyprofile_2 {
margin-top: 100px;
padding-top: 10px;
width: 1280px;
height: 480px;
background-color: #ffffff;
background-position: center;
margin-left:  auto;
margin-right: auto;
padding-bottom: 115px;
display: block;
margin-bottom: 60px;
}

.companyprofile_2 a .anchor {
    display: block;
    padding-top: 20px;
    margin-top: -20px;
}

.companyprofile_2 .mainoffice {
display: none;
}

.companyprofile_2 .pc {
display: block;
}

.companyprofile_2 .sp {
display: none;
}

.companyprofile_2 h3 {
background-image: url(../image/pc/01_gaiyou_pc/01_gaiyou_02.png);
background-repeat: no-repeat;
background-position: center;
text-indent: 180%;
white-space: nowrap;
width: 190px;
height: 74px;
margin:30px auto 0px auto;
overflow: hidden;
}

.companyprofile_2 .aboutcompany {
	width:540px; /*写真ありの場合　width:1090px*/
	margin:40px auto;
}

.companyprofile_2 .aboutcompany ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.companyprofile_2 .aboutcompany li {
	display: table-cell;
	width:540px;
	padding-left:0px;
	line-height: 31px;
	vertical-align: middle;
	text-align: center;
	margin:0px 5px 5px 0px;
	background-color:#ffffff;
}

.companyprofile_2 .aboutcompany table {
border-top: dashed 1px #b9b3af;
margin: 0px auto;
border-collapse: collapse;
}


.companyprofile_2 .aboutcompany th {
background-color: #f2f2f3;
border-bottom: dashed 1px #b9b3af;
width: 20%;
height: 10px;
border-right: solid 1px #b9b3af;
text-align: center;
}

.companyprofile_2 .aboutcompany td {
border-bottom: dashed 1px #b9b3af;
width: 80%;
text-align: left;
padding-left: 15px;
height: 10px;
}







/* ============================================== スマートフォン ================================================ */

@media screen and (max-width:800px){

main .companyprofile_1 {
width: 100%;
height: auto;
}

main .companyprofile_1 .title_back {
background-image: url(../image/sp/01_gaiyou_s/01_gaiyou_s_01.png);
background-repeat: no-repeat;
	background-position: top center;
background-size: 100%;
width: 100%;
height: auto;
padding-top: 68%;
}

main .companyprofile_1 .title_back h3 {
display: none;
}

main .companyprofile_1 .title_back .greeting_title {
background-image: url(../image/sp/01_gaiyou_s/01_gaiyou_s_02.png);
background-repeat: no-repeat;
text-indent: 180%;
white-space: nowrap;
background-size: 90%;
width: 294px;
height: 0px;
padding-top: 18%;
margin: -140px auto -55px auto;
display: block !important;
}


main .companyprofile_1 .title_back .greeting_p {
width:  330px;
height: 140px;
font-size : 16px;
line-height : 25px;
margin: 30px auto 0px auto;
color : #000004;
display: block;
white-space: pre-wrap;
}

main .companyprofile_1 .title_back .title_01 {
background-image: url(../image/sp/01_gaiyou_s/01_gaiyou_s_03.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
text-indent: 180%;
white-space: nowrap;
width: 100%;
height: 0px;
padding-top: 16%;
margin:60px auto 0px auto;
}


main .companyprofile_1 .title_back .title_02 {
background-image: url(../image/sp/01_gaiyou_s/01_gaiyou_s_04.png);
background-repeat: no-repeat;
background-position:center;
background-size: 80%;
text-indent: 180%;
white-space: nowrap;
width: 100%;
height: 0px;
padding-top: 12%;
margin: 20px auto 0px auto;
}

main .companyprofile_1 .title_back .hr{
width: 87%;
margin: 0px auto;
 border:1px solid #1C68AD;
 display: block;
}

main .companyprofile_1 .title_back .salutation {
  width:  85%;
  margin-top: -12px;
  font-size : 17px;
  line-height : 29px;
  color : #000004;
  text-align: left;
  display: block;
  margin-bottom: 14px;
}

main .companyprofile_1 .title_back .salutation2 {
display: none;
}

main .companyprofile_1 .title_back .position {
  display: block;
  width:  100%;
  height: 150px;
margin: 20px auto 0px auto ;
  font-size : 17px;
  color : #000004;
  text-align: center;
  white-space: pre-wrap;
line-height: 13px;
}

.companyprofile_2 {
width: 100%;
height: auto;
}


.companyprofile_2 .mainoffice {
display: block;
background-image: url(../image/pc/01_gaiyou_pc/01_gaiyou_03.png);
background-repeat: no-repeat;
text-indent: 180%;
white-space: nowrap;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 70%;
overflow: hidden;
margin: -12px auto 0px auto;
}

.companyprofile_2 .pc {
display: none!important;
}

.companyprofile_2 h3 {
background-image: url(../image/pc/01_gaiyou_pc/01_gaiyou_02.png);
background-repeat: no-repeat;
background-size: 100%;
display: block;
text-indent: 180%;
white-space: nowrap;
width: 190px;
height: 74px;
overflow: hidden;
margin:20px auto 0px auto;
}

.companyprofile_2 .aboutcompany {
	width:82%;
	margin:20px auto;
}

.companyprofile_2 .aboutcompany ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.companyprofile_2 .aboutcompany li {
	display: table-cell;
	width: 100%;
	margin: 0px;
}




}