@charset "utf-8";

/* calendar */

#calendar table { margin: 0 auto;}
#calendar table th,
#calendar table td {
	text-align: center;
	padding: .3em .6em;
}


/* info */

#info dl dt {
	float: left;
	clear: left;
	width: 10em;
}
#info dl dd { margin-left: 10em;}


/* product */

#product .items { margin-bottom: 2.3em; text-align: center;}


/* Q&A */

#qa dl { border-bottom: 2px dotted #aaa;}
#qa dl dt.question { border-top: 2px dotted #aaa;}
#qa dl dt.question ,#qa dl dd.answer { padding: .4em 0;}
#qa dl dt.question:before {
	content: 'Q.';
	font-size: 1.3em;
	font-weight: bold;
	padding-right: .5em;
}
#qa dl dd.answer:before {
	content: 'A.';
	font-size: 1.3em;
	font-weight: bold;
	padding-right: .5em;
}


/* blog */

#blog .date { margin-top:1.5em;}
#blog .text { width: 70%; margin-left: 1.3em;}
#blog .flex-wrap{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:single;
    -moz-box-lines:single;
    -webkit-flex-wrap:nowrap;
    -moz-flex-wrap:nowrap;
    -ms-flex-wrap:none;
    flex-wrap:nowrap;
}


/* company */

#company table { width: 100%; border-top: 1px dotted #bbb;}
#company table tr th {
	width: 20%;
	vertical-align: top;
	text-align: left;
	padding: .8em .5em;
	border-bottom: 1px dotted #bbb;
}
#company table tr td {
	padding: .8em .5em;
	border-bottom: 1px dotted #bbb;
}
#company table tr td ul.officer { list-style-type: none;}
#company table tr td ul:not(.officer) { padding-left: 1.2em;}


/* 個人情報保護方針 */

#privacy dl dt {
	display: inline-block;
	border-bottom: 3px solid #305496;
	margin-bottom: .3em;
	font-weight: bold;
	margin-top: 1em;
}
#privacy dl dd ul { margin-left: 1.3em;}

/* contact */

#contact { background-color: #305496; color: #fff; margin-bottom: .5em;}
#contact h2 { padding-top: 2em;}
#contact .form_l ,#contact .form_r { width: 48%;}
#contact #submit { padding: .6em 1.3em; background-color: #fff; border: none;}
#contact input { margin-bottom: 1.3em;}

form input:not([type=radio]):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=button]), form textarea { width: 100%;}
label, input[type='checkbox'] { cursor: pointer;}

/* =============================================================================
▼ @media
==============================================================================*/
@media screen and (min-width: 1200px) {
	#calendar {
		position: absolute;
		top: 0;
		right: 0;
		background-color: #fff;
		opacity: 0.85;
		width: 35%;
		height: 40em;
	}
}
@media screen and (min-width: 641px) {
	#contact .space-between {
	    display:-webkit-box;
	    display:-moz-box;
	    display:-ms-flexbox;
	    display:-webkit-flex;
	    display:-moz-flex;
	    display:flex;
	    -webkit-box-pack:justify;
	    -moz-box-pack:justify;
	    -webkit-flex-pack:justify;
	    -moz-flex-pack:justify;
	    -ms-flex-pack:justify;
	    -webkit-justify-content:space-between;
	    -moz-justify-content:space-between;
	    justify-content:space-between;
	}
}
@media screen and (max-width: 640px) {
	#facebook { display: none;}
	#contact .form_l ,#contact .form_r { width: 100% !important;}
	#calendar cal_wrapper {width: 100% !important;}
}
@media screen and (min-width: 501px) {
	#product .items {
	    display:-webkit-box;
	    display:-moz-box;
	    display:-ms-flexbox;
	    display:-webkit-flex;
	    display:-moz-flex;
	    display:flex;
	    -webkit-box-pack:justify;
	    -moz-box-pack:justify;
	    -webkit-flex-pack:justify;
	    -moz-flex-pack:justify;
	    -ms-flex-pack:justify;
	    -webkit-justify-content:space-between;
	    -moz-justify-content:space-between;
	    justify-content:space-between;
	}
}
@media screen and (max-width: 500px) {
	#product { text-align: center !important;}
	#facebook .fb-page { width: 100% !important;}
}