@charset "utf-8";

/* all_wrap
-------------------------------------------------------------------*/
#all_wrap {
	width:100%;
	text-align:left;
	font-size:100%;
}

.site_area {
	width:1000px;
	margin:0 auto;

}
@media screen and (max-width:760px) {
	#all_wrap {
		overflow:hidden;
		margin:0 auto;
		width:100%;
	}
}

/* header
-------------------------------------------------------------------*/
#header {
	background: linear-gradient(to bottom, #e0ffff, #87cefa);
}

#logo {
	padding:15px 0;
	background:url(../img/common/) no-repeat center center;
	text-align:center;
}

@media screen and (max-width:760px) {
	#logo img{
		max-width: 35%;
	}
}
/* g_navi
-------------------------------------------------------------------*/
#g_navi {
	background:#FFF;
	opacity: 0.9;
}
	@media screen and (max-width:760px) {
	#g_navi {
		display:none;
	}
}


#g_navi ul {
	width: 100%;
}
#g_navi ul li {
	width: 12.5%;
	float:left;
	text-align:center;
	box-sizing:border-box;
}
#g_navi ul li a {
	display:block;
	padding:15px 23px;
}
#g_navi ul li a:link,
#g_navi ul li a:visited,
#g_navi ul li a:hover {
	text-decoration:none;
}
#g_navi ul li a:hover {
	color:#FFFFFF;
}
#g_navi ul li a span {
	display:block;
	font-size:65%;
}

/* hoverアニメーションdefault */

#g_navi ul li a {
	position: relative;
	z-index: 10;
	overflow:hidden;
	outline:none;
}
#g_navi ul li a::before,
#g_navi ul li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#g_navi ul li a,
#g_navi ul li a::before,
#g_navi ul li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* hoverアニメーション追加 */



#g_navi ul li a::after {
	top: -100%;
	width: 100%;
	height: 100%;
}
#g_navi ul li a:hover::after {
	top: 0;
	left:0;
	background: linear-gradient(to bottom, #0057AE, #003366);
}

/* g_navi_sp
-------------------------------------------------------------------*/

#g_navi_sp {
	display:none;
}
@media screen and (max-width:760px) {
#g_navi_sp {
	display:block;
	background: #FFF;
}
#g_navi_sp dl dt {
	position:relative;
	padding:10px;
	background:#003366;
	color:#FFFFFF;
	font-size:115%;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}
#g_navi_sp dl dt span {
	position:absolute;
	top:14px;
	right:15px;
	display:block;
	width:20px;
	height:20px;
	background:url(../img/common/ico_spnavi_close.png) no-repeat;
	transition: all .4s;
}
#g_navi_sp dl dt.opened span {
	background:url(../img/common/ico_spnavi_open.png) no-repeat;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
#g_navi_sp dl dd ul li {
	border-bottom:#003366 1px solid;
	text-align:left;
}
#g_navi_sp dl dd ul li a {
	padding:15px;
}
#g_navi_sp dl dd ul li a span {
	display:block;
	background:url(../img/common/ico_sparrow_01_01.png) no-repeat right center;
	background-size:9px;
}
}

/**/

.menufixed {
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	box-shadow:2px 2px 12px 2px #333333;
	transition:all 0.2s ease-in-out;
}




/* contents
-------------------------------------------------------------------*/

#jisseki_no1 {
	position:relative;
}
@media screen and (max-width:760px) {
#jisseki_no1 {
	display:none;
}
}

#jisseki_no1 p {
	position:fixed;
	top:15px;
	right:15px;
}


/**/

#contents {
	padding:40px 0 100px;
}
@media screen and (max-width:760px) {
#contents {
	padding:20px 0 60px;
}
}

/**/

#pagetop {
	position:fixed;
	right:20px;
	bottom:20px;
}
@media screen and (max-width:760px) {
#pagetop {
	right:10px;
	bottom:10px;
}
}


/* main_col
-------------------------------------------------------------------*/
#main_col {
	float:left;
	width:700px;
	width:66%;
}
@media screen and (max-width:760px) {
#main_col {
	float:none;
	width:auto;
}
}


/* sub_col
-------------------------------------------------------------------*/
#sub_col {
	float:right;
	width:280px;
	width:32%;
}
@media screen and (max-width:760px) {
#sub_col {
	float:none;
	width:auto;
}
}

/**/

.side_menu {
	padding:1px;
	border:#F2D323 1px solid;
}
.side_menu dt {
	margin-bottom:1px;
	padding:15px;
	background:#34962C;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
.side_menu dd ul li {
	margin-bottom:1px;
	padding-bottom:1px;
	border-bottom:#0B8B0E 1px dotted;
}
.side_menu dd ul li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.side_menu dd ul li a {
	display:block;
	padding:15px;
}
.side_menu dd ul li a:link,
.side_menu dd ul li a:visited,
.side_menu dd ul li a:hover {
	text-decoration:none;
}
.side_menu dd ul li a:hover {
	background:#F5EBD3;
}
.side_menu dd ul li a span {
	display:block;
	padding-left:20px;
	background:url(../img/common/ico_arrow_01_01.png) no-repeat left center;
}



/**/

.side_bnr li {
	margin-bottom:10px;
	text-align:center;
}




/* footer
-------------------------------------------------------------------*/


/* copyright
-------------------------------------------------------------------*/
#copyright {
	padding:15px 0;
	background:#c1da7e;
}
#copyright p {
	color:#FFFFFF;
	font-size:78%;
	text-align:center;
}


/* add css
-------------------------------------------------------------------*/
.title{
	margin-bottom: 10px !important;
	font-size: 38px;
	font-weight: bold;
	color: #ef5a30;
}

.subtitle{
	font-size: 25px;
	font-weight: bold;
	color: #ef5a30;
}
.contents2{
	margin-bottom: 40px !important;
	font-size: 15px;
}

#parallax_04 p{
	margin-bottom: 10px !important;
	font-size: 30px;
}
#parallax_04 h3{
	font-size: 20px;
	background-color:#fff;
	border-radius: 20px;
	text-align:center;
}

.plan_ttl{
	margin-top: 100px !important;
	font-size: 30px;
	font-weight: bold;
	color:#ef5a30;
}

.hojin{
	background-color: #FF5656;
	border-radius: 10px;
	color:#fff;
	font-size: 0.7em;
	margin-left:20px;
	padding: 5px 10px;
}

.katei_hojin{
	background-color: #26547C;
	border-radius: 10px;
	color:#fff;
	font-size: 0.7em;
	margin-left:20px;
	padding: 5px 10px;
}

.katei{
	background-color: #FFD166;
	border-radius: 10px;
	color:#fff;
	font-size: 0.7em;
	margin-left:20px;
	padding: 5px 10px;
}

.jyuyoujikou_pdf{
	font-size: 1.5em;
}

.accshow p{
	font-size: 1.3em;
	margin-bottom: 1.3em;
}

.contents_all_p{
	font-size: 18px;
	padding:10px 0;
}

.br-sp {
	 display:none;
	}

.br-pad {
	 display:none;
	}

.br-pc {
	 display:inline;
	}

@media screen and (max-width:760px){
	.accshow p{
		font-size: 1em;
		margin-bottom: 1.3em;
		text-align: center;
	}
}

/*--------アコーディオンメニュー（料金）-------------
地域を追加する場合は、各クラスも追加してください
*/
/*ボックス全体*/
.accbox_kanto,
.accbox_tyubu{
    margin: 2em 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox_kanto label {
    display: block;
    margin: 10px 0;
    padding : 25px 12px;
    background: #e83843;
    color: #fff;
    font-size:1.8em;
    cursor :pointer;
    transition: all 0.5s;
    border-radius: 10px;
}

.accbox_tyubu label {
    display: block;
    margin: 10px 0;
    padding : 25px 12px;
    background: #f68732;
    color: #fff;
    font-size:1.8em;
    cursor :pointer;
    transition: all 0.5s;
    border-radius: 10px;
}

/*アイコンを表示*/
.accbox_kanto label:before,
.accbox_tyubu label:before {
    padding-right: 8px;
    font-weight: 900;
}

/*ラベルホバー時*/
.accbox_kanto label:hover,
.accbox_tyubu label:hover {
    background :#ff7272;
}

/*チェックは隠す*/
.accbox_kanto input,
.accbox_tyubu input{
    display: none;
}

/*中身を非表示にしておく*/
.accbox_kanto .accshow,
.accbox_tyubu .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    opacity: 1;
}

.accbox_kanto .accshow,
.accbox_tyubu .accshow {
.accbox_kanto .accshow p,
.accbox_tyubu .accshow p {
    margin: 15px 10px}
}

/*アイコンを入れ替える*/
.cssacc:checked + label :before {
    content: '\f078';
}

/*プランのリストタグ*/
.accshow ul {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  font-size: 1.5em;
}

.accshow ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: square !important;
}

.accshow a {
	text-decoration: none;
}


@media screen and (max-width:760px){
	.accbox_kanto label,
	.accbox_tyubu label{
		font-size: 1.2em;
	}

	.accshow li{
		font-size: 15px;
	}
}

/*--------アコーディオンメニュー（料金）ここまで-------------*/

@media screen and (max-width:1024px){
	.title{
		font-size: 33px;
	}
	.br-sp {
		 display:none;
		}

	.br-pad {
		 display:inline;
		}

	.br-pc {
		 display:none;
		}
	}

@media screen and (max-width:760px){
	.title{
		margin-bottom: 10px !important;
		font-size: 24px;
		font-weight: bold;
		text-align:center;
	}
	.subtitle{
		font-size: 17px;
		font-weight: bold;
		text-align:center;
	}
	.contents2{
		margin-bottom: 40px !important;
		font-size: 13px;
	}
	#parallax_04 h3{
		font-size: 20px;
		background-color:#fff;
		border-radius: 20px;
		text-align:center;
	}

	#parallax_04 p{
		margin-bottom: 20px !important;
		font-size: 15px;
		text-align:center;
	}

	.plan_ttl{
		margin-top: 50px !important;
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: bold;
		color:#ef5a30;
		text-align:center;
	}

	.contents_all_p{
		font-size: 13px;
		padding:10px 0;
	}
	.br-sp {
		display:inline;
	}
	.br-pc {
		display:none;
	}
	.br-pad {
		display:none;
	}

}