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


/* ----------------------------------------------------
   common setting
------------------------------------------------------- */

/* basic setting:
--------------------------------------------*/


body {
	font-size: 90%;
	letter-spacing: 0;
}

.flex.off{display: block;}
.flex.off > *{width: 100%!important;}

/* header setting :
--------------------------------------------*/

#header > a {
    margin: auto 1em;
}

#header nav ul li a{
	text-align: center;
	padding: 0.5em;
	min-height: 50px;
	height: 100%;
}

#header nav ul li a img{
	margin: auto;
}

#header nav .shinkoku_link a {
	font-size: 0.6rem;
	line-height: 1rem;
	min-width: 80px;
}
#header nav .shinkoku_link a img {
	max-width: 30px;
}

/* main setting :
--------------------------------------------*/

/*---- main_v ----*/
#main_v_questionnaire h1 {
	font-size: 1rem;
	line-height: 1.5em;
}

.nav ul{
	flex-wrap: wrap;
}
.nav li{
	width: 50%;
}

.nav li:nth-child(-n+4) a,
.nav li:nth-child(-n+4) span {
	border-bottom: solid 1px #3774c7;
}
.nav li:nth-child(even) a{
	border-right: solid 1px #3774c7;
}

.nav li a:hover,
.nav li a{
	background-size: 20px;
}


h2{
	font-size: 150%;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
}
h2 .border_r{
	border-radius: 20px;
	padding: 0.1em 1em;
}

.contents p{
	margin: 0 1em 1em;
}

.lnk1 a,
.lnk2 a,
.lnk1 span.box_a {
	padding: 1.5em 1.5em 1.5em 1em;
}

.lnk1 a,
.lnk2 a,
.lnk1 a:hover,
.lnk2 a:hover,
.lnk1 span.box_a {
	background-size: 20px;
}

.w35.off,
.w49.off,
.w50.off,
.w60.off,
.w65.off {width: 100%!important;margin-right: 0!important;}



/* orientation setting :
--------------------------------------------*/

#orientation {padding: 2em 1em 1em 1em;}

#movie {padding: 1em 1em 2em 1em}

#manual,
#download,
#onlinesite,
#payeasy,
#todoke {
	padding: 1em;
}
#manual{
	padding-bottom: 0;
}

#orientation {
	border-right: none;
}

.box {
	padding: 1em;
}
.box h3 {
	padding-left: 4.5em;
	background-size: 50px!important;
	min-height: 50px;
	margin-bottom: 1em;
	line-height: 1.5em;
	font-size: 100%;
}




/* manual setting :
--------------------------------------------*/

#manual #tebiki{background: #ffffff url("../img/tebiki_cap.png") no-repeat bottom 50% right 45px;background-size: 90px;}
#manual #case_study{background: #ffffff url("../img/ml_blu.png") no-repeat bottom 50% right 45px;background-size: 90px;}
#manual #keisan{background: #ffffff url("../img/keisan_cap.png") no-repeat bottom 50% right 45px;background-size: 90px;}
#manual #tebiki a,
#manual #case_study a,
#manual #keisan a{padding: 2em 11em 2em 1.5em;}



#qa{
	margin-bottom: 1em;
}

/* movie setting :
--------------------------------------------*/

#movie .flex{ justify-content: space-between;}
#movie .w50:first-child{ width: 60%;}
#movie .w50:last-child{width: 37%;}

/* footer setting :
--------------------------------------------*/

#footer .lnkarea{
	padding: 2em 1em;
}
#footer .lnkarea img{
	margin: 0.5em auto 0;
}

#footer .box_blue{
	height: 100%;
}

#footer #copy{
	padding: 1em;
}
#footer #copy p{
	order: 2;
	margin: 0;
	font-size: 80%;
}
#footer #copy .bnr{
	order: 1;
	text-align: center;
	width: 100%;
	display: flex;
	justify-content:center;
	margin-bottom: 0.5em;
}
#footer #copy .bnr a{
	display: block;
	margin: 0 0 0.5em 0!important;
}
#footer #copy .bnr .mgr1em{
	margin-right: 2%!important;
}

/* form setting :
--------------------------------------------*/


#form table th,
#form table td {
	display: block;
	width: 100%;
	padding: 0.5em 0;
}
#form table th{
	border-bottom: dashed 1px #ffffff;
}
#form label{
	display: block;
}

/* スライドバナーCSS上書き :
--------------------------------------------*/

.internal .pagiNation{
	padding-right: 1rem;
}

.square .pagiNation .pnNav a {
	width: 0.4rem;
	height: 1.5rem;
}
.square .pagiNation .pnNav{
	margin-bottom: 5px;
}

#information .mgl2per{margin-right: 0;}
#information .lnk1{
	width: 100%;
}
#information .lnk1 a{
	display: block;
}