@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{
    width: 100%;
    margin-bottom:1em;
    line-height: 1.8;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.top-box{
    width:90%;
    margin:1.5em 0 0;
}
.text-l{text-align: left;}
.text-r{
    text-align: right;
    float: right;
}
.top-box p{
    color: #333333;
    font-size:0.9em;
    margin:0 0.9em;
}
p.top-title{
    font-size:1.3em;
    margin:0.5em;
}
.img-space{
    width: 100%;
    margin:1em auto;
}
.img-space img{
    margin:0.1em 0;
}
#plan{
    width: 100%;
    margin:0 auto;
    line-height: 1.8;
}
#plan p{
    width: 90%;
    color: #333333;
    margin:2em auto;
    text-align: left;
    font-size:0.92em;
    font-weight: bold;
    font-family: YuGothic,'Yu Gothic','Yu Gothic UI','ＭＳ ゴシック','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}
#plan p.menseki{
    font-size:1.1em;
    margin:0em auto;
}
#plan p.plan-title{
    text-align:center;
    font-size:1.2em;
    line-height: 1.5;
    margin:1em auto;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
#plan1,#plan2,#plan3{
    margin:3em 0;
}
.back-gy{
    width: 100%;
    background-color: #e8e9ed;
    padding: 1em 0;
}
.gy-box{
    width: 90%;
    margin:1em auto;
}
#plan .gy-box p{
    margin: 0.3em 0;
    text-align: left;
}

#ziturei{
    width: 100%;
    margin:0 auto;
}
p.ziturei-title{
    width: 70%;
    background-color: #fff;
    margin:0em auto;
    color: #333333;
    font-size:1.8em;
    letter-spacing: 0.08em;
    line-height: 1.8;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.rei-back{
    width: 100%;
    background-color: #1d2b43;
}
.rei-box{
    width: 90%;
    margin:0.7em auto;
    display: inline-block;
}
.rei-box p{
    color: #fff;
    margin:1em auto;
    text-align: left;
    font-size:0.9em;
    font-weight: bold;
    font-family: YuGothic,'Yu Gothic','Yu Gothic UI','ＭＳ ゴシック','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
}
.rei-box p.rei_title{
    color: #fff;
    font-size: 1.4em;
    letter-spacing: 0.08em;
    margin: 1em auto;
    text-align: center;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
.rei-box p.photo-font {
    display: flex;
    align-items: center;
    font-size:1.1em;
    letter-spacing: 0.25em;
    margin: 2.5em 0 1em;
}
.photo-font:before,
.photo-font:after {
    content: "";
    height:1px;
    flex-grow: 1;
    background-color:#666;
}
.photo-font:before {
    margin-right: 1rem;
}
.photo-font:after {
    margin-left: 1rem;
}
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;
}






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;
}