/*float clear*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    min-height:1%;  /* for IE 7*/
}

input,select,textarea{
}
textarea { border: 2px solid #bbb; }
select option {
    padding : 0 0.5em;
}
form label{
    cursor : pointer;
}
input:focus,textarea:focus{
    background-color: #fffed7;
    border: 2px solid #ccc;
}

a:hover { text-decoration: none; color: #0097f2; }
a:active { text-decoration: none; }

::selection {
    background: #0075bc; /* Safari */
	color: #fff;
}
::-moz-selection {
    background: #0075bc; /* Firefox */
	color: #fff;
}

.section-bg01 { background: #eee; }
.section-bg02 { background: #cddce5; }


/*======================================
=            ガター溝なしスタイリング            =
======================================*/
.container-small, .container-site {
    max-width: 100%;
}
@media (min-width: 721px) {
	.container-site {
        max-width: 1000px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
    }
    .container-site img {
        width: 100%;
    }


/*--------------------------------------------
共通
----------------------------------------------*/

	.br-sp { display:none; }

	/*ヘッダー*/
	header {
		background: #fff;
		height: 60px;
		width: 100%;
		position: fixed;
		z-index: 1000;
		box-shadow: 0 2px 5px rgba(0,0,0,.2);
	}
	header .header-wrap {
		max-width: 1000px;
		margin: 0 auto;
		position: relative;
		padding: 0;
	}
	header h1.logo {
		padding: 10px 0;
	}
	header h1.logo img {
		width: 265px;
		height: auto;
	}
	header .header-company {
		position: absolute;
		top: 20px;
		right: 260px;
	}
	header .header-company a {
		background: url(../images/icon_arrow01.png) no-repeat 0 50%;
		background-size: 12px;
		padding: 5px 0 5px 15px;
		font-size: 14px;
		font-weight: bold;
	}
	header .header-inquiry {
		position: absolute;
		top: 0;
		right: 0;
	}
	header .header-inquiry a {
		display: block;
		height: 50px;
		width: 240px;
		line-height: 50px;
		border-radius: 0 0 10px 10px;
		background: #0075bc;
		text-align: center;
		color: #fff;
		font-size: 18px;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
	}
	header .header-inquiry a:hover {
		background: #0097f2;
		text-decoration: none;
	}
	header .header-inquiry a span {
		background: url(../images/icon_mail.png) no-repeat 0 50%;
		background-size: 25px;
		padding: 5px 0 5px 30px;
	}





	.lp-wrap01 {
		background: #f1fbfd url(../images/main_img01.jpg) no-repeat center bottom;
		min-height: 740px;
		padding: 120px 0 60px 0;
	}
	.lp-wrap01 h1 {}
	.lp-wrap01 h1 img { width: 670px; }
	.lp-wrap01 .lp-wrap01-box { margin: 40px 0 0 0; width: 65%; }
	.lp-wrap01 .lp-wrap01-box h2 {
		display: inline-block;
		font-size: 24px;
		line-height: 1.4;
		background: url(../images/line01.png) repeat-x 0 bottom;
		background-size: 60px;
		padding: 0 0 5px 0;
		font-weight: bold;
	}
	.lp-wrap01 .lp-wrap01-box p {
		margin: 10px 0 0 0;
		font-size: 16px;
		line-height: 1.6;
	}



	.lp-wrap02 {
		background: #2e5ab0 url(../images/main_img02.jpg) no-repeat center bottom;
		min-height: 600px;
		padding: 80px 0 60px 0;
	}
	.lp-wrap02 h1 {
		margin: 0 0 0 auto;
		width: 60%;
	}
	.lp-wrap02 h1 img { width: 460px; height: auto; }
	.lp-wrap02 .lp-wrap02-box { margin: 40px 0 0 auto; width: 60%; }
	.lp-wrap02 .lp-wrap02-box h2 {
		display: inline-block;
		font-size: 24px;
		line-height: 1.4;
		background: url(../images/line02.png) no-repeat 0 bottom;
		background-size: 100% 5px;
		padding: 0 0 5px 0;
		font-weight: bold;
		color: #fff;
	}
	.lp-wrap02 .lp-wrap02-box p {
		margin: 10px 0 0 0;
		font-size: 16px;
		line-height: 1.6;
		color: #fff;
	}



	.lp-wrap03, .lp-wrap04 {
		padding: 40px 0 120px 0;
	}
	.lp-wrap03 h1, .lp-wrap04 h1 {
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		border-bottom: 2px solid #ccc;
		padding: 0 0 5px 0;
	}
	.lp-wrap03 h1 span, .lp-wrap04 h1 span {
		display: inline-block;
		padding: 40px 0 10px 70px;
	}
	.lp-wrap03 h1 span {
		display: inline-block;
		padding: 40px 0 10px 70px;
	}
	.lp-wrap03 h1.lp-wrap03-title01 span {
		background: url(../images/title_pict01.png) no-repeat 0 50%;
		background-size: 60px;
	}
	.lp-wrap03 h1.lp-wrap03-title02 span {
		background: url(../images/title_pict02.png) no-repeat 0 50%;
		background-size: 60px;
	}
	.lp-wrap04 h1.lp-wrap04-title01 span {
		background: url(../images/title_pict03.png) no-repeat 0 50%;
		background-size: 60px;
	}
	.lp-wrap03 .lp-wrap03-box {
		margin-top: 40px;
		border: 6px solid #0075bc;
		padding: 160px 20px 40px 20px;
		height: 100%;
	}
	.lp-wrap03 .lp-wrap03-box h2 {
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.2;
	}
	.lp-wrap03 .lp-wrap03-box p {
		margin: 10px 0 0 0;
		font-size: 15px;
		line-height: 1.6;
	}
	.lp-wrap03 .lp-wrap03-box01 {
		background: #fff url(../images/icon01_01.png) no-repeat center 30px;
		background-size: 100px;
	}
	.lp-wrap03 .lp-wrap03-box02 {
		background: #fff url(../images/icon01_02.png) no-repeat center 30px;
		background-size: 100px;
	}
	.lp-wrap03 .lp-wrap03-box03 {
		background: #fff url(../images/icon01_03.png) no-repeat center 30px;
		background-size: 100px;
	}
	.lp-wrap03 .lp-wrap03-box04 {
		background: #fff url(../images/icon02_01.png) no-repeat center 30px;
		background-size: 100px;
	}
	.lp-wrap03 .lp-wrap03-box05 {
		background: #fff url(../images/icon02_02.png) no-repeat center 30px;
		background-size: 100px;
	}
	.lp-wrap03 .lp-wrap03-box06 {
		background: #fff url(../images/icon02_03.png) no-repeat center 30px;
		background-size: 100px;
	}


	.lp-wrap04 .lp-wrap04-box {
		margin-top: 40px;
		padding: 200px 20px 60px 20px;
		height: 100%;
	}
	.lp-wrap04 .lp-wrap04-box01 {
		background: #0075bc url(../images/icon03_01.png) no-repeat center 50px;
		background-size: 110px;
	}
	.lp-wrap04 .lp-wrap04-box02 {
		background: #0075bc url(../images/icon03_02.png) no-repeat center 50px;
		background-size: 110px;
	}
	.lp-wrap04 .lp-wrap04-box02 {}
	.lp-wrap04 .lp-wrap04-box h2 {
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.2;
		color: #fff;
	}
	.lp-wrap04 .lp-wrap04-box p {
		margin: 10px 0 0 0;
		font-size: 15px;
		line-height: 1.6;
		color: #fff;
	}
	.title-style01 {
		margin: 40px 0 0 0;
		background: #666;
		padding: 10px 0;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		margin-bottom: 10px;
	}
	.lp-wrap04 figure {}

	.inquiry-wrap {
		padding: 40px 0;
		text-align: center;
	}
	.inquiry-wrap h1 {
		font-size: 20px;
		font-weight: bold;
	}
	.inquiry-wrap div { margin: 20px 0 0 0; }
	.inquiry-wrap div a {
		display: block;

	}
	.inquiry-wrap div a {
		display: block;
		background: #0075bc;
		color: #fff;
		width: 60%;
		height: 100px;
		line-height: 100px;
		font-size: 24px;
		margin: 0 auto;
		border-radius: 10px;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
	}
	.inquiry-wrap div a:hover {
		background: #0097f2;
		text-decoration: none;
	}
	.inquiry-wrap div a span {
		background: url(../images/icon_mail.png) no-repeat 0 50%;
		background-size: 35px;
		padding: 5px 0 5px 45px;
	}


	/*お問い合わせ*/
	.form-wrap {
		padding: 120px 0 60px 0;
	}
	.form-wrap h1 {
		font-size: 30px;
		font-weight: bold;
		text-align: center;
		border-bottom: 2px solid #ccc;
		padding: 0 0 15px 0;
	}
	.form-wrap p {
		width: 80%;
		font-size: 14px;
		line-height: 1.6;
		margin: 20px auto;
	}

	.form-box01 {
		width: 80%;
		margin: 20px auto 0 auto;
	}
	.form-box01 {
		width: 80%;
		margin: 40px auto 0 auto;
		font-size: 14px;
		color: #f00;
	}
	.form-box02 {
		margin: 20px 0 0 0;
		text-align: center;
	}
	.form-box02 input {
		width: 200px;
		border: 4px solid #0075bc;
		padding: 10px;
		background: #fff;
	}
	.form-box03 {
		margin: 40px 0 0 0;
		text-align: center;
		font-size: 14px;
		color: #999;
	}

	.form-wrap table {
		width: 80%;
		margin: 10px auto 0 auto;
	}
	.form-wrap table tr:nth-child(odd) th,
	.form-wrap table tr:nth-child(odd) td{
		background: #f4f4f4;
	}
	.form-wrap table th {
		font-size: 17px;
		font-weight: bold;
		white-space: nowrap;
		padding: 20px;
		vertical-align: middle;
	}
	.form-wrap table th span {
		font-size: 14px;
		color: #f00;
	}
	.form-wrap table td {
		font-size: 17px;
		padding: 20px;
	}
	.form-wrap table td div {
		margin-bottom: 10px;
	}
	.form-wrap label {
		font-weight: 300;
		padding-right: 40px;
	}
	.form-wrap table td input[type="text"] {
		padding: 5px;
		width: 100%;
	}
	.form_margin01 { margin-top: 10px; }

	.form-wrap input {
		font-size: 20px;
		margin: 0 10px 0 0;
	}
	.form-wrap textarea {
		width: 100%;
		height: 240px;
		padding: 5px;
	}



	.footer-bg {
		background: #333;
	}
	.footer-wrap {
		padding: 40px 0;
	}
	.footer-wrap h1 {
	}
	.footer-wrap h1 span {
		display: block;
		text-align: center;
		font-size: 11px;
		color: #fff;
	}
	.footer-wrap h2 { margin: 10px 0 0 0; text-align: center; }
	.footer-wrap h2 img { width: 80%; }
	.footer-wrap address {
		color: #fff;
		font-size: 15px;
		text-align: center;
	}
	.footer-wrap address .address-address { display: block; }
	.footer-wrap address .address-tel {
		display: block;
		padding: 20px 0 0 0;
		font-size: 20px;
		font-weight: bold;
	}
	.copyright {
		margin: 40px 0 0 0;
		text-align: center;
		color: #ccc;
		font-size: 14px;
	}


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


/*--------------------------------------------
共通
----------------------------------------------*/

	.br-sp { display:none; }

	img { width: 100%;}

	/*ヘッダー*/
	header {
		background: #fff;
		height: 40px;
		width: 100%;
		position: fixed;
		z-index: 1000;
		box-shadow: 0 2px 5px rgba(0,0,0,.2);
	}
	header .header-wrap {
		margin: 0 auto;
		position: relative;
		padding: 0;
	}
	header h1.logo {
		padding: 4px 0 0 10px;
	}
	header h1.logo img {
		height: 32px;
		width: auto;
	}
	header .header-company {
		position: absolute;
		top: 10px;
		right: 150px;
	}
	header .header-company a {
		background: url(../images/icon_arrow01.png) no-repeat 0 50%;
		background-size: 8px;
		padding: 5px 0 5px 10px;
		font-size: 12px;
		font-weight: bold;
	}
	header .header-inquiry {
		position: absolute;
		top: 0;
		right: 0;
	}
	header .header-inquiry a {
		display: block;
		height: 40px;
		width: 140px;
		line-height: 40px;
		background: #0075bc;
		text-align: center;
		color: #fff;
		font-size: 14px;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
	}
	header .header-inquiry a:hover {
		background: #0097f2;
		text-decoration: none;
	}
	header .header-inquiry a span {
		background: url(../images/icon_mail.png) no-repeat 0 50%;
		background-size: 18px;
		padding: 5px 0 5px 20px;
	}


	.lp-wrap01 {
		background: #f1fbfd url(../images/main_img01.jpg) no-repeat right -100px bottom -100px;
		background-size: 900px;
		padding: 80px 15px 300px 15px;
	}
	.lp-wrap01 h1 {}
	.lp-wrap01 h1 img {}
	.lp-wrap01 .lp-wrap01-box { margin: 40px 0 0 0; }
	.lp-wrap01 .lp-wrap01-box h2 {
		display: inline-block;
		font-size: 20px;
		line-height: 1.2;
		background: url(../images/line01.png) repeat-x 0 bottom;
		background-size: 60px;
		padding: 0 0 5px 0;
		font-weight: bold;
	}
	.lp-wrap01 .lp-wrap01-box p {
		margin: 10px 0 0 0;
		font-size: 14px;
		line-height: 1.5;
	}

	.lp-wrap02 {
		background: #2e5ab0 url(../images/main_img02.jpg) no-repeat left -100px bottom 0;
		background-size: 900px;
		padding: 60px 15px 240px 15px;
	}
	.lp-wrap02 h1 {
		margin: 0 0 0 auto;
	}
	.lp-wrap02 h1 img { width: 90%; height: auto; }
	.lp-wrap02 .lp-wrap02-box { margin: 40px 0 0 auto; }
	.lp-wrap02 .lp-wrap02-box h2 {
		display: inline-block;
		font-size: 20px;
		line-height: 1.3;
		background: url(../images/line02.png) no-repeat 0 bottom;
		background-size: 100% 5px;
		padding: 0 0 5px 0;
		font-weight: bold;
		color: #fff;
	}
	.lp-wrap02 .lp-wrap02-box p {
		margin: 10px 0 0 0;
		font-size: 14px;
		line-height: 1.5;
		color: #fff;
	}



	.lp-wrap03, .lp-wrap04 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.lp-wrap03 h1, .lp-wrap04 h1 {
		font-size: 22px;
		line-height: 1.2;
		font-weight: bold;
		text-align: center;
		border-bottom: 2px solid #ccc;
		margin: 0 -15px 20px -15px;
	}
	.lp-wrap03 h1 span, .lp-wrap04 h1 span {
		display: inline-block;
		padding: 20px 0 10px 46px;
	}
	.lp-wrap03 h1.lp-wrap03-title01 span {
		background: url(../images/title_pict01.png) no-repeat 0 50%;
		background-size: 40px;
	}
	.lp-wrap03 h1.lp-wrap03-title02 span {
		background: url(../images/title_pict02.png) no-repeat 0 50%;
		background-size: 40px;
	}
	.lp-wrap04 h1.lp-wrap04-title01 span {
		background: url(../images/title_pict03.png) no-repeat 0 50%;
		background-size: 40px;
	}
	.lp-wrap03 .lp-wrap03-box {
		border: 6px solid #0075bc;
		padding: 160px 10px 20px 10px;
		margin-bottom: 20px;
	}
	.lp-wrap03 .lp-wrap03-box h2 {
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.2;
	}
	.lp-wrap03 .lp-wrap03-box p {
		margin: 10px 0 0 0;
		font-size: 14px;
		line-height: 1.5;
	}
	.lp-wrap03 .lp-wrap03-box01 {
		background: #fff url(../images/icon01_01.png) no-repeat center 30px;
		background-size: 100px;
	}
	.lp-wrap03 .lp-wrap03-box02 {
		background: #fff url(../images/icon01_02.png) no-repeat center 30px;
		background-size: 100px;
	}
	.lp-wrap03 .lp-wrap03-box03 {
		background: #fff url(../images/icon01_03.png) no-repeat center 30px;
		background-size: 100px;
	}
	.lp-wrap03 .lp-wrap03-box04 {
		background: #fff url(../images/icon02_01.png) no-repeat center 30px;
		background-size: 100px;
	}
	.lp-wrap03 .lp-wrap03-box05 {
		background: #fff url(../images/icon02_02.png) no-repeat center 30px;
		background-size: 100px;
	}
	.lp-wrap03 .lp-wrap03-box06 {
		background: #fff url(../images/icon02_03.png) no-repeat center 30px;
		background-size: 100px;
	}


	.lp-wrap04 .lp-wrap04-box {
		margin-bottom: 20px;
		padding: 180px 10px 20px 10px;
		height: 100%;
	}
	.lp-wrap04 .lp-wrap04-box01 {
		background: #0075bc url(../images/icon03_01.png) no-repeat center 50px;
		background-size: 110px;
	}
	.lp-wrap04 .lp-wrap04-box02 {
		background: #0075bc url(../images/icon03_02.png) no-repeat center 50px;
		background-size: 110px;
	}
	.lp-wrap04 .lp-wrap04-box02 {}
	.lp-wrap04 .lp-wrap04-box h2 {
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.2;
		color: #fff;
	}
	.lp-wrap04 .lp-wrap04-box p {
		margin: 10px 0 0 0;
		font-size: 14px;
		line-height: 1.5;
		color: #fff;
	}
	.title-style01 {
		margin: 40px 0 0 0;
		background: #666;
		padding: 10px 0;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		margin-bottom: 10px;
	}
	.lp-wrap04 figure { margin: 0; }
	.lp-wrap04 figure img { width: 100%; height: auto; }

	.inquiry-wrap {
		padding: 40px 15px;
		text-align: center;
	}
	.inquiry-wrap h1 {
		font-size: 16px;
		font-weight: bold;
		text-align: left;
	}
	.inquiry-wrap h2 {
		text-align: left;
	}
	.inquiry-wrap ol {
		text-align: left;
	}
	.inquiry-wrap div { margin: 20px 0 0 0; }
	.inquiry-wrap div a {
		display: block;
		background: #0075bc;
		color: #fff;
		height: 80px;
		line-height: 80px;
		font-size: 24px;
		margin: 0 auto;
		border-radius: 10px;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
	}
	.inquiry-wrap div a:hover {
		background: #0097f2;
		text-decoration: none;
	}
	.inquiry-wrap div a span {
		background: url(../images/icon_mail.png) no-repeat 0 50%;
		background-size: 35px;
		padding: 5px 0 5px 45px;
	}


	/*お問い合わせ*/
	.form-wrap {
		padding: 80px 0 60px 0;
	}
	.form-wrap h1 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		border-bottom: 2px solid #ccc;
		padding: 0 0 10px 0;
	}
	.form-wrap p {
		font-size: 14px;
		line-height: 1.6;
		margin: 20px 15px 0 15px;
	}

	.form-box01 {
		margin: 20px 15px 0 15px;
	}
	.form-box01 {
		margin: 40px 15px 0 15px;
		font-size: 14px;
		color: #f00;
	}
	.form-box02 {
		margin: 20px 0 0 0;
		text-align: center;
	}
	.form-box02 input {
		width: 200px;
		border: 4px solid #0075bc;
		padding: 15px 0;
		background: #fff;
	}
	.form-box03 {
		margin: 40px 15px 0 15px;
		text-align: left;
		font-size: 14px;
		color: #999;
	}

	.form-wrap table {
		margin: 10px 15px 0 15px;
	}
	.form-wrap table tr:nth-child(odd) th,
	.form-wrap table tr:nth-child(odd) td{
	}
	.form-wrap table th {
		display: block;
		font-size: 16px;
		font-weight: bold;
		white-space: nowrap;
		padding: 10px;
		vertical-align: middle;
		background: #f4f4f4;
	}
	.form-wrap table th span {
		font-size: 14px;
		color: #f00;
	}
	.form-wrap table td {
		display: block;
		font-size: 17px;
		padding: 10px 0 40px 0;
	}
	.form-wrap table td div {
		margin-bottom: 10px;
	}
	.form-wrap label {
		font-weight: 300;
		padding-right: 40px;
	}
	.form-wrap table td input[type="text"] {
		padding: 5px;
		width: 100%;
	}
	.form-wrap table td input[type="email"] {
		padding: 5px;
		width: 100%;
	}
	.form_margin01 { margin-top: 10px; }

	.form-wrap input {
		font-size: 20px;
		margin: 0 10px 0 0;
	}
	.form-wrap textarea {
		width: 100%;
		height: 240px;
		padding: 5px;
	}



	.footer-bg {
		background: #333;
	}
	.footer-wrap {
		padding: 40px 15px;
		text-align: center;
	}
	.footer-wrap h1 {
	}
	.footer-wrap h1 span {
		display: block;
		text-align: left;
		font-size: 11px;
		line-height: 1.2;
		color: #fff;
	}
	.footer-wrap h2 { margin: 10px 0 0 0; text-align: center; }
	.footer-wrap h2 img { width: 80%; }
	.footer-wrap address {
		color: #fff;
		font-size: 15px;
		margin: 10px 0 0 0;
		line-height: 1.3;
	}
	.footer-wrap address .address-address { display: block; }
	.footer-wrap address .address-tel {
		display: block;
		padding: 10px 0 0 0;
		font-size: 20px;
		line-height: 2;
		font-weight: bold;
	}
	.copyright {
		margin: 20px 0 0 0;
		text-align: center;
		color: #ccc;
		font-size: 12px;
	}


}