@charset "utf-8";
*{
	box-sizing: border-box;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
body,h1,h2,h3,h4,h5,form,ul,li,p,figure{
	list-style: none;
	padding: 0;
	margin: 0
}
body{
	background: #EEEEEE;
	color: #333;
}
main{
	background: #FFF;
	padding: 0;
}
input[type=text],
input[type=email],
input[type=tel],
textarea{
	border: 1px solid #ccc;
	padding: 12px;
	border-radius: 4px;
	width: 100%;
	outline: none;
	font-size: 16px;

}
.center{ text-align: center; }
.error{
	color: red	
}
.center{ text-align:center; }
.inner{
	width: 1200px;
	margin: 0 auto 50px auto;
}
.inner2 {
	width:1200px;
	padding: 3rem 6rem;
	margin: 0 auto 50px auto;

	border-radius: 10px;
	border:3px solid #041C75;
	box-shadow: 3px 3px 0 #eee;

}
.btn1{
	display: block;
	width: 180px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background: #041C75;
	border-radius: 4px;
	color: #FFF;
	border: none;
	padding: 15px;
	line-height: 1;
	margin: 0 auto 40px auto;
	text-decoration: none;
}
#privacy{
	font-size: 14px;
	height: 300px;
	overflow-y: auto;
	width: 100%;
	padding: 15px;
	border: 1px solid #ccc;
	margin-bottom: 30px
}
#privacy p{
	padding-bottom: 15px;
}
.pc{
	display: block
}
.sp{
    display: none;   
}
.note{
	font-size: 12px;
	padding-top: 4px;
}
header{

	width: 100%;
	height: 130px;
	
	position: absolute;
	left: 0;
	top:0;
}
.hdr_entry{
	position: absolute;
	right: 10px;
	top:20px;
	display: block;
	width: 190px;
}
.hdr_entry img{
	width: 100%;
	height: auto
}
header .item1 p{
	font-size: 14px;
	margin-bottom: 8px;
	padding-left: 0px;
	margin-top: 0px;
	font-weight: bold;
	color: #000;
}
#confirm header,#thanks header{
	height: 120px;
}
#confirm main,#thanks main{
	padding-top: 40px;
}
#confirm #logo,#thanks #logo{
	width: 300px;
}
#confirm header .item1 p,
#thanks header .item1 p{
	display: none
}
#logo{
	display: block;
	width: 300px;
}
#logo img{
	width: 100%;
	height: auto
}
header .item2{

}
#hdr_tel{
	display: flex;
	margin-bottom: 15px;
	color: #000;
}
#hdr_tel p{
	background:  #000;
	border-radius: 50px;
	color: #FFF;
	text-align: center;
	line-height: 1;
	width: 215px;
	height: 25px;
	padding: 5px 0;
	font-size: 15px;
	margin-right: 20px;
}
#hdr_tel div{
	font-size: 25px;
	font-weight: bold;
	font-style: italic;
	line-height: 1;
}
#pc_nav{
	display: flex
}
#pc_nav li{
	margin-right: 10px;
}
#pc_nav li a{
	display: block;
	text-decoration: none;
	color: #000;
	background: #fff;
	border-radius: 6px;
	line-height: 1;
	width:143px;
	height: 42px;
	text-align: center;
	font-weight: bold;
	padding-top: 14px;
}
#pc_nav li a:hover{
	background:#F2F5FF;
}
nav,#menu{
	display: none;
}
.bdr{
	width: 80px;
	height: 3px;
	background: #041C75;
	margin: 0 auto 15px auto;
	display: block;
}
#contact .inner2{
	padding-right: 0;
	padding-left: 0;
	padding-top: 40px;
	padding-bottom: 20px;
}
#contact_box{
	display: flex;
	justify-content: space-between;
}
#contact_box .item1{
	width: 50%;
	text-align: center;
	border-right: 3px solid #ccc
}
#contact_box .item1 h2{
	font-size: 30px;
	margin-bottom: 10px
}
#contact_box .item1 div{
	font-size: 16px;
}
#contact_box .item2{
	width: 50%;
	text-align: center
}
#contact_box .item2 h2{
	font-size: 30px;
	margin-bottom: 0px;
	padding: 0;
}
#contact_box .item2 p{
	font-size: 16px;
	padding-bottom: 20px;
}
#contact_box .item2 a{
	width: 50%;
}
footer{
	padding:40px 0;

}
#ftr_logo{
	width: 220px;
	margin: 0 auto 20px auto;
}
#ftr_logo img{
	width: 100%;
	height: auto
}
#ftr_address{
	font-size: 15px;
	text-align: center
}

#copyright{
	font-size: 15px;
	text-align: center
}
.mb30{ margin-bottom: 30px; }
.h2{
	text-align: center;
	background-image: url("../img/bdr.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 16px;
	margin-bottom: 28px;
}
.h2 div{
	font-size: 20px;
	color: #041C75
}
.h2 p{
	font-size: 32px;
}
.h3{
    color: #FFF;
    background: #041C75;
    text-align: center;
    font-size: 28px;
    padding: 14px;
    margin-bottom: 30px;
}
.h4{
	font-size: 24px;
	line-height: 130%;
	text-align: center;
	color: #041C75;
	margin-bottom: 10px;
}
.box1{
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
}
.box1 .item{
	width:33.3%;
	border-right: 1px solid #333;
	padding-right: 30px;
	margin-right: 30px;
}
.box1 .item:last-child{
	border: none;
}
.box1 .item figure{
	margin-bottom: 10px;
}
.box1 .item figure img{
	width: 100%;
	height: auto
}
.box1 .item p{
	font-size: 18px;
}
#intro{
	background: #041C75;
	margin-bottom: 50px;
	padding: 50px 0 30px 0;
}
#intro h2{
	text-align: center;
	font-size: 38px;
	margin-bottom: 30px;
	color: #FFF;
	background-image: url("../img/bdr_wh.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
}
#hbox{
	display: flex
}
#hbox .item1{
	color: #FFF;
	padding-right: 50px;
}
#hbox .item1 p{
	font-size: 18px;
	line-height: 200%;
	margin-bottom: 30px;
}
#hbox .item2{
	width: 350px;
}

#hbox a{
	background: #FFF;
	color:#041C75;
	text-decoration: none;
	border-radius: 30px;
	text-align: center;
	line-height: 1;
	width: 300px;
	height: 45px;
	font-size: 20px;
	font-weight: bold;
	display:block;
	margin: 0 auto;
	padding: 15px 10px 0px 10px;
	background-image: url("../img/arrow_blue.png");
	background-position: right 18px center;
	background-repeat: no-repeat;
	background-size: 10px 20px;
}
#mv{

}
#mv img{
	margin: 0 auto;
	width: 100%;
	height: auto
}
#page_service .service a{ background:#FFE505}
#page_faq .faq a{ background:#FFE505}
#page_recruit .recruit a{ background:#FFE505}
#page_company .company a{ background:#FFE505}

#page_title{
	background:#041C75;
	padding: 70px 0 8px 0;
	margin-bottom: 50px
}
#page_title h1{
	color: #fff;
	font-size: 36px;
	text-align: center;
	line-height: 1;
	margin-bottom: 5px;
}
#page_title p{
	color: #fff;
	font-size: 13px;
	text-align: center;
	margin-bottom: 34px;
	letter-spacing: 2px;
}
#topic_pass{
	text-align: right;
	color: #FFF;
	font-size: 13px;

}
#topic_pass a{
	color: #FFF;
	font-size: 13px;
	text-decoration: none;
}
.txt1{
	text-align: center;
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 180%
}
#nayamibox{
	display: flex;
	padding: 20px 20px;
	background: #FBFDFC;
	border:4px solid #EEEEEE;
	justify-content: space-between;
	margin-bottom: 40px;
}
#nayamibox .item1{
	padding: 30px 0 0 20px;;
	width: calc( 100% - 360px);
}
#nayamibox .item2{
	width: 360px;
	text-align: right
}
#nayamibox .item2 img{
	width: 90%;
	height: auto
}
#nayamibox h3{
	font-size: 26px;
	color: #085E00;
	margin-bottom: 20px;
}
#nayamibox ul{

}
#nayamibox li{
	font-size: 20px;
	padding: 15px;
	border-bottom: 1px solid #ccc;
}
#nayamibox li:last-child{
	border: none
}
#slist{

}
#slist li{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #041C75;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#slist li:last-child{
	border: none
}
#slist .item1{
	width: 387px;
	padding-top: 15px;

}
#slist .item1 img{
	width: 93%;
	height: auto
}
#slist .item2{
	width: calc(100% - 387px);
	padding-top: 30px;
}
#slist .item2 h3{
	font-size: 26px;
	margin-bottom: 10px;
	border-left: 5px solid #041C75;
	padding-left: 8px;
	line-height: 1;

}
#slist .item2 p{
	font-size: 18px;
	line-height: 180%;
}
#faq_list{
	padding-bottom: 50px;
}
#faq_list .item{
	
}
#faq_list .q{
	display: flex;
	margin-bottom: 10px;
	padding: 20px 10px 10px 10px;
	font-weight: bold;
	border-top: 1px dashed #041C75;
}
#faq_list .item:first-child .q{
	border: none;
}
#faq_list .q div,
#faq_list .answer .inr div{
	color: #041C75;
	font-size: 47px;
	width: 60px;
	font-weight: bold;
	line-height: 1;
	text-align: center
}
#faq_list .q p,#faq_list .answer p{
	padding-top: 14px;
	padding-left: 10px;
	font-size: 20px;
	width: calc(100% - 60px - 62px);
}
#faq_list .answer p{
	font-size: 17px;
}
#faq_list .answer{
	display: none;
	margin-bottom: 20px;
}
#faq_list .answer .inr{
	display: flex;
	background: #F5F5F5;
	padding: 10px;

}
#faq_list .answer .inr div{
	color: #A12828;

}
#faq_list .q a{
	text-decoration: none;
	display: block;
	width: 62px;
}
#faq_list .q a img{
	width: 100%;
	height: auto;
}
.faq_close{
	display: none 
}
#page_mv{
	margin-top: -50px;
	margin-bottom: 50px;
}
#youtube{
	background: #333;
	padding: 30px;
	margin-bottom: 40px;
}
.youtube {
	position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.ta1{
	width: 100%;
	margin-bottom: 40px;
}
.ta1 td,.ta1 th{
	padding: 15px;
	border-bottom: 1px dashed #333;
}
.ta1 th{
	background: #eee;
	width: 200px;
}
@media screen and (max-width: 768px) {
	.pc{
		display: none;
	}
	.sp{
		display: block
	}

	.inner{
        width: 92%;
		margin: 0 auto
	}
.inner2 {
        width: 92%;
	padding: 2rem 10px 1rem 10px;
	margin: 0 auto 30px auto;

	border-radius: 10px;
	border:3px solid #041C75;
	box-shadow: 3px 3px 0 #eee;

}
    header{
        border-top: 6px solid #041C75;
        height: 90px;

    }

.hdr_entry{
	position: absolute;
	right: 5px;
	top:35px;
	display: block;
	width: 110px;
}
    #logo{
        display: block;
        width: 210px;
		margin-left: -5px;

    }
    #logo img{
        width: 100%;
        height: auto
    }

	#confirm #menu,#thanks #menu{
		display: none
	}
	#menu img{
		width: 100%;
		height: 100%;
	}


    #mv img{
        width: 100%;
		height: auto;
		vertical-align: bottom
    }
    #intro{
		width: 100%;
        margin-bottom: 50px;
        justify-content: space-between;
        padding: 50px 0 30px 0;
    }
    #intro h2{
        text-align: center;
        font-size: 22px;
		line-height: 140%;
        margin-bottom: 20px;
        color: #FFF;
        padding-bottom: 15px;
    }
	#intro .item1{
		width: 100%;
		padding: 0 ;
	}
	#intro .item2{
		width: 100%;
		text-align: center;
		padding-top: 30px;
	}
	#intro img{
		width: 80%;
		height: auto
	}
	#hbox{
		flex-wrap: wrap;
	}

    .h2{
        text-align: center;
        background-image: url("../img/bdr.png");
        background-repeat: no-repeat;
        background-position: center bottom;
        padding-bottom: 16px;
        margin-bottom: 21px;
    }
    .h2 div{
        font-size: 18px;
        color: #041C75
    }
    .h2 p{
        font-size: 25px;
		line-height: 130%;
    }
    .h3{
        color: #FFF;
        background: #041C75;
        text-align: center;
		font-size: 26px;
		padding: 12px;
		margin-bottom: 10px;
    }
    .h4{
        font-size: 23px;
        line-height: 130%;
        text-align: center;
        color: #041C75;
        margin-bottom: 10px;
    }
	.box1{
		display: block;

	}
	.box1 .item{
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0 ;
		border: none
	}
	.box1 .item img{
		width: 90%;
		height: auto;
		margin: 0 auto
	}


#nayamibox{
	display: block;
	padding: 0px 10px;

	border:4px solid #EEEEEE;
	margin-bottom: 30px;
}
#nayamibox .item1{
	padding: 20px 0 0 0px;
	width: 100%;
}
#nayamibox .item2{
	width: 100%;
	text-align: center
}
#nayamibox .item2 img{
	width: 70%;
	height: auto
}
#nayamibox h3{
	font-size: 24px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 120%;
}
#nayamibox ul{

}
#nayamibox li{
	font-size: 18px;
	padding: 15px;
	border-bottom: 1px solid #ccc;
}

#slist{

}
#slist li{
	display:block;
	justify-content: space-between;
	border-bottom: 1px solid #041C75;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#slist .item1{
	width: 100%;
	padding-top: 15px;
}
#slist .item1 img{
	width: 93%;
	height: auto;
	margin-bottom: 10px;
}
#slist .item2{
	width: 100%;
}
#slist .item2 h3{
	font-size: 24px;
	margin-bottom:9px;
	padding-left: 0;
	text-align: center;
	border: none;
	color: #041C75
}
#slist .item2 p{
	font-size: 18px;
	line-height: 180%;
}
#page_title{
	padding: 30px 0 12px 0;
	margin-bottom: 30px
}
#page_title h1{
	font-size: 27px;
	margin-bottom: 5px;
}
#page_title p{
	color: #fff;
	font-size: 10px;
	text-align: center;
	margin-bottom: 7px;
	letter-spacing: 2px;
}
#page_mv{
	margin-top: -30px;
	margin-bottom: 30px;
}
#topic_pass{
	display: none
	}
.txt1{

	margin-bottom: 30px;
	font-size: 16px;
	line-height: 180%
}
#faq_list .item{
	
}
#faq_list .q{
	display: flex;
	margin-bottom: 10px;
	padding: 20px 10px 10px 10px;
	font-weight: bold;
	border-top: 1px dashed #041C75;
}

#faq_list .q div,
#faq_list .answer .inr div{
	color: #041C75;
	font-size: 32px;
	width: 40px;
	font-weight: bold;
	line-height: 1;
	text-align: left
}
#faq_list .q p,#faq_list .answer p{
	padding-top: 7px;
	padding-left: 0px;
	font-size: 20px;
	width: calc(100% - 40px - 42px);
}
#faq_list .answer p{
	font-size: 17px;
}
#faq_list .answer{
	display: none;
	margin-bottom: 20px;
}
#faq_list .answer .inr{
	display: flex;
	background: #F5F5F5;
	padding: 10px;

}
#faq_list .answer .inr div{
	color: #A12828;

}
#faq_list .q a{
	text-decoration: none;
	display: block;
	width: 42px;
}
#faq_list .q a img{
	width: 100%;
	height: auto;
}
.faq_close{
	display: none 
}
#youtube{
	background: #333;
	padding: 0px;
	margin-bottom: 30px;
}
	.ta1 th, .ta1 td{
		
		display: block;
		width: 100%;
	}
#contact_box{
	display:block;
	justify-content: space-between;
}
#contact_box .item1{
	width: 100%;
	border-right:none
}
	#contact_box .item2 h2 a{
		color: #000!important;
		text-decoration: none!important
	}
#contact_box .item1 h2{
	font-size: 30px;
	margin-bottom: 10px
}
#contact_box .item1 div{
	font-size: 16px;
}
#contact_box .item2{
		width: 100%;
	text-align: center
}
#contact_box .item2 h2{
	font-size: 30px;
	margin-bottom: 0px;
	padding: 0;
}
#contact_box .item2 p{
	font-size: 16px;
	padding-bottom: 20px;
}
#contact_box .item2 a{
	width: 50%;
}
}