@charset "UTF-8";
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanjp-narrow.min.css);
li:first-child {
/* 親の最初にあったら*/ }
li:last-child {
/* 親の最後にあったら*/ }
li:nth-of-type(1) {
/* n番目*/ }
li:nth-child(odd) {
/* 奇数*/ }
li:nth-child(even) {
/* 偶数*/ }
/*
* core
*/
/* 
================================================================================
core > _fonts.scss
================================================================================
*/
/*
NotoSans
    @import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
    .font_noto{ font-family: 'Noto Sans JP';}

Mplus 1p
    @import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
    .font_noto{ font-family: 'Mplus 1p';}

Rounded Mplus 1c
    @import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
    .font_noto{ font-family: 'Rounded Mplus 1c';}

Hannari Min
    @import url(https://fonts.googleapis.com/earlyaccess/hannari.css);
    .font_noto{ font-family: 'Hannari';}

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

YakuhanJP : NotoSans Type
    @import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanjp-noto.min.css);
    body{  font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}

YakuhanJP : YuGothic Type
    @import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanjp-narrow.min.css);
    body{ font-family: YakuHanJP_Narrow, "Yu Gothic Medium", "Yu Gothic", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;}

YakuhanJP : HiraginoGothic Type
    @import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanjp.min.css);
    body{ font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;}

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

YakuhanJP : NotoSerif Type
    @import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanmp-noto.min.css);
    body{  font-family: YakuHanMP_Noto, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;}

YakuhanJP : YuMin Type
    @import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanmp.min.css);
    body{ font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;}

YakuhanJP : HiraginoMin Type
    @import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanmp.min.css);
    body{ font-family: YakuHanMP, "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", YuMincho, serif;}

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

YakuhanJP : M PLUS Rounded 1c Type
    @import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.2.0/dist/css/yakuhanrp.min.css);
    body{  font-family: YakuHanRP, "M PLUS Rounded 1c", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;}

*/



.en {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: normal;
}
.en_ita {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-style: italic;
}

.baskerville {
    font-family: baskerville-display-pt, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.baskerville_ita {
    font-family: baskerville-display-pt, sans-serif;
    font-weight: 400;
    font-style: italic;
}



/* 
================================================================================
core > _util.scss
================================================================================
*/
/*/////////////////////////
 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, center, 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, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
html {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
q, blockquote {
    quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none;
}
a img {
    border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
}
/*/////////////////////////
 clearfix
//////////////////////////*/
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
 *zoom: 1;
}

/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
 color: #666;
 opacity: 1;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
 color: #666;
 opacity: 1;
}

/* Firefox 18- */
:-moz-placeholder {
 color: #666;
 opacity: 1;
}

/* Firefox 19+ */
::-moz-placeholder {
 color: #666;
 opacity: 1;
}

/* IE 10+ */
:-ms-input-placeholder {
 color: #666;
 opacity: 1;
}
.placeholder {
    color: #666;
    opacity: 1;
}
:disabled {
    color: #fff !important;
    opacity: 1 !important;
}
textarea[disabled][readonly], input[disabled][readonly] {
    color: #fff !important;
    opacity: 1 !important;
}
/* IE Only
----------------------------------------------- */
#dp_swf_engine {
    display: none;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}
input[type="submit"], input[type="button"] {
    border-radius: 0 !important;
    -webkit-box-sizing: content-box !important;
    -webkit-appearance: button !important;
    appearance: button !important;
    border: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}
 input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
 display: none !important;
}
 input[type="submit"]::focus, input[type="button"]::focus {
 outline-offset: -2px !important;
}
/* 
================================================================================
core > _global.scss
================================================================================
*/
* {
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    box-sizing: border-box;
    max-height: 999999px;
    position: relative;
}
a, button {
    text-decoration: underline;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none !important;
}
a:hover, a:active {
    text-decoration: none;
}
p {
    background: url("./img/common/blank.gif");
}
hr {
    border: 0;
    padding: 0;
    margin: 0;
    height: 1px;
}

@media only screen and (max-width: 750px) {
.on-pc {
    display: none !important;
}
}

@media only screen and (min-width: 751px) {
.on-sp {
    display: none !important;
}
}
/* 
================================================================================
contents > common > _common.scss
================================================================================
*/
html{ font-size: 14px;}
html, body {
    width: 100%;
}
body {
    font-family: futura-pt, Meiryo, メイリオ, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS PGothic", arial, helvetica, sans-serif;
    line-height: 1.8em;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-align: left;
}

.jp{
	 font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	 text-align: justify;
text-justify: inter-ideograph;
font-feature-settings : "palt";
letter-spacing: 0.06em;
}
.gothicbbb{ 
	font-family: a-otf-gothic-bbb-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.hatena{ font-family:  Times, Times New Roman; display: inline-block; }



body {
    overflow: hidden;
    overflow-y: scroll;
    background: #ffffff;
    color: #000000;
}
.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    background: #000000;
    transition: opacity 0.4s cubic-bezier(0.2, 0.8, 0.4, 1);
}
.loader.out {
    opacity: 0;
    pointer-events: none;
}
h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0 auto 20px auto;
    display: block;
    line-height: 1;
}
h1 {
    font-size: 2.5rem;
}
h2 {
    font-size: 2rem;
}
h3 {
    font-size: 1.75rem;
}
h4 {
    font-size: 1.5rem;
}
h5 {
    font-size: 1.25rem;
}
h6 {
    font-size: 1.1rem;
}
section {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto 0px auto;
}

img{ vertical-align: bottom;}

a,
a:link,
a:active,
a:visited,
a:hover{ color: inherit; text-decoration: none;}

a:hover{ text-decoration: underline;}

.wFull{ width: 100%; height: auto;}



@media screen and (min-width: 901px) {
	
.spacer_a{margin-bottom: 60px !important;}
.spacer_b{margin-bottom: 90px !important;}
.spacer_c{margin-bottom: 40px !important;}

.padding_top_c{ padding-top: 40px !important;}
.padding_bottom_b{ padding-bottom: 90px !important;}

.spacer_a,
.spacer_b,
.spacer_c,
.padding_top_c,
.padding_bottom_b{ }
/* pc */ }


@media screen and (max-width: 900px) {
.sp_spacer_a{margin-bottom: 4.4vw !important;}
.sp_spacer_b{margin-bottom: 10.8vw !important;}
.sp_spacer_c{margin-bottom: 7.36vw !important;}
.sp_padding_top_a{ padding-top: 4.4vw !important;}
.sp_padding_top_c{ padding-top: 7.36vw !important;}
.sp_padding_bottom_b{ padding-bottom: 10.8vw !important;}

.sp_spacer_a,
.sp_spacer_b,
.sp_spacer_c,
.sp_padding_top_a,
.sp_padding_top_c,
.sp_padding_bottom_b{}





/* sp */ }





/* contents
----------------------------------------------- */
.contentsWrap {
	
}
section.area {
    padding: 0px 0;
    z-index: 5;
    margin: 0 auto 0px auto;
}
section.area .innerWrap {
    width: 90%;
    margin: 0 auto 0px auto;
    max-width: 1140px;
}
section.area .innerWrap div:last-child,  section.area .innerWrap p:last-child,  section.area .innerWrap a:last-child,  section.area .innerWrap ul:last-child,  section.area .innerWrap ol:last-child,  section.area .innerWrap dl:last-child,  section.area .innerWrap img:last-child {
    margin-bottom: 0;
}
section.area p {
    margin-bottom: 1.7em;
}



/* class
----------------------------------------------- */
.tLeft {
    text-align: left;
}
.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-gap: 80px;
    padding: 0;
    margin: 0;
}

.grid div{ border: solid 0px rgba(255,10,10,0.1);}

.grid.basic {
    grid-template-columns: 215px 1fr;
}

.grid.col_3 {
    grid-template-columns: 1fr 1fr 1fr;
}
.grid.col_2 {
    grid-template-columns: 1fr 1fr;
}
.grid.col_1 {
    grid-template-columns: 1fr;
}
.grid.sp_col_2 {
    grid-template-columns: 1fr 1fr;
}
.grid .center {
    display: grid;
    align-items: center;
}
.intro-video iframe {
    width: 100%;
    height: 56.3vw;
    vertical-align: bottom;
}


/* #container
----------------------------------------------- */
#container {
    position: relative;
    opacity: 1;
    font-size: 1rem;
}

#container:before{ content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 10px; background: #000;box-shadow:0px 0px 10px 2px #ffffff;}

/* footer
----------------------------------------------- */
#globalFooter{}
#globalFooter .innerWrap{ border-top:solid 50px; padding-top: 40px;}
#globalFooter h4{ font-size: 1rem; padding-bottom: 1.0em; margin-bottom: 0.9em;}
#globalFooter h4:after{ content: ''; display: inline-block; width: 1em; height: 1px; background: #000 !important;; opacity: 1 !important; position: absolute; bottom: 0; left: 0;}

#globalFooter .grid.footerContent{
	    grid-template-columns: 40% 10% auto;
		grid-gap: 30px;
}
#globalFooter .grid.footerContent .copyright{ text-align: right; font-size: 0.75rem; line-height: 1;}

/* top
----------------------------------------------- */
#topContents {
	padding-top: 10px;
}

#otuaMovPlay{ display: none;}
.movControl{ width: 100%; height: 100%; position: absolute; top: 0; left:0); cursor: pointer;}
.movControl:after{ content:''; display: block; width: 115px; height: 115px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
	    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.4, 1);
	    background: url(./img/common/icon_play.svg) center center no-repeat rgba(255,255,255,0.5);
	    border: solid 1px #fff;
	    border-radius: 50%; 
	    
}
.movControl:hover:after{ transform:  translate(-50%,-50%) scale(1.1)}

.movControl.playing:after{ opacity: 0; background: url(./img/common/icon_pause.svg) center center no-repeat rgba(255,255,255,0.5);}
.movControl.playing.hover:after,
.movControl.playing.active:after{ opacity: 1;}


section#about{}

section#about .grid{    }

section#about h1.siteTitle{ font-size: 5em; line-height: 0; padding-top: 0.05em; transform: translate(0,2px);}
section#about h1 .logotype{ width: 213px; height: auto;}

section#about .grid{}
section#about .baskerville{ font-size: 1.6rem; line-height: 1.45;}

section#about dl.members_en{}
section#about dl.members_en dt{ font-size: 1.6rem}
section#about dl.members_en dt span{ font-size: 1.2rem;  padding-left: 0.5em;}
section#about dl.members_en dd{ font-size: 1.2rem}

section#about dl.members_jp{}
section#about dl.members_jp dt{ font-size: 1.15rem}
section#about dl.members_jp dt span{ font-size: 1rem; padding-left: 0.5em;}
section#about dl.members_jp dd{ font-size: 1rem}

		
section#about .profileImage{}
.yuichi_text{margin-bottom: 40px !important;}




@media screen and (min-width: 751px) {
/* pc */ }

@media screen and (max-width: 900px) {
		html, body {
		    height: 100%;
		    
		}
		.touchDevice{font-size: 2.8vw; color: #369}
		
		section.area .innerWrap{ width:90%}
		
		section#topContents{ margin-bottom: 12%;}
		
		section#about {  }
		section#about .grid.basic{grid-gap: 0%;grid-template-columns: 1fr;}

		section#about h1.siteTitle{ font-size: 0; margin-bottom: 3%;}
		section#about h1 .logotype{ width: 28vw;}
		section#about .baskerville{ margin-bottom: 12%;font-size: 1.4rem;}


		
		section#about .text p { margin-bottom: 2.0em;}		
		
		.otua_unit{}
		.yuichi_text{margin-bottom: 5.888vw !important;}
		
		section#globalFooter{ padding-bottom: 0;}
		section#globalFooter a{ text-decoration: underline}
		section#globalFooter .innerWrap{    border-top: solid 30px;padding-top: 4.84vw !important;}
		section#globalFooter .grid{
		    grid-template-columns: 1fr !important;
			grid-gap: 0% !important;
			
		}
		
	#globalFooter .contact{margin-bottom: 6.6vw !important;}
	#globalFooter .follow h4{  margin-bottom: 0.9em;}
	#globalFooter h4:after{  width: 2vw;}
		
		
		section#globalFooter .innerWrap{ width: 100%; padding: 0 5%;}
		
		section#globalFooter .grid.footerContent .copyright{ text-align: left; }
		

}

/* @import "../contents/common/keyframes"; */
@media print {
		body {
		    display: none;
		}
}