@charset "UTF-8";
 *{ box-sizing: border-box;}

.profile{
	justify-content: center;
}

.preview{
	justify-content: center;
	background-color: #E6E4E0;
	padding:1rem 0rem;
}

#C01,#C02,#C03,#C04,#C05,#C06,#C07,#C08,#C09,#C10,#C11,#C12 {
	padding-top: 100px;
	margin-top: -100px;
}

.C-navi {
	display:flex;
	justify-content:center;
	padding-bottom: 1rem;
}

.C-navi ul {
	display: flex;
	justify-content: center;
}

.C-navi li {
	width:155px;
	background-color: #2c4667;
	color:#fff;
	padding: 0.5rem;
	margin:.2rem;
}

.top_message {
	padding: 2rem 0;
	border-bottom: 1px solid #fff;
	background-color: #E6E4E0;
}

.tm_area1 {
	max-width: 1000px;
	margin: 1rem auto;
	display: flex;
	justify-content: center;
	background: url("images/kabe-1.jpg");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
}

.tm_area2 {
	width:50%;
	padding:1rem 1rem 0;
}

.tm_area2 img { 
	max-width: 200px;
	align-items: flex-end;
}

.tm_area2 h3 {
	padding: 3rem 0 1rem;
	color: #2c4667;
	font-size: 1.8rem;
}

.tm_area2 p {
	font-size: 1.5rem;
	font-weight: bold;
}

.tm_area3 {
	max-width: 1000px;
	padding: 1.5rem;
	margin: 0 auto;
	text-align: left;
}

.profile span,.privacy span {
	display: inline-block;
	font-weight:bold;
}

.CParea2 span {font-weight:normal;}

.company_prof{
	padding: 1rem;
	margin:1rem auto;
	background: url("images/mission.jpg");
	background-repeat: repeat;
	background-position: center right;
	background-size: cover;
	width: 100%;
}

.company_prof h3, .privacy h3 {
	padding: 2rem 0 .5rem;
	margin: 0 auto;
	color: #2c4667;
	font-size: 1.8rem;
}

.CParea1 {
	max-width: 1000px;
	background-color: #fff;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	align-items: center;
	min-width: 0;
	padding: 1rem;
	border:  1px solid #717171;
	margin: 0 auto 1rem;
}

.CParea2  + .CParea3 {
	border-left: 3px solid #E6E4E0;
	border-bottom: 1px solid #E6E4E0;
} 

.CParea2 {
	grid-column: 1 / 2;
	text-align: center;
	margin-top:1rem;
	padding: .5rem;
	justify-items: center;
}

.CParea3 {
	grid-column: 2 / 4;
	text-align: left;
	margin-top:1rem;
	padding: .5rem .5rem .5rem 1rem;
}

.CParea4 {
	max-width: 1000px;
	border: 6px solid #2c4667;
	padding: 1rem;
	margin:0 auto;
}

.CP4-policy{
	text-align: left;
	padding: 1rem;
}

.CP4-sign {
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight:bold;
	font-size:1.1rem;
	padding: 1rem;
	text-align: right;
}

.CParea5 {
	grid-column: 1 / 2;
	text-align: right;
	padding:0 1rem 1rem 0;
}

.CParea6 {
	grid-column: 2 / 4;
	text-align: left;
	padding:0 0 1rem 1rem;
}

.CParea7 {
	grid-column: 1 / 4;
	border-bottom: 4px dotted #E6E4E0;
}

.CParea8 {
	grid-column: 2 / 4;
	text-align: left;
	padding:1rem 0 1rem 1rem;
	border-bottom: 2px dotted #E6E4E0;
}

	
.privacy{
	justify-content: center;
	background-color: #E6E4E0;
	padding: 1rem;
	margin:1rem auto;
}

.CParea9 {
	grid-column: 1 / 4;
	text-align: left;
	padding: .5rem;
}

.CParea9 th,.CParea9 td {
    border: solid 1px;            /* 枠線指定 */
	padding:.3rem
}

.CParea9 table {
	margin:.5rem 1.5rem 1rem;
    border-collapse:  collapse;     /* セルの線を重ねる */
}

.CP9-1{ width:30%;}

.CParea10{
	grid-column: 1 / 4;
	text-align: right;
	padding: .5rem;
}

.CParea11 {
	grid-column: 1 / 4;
	text-align: left;
	margin: 1.5rem;
	padding:1rem;
	border: 5px solid  #E6E4E0;
}

.CParea12{
	grid-column: 1 / 4;
	text-align: center;	
}

.CParea13{
	grid-column: 1 / 3;
	text-align: left;
	padding: .5rem 0 .5rem .5rem;
}

.CParea14{
	grid-column: 3 / 4;
	padding: .5rem .5rem 0.5rem 0rem;
}

.CParea15 {
	grid-column: 1 / 4;
	padding: .1rem;
}

.CParea15 span{
	color:#2c4667;
}

.CParea15 p{
	padding-left: 1.5rem;
}

.CParea15 div{
	padding: 0rem 0rem 1.5rem 2rem;
}

hr{border: solid 2px #E6E4E0;}




 /* タブレット対応　横幅541pxまでの表示 */
@media screen and (max-width: 541px) {
	.tm_area2 h3 {padding: 0;}
	.tm_area2 img{width: 100%;}
}

 /* スマホ対応　横幅435pxまでの表示 */
@media screen and (max-width: 435px) {
	.tm_area2 h3 {font-size:1.3rem;}
	.tm_area2 p {
		font-size: 1.2rem;
		font-weight: bold;
		padding: 0;}
	.CParea3 {margin-top:1rem;
		padding: .3rem .3rem .3rem;}
	.CParea5 {padding:0 0rem 1rem 0;}
	.CParea8 {padding:.5rem 0 1rem 1rem;}
	.CParea9 {padding:0rem;}
	.CParea9 table {margin:0rem;}
	.CParea10 {padding:.8rem 0rem;}
	.CParea11 {	margin: 0 0 .5rem 0;
		padding:.2rem;}
	.CParea12 {font-size: 0.9rem;}
	.CParea13 {padding:0rem;}
	.CParea15 {padding:.5rem 0rem;}
	.CParea15 p{padding-left: .5rem;}
	.CParea15 div{padding: 0 0 0 .5rem;}
}