body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	background: #fff;
	color: #4d4d4d;
}
a {
	color: #DA4337;
	font-style: normal;
	text-decoration: underline;
}
a:link {
	color: #DA4337;
	font-style: normal;
	text-decoration: underline;
}
a:visited {
	color: #DA4337;
	text-decoration: underline;
}
a:hover {
	color: #DA4337;
	font-style: normal;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}
/*

width

*/

.w6_4p {
	width: 6.4%;
}
.w26_9p {
	width: 26.9%;
}
.w33_3p {
	width: 33.3%;
}
/*

align

*/
.tL {
	text-align: left !important;
}
.tC {
	text-align: center;
	margin: 0 auto;
}
.tR {
	text-align: right !important;
}
.tx_red {
	color: #ff545e;
}
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}
/*

basic

*/

.bg_white {
	background: #fff;
}
.bg_begie {
	background: #FFFCF2;
}
.bg_green {
	background: #fefdf0;
}
.marker_yellow {
	background: linear-gradient(transparent 50%, #ffff00 0%);
}
hr.hr_green {
	clear: both;
	max-width: 100%;
	height: 0;
	margin: 4rem auto;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #001635;
	border-left: 0;
}
.tx_white {
	color: #fff;
}
.bold {
	font-weight: 600;
}
.font_s {
	font-size: .83em !important;
}
.font_l {
	font-size: 1.3em !important;
}
.font_ll {
	font-size: 1.6em !important;
}
.p2rem {
	padding: 2rem;
}
.p3_3em {
	padding: 3.3em;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb_1em {
	margin-bottom: .1em !important;
}
.mb1em {
	margin-bottom: 1em !important;
}
.mb2em {
	margin-bottom: 2em !important;
}
.mb4em {
	margin-bottom: 4em !important;
}
/*

information

*/

dl.dl_dt {
	width: 100%;
	margin: 0 0 1em 0;
}
dl.dl_dt:after {
	content: " ";
	display: block;
	clear: both;
}
dl.dl_dt dt {
	display: block;
	width: 7em;
	clear: left;
	float: left;
	font-weight: normal;
 margin-bottom:.3rem;
}
dl.dl_dt dd {
	display: block;
	width: calc(100% - 7em);
	float: left;
 margin-bottom:.3rem;
}
/*

card 
_____________________________*/


a.card {
	text-decoration: none !important;
}
a.card .card-section, .card .card-section {
 padding:.3rem .8rem;
}
a.card .card-section h3, .card .card-section h3 {
	font-size: 1.3em !important;
	margin: 0;
	padding: 0;
}
a.card .card-section p, .card .card-section p {
	color: #555;
	line-height: 1.3;
	margin-bottom: .3em;
}
a.card:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
/*

table
_____________________________*/

table tbody td, table tbody th {
	text-align: left;
}
table tbody tr:nth-child(even) {
	background: #edf2f7;
}
/*

button
_____________________________*/


.button {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 1rem 0;
	font-family: inherit;
	-webkit-appearance: none;
	border: 1px solid transparent;
	border-radius: 3px;
	transition: background-color .25s ease-out, color .25s ease-out;
 font-size: .9rem;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	background-color: #046fd5;
	color: #fff;
	padding: 12px 20px;
	border-radius: 20px;
}
a.button {
	color: #fff;
	text-decoration: none;
}
a.button:hover {
	background-color: #046fd5;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
/*

margin
_____________________________*/

.mr05 {
	margin-right: 5px;
}
.pink {
	color: #046fd5 !important;
}
/*

header
______________________________*/


header h1 {
	font-size: 1rem;
	font-weight: normal;
	text-align: center;
	margin: 0;
	line-height: 1;
	color: #fff;
}
header {
 padding:.83rem;
 background:#001635;
}
/*

firstview
______________________________*/


.firstview {
	background: url(../img/first_view_bg.png) bottom center;
	background-position: center;
	background-size: cover;
	padding: 0 0 160px 0;
}
.firstview h2 {
	margin: 0 0 1rem 0;
	padding: 0;
}
.firstview h2 span {
	display: none;
}
.firstview_p {
	padding: 1rem 2rem;
}
.firstview p {
	font-size: 1.375rem;
	line-height: 1.8;
	color: #fff;
	font-weight: 600;
}
.firstview p span {
	color: #FFE17E;
}
p.firstview_sub {
 font-size:.75rem;
}
img.firstview_eap {
	width: 26%;
}
/*

cont_1

_________________________*/



.firstvie_illust {
	position: relative;
	top: -120px;
	right: 0;
	float: right;
	width: 27.6%;
}
.cont_p {
	padding: 3.4375rem 0;
}
.cont_1 h3 {
	font-size: 1.625rem;
	color: #001635;
	font-weight: 600;
}
.cont_1 ul {
	position: relative;
	margin: 1rem 0 2rem 0;
}
.cont_1 ul li {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.5;
	padding: 0.5rem 0;
	list-style-type: none;
	background: url(../img/ico_ballon.png) no-repeat;
	background-size: 28px 19px;
	background-position: 0 4px;
 padding:0 0 .83rem 2.5rem;
}
/*

cont_2

_________________________*/

.cont_2 h4 {
	font-size: 1.25rem;
	color: #001635;
	font-weight: 600;
}
.cont_2 span.furigana {
	font-size: 1rem;
	font-weight: normal;
}
.contact_tit {
	background: #001635;
	color: #fff;
	font-size: 1rem;
	padding: 3px 0;
	text-align: center;
	margin: 0 0 10px 0;
}
.contact_open {
	font-size: 1.1rem;
	text-align: justify;
}
.contact_add {
	font-size: 0.875rem;
	text-align: justify;
}
.contact_tel {
	font-size: 2.25rem;
	color: #001635;
	font-family: Arial, Helvetica, sans-serif;
}
.contact_tel::before {
	display: none;
	font-family: "Font Awesome 5 Solid"; /*フォント名注意*/
	content: "\f2a0";
}
.contact_tel .svg-inline--fa {
 margin-right: .3rem; /*アイコンとテキストの間調整*/
}
a.contact_btn {
	background: #DA4337;
	color: #fff;
	display: block;
 padding: 1.9rem .5rem;
 margin: .7rem 0 0 0;
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-weight: 600;
}
a.contact_btn::after {
	display: none;
	font-family: "Font Awesome 5 Solid"; /*フォント名注意*/
	content: "\f105";
}
a.contact_btn .svg-inline--fa {
 margin-left: .3rem; /*アイコンとテキストの間調整*/
}
h3.tit1 {
	color: #fff;
	background: #001635;
	background-image: url(../img/tit_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 45px;
	font-size: 2rem;
	line-height: 2.4;
 padding:.3rem 2rem;
	margin-bottom: 3.125rem;
}
h3.tit1:after {
	content: " ";
	display: block;
	clear: both;
}
h3.tit1 img {
	float: right;
	width: 13%;
}
h3.point {
	background: url(../img/ico_point.png);
	background-repeat: no-repeat;
	background-size: 107px;
	background-position: left top;
	color: #DA4337;
	line-height: 3.4;
	padding: 0 0 0 130px;
	font-size: 2rem;
}
.point_txt {
	font-size: 1rem;
	padding: 0 0 0 130px;
}
.point_txt h4, h4.tit1 {
	font-size: 1.25rem;
	font-weight: 600;
	color: #001635;
}
.arrow_box {
	position: relative;
	background-color: #fff;
	border: 1px solid #001635;
	text-align: center;
	margin: 0 0 50px 0;
	font-size: 1.25rem;
	font-weight: 600;
	color: #001635;
	padding: 2rem;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 6rem;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 12px;
	margin-left: -12px;
}
.arrow_box:before {
	border-color: rgba(175, 196, 41, 0);
	border-top-color: #001635;
	border-width: 13px;
	margin-left: -13px;
}
.arrow_box span {
	display: block;
	color: #333;
	font-size: 1rem;
	font-weight: normal;
}
.arrow1 {
	background-image: url(../img/no1.png);
}
.arrow2 {
	background-image: url(../img/no2.png);
}
.arrow3 {
	background-image: url(../img/no3.png);
}
.arrow4 {
	background-image: url(../img/no4.png);
}
.arrow5 {
	background-image: url(../img/no5.png);
}
.staff_bg {
	background-image: url(../img/staff_bg.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}
footer {
	background: #001635;
	color: #fff;
	padding:.4rem;
	font-size: 0.75rem;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}


br.pc_only{
	display:block;
}
br.sp_only{
	display:none;
}

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

br.pc_only{
	display:none;
}
br.sp_only{
	display:block;
}

.contact_open{
	font-size:0.687rem;	
}
header h1,
.firstview p,
p,
.cont_2 span.furigana,
dl.dl_dt,
.contact_add,
a.contact_btn,
.point_txt,
.arrow_box span{
	font-size:.75rem;
}

.cont_1 h3,
.cont_1 ul li,
.cont_2 h4,
.contact_tit,
.point_txt h4,
h4.tit1,
.arrow_box{
	font-size:.875rem;
}


header {
 padding:.43rem;
}
.firstvie_illust {
    top: -60px;
}
.firstview_p{
	padding:.5rem 0;
}


.cont_p {
    padding: 1rem 0;
}


hr.hr_green {
    margin: 1rem auto;
}

.contact_tel {
	font-size:1.3rem;
}

a.telhref{
	color: #001635;
	font-style: normal;
	text-decoration: none;
}
a:link.telhref{
	color: #001635;
	font-style: normal;
	text-decoration: none;
}
a:visited.telhref{
	color: #001635;
	text-decoration: none;
}
a:hover.telhref{
	color: #001635;
	font-style: normal;
	text-decoration: none;
}
a:active.telhref{
	text-decoration: none;
}

a.contact_btn{
    padding: 1rem .25rem;
    margin: .2rem 0 0 0;
}

h3.tit1{
	line-height:1.2;
    padding: .3rem 1rem;
	background-size: 20px;
	margin-bottom: 1rem;
}

h3.point {
    background-size:40px;
    line-height:3;
    padding: 0 0 0 50px;
}
.point_txt {
    padding: 0 0 0 50px;
}

.cont_1 ul li{
    line-height: 1.5;
    padding: 0.5rem 0;
    background-size: 14px 12px;
    background-position: 0 4px;
    padding: 0 0 .4rem 1.5rem;	
}

.arrow_box {
    margin: 0 0 50px 0;
    padding: 1rem;
    background-size: 2rem;
}

}


@media screen and (min-width: 768px) and (max-width: 1023px) {
a.telhref{
	color: #001635;
	font-style: normal;
	text-decoration: none;
}
a:link.telhref{
	color: #001635;
	font-style: normal;
	text-decoration: none;
}
a:visited.telhref{
	color: #001635;
	text-decoration: none;
}
a:hover.telhref{
	color: #001635;
	font-style: normal;
	text-decoration: none;
}
a:active.telhref{
	text-decoration: none;
}

a.contact_btn{
    padding: 1rem .25rem;
    margin: .2rem 0 0 0;
}

.contact_tel{
	font-size:1.6rem;	
}
.contact_open,
.contact_add{
	font-size:.75rem;	
}
.cont_p {
    padding: 2rem 0;
}
hr.hr_green {
    margin: 2rem auto;
}
br.pc_only{
	display:none;
}