@charset "utf-8";
/*
Theme Name: 東京大学精神科テーマ
Description: 東京大学精神科
Version: 1.0
Author: 株式会社フロンティアクリエイション

Author URI:http://frontier-c.com
*/
/*
Reset
*****************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style: normal; font-size: 100%; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/*
Base
*****************************************/
html {
	width: 100%;
	min-height: 100%;
	font-size: 62.5%;
}
body {
	text-align: justify;
	width: 100%;
	min-height: 100%;
	line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul, ol, li, dl, dt, dd { list-style-type: none; }
img { max-width: 100%; height: auto; }

/*** リンク ***/
a {
	position: relative;
	/*display: inline-block;*/
	z-index: 99;
	color: #003477;
	word-break: break-all;
}
a:hover { color: #003477; text-decoration: none; }

a:hover img {opacity: 0.7;}

small { font-size: 10px; }
strong { font-weight: bold; }
address { font-style: normal; }

/* clearfix */
.clearfix{zoom: 1;}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

/* float */
.fl-r{ float: right; }
.fl-l{ float: left; }
.cl-b { clear: both; }
.cl-l { clear: left; }
.cl-r { clear: right; }

/* Align */
.ta-c{text-align: center;}
.ta-r{text-align: right;}
.ta-l{text-align: left;}

/*　font-color */
.c-red { color: #d00 !important; }
.c-dred { color: #800; }
.c-blue { color: #129cbf; }
.c-navy { color: #000080; }
.c-white { color: #fff; }
.c-gray { color: #595757; }
.c-black { color: #000; }
.c-green{ color: #00a73c; }
.c-pink{ color: #dd9095; }
.c-purple{ color: #8f82bc; }

/* text */
.fw-b{font-weight: bold;}
.td-u{text-decoration: underline;}
.td-n{text-decoration: none;}
.ti-1em{text-indent: 1em;}

/* Font-size */
.fz11{font-size: 1.1rem;}
.fz12{font-size: 1.2rem;}
.fz13{font-size: 1.3rem;}
.fz14{font-size: 1.4rem;}
.fz15{font-size: 1.5rem;}
.fz16{font-size: 1.6rem;}
.fz17{font-size: 1.7rem;}
.fz18{font-size: 1.8rem;}
.fz19{font-size: 1.9rem;}
.fz20{font-size: 2.0rem;}
.fz21{font-size: 2.1rem;}
.fz22{font-size: 2.2rem;}
.fz23{font-size: 2.3rem;}
.fz24{font-size: 2.4rem;}
.fz25{font-size: 2.5rem;}
.fz26{font-size: 2.6rem;}
.fz27{font-size: 2.7rem;}
.fz28{font-size: 2.8rem;}
.fz29{font-size: 2.9rem;}
.fz30{font-size: 3.0rem;}


/* line-height */
.lh00 { line-height: 0; }
.lh02 { line-height: 0.2; }
.lh04 { line-height: 0.4; }
.lh06 { line-height: 0.6; }
.lh08 { line-height: 0.8; }
.lh10 { line-height: 1; }
.lh12 { line-height: 1.2; }
.lh14 { line-height: 1.4; }
.lh16 { line-height: 1.6; }
.lh18 { line-height: 1.8; }
.lh20 { line-height: 2; }

/* Margin */
.mt-1em{margin-top: 1em;}
.mr-1em{margin-right: 1em;}
.mb-1em{margin-bottom: 1em;}
.ml-1em{margin-left: 1em;}

.mt10 { margin-top: 10px;}
.mr10 { margin-right: 10px;}
.mb10 { margin-bottom: 10px;}
.ml10 { margin-left: 10px;}
.mt20 { margin-top: 20px;}
.mr20 { margin-right: 20px;}
.mb20 { margin-bottom: 20px;}
.ml20 { margin-left: 20px;}
.mt30 { margin-top: 30px;}
.mr30 { margin-right: 30px;}
.mb30 { margin-bottom: 30px;}
.ml30 { margin-left: 30px;}
.mt40 { margin-top: 40px;}
.mr40 { margin-right: 40px;}
.mb40 { margin-bottom: 40px;}
.ml40 { margin-left: 40px;}
.mt50 { margin-top: 50px;}
.mr50 { margin-right: 50px;}
.mb50 { margin-bottom: 50px;}
.ml50 { margin-left: 50px;}
.mt60 { margin-top: 60px;}
.mr60 { margin-right: 60px;}
.mb60 { margin-bottom: 60px;}
.ml60 { margin-left: 60px;}
.mt70 { margin-top: 70px;}
.mr70 { margin-right: 70px;}
.mb70 { margin-bottom: 70px;}
.ml70 { margin-left: 70px;}
.mt80 { margin-top: 80px;}
.mr80 { margin-right: 80px;}
.mb80 { margin-bottom: 80px;}
.ml80 { margin-left: 80px;}
.mt90 { margin-top: 90px;}
.mr90 { margin-right: 90px;}
.mb90 { margin-bottom: 90px;}
.ml90 { margin-left: 90px;}
.mt100 { margin-top: 100px;}
.mr100 { margin-right: 100px;}
.mb100 { margin-bottom: 100px;}
.ml100 { margin-left: 100px;}



/* Column */
.colmc-2{
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	-o-column-gap: 2em;
	column-gap: 2em;
}