@charset "UTF-8";

/*
Theme Name: 山口大学工学部感性デザイン工学科
*/


/*
サブカラー(明) R180/G230/B230(#b4e6e6)
メインカラー   R0/G160/B160(#00a0a0)
サブカラー(暗) R0/G100/B100(#006464)

*/

html {
    font-size: 62.5%;
    -ms-overflow-style: scrollbar;
}

body {
    font-family: "Zen Kaku Gothic New", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    line-height: 1;
}

img {
    image-rendering: -webkit-optimize-contrast;
    /*縮小表示時に画像がぼやけるのを回避*/
}
p{
    text-align: justify;
}
.sub-wrapper .heading_1 {
    font-size: 4rem;
    line-height: 5rem;
    color: #00a0a0;
}

.sub-wrapper .heading_2 {
    font-size: 1.7rem;
    line-height: 2.4rem;
    color: #00a0a0;
}

.sub-wrapper .heading_3 {
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #00a0a0;
}

.sub-wrapper .text_1 {
    font-size: 1.4rem;
    line-height: 2.3rem;
}

.sub-wrapper .text_2,
.sub-wrapper p {
    font-size: 1.2rem;
    line-height: 2.1rem;
}

.sub-wrapper .caption_1 {
    font-size: 1.1rem;
    line-height: 1.5rem;
}

a {
    color: #00a0a0;
}

a:hover {
    opacity: 0.5;
}

img {
    max-width: 100%;
}

li {
    list-style: none;
}

.flex {
    display: flex;
}

.flex-between {
    justify-content: space-between;
}

.flex-around {
    justify-content: space-around;
}

.display-none {
    display: none;
}

.display-block {
    display: block;
}

.display-inline-block {
    display: inline-block;
}

.nowrap {
    white-space: nowrap;
}
.main-color {
    color: #00a0a0;
}

.font-size-large {
    font-size: large;
}

.font-size-120 {
    font-size: 120%;
}

.border-none {
    border: none;
}

.wp-block-column {
    margin-bottom: 2em;
}

.text-narrow {
    transform: scale(0.9, 1);
    transform-origin: top left;
    letter-spacing: 0.4rem;
}
.w111{
    width: 111.1%;
}
.text-wide {
    transform: scale(1, 0.9);
    transform-origin: left bottom;
    letter-spacing: 0.2rem;
}

.transform-origin-right {
    transform-origin: top right;
}

.text-width-normal {
    transform: scale(1, 1);
}

.letter-spacing-m02rem{
    letter-spacing: -0.2rem;
}
.letter-spacing-m015rem{
    letter-spacing: -0.15rem;
}
.letter-spacing-m01rem{
    letter-spacing: -0.1rem;
}
.letter-spacing-0 {
    letter-spacing: 0;
}

.letter-spacing-01rem {
    letter-spacing: 0.1rem;
}
.letter-spacing-015rem {
    letter-spacing: 0.15rem;
}
.letter-spacing-02rem {
    letter-spacing: 0.2rem;
}

.letter-spacing-025rem {
    letter-spacing: 0.25rem;
}

.letter-spacing-03rem {
    letter-spacing: 0.3rem;
}
.letter-spacing-04rem {
    letter-spacing: 0.3rem;
}

.font-size-17rem {
    font-size: 1.7rem;
}

header img {
    width: 100%;
}

header a,
footer a {
    color: black;
    text-decoration: none;
}
.w100 img{
    width: 100%;
}
.fb-emb{
	text-align: center;
	margin-bottom:20px;
}
.fb-emb h2{
	font-size: 40pt;
	font-weight:900;
	color: rgb(0, 160, 160);
	border-bottom: 1px solid rgb(0, 160, 160);
    margin-top: 76px;
    margin-bottom: 27px;
    text-align:left;
    line-height:60px;
    transform: scale(0.9, 1);
    transform-origin: top left;
    letter-spacing: 0.4rem;
}