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

/*-----------------------------
reset
-------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,img,small,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;	padding:0;border:0;outline:0;font-size:100%;background:transparent;line-height:1.0;}th{font-style:normal;font-weight:normal;}ul li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;}body{
font-family:Noto Sans JP;
line-height:1;
font-size:100%;
}nav ul{list-style:none}table{border-collapse:collapse;border-spacing:0;}input,select{vertical-align:middle;}main,article,aside,figure,footer,header,hgroup,nav,section{ display:block;}img{vertical-align:bottom; display:block;width:100%;}.cf:after{content:"";clear:both;display:block;}
sup{vertical-align: super;font-size: small;}

/* ------------------------------
    基本情報
------------------------------ */

html,body{	height:100%;}
html{
	/*font-size:62.5%;*/
    overflow-y: scroll;
}

/*body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 100%;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ＭＳ Ｐゴシック',sans-serif;
	text-align: left;
	color:#333333;
	letter-spacing: 1px;
}*/

body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

.ipad body,
.android body,
.iphone body {
	-webkit-text-size-adjust: 100%;
}
.android h2,
.android h3,
.android ul,
.android dl dt,
.android dl dd,
.android p{
	max-height: 999999px;
}

/* ------------------------------
    base
------------------------------ */

body{
	position: relative;
}

a{
	color: #000;
	text-decoration: none;
}
/**, *:before, *:after {
	box-sizing: border-box;
}*/

img{
	max-width: 100%;
	height: auto;
}

/* ------------------------------
    汎用
------------------------------ */

#mv,#sec1,.privilege,#sec2,#sec3,#sec4,#sec5,#sec6,#sec7,#sec8,#sec9,#sec10,#sec11,#sec12,#sec13,#sec14,#voice,.insta,#appli,#appli2,#pinboke,#qa,.ttlbox_privilege {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}

.btn02{
	position:fixed;
	bottom:0;
	display:none;
	z-index: 100;
	max-width: 1000px;
	width: 100%;
}

/*============================
#mv
============================*/

#mv {
	background: #153c6d;
}
#mv .wrap{
	width: 100%;
	height: auto;
	padding-top: 0;
}

/*============================
#sec1
============================*/

#sec1 {
	background: #153c6d;
}

/*============================
#form
============================*/
#form p{
    text-align:left;
    }

/*============================
privilege
============================*/

.privilege {
	background: #153c6d;
	padding: 15% 0 15%;
}
.privilege .box_privilege {
	width: 95%;
	margin: 0 auto;
	padding-bottom: 2%;
	background: #fff;
	border-radius: 12px;
	box-shadow: 1px 1px 5px 3px rgba(255,255,255,0.5);
}
.privilege h2.ttl_privilege img{
	border-radius: 12px 12px 0 0;
}
.privilege .txt_appli{
	width: 96%;
	margin: 3% auto 6%;
}
.privilege .btn_appli{
	width: 98%;
	margin: 0 auto;
	padding-left: 2.5%;
	animation: upanddown 2s infinite;
}

.privilege .note_appli_1{
	width: 90%;
	margin: 5% auto 0;
	text-align: center;
}

.normal{
	width: 80%;
	margin: 0 auto;
	padding: 50px 0 20px 0;
}

.ttlbox_privilege + .privilege{
	padding: 5% 0;
}

@keyframes upanddown {
	0% {
		transform: translateY(-20px)
	}
	50% {
		transform: translateY(0)
	}
	100% {
		transform: translateY(-20px)
	}
}

/*============================
#sec2
============================*/

#sec2 .wrap {
	width: 100%;
}

/*============================
#sec3
============================*/

#sec3 {
	background: #153c6d;
}
#sec3 .wrap {
	width: 100%;
}

/*============================
#sec4
============================*/

#sec4 .wrap {
	width: 100%;
}
#sec4 .btn_sec4{
	width: 95%;
	margin: 0 auto;
}

/*============================
#voice
============================*/

#sec4 #voice {
	padding-top: 4%;
	display: none;
}

/*============================
#appli
============================*/

#appli {
	margin: 12% auto;
}
#appli .btn_appli{
	width: 98%;
	margin: 0 auto;
	padding-left: 2.5%;
	animation: upanddown 2s infinite;
}

/*============================
#sec5
============================*/

#sec5 .box_sec5 {
	width: 100%;
}

/*============================
#pinboke
============================*/

#pinboke{
	position: relative;
	text-align: center;
}

#pinboke .pinboke_sp {
	position: absolute;
	top: 55%;
  	left: 50%;
  	-ms-transform: translate(-50%,-50%);
  	-webkit-transform: translate(-50%,-50%);
  	transform: translate(-50%,-50%);
  	margin:0;
  	padding:0;
	width: 70%;
}

/*============================
#sec6
============================*/

#sec6 {
	margin: 5% auto 10%;
	padding: 6% 2.5%;
	border: 5px solid #153c6d;
	background: #f8f8f8;
}
#sec6 h2 {
	margin-bottom:10%;
}

/*============================
#sappli2
============================*/

#appli2 .box_appli {
	width: 92%;
	margin: 10% auto 5%;
	padding: 5% 2.5% 1%;
	border: 4px solid #153c6d;
	border-radius: 10px;
}
#appli2 .box_appli .btn_appli {
	width: 102%;
	margin: 8% auto 0;
	animation: upanddown 2s infinite;
}
#appli2 .note_appli_2{
	width: 90%;
	margin: 0 auto;
}

/*============================
#sec7
============================*/

#sec7 {
	background: #153c6d;
	margin: 10% auto;
	padding: 8% 0 ;
}

/*============================
#sec8
============================*/

#sec8 {
	background: #122947;
}

/*============================
#sec9
============================*/

#sec9 {
	background: #153c6d;
}

/*============================
#sec10
============================*/

#sec10 .box_sec10 .boxin_sec10 {
	background: #fff;
}

/*============================
#sec11
============================*/


/*============================
#sec12
============================*/


/*============================
#sec13
============================*/

#sec13 {
	background: #153c6d;
}

/*============================
#sec14
============================*/


/*============================
#qa
============================*/

#qa {
	padding: 15% 0 10%;
}
#qa .btn_qa {
	width: 95%;
	margin: 3% auto;
}
#qa .txt_qa{
	display: none;
}

/*============================
#footer
============================*/

#footer {
	background-color: #000;
	padding: 3% 2.5%;
}

#footer p {
	color: #fff;
	padding: 10px;
	text-align: center;
	font-size: 13px;
}

#footer p:first-child {
	padding-bottom: 0;
}

#footer p a {
	display: block;
	color: inherit;
	margin-left: 1em;
	text-decoration: underline;
}
#footer p a + a {
	margin-top: 3%;
}
#footer p a:first-child {
	margin-left: 0;
}

#copyright{
	font-size: 1.1rem;
	line-height: 1.3;
}


.tel_comment{
    display: none !important;
}


@media only screen and (min-width:600px) {

.contentBox {
	width: 100%;	
}

.wrapBox {
	max-width:800px;
	margin: 0 auto 3%;
}

}