/* font-family: 'Noto Sans JP'; */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,900&display=swap&subset=japanese');

/* common */
* {
	font-family: 'Noto Sans JP', sans-serif;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 1px;
}

a:hover {
	color: #1f497d !important;
}

button:hover {
	opacity: 0.6;
}

/* color */
.tem_color_rd {
	color: #1f497d;
}

.tem_color_pk {
	color: #eb6877;
}

.tem_color_gr {
	color: #89bd1a;
}

.tem_color_bl {
	color: #00a8ff;
}

.tem_color_nv {
	color: #001b54;
}

.tem_color_mt {
	color: #46b4a9;
}

.tem_color_br {
	color: #7e6b5a;
}

.tem_color_bk {
	color: #313131;
}

/* box */
.box {
	font-size: 15px;
	line-height: 1.5;
	text-align: justify;
	font-weight: 200;
	color: #222;
}

.box1 {
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	padding: 8px;
	margin-bottom: 20px;
	color: #333;
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #1f497d;
}

.box2 {
	font-size: 18px;
	line-height: 1.3;
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
	color: #fff;
	background: #1f497d;
}

.box3 {
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	padding: 5px 13px;
	margin-bottom: 20px;
	color: #222;
	border-left: 5px solid #1f497d;
}

.box4 {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 300;
	padding: 15px;
	margin-bottom: 20px;
	background: #f3f3f3;
	color: #555;
}

.box5 {
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	padding: 12px 15px;
	margin-bottom: 20px;
	background: #ececec;
	border-left: 8px solid #1f497d;
	color: #111;
}

/* sub_table */
.s_table01, .s_table02, .s_table03, .s_table04, .s_table05 {
	width: 100%;
	overflow: hidden;
}

.s_table01 th, .s_table01 td {
	border-width: 1px 0;
	border-style: solid;
	border-color: #d0d4d9;
}

.s_table01 th {
	font-size: 16px;
	font-weight: 500;
	padding: 8px 12px;
	background: #f5f7f9;
}

.s_table01 td {
	font-size: 14px;
	font-weight: 300;
	vertical-align: middle;
	padding: 8px 10px;
	background: #fff;
}

.s_table02 th {
	font-size: 16px;
	text-align: center;
	padding: 8px 10px;
	color: #fff;
	border: 3px solid #fff;
	background: #1f497d;
}

.s_table02 td {
	font-size: 16px;
	text-align: center;
	padding: 8px 10px;
	border: 1px solid #e8e8e8;
	color: #1f497d;
}

.s_table03 th {
	font-size: 16px;
	font-weight: 500;
	padding: 8px 5px;
	border-bottom: 1px dotted #ccc;
	color: #1f497d;
}

.s_table03 td {
	font-size: 14px;
	font-weight: 300;
	padding: 8px 10px;
	border-bottom: 1px dotted #ccc;
	color: #555;
}

.s_table04 {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

.s_table04 th {
	font-size: 15px;
	border-bottom: 1px dashed #ccc;
	padding: 8px 10px;
}

.s_table04 td {
	font-size: 15px;
	text-align: right;
	padding: 8px 10px;
	border-bottom: 1px dashed #ccc;
	color: #ee3524;
}

.s_table05 {
	border-bottom: solid 1px #e4e4e4;
}

.s_table05 th {
	font-size: 15px;
	padding: 8px 12px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #e4e4e4;
	background: #f8f8f8;
}

.s_table05 td {
	font-size: 14px;
	font-weight: 300;
	padding: 8px 12px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #e4e4e4;
}

/* button */
.btn01 {
	width: 100%;
	max-width: 250px;
	padding: 10px 0;
	border-radius: 5px;
	border: 1px solid #f79646;
	background: #f79646;
	color: #fff;
}

.btn01 img {
	vertical-align: text-bottom;
}

.btn01 .tt {
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	padding: 0 0 0 10px;
}

.btn01:hover {
	border: 1px solid #f78746;
	background: #f78746;
	opacity: 1;
	transition: all .25s ease-out;
}

.btn01-w {
	border: 1px solid #fff;
	background: none;
	color: #fff;
}

/* m_titbox */
.m_titbox {
	width: 100%;
}

.m_titbox-type {
	margin: 0 auto;
	text-align: center;
	font-size: 30px;
	overflow: hidden;
}

.m_titbox-type_w {
	margin: 0 auto;
	text-align: center;
	font-size: 30px;
	overflow: hidden;
	color: #fff;
}

.m_titbox-type span {
	border-bottom: 2px solid #1f497d;
}

.m_titbox-type_w span {
	border-bottom: 2px solid #fff;
}

/*Board*/
.Board .m_titbox {
	width: 100%;
	margin: 40px auto;
}

.Board .m_titbox-type span {
	border-bottom: 2px solid #999;
}

/*Board mod_article01*/
.mod_article01 .time {
	color: #fff;
	background: #1f497d;
}

/*Board mod_article02*/
.mod_article02 .time {
	color: #fff;
	background: #1f497d;
}

/*Board mod_article03*/
.mod_article03 .time {
	color: #fff;
	background: #1f497d;
}

/* sub_top */
.top-menu {
	border-top: 0;
	background: none;
	padding: 15px 0;
	text-align: center;
	position: relative;
}

.top-menu-background {
	width: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}

.top-menu-background .areaimg {
	width: 100%;
	float: left;
	margin: 0;
}

.top-menu-background .view {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 94px;
}

.top-menu-background .view .thumbnail1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height: 100%;
	padding: 0;
	border: 0;
}


/* PC [ 769px ~ ] */
@media all and (min-width: 769px),(max-width: 1200px) {

	/* header for nav */
	.P-nav-logo {
		padding: 20px 20px;
		font-size: 30px;
		line-height: 46px;
		z-index: 999;
		color: #777;
	}

	.P-nav-logo img {
		width: 200px;
	}

	/* Nav links */
	.P-nav-item {
		position: relative;
		display: inline-block;
		padding: 22px 20px;
		font-weight: 400;
		color: #555;
	}

	.P-nav-item:hover, .P-nav-item:focus {
		color: #000;
		text-decoration: none;
	}

	/* main _ slide */
	.main-slide-text {
		position: relative;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		text-align: center;
		z-index: 1;
	}

	.main-slide-text .visual-text {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 22%;
		transform: translateX(-50%);
		padding-top: 150px;
	}

	.main-slide-text .visual-text .tit_03 {
		font-size: 40px;
		line-height: 1.2;
		font-weight: 700;
		text-align: left;
		text-shadow: 0 0 5px #444;
		padding: 0 0 10px;
		color: #fff;
	}

	.main-slide-text .visual-text .tit_05 {
		font-size: 20px;
		font-weight: 300;
		text-align: left;
		text-shadow: 0 0 5px #444;
		padding: 0 0 30px;
		color: #fff;
	}

	.main-slide-text .visual-text .tit_button {
		float: left;
		width: 100%;
		max-width: 200px;
	}

	/* slides add */
	.slides .main-slide-text {
		position: relative;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		text-align: center;
		z-index: 999;
	}

	.slides .visual-text {
		position: absolute;
		z-index: 10;
		top: 0;
		left: 22%;
		transform: translateX(-50%);
		padding-top: 150px;
	}

	.slides .visual-text .tit_03 {
		font-size: 40px;
		line-height: 1.2;
		font-weight: 700;
		text-align: left;
		text-shadow: 0 0 5px #444;
		padding: 0 0 10px;
		color: #fff;
	}

	.slides .visual-text .tit_05 {
		font-size: 20px;
		font-weight: 300;
		text-align: left;
		text-shadow: 0 0 5px #444;
		padding: 0 0 30px;
		color: #fff;
	}

	.slides .visual-text .tit_button {
		float: left;
		width: 100%;
		max-width: 200px;
	}

	.slides .visual-text .tit_button img {
		display: block;
		display: initial;
	}

	.slides .visual-text01 {
		left: auto;
		right: -12%;
		padding-top: 183px;
	}

	.slides .visual-text01 .tit_03 {
		font-size: 40px;
		text-shadow: none;
		color: #000;
	}

	.slides .visual-text01 .tit_05 {
		font-size: 20px;
		text-shadow: none;
		color: #000;
	}

	.main-slider {
		width: 100%;
		overflow: hidden;
	}

	.main-slider li {
		position: relative;
		width: 100%;
		height: 530px;
		overflow: hidden;
		background-size: 100% auto;
	}

	.t_st01 {
		width: 100%;
		margin: 0 auto 25px;
	}

	.t_st01 .title {
		font-size: 24px;
		text-align: center;
		font-weight: bold;
		padding: 5px 0;
		border-bottom: 2px solid #cad8ec;
		color: #1f497d;
	}

	.t_st01 .sub {
		font-size: 18px;
		font-weight: 300;
		text-align: center;
		padding: 5px 0;
		color: #7291b7;
	}

	/* main _ contents */
	.P-contents {
		width: 100%;
		position: relative;
		display: block;
	}

	section {
		width: 100%;
		margin: 0 auto 100px auto;
		overflow: hidden;
	}

	/* section_00 */
	.section_00 {
		margin: 120px auto;
	}

	.sec0_layer {
		width:100%;
		max-width: 800px;
		margin: 0 auto;
		overflow: hidden;
	}

	.sec0_layer li {
		width: 50%;
		float: left;
		padding: 1%;
	}

	.sec0_layer li .blue {
		font-size: 15px;
		font-weight: 500;
		padding: 15px;
		border-radius: 6px;
		background: #0d5bdd;
		color: #fff;
	}

	.sec0_layer.arrow {
		text-align: center;
		padding: 20px 0;
	}

	.sec0_layer.arrow img {
		max-width: 40px;
	}

	.sec0_box {
		width: 100%;
		padding: 20px;
		border:2px solid #dae5f1;
	}

	.sec0_box .txt01 {
		font-size: 25px;
		text-align: center;
		font-weight: 500;
		padding: 0 0 1px;
		color: #4a7dba;
	}

	.sec0_box .txt02 {
		font-size: 16px;
		text-align: center;
		font-weight: 500;
		color: #4a7dba;
	}

	/* section_01 */
	.section_01 {
		margin: 100px auto;
	}

	.contact_content {
		position: relative;
		width: 100%;
		display: inline-block;
		margin: 0 auto;
	}

	.cot_text {
		width: 100%;
		max-width: 470px;
		position: absolute;
		z-index: 9;
		top: 65px;
		right: 0;
		padding: 45px;
		background: #fff;
	}

	.cot_text .tit-eg {
		font-size: 25px;
		font-weight: bold;
		color: #1f497d;
	}

	.cot_text .tit {
		font-size: 20px;
		font-weight: 300;
		margin: 0 0 15px 0;
	}

	.cot_text .txt {
		font-size: 14px;
		margin: 0 0 50px 0;
		color: #666;
	}

	.cot_text .w-line {
		width: 30px;
		margin: 12px 0 25px 0;
		border-top: 3px solid #1f497d;
	}

	.cot_text p {
		text-align: left;
	}

	.cot_text .s_table04 th {
		vertical-align: top;
		padding: 8px 7px;
	}

	.cot_image {
		width: 100%;
		max-width: 795px;
		margin: 0;
		float: left;
	}

	.cot-bg_box .areaimg {
		width: 100%;
		float: left;
		margin: 0;
	}

	.cot-bg_box .view {
		position: relative;
		width: 100%;
		height: 0;
		overflow: hidden;
		padding-bottom: 495px;
	}

	.cot-bg_box .view .thumbnail1 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		min-height: 100%;
		padding: 0;
		border: 0;
	}

	.flip .cot_image {
		float: right;
	}

	.flip .cot_text {
		left: 0;
	}

	.cot_image:hover .areaimg .thumbnail1 {
		transform: scale(1.05);
		transition: all .5s linear;
	}

	/* section_02 */
	.section_02 {
		width: 100%;
	}

	.section_02 .div02 {
		width: 100%;
		display: block;
	}

	.section_02 .cot_text {
		width: 100%;
		max-width: initial;
		position: relative;
		z-index: 9;
		top: 0;
		right: 0;
		padding: 0;
		background: none;
	}

	.sec02 {
		width: 100%;
		font-size: 25px;
		text-align: center;
		padding: 35px 10px;
		margin: 0 auto 50px;
		background: #dae5f1;
	}

	.sec03 {
		margin: 0 auto 50px;
	}

	.sec03_box {
		width: 100%;
		padding: 25px;
		border: 1px solid #d8d8d8;
	}

	.sec03_box .text01 {
		font-size: 16px;
		line-height: 1.2;
		text-align: center;
	}

	.sec03_box .text02 {
		width: 100%;
		max-width: 300px;
		font-size: 20px;
		text-align: center;
		margin: 0 auto 15px;
		border-bottom: 1px solid #4a7dba;
		color: #4a7dba;
	}

	.sec04 {
		padding: 35px 30px;
		margin: 0 auto 50px;
		background: #f2f2f2;
	}

	.sec04 .phot05 li {
		text-align: center;
	}

	.sec04 .phot05 li img {
		max-width: 150px;
	}

	.sec04 .phot05 .title {
		text-align: center;
		font-size: 15px;
		padding: 5px 0 0;
	}

	.sec05 {
		margin: 0 auto 50px;
	}

	.sec05 .blue_title {
		width: 100%;
		max-width: 850px;
		font-size: 20px;
		text-align: center;
		padding: 20px 10px;
		margin: 0 auto 50px;
		border-radius: 150px;
		background: #dae5f1;
	}

	.sec05 .phot04 {
		padding: 80px 0 0;
	}

	.sec05 .phot04 .bbox1 {
		position: relative;
		min-height: 220px;
		padding: 80px 8% 10px;
		background: #93b3d7;
	}

	.sec05 .phot04 .bbox1.bbox1-1 {
		background: #dae5f1;
	}

	.sec05 .phot04 .bbox1 img {
		position: absolute;
		max-width: 150px;
		top: -80px;
		left: 50%;
		transform: translateX(-50%);
	}

	.sec05 .phot04 .title {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		padding: 0 0 10px;
	}

	.sec05 .phot04 .box {
		font-size: 13px;
	}

	.process-layer {
		width: 100%;
	}

	.pro_box {
		display: inline-block;
		width: 100%;
		padding: 24px 30px;
		background: #f2f2f2;
	}

	.pro_box div {
		display: inline-block;
		float: left;
	}

	.pro_box .tit {;
		width: 17%;
		font-size: 16px;
		font-weight: bold;
		color: #366092;
	}

	.pro_box .img {
		width: 15%;
		text-align: center;
	}

	.pro_box .box {
		width: 68%;
		font-size: 14px;
		white-space: pre-line;
	}

	.pro_box .img img {
		max-width: 80px;
	}

	.process-layer .arrow {
		text-align: center;
		padding: 20px 0;
	}

	.process-layer .arrow img {
		max-width: 40px;
	}

	/* section03 */
	.section_03 {
		margin: 0 auto;
	}

	.bottom_content {
		width: 100%;
		float: left;
		text-align: center;
		background: #000;
	}

	.bottom_content .bot_wrap {
		padding-top: 110px;
		min-height: 430px;
		display: block;
		position: relative;
		overflow: hidden;
		color: #fff;
	}

	.bottom_content .bot_wrap:before {
		width: 100%;
		height: 100%;
		background: url(/images/main/footer_bg.jpg) no-repeat center center;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		transition: transform 1s linear, opacity 0.2s ease-in-out;
		content: "";
	}

	.bottom_content .bot_wrap:hover:before {
		transform: scale(1.05);
	}

	.bottom_content .bot_wrap .bot_text {
		width: 100%;
		max-width: 850px;
		margin: 0 auto;
		padding: 0 2%;
		position: relative;
		z-index: 99;
	}

	.bot_wrap .bot_text .tit_05 {
		font-size: 30px;
		font-weight: 500;
		margin: 0 0 30px 0;
		text-align: center;
		color: #fff;
	}

	.bot_button {
		width: 100%;
		overflow: hidden;
	}

	.bot-btn {
		float: left;
		width: 48%;
	}

	.bot-btn2 {
		float: right;
		width: 48%;
	}

	.bot-btn .txt01 img {
		margin: 0 10px 0 0;
	}

	.bot-btn .txt01 {
		font-size: 14px;
		color: #fff;
	}

	.bot-btn .txt02 {
		font-family: fantasy;
		font-size: 30px;
		line-height: 1.2;
		color: #fff;
	}

	.bot-btn2 .txt02 {
		font-family: "Noto Sans JP";
		line-height: 1.5;
		font-size: 22px;
	}

	.bot-btn .txt03 {
		font-size: 12px;
		color: #fff;
	}

	.bot-btn .btn01 {
		width: 100%;
		max-width: 350px;
		min-height: 108px;
		padding: 12px 0;
		border-radius: 5px;
		border: 1px solid rgb(255 255 255 / 35%);
		background: rgb(0 0 0 / 70%);
		color: #fff;
	}

	.bot-btn .btn01-2 {
		border: 1px solid #f79646;
		background: #f79646;
		color: #fff;
	}

	.bot-btn .btn01:hover {
		transition: all 0.25s linear;
		opacity: 0.8;
	}



	/* SNS */
	.SNS_link2 {
		width: 100%;
		background: #f8f8f8;
		margin: 0;
		overflow: hidden;
	}

	.sns_box2 {
		width: 100%;
		max-width: 320px;
		margin: auto;
		padding: 18px 0;
		text-align: center;
	}

	.sns_box2 img {
		width: 40px;
		margin: 0 4%;
	}

	.sns_box2 a:hover {
		opacity: .6;
	}

	.sns_box2.jack_sns {
		width: 100%;
		max-width: 395px;
		padding: 7px 0;
	}

	.jack_sns img {
		width: 100%;
		max-width: 95px;
		margin: 0 0 10px 0;
	}

}

@media all and (max-width: 1024px) {
	.main-slide-text .visual-text {

		left: 30%;
	}
}

/* mobile [0 ~ 768px] */
@media all and (max-width: 768px) {

	/* header for nav */
	.P-nav-logo {
		padding: 18px 0 18px 20px;
		font-size: 24px;
		line-height: 33px;
	}

	#btn-top-menu {
		width: 38px;
		float: right;
		padding-top: 15px;
		margin-right: 15px;
	}

	/* main _ slide */
	.main-slider {
		width: 100%;
		display: none;
	}

	.main-slide-text .visual-text {
		padding-top: 38%;
		left: 40%;
	}

	.main-slide-text .visual-text .tit_05 {
		font-size: 18px;
	}

	.slides .visual-text01 .tit_03 {
		color: #fff;
	}

	.slides .visual-text01 .tit_05 {
		color: #fff;
	}

	.wrap ul.slides {
		width: 100%;
		overflow: hidden;
	}

	.wrap ul.slides li {
		position: relative;
		width: 100%;
	}

	.sec05 .phot04 {
		padding: 0;
	}

	.sec05 .blue_title {
		font-size: 17px;
	}

	.sec05 .phot04 .bbox1 img {
		position: relative;
		max-width: 100px;
		top: initial;
		padding: 0 0 10px;
	}

	.sec05 .phot04 .bbox1 {
		min-height: 270px;
		padding: 20px 8%;
	}

}

/* mobile [0 ~ 480px] */
@media all and (max-width: 480px) {

	.dsp_bl {display: block}

	.main-slide-text .visual-text {
		width: 100%;
		padding-top: 32%;
		left: auto;
		transform: initial;
	}

	.main-slide-text .visual-text .tit_03 {
		font-size: 25px;
		text-align: center;
	}

	.main-slide-text .visual-text .tit_05 {
		font-size: 14px;
		text-align: center;
	}

	.main-slide-text .visual-text .tit_button {
		float: initial;
		width: 100%;
		max-width: 200px;
		margin: 0 auto;
	}

	.main-slide-text .visual-text01 {
		width: 100%;
		padding-top: 34%;
		left: 0;
		transform: initial;
	}

	.slides .visual-text01 .tit_03 {
		font-size: 25px;
		text-shadow: none;
		text-align: center;
		color: #fff;
	}

	.slides .visual-text01 .tit_05 {
		font-size: 14px;
		text-align: center;
		color: #fff;
	}

	.t_st01 .title {
		font-size: 16px;
	}

	.t_st01 .sub {
		font-size: 14px;
	}

	.sec0_layer li {
		width: 100%;
	}

	.sec0_box {
		padding: 15px;
	}

	.sec0_box .txt01 {
		font-size: 15px;
		font-weight: bold;
	}

	.sec0_box .txt02 {
		font-size: 15px;
	}

	.contact_content {
		margin: 0 0 40px 0;
	}

	.cot-bg_box .view {
		padding-bottom: 200px;
	}

	.cot_text {
		position: initial;
		padding: 20px 5px;
		display: inline-block;
	}

	.cot_text .tit-eg {
		font-size: 20px;
	}

	.section_01 {
		margin: 22px auto 0;
	}

	.sec02 {
		font-size: 15px;
		padding: 22px 10px;
	}

	.sec04 .phot05 li {
		width: 50%;
		padding: 10px;
		text-align: center;
	}

	.sec04 .phot05 .title {
		font-size: 13px;
	}

	.sec05 .blue_title {
		font-size: 14px;
		padding: 20px;
	}

	.sec05 .phot04 li {
		width: 100%;
	}

	.sec05 .phot04 .title {
		font-size: 14px;
	}

	.sec05 .phot04 .bbox1 {
		padding: 40px 8%;
	}

	.pro_box div {
		display: block;
		width: 100%;
	}

	.pro_box .tit, .pro_box .img, .pro_box .box {
		width: 100%;
	}

	.pro_box .img {
		padding: 15px 0;
	}

	.bot_wrap .bot_text .tit_05 {
		font-size: 25px;
	}

	.bot-btn, .bot-btn2 {
		float: initial;
		width: 100%;
		margin: 15px auto;
	}

	.bottom_content .bot_wrap {
		padding: 50px 15px;
	}
}

/* mobile [0 ~ 320px] */
@media all and (max-width: 320px) {
	.main-slide-text .visual-text {
		padding-top: 23%;
	}

	.sec04 .phot05 li {
		min-height: 170px;
	}

}

/*---------------------------------
Ver1. css add
---------------------------------*/

/* Sub : sub_top-menu ---------------------------------*/
.top-menu {
	border-top: 0;
	background: none;
	padding: 15px 0 0 0;
	text-align: center;
	position: relative;
}

.top-menu-background {
	width: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}

.top-menu-background .areaimg {
	width: 100%;
	float: left;
	margin: 0;
}

.top-menu-background .view {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 120px;
}

.top-menu-background .view .thumbnail1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height: 100%;
	padding: 0;
	border: 0;
}

.breadCrumb {
	font-size: 10px;
	padding: 0 10px;
}

/* Sub : sub_top-menu color */
.top-menu-title p {
	font-size: 24px;
	padding-top: 15px;
	color: #252525;
}

.top-menu-title p span {
	color: #4a9bff;
}

.breadCrumb a, a:hover, a:active {
	color: #9a9a9a;
}

/* Sub : box01_content 50% ---------------------*/
.box01_content {
	width: 100%;
	overflow: hidden;
	margin: 0 auto 40px auto;
}

.box01_left {
	float: left;
	margin-right: 2%;
}

.box01_right {
	float: right;
}

@media all and (max-width: 480px) {
	.box01_left {
		width: 100% !important;
		float: left;
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.box01_right {
		width: 100% !important;
		float: left;
	}
}

/* Sub : photobox 50% ---------------------------*/
.photobox {
	width: 100%;
	overflow: hidden;
}

.photobox ul li {
	width: 50%;
	float: left;
	padding: 1%;
	transition: all .5s;
}

.phot03 ul li {
	width: 33.3%;
}

.phot04 ul li {
	width: 25%;
}

.phot05 ul li {
	width: 20%;
}

@media all and (max-width: 768px) {
	.photobox ul li {
		width: 50%;
	}

	.phot03 ul li {
		width: 33.3%;
	}
}

@media all and (max-width: 480px) {
	.photobox ul li {
		width: 100%;
	}
}

/* Sub : text css ---------------------------------*/
.t_st01 {
	font-size: 22px;
}

@media all and (max-width: 480px) {
	.t_st01, .t_st02 {
		font-size: 18px;
	}
}

/* photobox */
.photobox {
	width: 100%;
	overflow: hidden;
}

.photobox ul {
}

.photobox ul li {
	width: 25%;
	float: left;
	padding: 1%;
	transition: all .5s;
}

.phot03 ul li {
	width: 33.3%;
}

.phot05 ul li {
	width: 20%;
}

/* mobile [0 ~ 768px] */
@media all and (max-width: 768px) {
	.photobox ul li {
		width: 50%;
	}
}

/* mobile [0 ~ 480px] */
@media all and (max-width: 480px) {
	.photobox ul li {
		width: 100%;
	}
}