@charset "utf-8";

/* --------------
 reset
-------------- */
input[type="submit"],label {
	cursor: pointer;
}

/* --------------
 base
-------------- */
.ifsp {display: none !important;}
.ifpcalc { text-align: center; }

a img,
li,
a .inner,
a:before,
a:after {
	-webkit-transition: ease 0.1s ;
	transition: ease 0.1s ;
}
a:hover img,
a:hover:before,
a:hover:after,
li:hover,
a:hover .inner,
.btnLogin a:hover,
.btnList a:hover{
	-webkit-transition: ease 0.4s ;
	transition: ease 0.4s ;
}

a {
	-webkit-transition: background ease 0.1s ;
	transition:background ease 0.1s ;
	-webkit-transition: color ease 0.1s ;
	transition:color ease 0.1s ;
	-webkit-transition: border ease 0.1s ;
	transition:color border 0.1s ;
}
a:hover{
	-webkit-transition: background ease 0.4s ;
	transition: background ease 0.4s ;
	-webkit-transition: color ease 0.4s ;
	transition: color ease 0.4s ;
	-webkit-transition: border ease 0.4s ;
	transition: color border 0.4s ;
}

/* --------------
 modules css
-------------- */
/* ---------- float */
.fll { float: left;}
.flr { float: right;}
.flc { margin-left: auto; margin-right: auto;}

/* ---------- width */
.wd5 {width: 5% !important;}
.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd25 {width: 25% !important;}
.wd30 {width: 30% !important;}
.wd35 {width: 35% !important;}
.wd40 {width: 40% !important;}
.wd45 {width: 45% !important;}
.wd48 {width: 48% !important;}
.wd50 {width: 50% !important;}
.wd55 {width: 55% !important;}
.wd60 {width: 60% !important;}
.wd65 {width: 65% !important;}
.wd70 {width: 70% !important;}
.wd75 {width: 75% !important;}
.wd80 {width: 80% !important;}
.wd85 {width: 85% !important;}
.wd90 {width: 90% !important;}
.wd95 {width: 95% !important;}
.wd100 {width: 100% !important;}



.wd500p { max-width: 500px; }
.wd600p { max-width: 600px;}
.wd640p { max-width: 640px;}
.wd800p { max-width: 800px; }
.wd960p { max-width: 960px; }
.wd1200p { max-width: 1200px; }


/* ----- images */
.imgL {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgR {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* ----- base width */
#siteHeader, #siteFooter {
}
body,
#header,
#footer,
#container{
	width: 100%;
	min-width: 768px;
}

body {
	overflow-x: hidden;
}

.in {
	width: 100%;
	min-width: 768px;
	/*max-width: 1000px;*/
	margin: 0 auto;
}

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

/* =header
-------------------------------------------------------------- **/
#header {
}
/* =siteHeader
---------------------------------------------------- */
#siteHeader {
	position: relative;
	font-size: .9em;
	padding: 0 0 10px 0;
}
#siteHeader h1 {
}
#siteHeader .logo {
	float: left;
	width: 30%;
}
#siteHeader .logo a {
	display: block;
	padding-top: 5px;
}
/* =container
-------------------------------------------------------------- **/
#container {
	min-height: calc(100vh - 300px);
}
.main {
	width: 100%;
}


.contents {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 80px;
	position: relative;
}



hr + .contents {
	margin-top: 30px;
}
.clm2, .clm3, .clm4, .clm5, .clm6,
.clm1-2 {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	margin-left: -10px;
}
.clm2 > * {
	width: calc((100% / 2) - 10px );
}
*::-ms-backdrop, .clm2 > * {
  width: calc(50% - 10px); /* IE11 */
}
.clm3 > * {
	width: calc((100% / 3) - 10px );
}
*::-ms-backdrop, .clm3 > * {
  width: calc(33.33% - 10px); /* IE11 */
}
.clm4 > * {
	width: calc((100% / 4) - 10px );
}
*::-ms-backdrop, .clm4 > * {
  width: calc(25% - 10px); /* IE11 */
}
.clm5 > * {
	width: calc((100% / 5) - 10px );
}
*::-ms-backdrop, .clm5 > * {
  width: calc(20% - 10px); /* IE11 */
}
.clm6 > * {
	width: calc((100% / 6) - 10px );
}
*::-ms-backdrop, .clm6 > * {
  width: calc(16.66% - 10px); /* IE11 */
}

.clm1-2 > *:nth-child(odd) {
	width: calc((100% / 3) - 10px );
}
*::-ms-backdrop, .clm1-2 > *:nth-child(odd) {
  width: calc(33.33% - 10px); /* IE11 */
}
.clm1-2 > *:nth-child(even) {
	width: calc((100% / 3) * 2 - 10px );
}
*::-ms-backdrop, .clm1-2 > *:nth-child(even) {
  width: calc(66.66% - 10px); /* IE11 */
}



.clm2 > *, .clm3 > *, .clm4 > *, .clm5 > *, .clm6 > *,
.clm1-2 > *{
	margin-left: 10px;
}

.clm2 > * >a, .clm3 > * >a, .clm4 > * >a, .clm5 > * >a, .clm6 > * >a,
.clm1-2 > * >a{
	position: relative;
	display: block;
	height: 100%;
}


.ansItemList li {
	display: block;
}


/* =breadcrumb
---------------------------------------------------- */
#breadcrumb li:last-child {
	/*max-width: 40em;*/
}
/* =headline / titles
---------------------------------------------------- */

#map {
	height: 340px;
}


.ansItemList li {
	margin-right: 20px;
}





/* =sidebar
---------------------------------------------------- */

/* =aside
------------------------------------------ */



/* =bnrarea
-------------------------------------------------------------- **/

/* =footer
-------------------------------------------------------------- **/
.footmenu {
	text-align: center;
}
#footNav .footmenu {
	margin: 1% 0;
}
.footmenu li {
	display: inline-block;
	margin: 0 .5em;
}
.footmenu-1 {
	font-size: .8em;
}


@media screen and (max-width: 1200px) { /*以下の時*/
	#footNav {
		margin-right: 70px;
	}
}

/* =siteFooter
---------------------------------------------------- */

/* =copyright
---------------------------------------------------- */

#copyright {
}

/* =pageTop
-------------------------------------------------------------- **/
#pageTop {
}



/* --------------
 page contents
-------------- */
/* = XXX
---------------------------------------------------- */





/* = index
---------------------------------------------------- */
.front_in > div {
	margin: 2em 0;
	width: 80%;
    display: inline-block;
}
/*
.front_in > div:first-child {
    margin: 0 auto 10%;
}
*/

.quesBox dl>*  {
	float: left;
}
.quesBox dt {
    width: 30%;
    margin-right: 20px;
}
.quesBox dd {
    width: 50%;
}



/* = mypage login
---------------------------------------------------- */
.login_form > div {
	width: 80%;
}

.login_form .btn_Red {
	width: 40%;
}
.login_form .btn_Lemon {
	width: 40%;
}



/* =application.php
---------------------------------------------------- */

.app_use dl {
	margin: auto;
}

.app_use dt {
    float: left;
    font-weight: 800;
    text-align: right;
	width: 25%;
}

.app_use dd {
    float: right;
    width: 70%;
    margin-top: 1em;
    padding: 1em;
    border-radius: 4px;
    background: #EEEEEE;
}

.app_use dd img {
	width: 50%;
	display: block;
}

.app_use dd > *{
	display:inline-block;
	vertical-align:top;
}

.br-sp {display: none; }


.front_in{
	margin: 0 auto;
    	padding: 0;
    	position: relative;
    	width: 1000px;
}