@charset "UTF-8";
/* CSS Document */

/* reset----------------------------------------------------------------- */
#container {
	overflow:hidden;
}
.bg {
	background-color:#fff;
}
@media (min-width:741px) {
	.bg {
		background: #eee;
	}
}
ul, menu, dir {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: bold;
}
h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
a {
	text-decoration: none;
}
p {
    display: block;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
/*inviewスクロール要素表示*/
.list{
	list-style-type: none;
	overflow: hidden;
}
.list li{
	transition: .8s;
}
.list-mv02{
	opacity: 0;
}
.mv02{
	opacity: 1.0;
}
.switch {
    visibility: hidden;
}
/*pagetop-button*/
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 60%;
}
#page-top a {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #B5881C;
    width: 65px;
    padding: 25px 0;
    text-align: center;
    display: block;
    border-radius: 50%;
    border: 2px solid #B5881C;
}
#page-top a:hover {
    text-decoration: none;
    background: #B5881C;
	color: #fff;
}
img{
    max-width: 100%;
    height: auto;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* sp----------------------------------------------------------------- */
body {
	width: 100%;
	max-width: 740px;
	margin: auto;
}
header {
    width: 100%;
    display: inline-block;
	border-top: none;
}
h1 img {
	width: 60%;
    margin: 0%;
}
ul#nav {
	display: none;
}
#main {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.bg1 {
	background-color: #fff;
	width:100%;
}
.main-img {
    padding: 35px 0 200px;
}

.office {
    width: 100%;
    margin: 5% auto;
	line-height: 2.5em;
}
/* ヘッダー
-----------------------------------------------------------------------------------*/
.wrapp{
    width: 100%;
}
.cont_def{
    width:100%;
    margin:auto 0;
    font-family: YuGothic,'Yu Gothic','Yu Gothic UI','ＭＳ ゴシック','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
    line-height: 1.5;
}

#top_header {
    width: 100%;
    margin:0 auto;
    display: inline-flex;

}
#top_header img{
    float:left;
}
/* ランディングページ
-----------------------------------------------------------------------------------*/
.top-box{
    width:90%;
    margin:1.5em auto 0.5em;
    line-height: 1.5;
    font-family: YuGothic,'Yu Gothic','Yu Gothic UI','ＭＳ ゴシック','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}
.top-box p{
    color: #000;
    font-size:0.9em;
}
p.top-title{
    font-size:1.5em;
    font-weight: bold;
    border-bottom:1px solid #000;
    margin:0.5em 0;
}
p.raizyou-font{
    font-size:2em;
    font-weight: bold;
    color: #b5001f;
    border-bottom:1px solid #000;
    margin-top:0.5em;
}
p.yoyaku{
    width: 100%;
    padding: 1.5em 0;
    margin: 0.5em 0;
    background-color: #002870;
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
    letter-spacing: 0.08em;
}
p.tokoro{
    width: 100%;
    background-color: #595757;
    padding: 0.3em;
    color: #fff;
}
.img-space{
    width: 100%;
    margin:0.5em 0;
}
.img-space img{
    margin-top:0.5em;
}
.midokoro{
    width: 100%;
    margin:0 auto;
    background-color:#e8e9eb;
    padding-bottom:1em;
}
.midokoro p{
    font-size:1.3em;
    font-weight: bold;
    color: #000;
    margin:1em 0 0;
}
#setumei{
    width: 100%;
    margin:2em auto;
}
.setumei-box{
    width: 90%;
    margin:1em auto;
}
.setumei-box p{
    font-weight: bold;
    color: #000;
    font-size: 1.1em
}
.setumei-box p.sub-title{
    font-size:3em;
    color: #fff;
    margin:0.2em auto;
}
.grey-p{background-color: #787780}
.blue-p{background-color: #5eabd4}
.pink-p{background-color: #ce7eb1}
.green-p{background-color: #84c03d}
.orange-p{background-color: #f29518}



a:hover {
    opacity:0.7;
}
.office{
    width: 100%;
    padding:1%;
    margin:0 auto;
}
.clear{clear: both;}

/* .img_pc{display:none!important;}
.img_sp{display:block!important;} */

/* 定義----------------------------------------------------------------- */


/* =======================================
    ClearFixElements
======================================= */
#loopslider2 ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

#loopslider2 ul {
    display: inline-block;
    overflow: hidden;
}

/* tenji_btn
---------------------------------------------*/
#tenji {
	width:100%;
	padding-top: 30px;
}

.tenji_btn {
	width:270px;
	clear: left;
	padding-top: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.tenji_btn ul {
	list-style-type: none;
}
.tenji_btn li {
	padding-bottom: 15px;
}

#tenji2 {
	width: 100%;
	padding-top: 30px;
}

.tenji2_btn {
	width: 100%;
	padding:0px;
}
.tenji2_btn ul {
	list-style-type: none;
}
.tenji2_btn li {
	display: block;
	float: none;
	background-color: #1b61af;
	width:100%;
	height:auto;
	margin-bottom: 10px;
}
.tenji2_btn a:link {
    font-size:120%;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	width:100%;
	height:auto;
	padding-top:15px;
	padding-bottom:15px;

}
.tenji2_btn a:visited {
	color: #FFFFFF;
}
.tenji2_btn a:hover {
	color: #FFFFFF;
	background-color: #339de6;
}

.tenji_title {
	padding-bottom: 5px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #0082a6;
	padding-top :5px;
	padding-bottom :5px;
	width: 100%;
	font-size: 130%;
}
.tenji_btn_mr {
	margin-right: 0;
}

.bunjyotitle {
	background-color:#000;
	 width:100%; color:#fff;
	 font-size:16px;
	 font-weight:bolder;
	 padding:3px;
	 margin-bottom:20px;
	 margin-top:30px;
	 margin:auto;
}
.top_return {
	width
    text-align: right;
    margin-right: 5px;
    padding-top: 5px;
}
.top_return img{
	width:85px;}


.spbtn_box{
    background-color: #D4396E;
    margin-bottom: 30px
}


.bnr{
    width:90%;
    margin:10px auto 0px;
}


.bnr:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    }

.bnr02{
    width:90%;

}
.bnr02:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    }

.bnr03:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    }


#header {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 30px;
    width: 100%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}