@charset "utf-8";
/* CSS Document */
#main-column h2{
	color:#34c4c9;
	font-size:18px;
	line-height:2em;
	border-top:2px solid #646464;
	border-bottom:1px solid #b1b1b1;
	clear:both;
	margin:0px 0px 15px 0px;
	text-indent:10px;
}
.main-contents{
	color:#646464;
	margin:0px 0px 20px;
}
.main-contents:after{
	content:" ";
	display:block;
	clear:both;
}
#left-column .menu{
	margin-bottom:0px;
}
.main-contents h3{
	color:#34c4c9;
	font-size:18px;
	line-height:2em;
	border-top:2px solid #646464;
	border-bottom:1px solid #b1b1b1;
	clear:both;
	margin:0px 0px 16px 0px;
	text-indent:10px;
}

div.ss1 {
	display:flex;
	background-color:#13C4CE;
	width:100%;
	height:200px;
	margin-bottom:-1px;
}

.editbox_t1{
	display:flex;
	margin:0px 0px 0px 0px;
	float:left;
	width:327px;
/*
	padding-top:50px;
*/
	}

.editbox_t1 p{
	color:#fff;
	font-size:15px;
	line-height:1.8em;
	margin:0 auto;
	padding-top:50px;
}

.editbox_t1 strong{
	font-size:25px;
	line-height:1.5em;
	color:#FFF;
	margin:0px 0px 10px;
}

.photobox_t1{
	display:block;
	margin:0px 0px 0px 0px;
	float:right;
	width:300px;
}
.photobox_t1 img{
	width:auto;
	height:150px;
	display:block;
	margin:25px 0px 25px 10px;
}

div.t1_1 {
	display:flex;
	background-color:#34c4c9;
	width:100%;
	padding-bottom:10px;
}
div.t1_0 {
	display:flex;
	width:100%;
}
.t1_0 img{
	width:30%;
	padding-left:2.5%;
}

div.int1_1 {
	float:right;
	position:relative;
	background-color: #009FAE;
	top:-185px;
	right:-15px;
	padding:10px;
	border:#FFF solid 2px;
	border-radius:5px;

	line-height:12px;
	font-size:10px;
	color:#FFF;
	text-decoration: none;
}


div.ss2{
	display:flex;
	width:100%;
	margin-top:-14px;
	margin-bottom:10px;
}

.ss2 img{
	width:70%;
	margin:0 auto;
}

div.ss3 {
	display:flex;
	width:100%;
	margin-bottom:25px;
}

.ss3 img {
	width:47.5%;
	margin-right:5%;
	margin-top:10px;
}

div.ss4 {
	width:100%;
	background-color: #009FAE;
}

div.ss5{
	display:flex;
	width:100%;
	height:600px;
	background-image: url("../image/pfc/back2.png");
    background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
    background-position:top center;                     /* 画像の表示位置を指定  */
    background-size:contain;                               /* 画像のサイズを指定    */
    width:100%;                                            /* 横幅のサイズを指定    */
    height: 150px;
	padding-top:80px;
	padding-bottom:20px;
}

.ss5 div{
	width:50%;
	display:flex;
	width:100%;
}

.ss5 p {
	margin:0 auto;
	font-size:20px;
	color:#fff;
}


.ss5 img{
	margin:0 auto;
	width:auto;
	height:60%;
}

div.ss6{
	padding-left:10px;
	padding-right:10px;
	margin-bottom:30px;
}


div.ss6_1{
	display:flex;
	width:100%;
	margin-top:25px;
	background-color: #13C4CE;
}

.ss6_1 img{
	margin:0 auto;
	width:50%;
}

div.ss6_2{
	width:100%;
	background-color: #13C4CE;
	padding-bottom:20px;
	margin-bottom:25px;
}


div.ss7_1{
	margin:0 auto;
	width:90%;
	display:flex;
	background-color: #DFDFDF;
}
.ss7_1 img{
	width:45%;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-top:2%;
}

div.ss7_2{
	margin:0 auto;
	width:90%;
	display:flex;
	background-color: #DFDFDF;
}
.ss7_2 img{
	width:45%;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-top:2%;
}

div.ss7_3{
	margin:0 auto;
	width:90%;
	display:flex;
	background-color: #DFDFDF;
}
.ss7_3 img{
	width:45%;
	margin-left:2.5%;
	margin-right:2.5%;
	margin-top:2%;
	margin-bottom:2%;
}

div.ss7_4{
	display:flex;
	width:100%;
	margin-bottom:20px;
}

.ss7_4 img {
	width:60px;
	margin: 0 auto;
}

div.ss7_5{
	display:flex;
	width:100%;
	margin-bottom:20px;
}

.ss7_5 img {
	width:80%;
	margin: 0 auto;
}

div.ss7_6{
	display:flex;
	width:100%;
	margin-bottom:20px;
}

.ss7_6 p {
	font-size:11px;
	margin: 0 auto;
}

div.ss8 {
	display:flex;
	width:95%;
	padding:3%;
	background-color: #009FAE;
}
div.ss8_1{
	width:50%;
}
.ss8_1 img {
	width:90%;
}
.ss8_1 p{
	color:#fff;
}
.ss8_1 strong{
	font-size:25px;
}

div.ss8_2{
	width:50%;
}
.ss8_2 img {
	width:100%;
}
.ss8_2 strong{
	color:#FFF;
}
.ss8_2 p{
	color:#FFF;
	font-size:11px;
}

div.ss9 {
	display:flex;
	width:95%;
	padding:3%;
	background-color: #009FAE;
	margin-top:-1px;
}
div.ss9_0{
	display:flex;
	background-color: #FFF;
	border-radius:10px;
	padding:10px;
}
div.ss9_1{
	display:flex;
	width:50%;
}
.ss9_1 p{
	width:95%;
}
.ss9_1 strong{
	font-size:18px;
	color:#009FAE;
}


div.ss9_2{
	display:flex;
	width:50%;
}
.ss9_2 img{
	width:90%;
	margin-right: 0;
	margin-left:auto;
}

div.ss10 {
	display:flex;
	width:95%;
	padding:3%;
	background-color: #009FAE;
	margin-top:-1px;
}
div.ss10_0{
	display:flex;
	background-color: #FFF;
	border-radius:10px;
	padding:10px;
}
div.ss10_1{
	display:block;
	width:50%;
}
.ss10_1 p{
	font-size:12px;
	width:95%;
}
.ss10_1 strong{
	font-size:18px;
	color:#009FAE;
}
.ss10_1 img{
	width:100%;
}

div.ss10_2{
	display:block;
	width:50%;
	padding-left:45px;
}
.ss10_2 p{
	font-size:12px;
	width:95%;
}
.ss10_2 img{
	width:95%;
	margin-right: 0;
	margin-left:auto;
	margin-top:20px;
}

div.ss11 {
	display:flex;
	width:95%;
	padding:3%;
	background-color: #009FAE;
	margin-top:-1px;
}
div.ss11_0{
	display:flex;
	background-color: #FFF;
	border-radius:10px;
	padding:10px;
}
div.ss11_1{
	display:block;
	width:50%;
}
.ss11_1 p{
	font-size:12px;
	width:100%;
}
.ss11_1 strong{
	font-size:18px;
	color:#009FAE;
}
.ss11_1 img{
	width:100%;
}

div.ss11_2{
	display:block;
	width:50%;
	padding-left:35px;
}
.ss11_2 p{
	font-size:12px;
	width:100%;
}
.ss11_2 img{
	width:100%;
	margin-right: 0;
	margin-left:auto;
	margin-top:10px;
}

div.ss12 {
	display:block;
	width:95%;
	padding:3%;
	background-color: #009FAE;
	margin-top:-1px;
}

div.ss12_0{
	display:block;
	background-color: #FFF;
	border-radius:10px;
	padding:10px;
}
.ss12_0 strong{
	font-size:20px;
	color:#009FAE;
}
.ss12_0 p{
	font-size:14px;
	margin-bottom:10px;
}
.ss12_0 img {
	width:100%;
}

div.ss13 {
	display:block;
	width:95%;
	padding:3%;
	background-color: #009FAE;
	margin-top:-1px;
}

div.ss13_0{
	display:block;
	background-color: #FFF;
	border-radius:10px;
	padding:10px;
}
div.ss13_c {
	display:flex;
	flex-direction: column; /* 縦に並べる */
    align-items: center; /* 中央寄せ */
}
.ss13_0 strong{
	display:block;
	font-size:20px;
	color:#009FAE;
}
.ss13_0 p{
	display:block;
	font-size:14px;
	padding-top:7px;
	margin-bottom:10px;
	padding-left:1.0em;
}
.ss13_0 span {
	display:block;
	color:#009FAE;
	font-weight:bold;
	font-size:18px;
}




.addbox{
	display:block;
	margin:14px 0px 0px 0px;
	padding:15px;
	background-color:#f1f0ec;
}
.addbox:after{
	content:" ";
	display:block;
	clear:both;
}
.addbox h4{
	color:#16aab0;
	font-size:16px;
	padding: 0px 0px 7px 0px;
	border-bottom:1px solid #464646;
	width:310px;
}
.addbox p{
	color:#464646;
	font-size:12px;
	margin: 10px 0px 0px 0px;
	width:310px;
	overflow:hidden;
}
@media screen and (max-width: 899px) {
	.main-contents{
		font-size:0px;
	}
	.photobox, .editbox{
		width:47%;
	}
	.photobox img{
		width:100%;
	}
	.addbox img{
		width:47%;
		padding-left:3%;
		height:auto;
		background-color:#f1f0ec;
	}
	.addbox h4, .addbox p{
		width:50%;
	}
}
@media screen and (max-width: 768px) {

	div.ss1 {
		display:inline-block;
		background-color:#13C4CE;
		width:100%;
		height:100%;
	}

	.editbox_t1{
		display:flex;
		margin:0px 0px 14px 0px;
		/*
		float:left;
		*/
		width:100%;
	/*
		padding-top:50px;
	*/
	}

	.editbox_t1 p{
		font-size:15px;
		line-height:1.8em;
		margin:0 auto;
		/*
		padding:0 auto;
		*/
		padding-top:50px;
	}

	.editbox_t1 strong{
		font-size:25px;
		line-height:1.5em;
		color:#FFF;
		margin:0px 0px 10px;
	}

	.photobox_t1{
		display:block;
		margin:0 auto;
		float:right;
		width:100%;
		padding-bottom:30px;
	}
	.photobox_t1 img{
		width:auto;
		height:150px;
		display:block;
		margin:0 auto;
	}

	div.int1_1 {
		float:left;
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		top:20px;
		left:10%;
		width:75%;
		height:75px;
		padding:10px;
		border:#FFF solid 2px;
		border-radius:5px;
	}
	.int1_1 p{
		display:block;
		line-height:24px;
		font-size:18px;
		color:#FFF;
		text-decoration: none;
	}
	

	div.ss2 {
		margin-top:5px;
	}

	div.ss3{
		display:block;
	}


	.ss3 img {
		width:100%;
		margin-right:0;
		margin-top:5px;
	}

	.ss5 p {
		margin:0 auto;
		font-size:16px;
		color:#fff;
	}


	div.ss7_1{
		margin:0 auto;
		width:90%;
		display:block;
		background-color: #DFDFDF;
	}
	.ss7_1 img{
		width:95%;
		margin-left:2.5%;
		margin-right:2.5%;
		margin-top:1%;
		margin-bottom:1%;
	}
	div.ss7_2{
		margin:0 auto;
		width:90%;
		display:block;
		background-color: #DFDFDF;
	}
	.ss7_2 img{
		width:95%;
		margin-left:2.5%;
		margin-right:2.5%;
		margin-top:1%;
		margin-bottom:1%;
	}
	div.ss7_3{
		margin:0 auto;
		width:90%;
		display:block;
		background-color: #DFDFDF;
	}
	.ss7_3 img{
		width:95%;
		margin-left:2.5%;
		margin-right:2.5%;
		margin-top:1%;
		margin-bottom:1%;
	}
	div.ss8 {
		display:block;
		width:92%;
		padding:3% 6% 3% 3%;
		background-color: #009FAE;
		margin-top:-1px;
	}
	
	div.ss8_1{
		width:100%;
	}
	.ss8_1 img {
		width:99%;
		margin:0 auto 15px auto;
	}

	div.ss8_2{
		width:100%;
	}
	.ss8_2 img {
		width:100%;
		margin:10px auto 0 auto;
	}
	
	div.ss9 {
		display:block;
		width:95%;
		padding:3%;
		background-color: #009FAE;
		margin-top:-1px;
	}
	div.ss9_0{
		display:block;
	}
	div.ss9_1{
		display:block;
		width:100%;
		margin-bottom:10px;
	}
	.ss9_1 p {
		font-size:14px;
		width:100%;
	}

	div.ss9_2{
		width:100%;
		padding-bottom:20px;
	}
	.ss9_2 img{
		margin:0 auto;
	}

	div.ss10 {
		display:block;
		width:95%;
		padding:3%;
		background-color: #009FAE;
		margin-top:-1px;
	}
	div.ss10_0{
		display:block;
		background-color: #FFF;
		border-radius:10px;
		padding:10px;
	}
	div.ss10_1{
		display:block;
		width:100%;
	}
	.ss10_1 p{
		font-size:12px;
		width:100%;
	}
	.ss10_1 strong{
		font-size:18px;
		color:#009FAE;
	}
	.ss10_1 img{
		width:100%;
	}
	
	div.ss10_2{
		display:block;
		width:100%;
		padding-left:0;
	}
	.ss10_2 p{
		font-size:12px;
		width:100%;
	}
	.ss10_2 img{
		width:100%;
		margin-right: 0;
		margin-left:auto;
		margin-top:10px;
	}

	div.ss11 {
		width:95%;
		display:block;
		margin-top:-1px;
	}
	div.ss11_0{
		display:block;
	}
	div.ss11_1{
		display:block;
		width:100%;
	}
	.ss11_1 p{
		font-size:12px;
		width:100%;
	}
	.ss11_1 strong{
		font-size:18px;
		color:#009FAE;
	}
	.ss11_1 img{
		width:100%;
	}
	
	div.ss11_2{
		display:block;
		width: 100%;
		padding-left:0;
	}
	.ss11_2 p{
		font-size:12px;
		width:100%;
	}
	.ss11_2 img{
		width:100%;
		margin-right: 0;
		margin-left:auto;
		margin-top:10px;
	}
	
	div.ss12{
		width:95%;
		margin-top:-1px;
	}

	div.ss13{
		width:95%;
		margin-top:-1px;
	}

	div.t1_1 {
		display:block;
		margin-bottom:15px;
	}
	div.t1_0 {
		display:block;
		width:100%;
		padding-bottom:15px;
	}
	.t1_0 img{
		margin-left:5%;
		margin-top:5px;
		width:90%;
		padding-left:0;
	}


}

@media screen and (max-width: 480px) {
	.photobox, .editbox{
		width:100%;
	}
	
	.addbox{
		width:94%;
		padding:3%;
	}
	
	.addbox img{
		width:100%;
		padding:0px 0px 10px;;
		float:none;
	}
	.addbox h4, .addbox p{
		width:100%;
	}
}
@media screen and (max-width: 320px) {
}