/*＝＝＝＝＝＝＝＝＝＝＝＝
トップページ
＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.re_cont01_00{
    width:80%;
}
.re_cont_bk{
    background: url(../img/cont_bk.jpg) no-repeat right bottom;
    background-color:#001A66;
    background-size: contain;
}
.re_cont01_01{/*820 1200*/
    width:68.333333%;
    margin:0;
}
.re_cont01_01,
.re_cont01_02{/*400 1200*/
    width:33.333333%;
    margin:0 1%;
    float: left;
    
}

.top01_01{/*960 1200*/
    background: url(../img/top_bk_FFFFFF.png) repeat-y;
    background-size:100%;
    padding:2em 10%;
}
.p_sm img{
    display: block;
}


.top_bk01{
    background:url(../img/top_main_bk.jpg) no-repeat center;
    background-size: cover;
}
.top_bk02{
    background:url(../img/top_bk_01.jpg) no-repeat center bottom;
    background-size: cover;
    background-color: #EEEEEC;
}
.top_bk02_b{
    background: url(../img/top_02_bk_b.png) repeat-x;
    background-size: contain;
}


.top_bk03{
    background:url(../img/top_bk_02.jpg) no-repeat center bottom;
    background-size: cover;
    background-color: #EEEEEC;
}

.top_bk03_b{
    background: url(../img/top_03_bk_b.png) repeat-x;
    background-size: contain;
}

.top_bk04{
    background:url(../img/top_bk_03.jpg) no-repeat;
    background-size: 100% auto;
    background-color: #EEEEEC;
}
.top_bk04_b{
    background: url(../img/top_04_bk_b.png) repeat-x;
    background-size: contain;
}

.top_bk05{
    background:url(../img/top_05_bk_b.png) repeat-x;
    background-size: contain;
}


.top06_01 dl{/*1110 1200*/
    width:92.5%;
    margin:0 auto;
    padding:2em 0;
    border-bottom:#A4A4A4 1px solid;
    
}
.top06_01 dt{
    color:#001A66;
    padding:0 0 0.5em 0;
    
}


.top_bk07{
    background: url( ../img/top_07_bk.png) repeat-x;
    background-size: contain;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
  アクセスマップ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.map_block {
    position:relative;
    padding-bottom: 60%; /* 100/横*縦*/
    height: 0;
    overflow: hidden;
}
.map_block .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*===========================
    お問い合わせ
===========================*/
.cont01_01{/*1020 1200*/
    width:100%;
    margin:0 auto;
}


/*========================
　メールフォーム
========================*/

/*メールフォーム*/

.mail01_01 dl{
	padding:0.5em 0;
}

.mail01_01 dt{
	width:98%;
	padding:0 0 0 1%;
	margin:0.2em 0;
	float:none;
	font-weight:bold;
}

.mail01_01 dd{
	width:98%;
	margin:0 1%;
	float:none;
}
input.text01,
input.text02,
textarea.text01,
textarea.text02,
select.text01,
select.text02{
    font-size: 110%;
	border:#BBBBBB solid 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:0.2em 0.8em;
	margin:0.5em 0;
	width:100%;
}
input.text02,
textarea.text02{
	width:40%;
}
select.text01{
	width:30%;
}
select.text02{
	width:60%;
}

select.text_middle{
	width:100%;
}

input.cont_btn02{
	width:46%;
	margin:0 2%;
    float: left;
}

.cont_btn02{/*290 1020*/
    width:46%;
    margin:0 2%;
    float: left;
}
input.cont_btn03{
	width:80%;
	margin:0 10%;
}

.cont_btn02 img,
.cont_btn03 img{
    width:100%;
}

input.cont_btn02{
    width:46%;
    margin:0 2%;
}

input[type=radio] {
    width: 22px;
    height: 22px;
    vertical-align: middle;
}

.thank{
    padding:5em 0 3em;
}

.cont_btn04{/*660 1200*/
    width:55%;
    margin:0 auto 15em;
}


@media (min-width : 768px) {

.re_cont_bk{
    background: url(../img/cont_bk.jpg) no-repeat center bottom;
    background-size: contain;
    background-color:#001A66;
}
    
/*===============
    トップページ
===============*/
    
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    メールフォーム
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.cont01_01{/*1020 1200*/
    width:85%;
    margin:0 auto;
}

.mail01_01 dl{
	padding:1em 0;
}
    
.mail01_01 dt{
	padding:0;
	margin:0.6em 0;
	width:20%;
	float:left;
	
}
.mail01_01 dd{
	width:78%;
	margin:0 1%;
	float:left;
	
}

input.text01,
input.text02,
textarea.text01,
textarea.text02{
}
    
input.text01,
textarea.text01{
	width:90%;
}
input.text02,
textarea.text02{
	width:30%;
}
select.text01{
	width:30%;
}
select.text02{
	width:60%;
}

input.cont_btn02{/*290 960*/
	width:30.20833%;
	margin:0;
}
.cont_btn02{
	width:30.20833%;
	margin:0 2%;
}
input.cont_btn03{/*660 960*/
	width:68.75%;
	margin:0;
}


}



@media (min-width : 1200px) {
.top01_01{
	width:80%;}

}