body, header, .wrapper, #contents_area { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { background: transparent !important; }
header { margin: 0 !important; }
footer { margin: 0 !important; }
img { transition: none !important; }
/********************/
#symbol { background: url(../images/ss/talk.jpg) no-repeat center center; background-size: cover; }
#symbol.main { height: 700px !important; background: url(../images/ss/main.jpg) no-repeat center center; background-size: cover; }
#symbol.talk { height: 300px !important; background: url(../images/ss/talk.jpg) no-repeat center center; background-size: cover; }
#symbol div {
	text-align: left !important;
	font-size: 1.2em;
	margin: 0 !important; }
@media print, screen and (min-width: 768px) { #symbol div { font-size: 1.5em; } }
@media print, screen and (min-width: 1300px) { #symbol div { font-size: 1.8em; } }
#symbol.main div {
	width: 100%;
	color: #000;
	right: auto !important;
	padding: 1em !important; }
#symbol.talk div {
	width: 35%;
	min-width: 180px;
	height: 300px !important;
	left: auto !important;
	color: #000;
	padding: 2em 1em 0 !important;
	background: repeating-linear-gradient(45deg, #E9EBF0 0px, #E9EBF0 15px, #fcfcfc 15px, #fcfcfc 30px);
/*	background-color: #fcfcfc; */
/*	background-image: radial-gradient(#eee 10%, transparent 20%), radial-gradient(#eee 10%, transparent 20%); */
/*	background-size: 20px 20px; */
/*	background-position: 0 0, 10px 10px; */ }
/********************/
body #contents_area { max-width: 100% !important; overflow: hidden; padding: 0 !important; }
section { overflow: hidden; position: relative; max-width: 1200px; margin: 15em auto !important; padding: 0 3% !important; }
section h2 { font-size: 2em; text-align: center; font-weight: normal; }
@media print, screen and (min-width: 1300px) {
  section { padding: 0 !important; }
}
/********************/
.smart.book a {  max-width: 620px; width: 80%; display: block; padding: 0; margin: 0 auto; }
.smart.book a button {
	background-image: url(../images/ss/Book.png);
	background-position: center left 1em;
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 3em; }
@media print, screen and (min-width: 768px) {
  .smart.book a button br { display: none; }
}
/********************/
.allBack {
	color: #fff;
	text-align:center;
	font-size: 1.1em;
	padding: 7em 0;
	margin:  0;
	background: url(../images/ss/00back.jpg) no-repeat center center; background-size: cover; }
.talkBack {
	height: 200px;
	padding: 0;
	margin:  0; }	
@media print, screen and (min-width: 600px) { .talkBack { height: 250px; } }
@media print, screen and (min-width: 768px) { .talkBack { height: 350px; } }
@media print, screen and (min-width: 1024px) {.talkBack { height: 450px; } }
@media print, screen and (min-width: 1300px) {.talkBack { height: 550px; } }
.talkBack.img101 { background: url(../images/ss/01back_01.jpg) no-repeat center center; background-size: cover; }
.talkBack.img102 { background: url(../images/ss/01back_02.jpg) no-repeat center center; background-size: cover; }
.talkBack.img103 { background: url(../images/ss/01back_03.jpg) no-repeat center center; background-size: cover; }
.talkBack.img201 { background: url(../images/ss/02back_01.jpg) no-repeat center center; background-size: cover; }
.talkBack.img202 { background: url(../images/ss/02back_02.jpg) no-repeat center center; background-size: cover; }
.talkBack.img203 { background: url(../images/ss/02back_03.jpg) no-repeat center center; background-size: cover; }
/********************/
.round { overflow: hidden; position: relative; padding: 0; margin: 5em 0 0; }
section .round:first-of-type { margin-top: 3em; }
.roundOne { font-size: 1.15em; }
.roundTwo { font-size: 1.3em; }
.oneThird, .twoThirds { display: block; overflow: hidden; width: 100%; }
.twoThirds ul { text-align: center; padding: 0; margin: 0 0 1em; }
.twoThirds ul li {
	display: inline-block;
	background:#ccc;
	width: 110px;
	height: 110px;
	line-height: 110px;
	font-size: .9em;
	text-align:center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; }
@media print, screen and (min-width: 960px) {
  .oneThird.fL img, .twoThirds.fL img { padding-right: 2em !important; }
  .oneThird.fR img, .twoThirds.fR img { padding-left: 2em !important; }
  .oneThird.fL, .twoThirds.fL { float:left !important; }
  .oneThird.fR, .twoThirds.fR { float:right !important; }
  .oneThird { width: 40%; }
  .twoThirds { width: 60%; }
}
@media print, screen and (max-width: 959px) {
  .oneThird.fR p { float:left !important; width: 50% !important; }
  .oneThird.fR p:nth-last-of-type(2n) { padding-right: 1em !important; }
  .oneThird.fR p:nth-last-of-type(2n-1) { padding-left: 1em !important; }
}
/********************/
.mbtm { width: 50%; margin: 0 auto 3em auto; }
ul.by { width: 100%; position: relative; padding: 0; margin: 0; 
        justify-content: center; align-items: center;
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex;
        -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
ul.by li { display: inline-block; text-align: center; padding: 0 0 1em 0; margin: 0; }
ul.by li p { font-size: .9em; line-height: 1.5em; margin-bottom: 0; }
ul.by li p:nth-of-type(2) { font-size: 1.3em;  margin-bottom: 0; }
ul.by li img { max-width: 80%; margin-bottom: 1em; }
ul.by li .smart { max-width: 180px; width: 70%; margin: 0 auto; }
@media print, screen and (max-width: 1299px) { /* 2列 */
  ul.by { background: url(../images/ss/by.png) no-repeat center bottom 130px; }
  ul.by li { width: 52%; padding-right: 4%; }
  ul.by li:nth-of-type(even) { width: 48%; padding-right: 0; }
  ul.by li:nth-of-type(n+3) { margin-top: 5em; }
}
@media print, screen and (min-width: 1300px) { /* 4列 */
  ul.by li { width: 26.25%; background: url(../images/ss/by.png) no-repeat center right 15px; padding-right: 80px; }
  ul.by li:nth-of-type(4n) { width: 21.25%; background: none; padding-right: 0; }
}
.no_button {
	position: relative;
	width: 94%;
	color: #fff;
	font-size: 1em;
	background: #ccc;
	border: 1px #000 solid;
	padding: .8em 0;
	margin: 5px 3% !important;
	transition: all 0.4s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
.no_button:before, .no_button:after {
	content: '';
	position: absolute;
	display: block;
	width: 1em;
	height: 1em;
	border: 1px #000 solid;
	box-sizing: border-box;
	transition: all 0.4s ease-in-out; }
.no_button:before {
	top: -5px;
	left: -5px;
	border-width: 1px 0 0 1px; }
.no_button:after {
	right: -5px;
	bottom: -5px;
	border-width: 0 1px 1px 0; }
/********************/
.List .first { position: relative; border: 1px #000 solid; padding: 4em 3em 1em; margin-top: 2.5em; }
.List .first .num {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	background-color: #000;
	padding: 5px 30px; }
@media print, screen and (min-width: 640px) {
  .List .first img { max-width: 35% !important; float: left; padding: 0; margin: 0 2em 2em 1em !important; vertical-align: top; }
}
/********************/
dl.SyShop { overflow: hidden; position: relative; }
dl.SyShop dt { background: #ccc; padding: .2em .5em !important; }
dl.SyShop dd { padding: .2em .5em .5em !important; }
/********************/
@media print, screen and (min-width: 1300px) { h3 { font-size: 2.2em !important; } }
h3 small.sub { font-size: .65em; }
dl.SyTalk { width: 100%; margin: 5em 0 0; }
dl.SyTalk dt,
dl.SyTalk dd { padding: 0; margin: 0; }
dl.SyTalk dt:after { content: "："; }
dl.SyTalk dd:after { content: ''; display: block; clear: both; }
dl.SyTalk dt { padding-top: 1em; color: #F86711; }
dl.SyTalk dt.mem01, .List .first span.mem01 { color: #000; }
dl.SyTalk dt.mem02, .List .first span.mem02 { color: #CA1506; }
dl.SyTalk dt.mem03, .List .first span.mem03 { color: #F86711; }
dl.SyTalk dt.mem04, .List .first span.mem04 { color: #002DB2; }
dl.SyTalk dt.mem05, .List .first span.mem05 { color: #008C23; }
dl.SyTalk dt.mem06, .List .first span.mem06 { color: #B399FF; }
@media print, screen and (min-width: 768px) {
  dl.SyTalk dt,
  dl.SyTalk dd { padding: 1em 0; }
  dl.SyTalk dt { clear: left; float: left; width: 85px; text-align: right; }
  dl.SyTalk dd { margin-left: 100px; }
}
@media print, screen and (min-width: 1300px) {
  dl.SyTalk dt { width: 95px; } dl.SyTalk dd { margin-left: 110px; }
}
ul.syImg { width: 100%; position: relative; text-align: center; padding: 0; margin: 3em 0 0; 
           justify-content: center; align-items: center;
           display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex;
           -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
ul.syImg li { position: relative; list-style-type: none; display: inline-block; margin-right: 2%; padding-top: 1em; }
ul.syImg li:last-of-type { margin-right: 0; }
ul.syImg li img.upBtn {
	position: absolute;
	max-width: 35px;
	height: auto;
	bottom: 0;
	right: 0; }
@media print, screen and (max-width: 767px) { /* 3列 */
  ul.syImg li { width: 32%; }
  ul.syImg li:nth-of-type(-n+3) { padding-top: 0; }
  ul.syImg li:nth-of-type(3n) { margin-right: 0; }
}
@media print, screen and (min-width: 768px) { /* 4列 */
  ul.syImg li { width: 23.5%;  }
  ul.syImg li:nth-of-type(-n+4) { padding-top: 0; }
  ul.syImg li:nth-of-type(4n) { margin-right: 0; }
}
/********************/
.List .profile { position: relative; overflow: visible; border: 1px #000 solid; padding: 2em 3em 1em; margin-top: 2.5em; }
.List .profile .num {
	width: 140px;
	position: absolute;
	top: -11px;
	left: -1px;
	background: url(../images/ss/profile.png) no-repeat top left;
	padding: 35px 0 45px 35px; }
.List .profile .num p { font-size: 1em; line-height: 1.5em; margin-bottom: 0; }
.List .profile .num p:nth-of-type(2) { font-size: 1.4em;  margin-bottom: 0; }
.List .profile img { margin: 0 0 1em 0 !important; }
@media print, screen and (min-width: 640px) {
  .List .profile img { max-width: 25% !important; float: right; padding: 0; margin: 0 0 1em 2em !important; vertical-align: top; }
  .List .profile h5 { margin-left: 120px; }
}
@media print, screen and (min-width: 1300px) {
.List .profile .num { padding-left: 30px; }
}
.hmtitle {
	font-size: 1.70em;
	border-bottom: 2px #000 solid;
	padding: 0;
	margin: 0 auto 1em; }
.hmtitle:nth-of-type(n+2) { margin-top: 3.5em; }