﻿/* ==========================================================================
sec01
========================================================================== */

.sec01{
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px; 
	text-align: center;
	max-width: 960px;
}
.resizeimg img{
	max-width: 960px;
	width: 100%;
}
#header{
	padding-top: 100px;
}
/* ==========================================================================
sec02
========================================================================== */

.sec02{
	margin: 0px auto 0px;
	max-width: 960px;
}
.sec02 h2{
	color: #03257c;
	text-align: center;
	font-size: 24px;
	line-height: 175%;
	font-weight: bold; 
}
.sec02 h3{
	color: #03257c;
	text-align: center;
	font-size: 16px;
	line-height: 175%;
	max-width: 760px;
	margin: 0px auto 0px;
}

/* ==========================================================================
contactSet
========================================================================== */
.contactSet{
	text-align: center;
	max-width: 600px;
	margin: 25px auto;
}
.contactSet .tx{
	color: #fff;
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	padding: 25px 0px 25px 0px;
	background-color: #03257c;
}
/* ==========================================================================
sec03
========================================================================== */

/* ==========================================================================
sec04
========================================================================== */

.sec04{
	text-align: center;
	max-width: 960px;
	margin: 25px auto;
}
.tx2{
	color: #ffffff;
	text-align: center;
	font-size: 26px;
	font-weight: 550;
	padding: 15px 0px 15px 0px;
	background-color: #03257c;
}
.container04{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.item04-1{
	flex-basis: 270px;
}
.item04-2{
	flex-basis: 510px;
	text-align: left;
	word-break: break-all;
	color: #03257c;
	padding-left: 20px;
}
.name{
	font-weight: bold;
	font-size: 18px;
	font-family: sans-serif;
	line-height: 200%;
}
.code{
	font-family: sans-serif;
	line-height: 180%;
}
.code2{
	font-family: sans-serif;
	font-size: 12px;
	text-align: left;
}

/* ==========================================================================
sec05
========================================================================== */
.sec05{
	text-align: center;
	max-width: 960px;
	margin: 25px auto;
}
.tx2{
	color: #ffffff;
	text-align: center;
	font-size: 26px;
	font-weight: 550;
	padding: 15px 0px 15px 0px;
	background-color: #03257c;
}
.tbl-r02{
	width: 800px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.tbl-r02 th {
 	background-color: #c0e2f1;
 	border: solid 1px #03257c;
 	color: #03257c;
 	padding: 10px;
 	text-align: center;
 	width: 150px;
 	font-size: 16px;
}
.tbl-r02 td {
	border: solid 1px #03257c;
	padding: 30px;
	color: #03257c;
	text-align: left;
	font-size: 14px;
	font-family: sans-serif;
}
.b{
	font-size; 18px;
	font-weight: bold;
}
/* ==========================================================================
sec06
========================================================================== */
.sec06{
	text-align: center;
	max-width: 960px;
	margin: 25px auto;
}
.sec06 h2{
	margin: 10px auto 0px;
	text-align: center;
	font-size: 35px;
	color: #03257c;
	font-weight: bold;
}
.sec06 h3{
	margin: 10px auto 10px;
	text-align: center;
	font-size: 26px;
	color: #03257c;
	line-height: 180%;
	font-weight: bold;
}
.line{
	background-color: #03257c;
	height: 2px;
}
.tx2{
	color: #ffffff;
	text-align: center;
	font-size: 26px;
	font-weight: 550;
	padding: 15px 0px 15px 0px;
	background-color: #03257c;
}
.block06{
	max-width: 600px;
	margin: 0px auto;
}
.sec06 h4{
	margin: 40px auto 0px;
	text-align: center;
	font-size: 18px;
	color: #03257c;
	line-height: 180%;
}
.line06{
	background-color: #03257c;
	height: 1px;
}
.resizeimg06 img{
	max-width: 600px;
	width: 100%;
}
/* ==========================================================================
sec07
========================================================================== */
.sec07{
	text-align: center;
	max-width: 960px;
	margin: 25px auto;
}
.tx2{
	color: #ffffff;
	text-align: center;
	font-size: 26px;
	font-weight: 550;
	padding: 15px 0px 15px 0px;
	background-color: #03257c;
}
.block07{
	max-width: 600px;
	margin: 0px auto;
}
.sec07 h3{
	margin: 40px auto 0px;
	text-align: center;
	font-size: 18px;
	color: #03257c;
	line-height: 150%;
}
/* ==========================================================================
marketo
========================================================================== */
.marketo-center{
	margin-left: auto;
	margin-right: auto;
}
/* ==========================================================================
media query
========================================================================== */
@media screen and (max-width:599px){
	.tbl-center{
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.last td:last-child {
		border-bottom: solid 1px #03257c;
		width: 100%;
	}
	.tbl-r02 {
		width: 100%;
	}
	.tbl-r02 th{
		display: block;
		width: 100%;
		text-align: center;
	}
	.tbl-r02 td {
		display: block;
		text-align: left;
		border: none;
	}
	.name{
		text-align: center;
	}
	.code{
		text-align: left;
	}
	.code2{
		margin-bottom: 0px;
	}
	.container04{
		display: flex;
		flex-direction: column;
		margin-bottom: -170px;
	}
	.sec02 h3{
		max-width: 360px;
	}	
}



@media screen and (max-width:480px){
	
}

@media screen and (max-width:420px){
	
}


/* ==========================================================================
iphone se
========================================================================== */

@media screen and (max-width:330px){
	

}
