@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|M+PLUS+1p:100,300,400,500,700,800,900|M+PLUS+Rounded+1c:100,300,400,500,700,800,900|Noto+Sans+JP:100,300,400,500,700,900|Noto+Serif+JP:200,300,400,500,700,900|Roboto:100,300,400,500,700,900&display=swap&subset=japanese);

/*

font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'M PLUS 1p', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Noto Serif JP', serif;
	BASE
*******************************/

/*body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}*/

* {
	font-family: 'Noto Sans JP', 'Noto Sans Japanese', 'M PLUS 1p','M PLUS Rounded 1c','Lato','Roboto', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
}

html {
	font-size: 62.5%;
}

body > #container {
	/*height: auto;*/
}
body * {line-height:1.22em;}

img {
	vertical-align:bottom;
	line-height:0;
}

p,th,td,dt,dd,li,h1,h2,h3,h4,h5,h6 { color:#000;}
dt,dd { color:#000000;}
a,
a:link,
a:visited {
	color: #000000;
	text-decoration:none;
}
a:hover {
	color:#666666;
	text-decoration:none;
}

a img {
	outline:none;
	border:none;
}
#container div area {
	border:none;
	outline:none;
}

.clear { clear:both;}

* img {
	max-width: 100%;
	height: auto;
}

/*//////////////////////////////////////////////////////////////////////////*/

/*
	BASE LAYOUT
******************/

/*基本：左右配置　上下センター　折り返しなし*/
.fbox {    
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}
/*折り返しなし*/
.fbox.nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
/*左寄せ*/
.fbox.bxstart {
  -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
}
/*右寄せ*/
.fbox.bxend {
  -webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
}
/*中央寄せ*/
.fbox.bxcenter {
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
/*上寄せ*/
.fbox.alstart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
/*下寄せ*/
.fbox.alend {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
/*上下中央*/
.fbox.alcenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/*上下端*/
.fbox.albt {
  -ms-flex-line-pack: justify;
       align-content: space-between;
}
/*上下均等*/
.fbox.linedist {
  -ms-flex-line-pack: distribute;
       align-content: space-around;
}
/*子要素に設定　順番を1番目に*/
.fbox .pos0 {
  -webkit-box-ordinal-group: 1;
             -ms-flex-order: -1;
                      order: -1;
}


/*//////////////////////////////////////////////////////////////////////////*/

.contents {
	width:calc(100% - 60px);
	max-width: 1000px;
	margin:0 auto;
}
.contents.wrap {
	width:100%;
}
.contents.wrap > .fbox,
.contents.wrap > .fbox section {
	width:100%;
}
.contents p {
	font-size:1.6rem;
	line-height: 1.6em;
}

/**header**/
header .contents {
	padding: 60px 0 15px;
	text-align:center;
}
header .contents p.body {
	text-align: center;
	font-size:3.2rem;
	font-weight:400;
	border:2px solid #000000;
}
header .contents p:not(.body) {
	display:inline-block;
	font-size:3.2rem;
	font-weight:600;
	text-align:left;
	padding:0.5em 0;
}
header .contents h1 {
    display:none;
}

/**info**/
#info .contents {
	padding-bottom:60px;
}
#info .contents p.title {
	display: none;
}
#info .contents > div {
	box-sizing:border-box;
	border:6px solid #595757;
	margin-bottom:15px;
}
#info .contents > div h1 {
	border-bottom: 3px solid #333333;
	background:#bc1b21;
	
}
#info .contents > div h1 img:first-child {
	width:60%;
	height: auto;
}
#info .contents > div h1 img:last-child {
	width:40%;
	height: auto;
}
#info .contents > div > div {
	box-sizing:border-box;
	padding: 15px 45px;
}
#info .contents .day {
	width:100%;
	margin-bottom:15px;
}
#info .contents .day h2 {
	font-size: 3.6rem;
	text-align:center;
	font-weight:900;
}
#info .contents .day h2 span {
	display:block;
	font-size:1.4rem;
	font-weight:400;
	padding-top:0.2em;
}
#info .contents .time {
	width:100%;
	margin-bottom:30px;
}
#info .contents .time > p {
	font-size:1.8rem;
}
#info .contents .time > dl {
	
}
#info .contents .time > dl dt {
	font-size:2.1rem;
	color:#ffffff;
	background:#000000;
	box-sizing:border-box;
	border:2px solid #000000;
	line-height:1.4em;
	padding:0 0.2em;
	font-weight:600;
	margin-right:.2em;
}
#info .contents .time > dl dd {
	font-size:2.1rem;
	padding:0 0 0 0.2em;
	box-sizing:border-box;
	border:2px solid #000000;
	line-height:1.4em;
	font-weight:600;

}
#info .contents > div > div > h2 {
	font-size:3.2rem;
	font-weight:300;
	text-align:center;
	color:#ffffff;
	background:#595757;
	line-height:1em;
	box-sizing:border-box;
	padding:0.2em 0 0.3em;
	margin-bottom:0.3em;
}
#info .contents .seminar {
	width:100%;
}
#info .contents .seminar > div {
	width:calc(50% - 20px);
}
#info .contents .seminar > div > span {
	color:#1d2088;
	font-size:4.2rem;
	line-height:52px;
	width:60px;
	height:60px;
	box-sizing:border-box;
	border:3px solid #1d2088;
	border-radius:50%;
	text-align:center;
}
#info .contents .seminar > div > p {
    width:calc(100% - 70px);
    font-size:2rem;
    line-height:1.3em;
    font-weight:500;
}
#info .contents .seminar > div > p span {
	font-weight:600;
	color:#e60012
}
#info .contents .seminar > div:nth-child(-n+2) {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dashed #595757;
}
#info .contents > p.capt {
	font-size:1.8rem;
	max-width:calc(100% - 60px);
	margin:0 auto;
	font-weight:600;
}
#info .contents > ul.capt {
	max-width:calc(100% - 60px);
	margin:0 auto;
}
#info .contents > ul.capt li {
	font-size:1.6rem;
	line-height:1.3em;
	box-sizing:border-box;
	padding-left:2em;
	position:relative;
	margin-bottom:0.2em;
}
#info .contents > ul.capt li::before {
	content:'';
	display:block;
	width:2px;
	height:2px;
	background:#000000;
	position:absolute;
	top:0.5em;
	left:1.5em;
}

/**yt**/
#movie .contents {
	padding-bottom:60px;
}
#movie .contents > div {
  width: calc(100% - 60px);
  margin:0 auto;
  box-sizing:border-box;
  padding:20px;
  border:2px solid #000000;
}
.yt {
  position: relative;
  width: 100%;
  margin:0 auto;
  padding-top: 56.25%;
}
.yt iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/**president**/
#president .contents p.body2 {
	background:#171c61;
	font-weight:700;
	color:#ffffff;
	font-size:3.6rem;
	line-height:1.3em;
	box-sizing:border-box;
	padding:0.2em 0 0.3em;
	margin-bottom:0.5em;
}
#president .contents p.body2 span {
    color:#fff100;
}
#president .contents p.body2 span:last-child {
	margin-left:0.5em;
}
#president2 .contents p {
	font-size:2.3rem;
    font-weight:500;
    margin-bottom:2em;
}
#president2 .contents p span {
    color:#e60012;
}

/**pr**/
#pr .contents {
    text-align:center;
    padding-bottom:60px;
}
#pr .contents > h2 {
	color:#1d2088;
	font-size:5.2rem;
	font-weight:600;
	text-align:center;
	border-top:2px solid #1d2088;
	border-bottom:2px solid #1d2088;
	box-sizing:border-box;
	padding:0.3em 0;
	margin:0 30px 30px;
}
#pr .contents > ul {
	display:inline-block;
	text-align:left;
}
#pr .contents > ul li {
	font-size:3.6rem;
	font-weight:500;
	line-height:1.3em;
	margin-bottom: 0.5em;
	position:relative;
	box-sizing:border-box;
	padding-left:1.2em;
}
#pr .contents > ul li br {
	display:none;
}
#pr .contents > ul li span {
	position:absolute;
	left:0;
	top:0.1em;
}
/*
#pr .contents > ul li::before {
	content:'';
	display:block;
	width:6px;
	height:6px;
	background:#000000;
	position:absolute;
	top:0.5em;
	left:0;
	border-radius:50%;
}
*/

/**profile**/
#profile .contents {
    padding-bottom: 0;
}
#profile .contents > h2 {
	font-size:2.64rem;
	color:#ffffff;
	background:#000000;
	text-align:center;
	padding:0.3em 0;
}
#profile .contents > h2 br {
    display:none;
}
#profile .contents > div {
    box-sizing:border-box;
    padding:15px 20px;
    border-left:8px solid #000000;
    border-right:8px solid #000000;
    border-bottom:8px solid #000000;
    margin-bottom:45px;
}
#profile .contents > div > .fbox > img {
	width:15%;
}
#profile .contents > div > .fbox > div {
	width:calc(85% - 15px);
}
#profile .contents > div > .fbox > div > div {
	margin-right:30px;
	text-align:center;
	width: 80%;
}
#profile .contents > div > .fbox > div > div > span {
	font-size:1.6rem;
}
#profile .contents > div > .fbox > div > div > span br {
	display:none;
}
#profile .contents > div > .fbox > div > div:first-child p {
	font-size:4.8rem;
	font-weight:600;
	letter-spacing:0.6em;
}
#profile .contents > div > .fbox > div > div p span {
	display:inline-block;
	font-size:3.6rem;
	line-height:1em;
	letter-spacing:normal;
	color:#ffffff;
	background:#000000;
	padding:0.1em 0.3em 0.2em;
	margin-right:0.5em;
}
#profile .contents > div > .fbox > div > img {
	width:10%;
}
#profile .contents > div > .fbox > div > div:last-child {
    width:100%;
    margin:0;
}
#profile .contents > div > .fbox > div > div:last-child p {
	font-size:1.3rem;
    text-align:left;
    line-height:1.3em;
}
#profile .contents > div > .fbox > div > div:last-child p.tit {
	font-size:1.5rem;
	font-weight:600;
	margin-bottom:0.2em;
}

/**btn**/
.btn.sp {
	display: none;
}
.btn .contents {
	padding-top:0;
    padding-bottom:60px;
}
.btn .contents > a {
	display:block;
	background:#ea5514;
	text-align:center;
	color:#ffffff;
	font-size: 4.2rem;
	font-weight: 500;
	width:80%;
	max-width:600px;
	margin:30px auto 0 auto;
	box-sizing:border-box;
	padding:0.6em 0;
	border:2px solid #000000;
	transition:.3s;
	border-radius: 18px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff9900+0,ea5514+100 */
background: rgb(255,153,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,153,0,1) 0%, rgba(234,85,20,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,153,0,1) 0%,rgba(234,85,20,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,153,0,1) 0%,rgba(234,85,20,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ea5514',GradientType=0 ); /* IE6-9 */

}
.btn .contents > a:hover {
    background:#ff9900;
background: rgb(234,85,20,1); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(234,85,20,1) 0%, rgba(255,153,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(234,85,20,1) 0%,rgba(255,153,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(234,85,20,1) 0%,rgba(255,153,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5514', endColorstr='#ff9900',GradientType=0 ); /* IE6-9 */
}
.btn .contents > a br {
	display: none;
}

.btn .contents > a.spbtn {
	display: none;
}

a.pagetop {
	display:block;
	width:60px;
	position:fixed;
	right:20px;
	bottom:-80px;
	transition:.3s;
}
a.pagetop.onn {
	bottom:20px;
}

footer {
	text-align:center;
	padding-bottom:50px;
}
footer a:last-child {
    text-decoration:underline;
    color:#cc0000;
}
footer a:last-child .svg-inline--fa {
	margin-right:0.3em;
}

.fbox.contwrap .contents {
}

/*
@media all and (-ms-high-contrast:none){
	
*::-ms-backdrop, header .contents p.body {
	font-size:3.0rem;
}
*::-ms-backdrop, header .contents p:not(.body) {
	font-size:2.8rem;
}

*::-ms-backdrop, #info .contents .day h2 {
	font-size: 3.2rem;
}
*::-ms-backdrop, #info .contents .day h2 span {
	font-size:1.4rem;
}
*::-ms-backdrop, #info .contents .time > p {
	font-size:1.6rem;
}
*::-ms-backdrop, #info .contents .time > dl dt {
	font-size:1.9rem;
}
*::-ms-backdrop, #info .contents .time > dl dd {
	font-size:1.9rem;
}
*::-ms-backdrop, #info .contents > div > div > h2 {
	font-size:3.2rem;
}
*::-ms-backdrop, #info .contents .seminar > div > span {
	font-size:4.2rem;
}
*::-ms-backdrop, #info .contents .seminar > div > p {
    font-size:1.7rem;
}
*::-ms-backdrop, #info .contents > p.capt {
	font-size:1.8rem;
}
*::-ms-backdrop, #info .contents > ul.capt li {
	font-size:1.4rem;
}

*::-ms-backdrop, #president .contents p.body2 {
	font-size:3.2rem;
}
*::-ms-backdrop, #president .contents p {
	font-size:2.1rem;
}

*::-ms-backdrop, #pr .contents > h2 {
	font-size:4.6rem;
}
*::-ms-backdrop, #pr .contents > ul li {
	font-size:3.2rem;
}

*::-ms-backdrop, #profile .contents > h2 {
	font-size:2.64rem;
}
*::-ms-backdrop, #profile .contents > div > .fbox > div > div > span {
	font-size:1.4rem;
}
*::-ms-backdrop, #profile .contents > div > .fbox > div > div:first-child p {
	font-size:4.2rem;
}
*::-ms-backdrop, #profile .contents > div > .fbox > div > div p span {
	font-size:3.2rem;
}
*::-ms-backdrop, #profile .contents > div > .fbox > div > div:last-child p {
	font-size:1.3rem;
}
*::-ms-backdrop, #profile .contents > div > .fbox > div > div:last-child p.tit {
	font-size:1.5rem;
}
	
}
*/

@media screen and (max-width:1060px){


.contents {
	width:calc(100% - 40px);
}

/**header**/
header .contents p.body {
	font-size: 3.2vw;
}
header .contents p:not(.body) {
	font-size:3.0vw;
}

/**info**/
#info .contents > div > div {
	padding: 15px 30px;
}
#info .contents .day {
	margin-bottom:10px;
}
#info .contents .day h2 {
	font-size: 3.5vw;
}
#info .contents .day h2 span {
	font-size:1.6vw;
}
#info .contents .time {
	margin-bottom:15px;
}
#info .contents .time > p {
	font-size:1.8vw;
}
#info .contents .time > dl {
}
#info .contents .time > dl dt {
	font-size:1.9vw;
}
#info .contents .time > dl dd {
	font-size:1.9vw;
}
#info .contents > div > div > h2 {
	font-size: 3.5vw;
}
#info .contents .seminar > div {
	width:calc(50% - 10px);
}
#info .contents .seminar > div > span {
	font-size:3.6rem;
	line-height:42px;
	width:50px;
	height:50px;
}
#info .contents .seminar > div > p {
    width:calc(100% - 60px);
	font-size:1.9vw;
}
#info .contents .seminar > div:nth-child(-n+2) {
	padding-bottom:10px;
	margin-bottom:10px;
}
#info .contents > p.capt {
    max-width: calc(100% - 40px);
	font-size:1.8vw;
}
#info .contents > ul.capt {
    max-width: calc(100% - 40px);
}
#info .contents > ul.capt li {
	font-size:1.5vw;
}

/**yt**/
#movie .contents > div {
  width: calc(100% - 40px);
  padding:10px;
}

/**president**/
#president .contents p.body2 {
	font-size: 3.5vw;
}
#president2 .contents p {
	font-size:2.1vw;
}

/**pr**/
#pr .contents > h2 {
	font-size: 4.4vw;
}
#pr .contents > ul li {
	font-size: 3vw;
}


/**profile**/
#profile .contents > h2 {
	font-size: 2.6vw;
}
#profile .contents > div {
    padding:15px;
}
#profile .contents > div > .fbox > div > div {
	width:80%;
}
#profile .contents > div > .fbox > div > div > span {
	font-size:1.6vw;
}
#profile .contents > div > .fbox > div > div:first-child p {
	font-size: 4.6vw;
}
#profile .contents > div > .fbox > div > div p span {
	font-size: 3.6vw;
}
#profile .contents > div > .fbox > div > img {
	width:10%;
}
#profile .contents > div > .fbox > div > div:last-child {
    width:100%;
    margin:0;
}
#profile .contents > div > .fbox > div > div:last-child p {
	font-size:1.3rem;
    text-align:left;
    line-height:1.3em;
}
#profile .contents > div > .fbox > div > div:last-child p.tit {
	font-size:1.5rem;
	font-weight:600;
	margin-bottom:0.2em;
}
.btn .contents > a {
	font-size: 3.6vw;
	max-width:calc(100% - 80px);
}

a.pagetop {
	width:40px;
	right:10px;
	bottom:-60px;
}
a.pagetop.onn {
    bottom:30px;
}

}


@media screen and (max-width:768px){

/**header**/
header .contents {
	padding: 30px 0 15px;
}

#info .contents {
    padding-bottom: 30px;
}
#info .contents .seminar > div > span {
	font-size:3.2rem;
	line-height:32px;
	width:40px;
	height:40px;
}
#info .contents .seminar > div > p {
    width:calc(100% - 50px);
}
#info .contents > p.capt {
    max-width: calc(100% - 20px);
	font-size:1.8vw;
}
#info .contents > ul.capt {
    max-width: calc(100% - 20px);
}

#movie .contents {
	padding-bottom:30px;
}

#pr .contents {
    padding-bottom: 30px;
}

#profile .contents > div {
	margin-bottom:30px;
}
#profile .contents > div > .fbox > div > div {
	width:85%;
	margin-right:10px;
}
#profile .contents > div > .fbox > div > div:last-child p {
	font-size:1.8vw;
}
#profile .contents > div > .fbox > div > div:last-child p.tit {
	font-size:2vw;
	padding-top:0.3em;
}

.btn .contents > a {
	max-width:calc(100% - 40px);
}
.btn .contents > a:hover {
    background:#ea5514;
}

}


@media screen and (max-width:640px){


.contents {
	width:calc(100% - 30px);
}
.contents p {
	font-size:1.4rem;
	line-height: 1.4em;
}

/**header**/
header .contents {
    padding: 30px 0 5px;
}
header .contents p.body {
	font-size:5vw;
	padding:0.3em 0;
	margin-bottom:10px;
}
header .contents p.body span {
	display:block;
}
header .contents p:not(.body) {
	font-size:5vw;
}
header .contents h1 {
	box-sizing:border-box;
	display:block;
	border: 3px solid #333333;
	background:#bc1b21;
	
}

/**info**/
#info .contents > div {
	border:3px solid #595757;
	margin-bottom:15px;
}
#info .contents > div h1 {
	border-bottom: 2px solid #333333;
	display:none;
	
}
#info .contents p.title {
	display:block;
	font-size:6vw;
	text-align:center;
	color:#ffffff;
	background:#000000;
	font-weight:600;
	padding:0.1em 0 0.2em;
	line-height:1em;
}
#info .contents > div > div {
	padding: 10px 15px;
}
#info .contents .day {
	margin-bottom:0;
}
#info .contents .day h2 {
	font-size:6vw;
	margin-bottom:0.5em;
	width:100%;
}
#info .contents .day h2 span {
	font-size:4vw;
}
#info .contents .time > p {
	width:calc(100% + 2em);
	font-size:3.1vw;
	text-align:center;
	margin:0 -1em 0.5em;
}
#info .contents .time > dl {
	width: 100%;
}
#info .contents .time > dl dt {
	font-size:4.2vw;
}
#info .contents .time > dl dd {
	font-size:4.2vw;

}
#info .contents > div > div > h2 {
	font-size:7vw;
}
#info .contents .seminar > div {
	width:100%;
}
#info .contents .seminar > div > span {
	font-size:2.2rem;
	line-height:22px;
	width:30px;
	height:30px;
}
#info .contents .seminar > div > p {
    width:calc(100% - 40px);
	font-size:3.8vw;
}
#info .contents .seminar > div:nth-child(-n+3) {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #595757;
}
#info .contents > p.capt {
	font-size:3.8vw;
	max-width:calc(100% - 10px);
}
#info .contents > ul.capt {
	max-width:calc(100% - 10px);
}
#info .contents > ul.capt li {
	font-size:3.5vw;
	padding-left:1.5em
}
#info .contents > ul.capt li::before {
	left:1.0em;
}

/**yt**/

#movie .contents > div {
  width: 100%;
  padding:5px;
  border:1px solid #000000;
}

/**president**/
#president .contents p.body2 {
	font-size:6vw;
	padding:0.2em 0.5em 0.3em;
}
#president .contents p.body2 span:last-child {
	margin-left:0;
}
#president2 .contents p {
	font-size:4.2vw;
}
#president2 .contents p br.pc {
	display: none;
}

/**pr**/
#pr .contents > h2 {
	font-size:5.0vw;
	margin:0 0px 15px;
}
#pr .contents > ul li {
	font-size: 4.8vw;
	margin-bottom: 0.6em;
}
#pr .contents > ul li br {
	display:inline;
}
#pr .contents > ul li::before {
	width:4px;
	height:4px;
}


/**profile**/
#profile .contents > h2 {
	font-size:5.2vw;
}
#profile .contents > h2 br {
    display:inline;
}
#profile .contents > div {
    padding:10px;
    border-left:3px solid #000000;
    border-right:3px solid #000000;
    border-bottom:3px solid #000000;
    margin-bottom:30px;
    position:relative;
}
#profile .contents > div > .fbox > img {
	width:30%;
	margin:0 0 10px 15%;
}
#profile .contents > div > .fbox > div {
	width:100%;
}
#profile .contents > div > .fbox > div > div {
	margin-right:0;	
	width:100%;
}
#profile .contents > div > .fbox > div > div > span {
	font-size:4vw;
	display:block;
	margin-bottom:0.5em;
}
#profile .contents > div > .fbox > div > div > span br {
	display:inline;
}
#profile .contents > div > .fbox > div > div:first-child p {
	font-size:6vw;
    margin-bottom:0.3em;
}
#profile .contents > div > .fbox > div > div p span {
	font-size:5vw;
}
#profile .contents > div > .fbox > div > img {
	width:25%;
	position:absolute;
	top:10px;
	right:15%;
}
#profile .contents > div > .fbox > div > div:last-child p {
	font-size:3.5vw;
}
#profile .contents > div > .fbox > div > div:last-child p.tit {
	font-size:4vw;
}
.btn .contents > a {
	max-width:100%;
	font-size:7vw;
	border-radius:3.5vw;
	padding:0.5em 0;
}

a.pagetop {
	width:30px;
	right:10px;
	bottom:-40px;
}
a.pagetop.onn {
    bottom:30px;
}
	
#profile {
-webkit-box-ordinal-group: 1;
		 -ms-flex-order: -3;
				  order: -3;
}
#president {
-webkit-box-ordinal-group: 1;
		 -ms-flex-order: -2;
				  order: -2;
}
#pr {
-webkit-box-ordinal-group: 1;
		 -ms-flex-order: -1;
				  order: -1;
}
.btn.sp {
	display: inherit;
}
.btn.sp .contents {
    padding-bottom:30px;
}
.btn .contents > a br {
	display: inline;
}

.btn .contents > a.pcbtn {
	display: none;
}
.btn .contents > a.spbtn {
	display: block;
}

}


@media screen and (max-width:480px){


}