@charset "UTF-8";
/* CSS Document */

/* ============================
		Reset
 ============================ */


/* ============================
		mainVisualSection
 ============================ */


.mainVisualSection {
background-image: url("../images/bg_mv_001.webp");
background-repeat: no-repeat;
background-position: center bottom;
height: 430px;
height: 400px;
}

.mainVisualSection .container {
position: relative;
overflow: hidden;
height: 536px;
height: 400px;
}

.mainVisualSection .slogan {
position: absolute;
top: 20px;
right: 15px;
}
.mainVisualSection .slogan img {
width: 180px;
height: auto;
}

.mainVisualSection .backWallText {
position: absolute;
top: 60px;
left: 15px;
}

.mainVisualSection .backWallText img {
width: 372px;
height: auto;
}

.mainVisualSection .catch {
position: absolute;
top: 115px;
top: 90px;
left: 0;
width: 100%;
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 600;
font-size: 2.2rem;
line-height: 1.9em;
letter-spacing: 0.05em;
text-align: center;
z-index: 3;
padding-left: 0.05em;
}

/* for PC */
@media screen and (min-width: 1024px) {


	.mainVisualSection {
	background-image: url("../images/bg_mv_001pc.webp");
	background-size: cover;
	background-position: center bottom;
	height: calc(100vh - 157px);
	height: calc(100vh - 550px);
	/*max-height: 700px;*/
	}

	.mainVisualSection .container {
	height: calc(100vh - 157px);
	height: calc(100vh - 550px);
	overflow: visible;
	}

	.mainVisualSection .slogan {
	top: 20px;
	right: 0;
	}

	.mainVisualSection .backWallText {
	position: absolute;
	top: 60px;
	left: -30px;
	}

	.mainVisualSection .backWallText img {
	width: 770px;
	height: auto;
	}

	.mainVisualSection .catch {
	top: calc(50% - 5em);
	top: calc(50% - 2.5em);
	font-size: 3.8rem;
	line-height: 2.0em;
	}

	.mainVisualSection .slogan img {
	width: 219px;
	}

}


@media screen and (max-width: 1500px) and (min-width: 1024px){

	.mainVisualSection .slogan {
	right: 20px;
	}

	.mainVisualSection .catch {
	font-size: 3.4rem;
	}

}

@media screen and (min-width: 1024px) and (max-height: 750px) {

	.mainVisualSection {
	height: calc(100vh - 400px);
	}

	.mainVisualSection .container {
	height: calc(100vh - 400px);
	}

	.mainVisualSection .catch {
	font-size: 3.0rem;
	}

}


/* ============================
	mvBottomSection
 ============================ */


.mvBottomSection {
margin-top: -40px;
margin-bottom: 70px;
}


.gallerySlider.slider {
width: 100%;
margin: 0 auto;
padding-bottom: 0px;
padding: 0 15px;
}

.gallerySlider.slider img {
}

.gallerySlider.slider .slick-slide {
margin: 0px 10px;
transition: all ease-in-out .3s;
}

.gallerySlider.slider .slide-arrow  {
width: 30px;
}
.gallerySlider.slider .prev-arrow  {
position: absolute;
top: calc(50% - 15px);
left: -10px;
z-index: 100;
}
.gallerySlider.slider .next-arrow  {
position: absolute;
top: calc(50% - 15px);
right: -10px;
z-index: 100;
}


.gallerySlider.slider .slick-slide img {
width: 100%;
height: auto;
}

.gallery001 .bnr {
position: relative;
filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.2));
padding: 2px 0;
box-sizing: border-box;
}

.gallery001 .cateList {
position: absolute;
top: 10px;
margin-left: 10px;
z-index: 200;
width: 100%;
}

.gallery001 .cateList > li {
display: inline-block;
background-color: #333;
padding: 5px 5px 3px 5px;
border-radius: 3px;
font-size: 1.1rem;
border: 1px solid #fff;
color: #fff;
line-height: 1em;
}

.gallery001 .cateList  > li.free001,
.gallery001 .cateList  > li.houkoku {
background-color: #3daebe;
}
.gallery001 .cateList  > li.free002 {
background-color: #3daebe;
position: absolute;
top: 0px;
right: 18px;
}
.gallery001 .cateList  > li.priceFree {
background-color: #4d4d4d;
}
.gallery001 .cateList  > li.boshu {
background-color: #f83030;
position: absolute;
top: -8px;
right: 10px;
border: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0;
padding: 10px 8px 10px 10px;
font-size: 1.6rem;
}

.gallery001 .cateList  > li.membersOnly {
background-color: #947a01;
}

a:hover .gallery001 .cateList * {
opacity: 1;
}

.gallery001 .row_btns {
margin: 1em 25px 1em 0;
text-align: right;
}

.gallery001 .row_btns button {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: none;
font-size:1.4rem;
padding: 0;
border: none;
border-radius:0;
box-sizing: border-box;
background-color: transparent;
}
.gallery001 .row_btns button img {
width: 30px;
}

.gallery001 .row_btns .slick_pause {
width: 30px;
height: 30px;
background-image: url("../images/fig_pause001.svg");
background-repeat: no-repeat;
background-size: 30px auto;
background-position: center center;
}

.gallery001 .row_btns .slick_pause.paused {
background-image: url("../images/fig_play001.svg");
}



/* for PC */
@media screen and (min-width: 1024px) {

	.mvBottomSection {
	margin-top: 0;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	margin-bottom: 0;
	}

	.gallery001 .row_btns {
	text-align: right;
	margin-right: 45px;
	}

	.gallery001 .row_btns button img {
	width: 30px;
	}
	
	
	.gallery001 .slide-arrow:hover,
	.gallery001 .row_btns button:hover {
	cursor: pointer;
	}

}





@media screen and (max-width: 1500px) and (min-width: 1024px){

	.gallerySlider.slider {
	padding: 0 40px;
	}

	.gallerySlider.slider .prev-arrow  {
	left: 10px;
	}
	.gallerySlider.slider .next-arrow  {
	right: 10px;
	}


}


/* for Large PC */
@media screen and (min-width: 1501px) {

	.gallerySlider.slider .prev-arrow  {
	left: -30px;
	}
	.gallerySlider.slider .next-arrow  {
	right: -30px;
	}

	.gallery001 .row_btns {
	text-align: right;
	margin-right: 25px;
	}


}


/* ============================
		commonPageDesign
 ============================ */

.commonPageDesign {
margin-bottom: 50px;
}

.commonPageDesign h2 {
font-size: 3.2rem;
font-weight: 600;
color: #004480;
position: relative;
overflow: hidden;
left: -15px;
padding-left: 2em;
text-indent: -2em;
line-height: 1.25em;
margin-bottom: 15px;
}

.commonPageDesign h2::before {
content: "──";
letter-spacing: -0.1em;
margin-right: 0.25em;
}


/* for SP */
@media screen and (max-width: 767px) {

.commonPageDesign h2 {
padding-left: 1em;
text-indent: -1em;
}


.commonPageDesign h2::before {
content: "─";
}

}


/* for PC */
@media screen and (min-width: 1024px) {

	.commonPageDesign {
	margin-bottom: 100px;
	}

	.commonPageDesign h2 {
	font-size: 4.0rem;
	margin-bottom: 15px;
	}

	.commonPageDesign h2::before {
	content: "──";
	letter-spacing: -0.1em;
	margin-right: 0.25em;
	}

}

/* for Large PC */
@media screen and (min-width: 1501px) {


	.commonPageDesign h2 {
	font-size: 4.0rem;
	font-weight: 600;
	color: #004480;
	position: relative;
	overflow: visible;
	left: 0px;
	padding-left: 0;
	text-indent: 0;
	line-height: 1.25em;
	margin-bottom: 15px;
	}

	.commonPageDesign h2::before {
	content: "──";
	letter-spacing: -0.1em;
	margin-right: 0em;
	position: absolute;
	left: -100px;
	}

}


/* ============================
		newsSection
 ============================ */

.newsSection {
}

.newsSection .newsArchiveList {
margin-bottom: 24px;
}

.newsSection .newsArchiveList li {
border-bottom: 1px solid #d2d2d2;
}

.newsSection .newsArchiveList li a {
display: block;
text-decoration: none;
color: #000;
padding: 15px 0;
}

.newsSection .newsArchiveList li .noLink {
display: block;
text-decoration: none;
color: #000;
padding: 15px 0;
}

.newsSection .newsArchiveList li .date {
display: inline-block;
font-size: 1.4rem;
width: 8em;
}

.newsSection .newsArchiveList li .category {
display: inline-block;
font-size: 1.4rem;
color: #004480;
margin-bottom: 10px;
background-color: #e8e8e8;
padding: 5px 15px;
border-radius: 15px;
}

.newsSection .newsArchiveList li .title {
display: block;
line-height: 1.5em;
}

.newsSection .newsArchiveList li .title br {
display: none;
}

.newsSection .newsArchiveList li .title br.nowrap {
display: inline-block;
}

.newsSection .newsArchiveList li .catch {
display: block;
font-size: 1.4rem;
line-height: 1.5em;
margin-top: 5px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 行数を指定 */
}

/*
.newsSection .moreLink {
text-align: right;
}

.newsSection .moreLink a {
display: inline-block;
font-size: 1.4rem;
text-decoration: none;
color: #fff;
background-color: #004480;
padding: 0 40px 0 15px;
line-height: 32px;
border-radius: 32px;
background-image: url("../../common/images/arrow002.svg");
background-repeat: no-repeat;
background-position: right 7px center;
background-size: 20px auto;
}
*/

/* for PC */
@media screen and (min-width: 1024px) {

	.newsSection {
	margin-top: 70px;
	padding-top: 0px;
	}

	.newsSection h2 {
	width: 270px;
	}


	.newsSection .newsArchiveList {
	width: calc(100% - 270px);
	margin-left: 270px;
	margin-top: -85px;
	}
	
	.newsSection.archivePageDesign .newsArchiveList {
	width: calc(100% - 0px);
	margin-left: 0;
	margin-top: -60px;
	}


	.newsSection .newsArchiveList li:before,
	.newsSection .newsArchiveList li:after {
	content:"";
	display: table;
	}
	.newsSection .newsArchiveList li:after { clear:both; }
	.newsSection .newsArchiveList li { *zoom:1; }

	.newsSection .newsArchiveList li a {
	display: block;
	padding: 30px 0 !important;
	}

	.newsSection .newsArchiveList li .noLink {
	display: block;
	padding: 30px 0 !important;
	}

	.newsSection .newsArchiveList li .date {
	float: left;
	display: block;
	font-size: 1.6rem;
	width: 140px;
	padding: 5px 0;
	}

	.newsSection .newsArchiveList li .category {
	float: left;
	display: block;
	width: 100px;
	text-align: center;
	font-size: 1.6rem;
	color: #004480;
	margin-bottom: 0;
	margin-right: 30px;
	background-color: #e8e8e8;
	padding: 5px 15px;
	border-radius: 15px;
	}

	.newsSection .newsArchiveList li .title {
	float: left;
	width: calc(100% - 160px);
	display: block;
	font-size: 1.6rem;
	line-height: 1.75em;
	margin-top: -3px;
	}
	
	.newsSection .newsArchiveList li .title.noCatch {
	margin-bottom: 1.5em;
	}

	.newsSection .newsArchiveList li .catch {
	clear: both;
	font-size: 1.4rem;
	line-height: 1.5em;
	padding-left: 140px;
	padding-top: 0px;

display: block;
-webkit-box-orient: inherit;
-webkit-line-clamp: none;

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;


	}



}



/* newsArchiveSecondList */


.newsSection .newsArchiveSecondList {
margin-bottom: 24px;
}

.newsSection .newsArchiveSecondList li {
border-bottom: 1px solid #d2d2d2;
}

.newsSection .newsArchiveSecondList li a {
display: block;
text-decoration: none;
color: #000;
padding: 15px 0;
}

.newsSection .newsArchiveSecondList li .noLink {
display: block;
text-decoration: none;
color: #000;
padding: 15px 0;
}

.newsSection .newsArchiveSecondList li .date {
display: inline-block;
font-size: 1.6rem;
width: 7em;
}

.newsSection .newsArchiveSecondList li .theme {
display: inline-block;
font-size: 1.4rem;
font-weight: 600;
color: #fff;
width: 7em;
text-align: center;
margin-bottom: 10px;
background-color: #004480 ;
padding: 5px 15px;
border-radius: 5px;
}

.newsSection .newsArchiveSecondList li .title {
display: block;
line-height: 1.5em;
width: 100%;
white-space: normal;
}

.newsSection .newsArchiveSecondList li .title img {
width: 14px;
height: auto;
position: relative;
top: 3px;
}

.newsSection .newsArchiveSecondList li .title br {
display: none;
}

.newsSection .newsArchiveSecondList li .title br.nowrap {
display: inline-block;
}

.newsSection .newsArchiveSecondList li .catch {
display: block;
width: 100%;
font-size: 1.4rem;
line-height: 1.5em;
margin-top: 5px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 行数を指定 */
}


/* for PC */
@media screen and (min-width: 1024px) {

	.newsSection .newsArchiveSecondList {
	width: calc(100% - 270px);
	margin-left: 270px;
	margin-top: -85px;
	}


	.newsSection .newsArchiveSecondList li a,
	.newsSection .newsArchiveSecondList li .noLink {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	}



	.newsSection .newsArchiveSecondList li .date {
	width: 8em ;
	}

	.newsSection .newsArchiveSecondList li .theme {
	width: 8em;
	margin-right: 2em;
	position: relative;
	top: -4px
	}

	.newsSection .newsArchiveSecondList li .title {
	width: calc(100% - 19em);
	position: relative;
	top: -6px
	}
	}
	
	.newsSection .newsArchiveSecondList li .title.noCatch {
	}

	.newsSection .newsArchiveSecondList li .catch {
	clear: both;
	font-size: 1.4rem;
	line-height: 1.5em;
	padding-left: 140px;
	padding-top: 0px;

	display: block;
	-webkit-box-orient: inherit;
	-webkit-line-clamp: none;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;


	}



}



/* ============================
		faqSection
 ============================ */

.faqSection {
margin-bottom: 60px;
}

.faqSection .faqList {
}

.faqSection .faqList li {
display: inline-block;
margin: 0.75em 0.3em;
}

.faqSection .faqList li a {
display: inline-block;
text-decoration: none;
color: #000;
background-color: #ececec;
padding: 5px 10px;
border-radius: 20px;
}

/*
.faqSection .moreLink {
text-align: right;
}

.faqSection .moreLink a {
display: inline-block;
font-size: 1.4rem;
text-decoration: none;
color: #fff;
background-color: #004480;
padding: 0 40px 0 15px;
line-height: 32px;
border-radius: 32px;
background-image: url("../../common/images/arrow002.svg");
background-repeat: no-repeat;
background-position: right 7px center;
background-size: 20px auto;
}
*/


/* for PC */
@media screen and (min-width: 1024px) {

	.faqSection {
	margin-bottom: 100px;
	}

	.faqSection h2 {
	font-size: 2.6rem;
	width: 250px;
	}

	.faqSection h2::before {
	font-size: 4.0rem;
	}

	.faqSection .faqList {
	width: calc(100% - 250px);
	margin-left: 250px;
	margin-top: -58px;
	}

	.faqSection .faqList li {
	margin: 0.75em 0.5em;
	}

	.faqSection .faqList li a {
	padding: 8px 15px;
	border-radius: 20px;
	}

}


@media screen and (max-width: 1500px) and (min-width: 1024px){

	.faqSection h2::before {
	font-size: 4.0rem;
	top: 5px;
	position: relative;
	}
}






/* ============================
		consultingSection
 ============================ */

.consultingSection {
background-color: #f6f7fe;
padding: 30px 0 50px 0;
margin-bottom: 0;
}

.consultingSection .container {
background-image: url("../../top/images/bg_consulting001.svg");
background-repeat: no-repeat;
background-size: auto 29px;
background-position: right top ;
padding: 35px 0 0 0;
}

.consultingSection .lead {
line-height: 1.8em;
margin-bottom: 35px;
}

.consultingSection .serviceList {
}

.consultingSection .serviceList li {
margin-bottom: 50px;
}
.consultingSection .serviceList li:last-child {
margin-bottom: 0;
}

.consultingSection .serviceList a {
text-decoration: none;
color: #000;
}

.consultingSection .serviceList .photo {
margin-left: 25px;
}
.consultingSection .serviceList .photo img {
width: 100%;
border-top-left-radius: 18px;
}

.consultingSection .serviceList h3 {
display: inline-block;
background-color: #f6f7fe;
margin-top: -35px;
padding: 15px 45px 12px 0;
font-size: 2.3rem;
font-weight: 600;
line-height: 1.45em;
border-top-right-radius: 18px;
margin-bottom: 5px;
background-image: url("../../common/images/arrow001.svg");
background-repeat: no-repeat;
background-size: 19px auto;
background-position: right 15px center;
}

.consultingSection .serviceList h3 .smallName {
font-size: 1.6rem;
}

.consultingSection .serviceList p {
line-height: 1.55em;
}


/* for PC */
@media screen and (min-width: 1024px) {

	.consultingSection {
	padding: 100px 0 80px 0;
	}

	.consultingSection .container {
	background-size: auto 45px;
	background-position: right top ;
	padding: 0;
	}

	.consultingSection .lead {
	font-size: 2.0rem;
	line-height: 1.8em;
	margin-bottom: 35px;
	}

	.consultingSection .serviceList {
	display: flex;
	}

	.consultingSection .serviceList li {
	margin-bottom: 50px;
	width: calc(50% - 47px);
	margin-right: 94px;
	margin-right: 40px;
	}
	.consultingSection .serviceList li:last-child {
	margin-bottom: 0;
	margin-right: 0;
	}

	.consultingSection .serviceList a {
	text-decoration: none;
	color: #000;
	}
	
	.consultingSection .serviceList a:hover {
	opacity: 1 !important;
	}

	.consultingSection .serviceList .photo {
	margin-left: 25px;
	margin-left: 20px;
	}
	.consultingSection .serviceList .photo img {
	width: 100%;
	border-top-left-radius: 18px;
	}

	.consultingSection .serviceList h3 {
	font-size: 2.8rem;
	padding: 15px 65px 12px 0;
	background-size: 24px auto;
/*	background-position: right 20px bottom 19px;*/
	background-position: right 20px top 20px;
	position: relative;
	z-index: 2;
	margin-top: -30px;
	}
	.consultingSection .serviceList h3 .smallName {
	font-size: 1.6rem;
	}

	.consultingSection .serviceList a:hover h3 {
	color: #888 !important;
	}


	.consultingSection .serviceList p {
	font-size: 1.8rem;
	line-height: 1.75em;
	}

	.consultingSection .serviceList a:hover h3 {
	color: #888 !important;
	background-image: url("../../common/images/arrow001a.svg");
	}

	.consultingSection .serviceList a:hover p {
	color: #888 !important;
	}


}

/* for TB */
@media screen and (max-width: 1023px) and (min-width: 768px){

	.consultingSection .serviceList {
	display: flex;
	justify-content: center;
	}

	.consultingSection .serviceList li {
	margin-bottom: 50px;
	width: calc(50% - 30px);
	margin-right: 30px;
	}
	.consultingSection .serviceList li:last-child {
	margin-bottom: 0;
	margin-right: 0;
	}

	.consultingSection .serviceList .photo {
	margin-left: 15px;
	}

	.consultingSection .serviceList h3 {
	padding: 15px 55px 12px 0;
	background-position: right 25px bottom 20px;
	}

}



/* ============================
		creativeSection
 ============================ */

.creativeSection {
background-color: #f6f7fe;
padding: 30px 0 50px 0;
margin-bottom: 0;
}

.creativeSection .container {
background-image: url("../../top/images/bg_creative001.svg");
background-repeat: no-repeat;
background-size: auto 29px;
background-position: right top ;
padding: 35px 0 0 0;
}

.creativeSection .lead {
line-height: 1.8em;
margin-bottom: 35px;
}

.creativeSection .serviceList {
}

.creativeSection .serviceList li {
margin-bottom: 50px;
}
.creativeSection .serviceList li:last-child {
margin-bottom: 0;
}

.creativeSection .serviceList a {
text-decoration: none;
color: #000;
}

.creativeSection .serviceList .photo {
margin-left: 25px;
}
.creativeSection .serviceList .photo img {
width: 100%;
border-top-left-radius: 18px;
}

.creativeSection .serviceList h3 {
display: inline-block;
background-color: #f6f7fe;
margin-top: -35px;
padding: 15px 45px 12px 0;
font-size: 2.3rem;
line-height: 1.45em;
border-top-right-radius: 18px;
margin-bottom: 5px;
background-image: url("../../common/images/arrow001.svg");
background-repeat: no-repeat;
background-size: 19px auto;
background-position: right 15px center;
}

.creativeSection .serviceList p {
line-height: 1.55em;
}


/* for PC */
@media screen and (min-width: 1024px) {

	.creativeSection {
	padding: 0 0 80px 0;
	}

	.creativeSection .container {
	background-size: auto 45px;
	background-position: right top ;
	padding: 0;
	}

	.creativeSection .lead {
	font-size: 2.0rem;
	line-height: 1.8em;
	margin-bottom: 35px;
	}

	.creativeSection .serviceList {
	display: flex;
	}

	.creativeSection .serviceList li {
	margin-bottom: 50px;
	width: calc(50% - 47px);
	margin-right: 94px;
	}
	.creativeSection .serviceList li:last-child {
	margin-bottom: 0;
	margin-right: 0;
	}

	.creativeSection .serviceList a {
	text-decoration: none;
	color: #000;
	}
	
	.creativeSection .serviceList a:hover {
	opacity: 1;
	}

	.creativeSection .serviceList .photo {
	margin-left: 25px;
	}
	.creativeSection .serviceList .photo img {
	width: 100%;
	border-top-left-radius: 18px;
	}

	.creativeSection .serviceList h3 {
	font-size: 2.8rem;
	padding: 15px 55px 12px 0;
	background-size: 24px auto;
	background-position: right 20px bottom 19px;
	position: relative;
	z-index: 2;
	}
	
	.creativeSection .serviceList a:hover h3 {
	color: #888 !important;
	background-image: url("../../common/images/arrow001a.svg");
	}


}



/* for TB */
@media screen and (max-width: 1023px) and (min-width: 768px){


	.creativeSection .serviceList {
	display: flex;
	justify-content: center;
	}

	.creativeSection .serviceList li {
	margin-bottom: 50px;
	width: calc(50% - 30px);
	margin-right: 30px;
	}
	.creativeSection .serviceList li:last-child {
	margin-bottom: 0;
	margin-right: 0;
	}

	.creativeSection .serviceList .photo {
	margin-left: 15px;
	}

	.creativeSection .serviceList h3 {
	padding: 15px 55px 12px 0;
	background-position: right 25px bottom 20px;
	}

}



/* ============================
		contestSection
 ============================ */

.contestSection {
padding: 80px 0 0 0;
}

.contestSection .container {
background-image: url("../../top/images/bg_contest001.svg");
background-repeat: no-repeat;
background-size: auto 29px;
background-position: right top ;
padding: 35px 0 0 0;
}

.contestSection .lead {
line-height: 1.8em;
margin-bottom: 35px;
}

.contestSection .photo {
padding-left: 25px;
margin-bottom: 20px;
}

.contestSection .photo img {
width: calc(100% + 15px);
border-top-left-radius: 18px;
}

.contestSection .itemList li {
border-bottom: 1px solid #d2d2d2;
}

.contestSection .itemList li a {
display: block;
text-decoration: none;
color: #000;
padding: 15px 0;
background-image: url("../../common/images/arrow001.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: 14px auto;
}


/* for PC */
@media screen and (min-width: 1024px) {

	.contestSection {
	padding: 80px 0 90px 0;
	background-image: url("../images/bg_contest001.webp");
	background-repeat: no-repeat;
	background-position: left calc(50% + 348px) top 70px;
	}

	.contestSection .container {
	background-size: auto 45px;
	background-position: left calc(50% - 200px) top ;
	padding: 50px 0 0 0;
	position: relative;
	overflow: visible;
	}
	
	.contestSection .smartContainer {
	width: 525px;
	}

	.contestSection .lead {
	font-size: 2.0rem;
	line-height: 1.8em;
	margin-bottom: 35px;
	}

	.contestSection .photo {
	display: none;
	}

	.contestSection .photo img {
	width: calc(100% + 0px);
	}

	.contestSection .itemList li a {
	font-size: 2.0rem;
	font-weight: 600;
	padding: 20px 0;
	background-size: 18px auto;
	}
	
	.contestSection .itemList li a:hover {
	opacity: 0.5;
	}
}


/* for TB */
@media screen and (max-width: 1023px) and (min-width: 768px){

	.contestSection  .flexBox {
	display: flex;
	justify-content: center;
	}


	.contestSection .photo {
	width: calc(50% - 30px);
	padding: 0;
	margin: 0 15px;
	}
	.contestSection .photo img {
	width: 100%;
	}

	.contestSection .itemList {
	width: calc(50% - 30px);
	margin: 0 15px;
	padding: 0;
	}

}


/* ============================
		seminarSection
 ============================ */

.seminarSection {
padding: 80px 0 0 0;
}

.seminarSection .container {
background-image: url("../../top/images/bg_seminar001.svg");
background-repeat: no-repeat;
background-size: auto 29px;
background-position: right top ;
padding: 35px 0 0 0;
}

.seminarSection .lead {
line-height: 1.8em;
margin-bottom: 35px;
}

.seminarSection .photo {
padding-left: 0;
margin-bottom: 20px;
padding-right: 10px;
}

.seminarSection .photo img {
width: 100%;
border-top-right-radius: 18px;
position: relative;
left: -15px;
}


.seminarSection .itemList li {
border-bottom: 1px solid #d2d2d2;
}

.seminarSection .itemList li a {
display: block;
text-decoration: none;
color: #000;
padding: 15px 0;
background-image: url("../../common/images/arrow001.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: 14px auto;
}


/* for PC */
@media screen and (min-width: 1024px) {


	.seminarSection {
	padding: 80px 0 20px 0;
	background-image: url("../images/bg_seminar001.webp");
	background-repeat: no-repeat;
	background-position: left calc(50% - 381px) top 70px;
	}

	.seminarSection .container {
	background-size: auto 45px;
	background-position: right top ;
	padding: 0 0 0 0;
	position: relative;
	overflow: visible;
	}
	
	.seminarSection .smartContainer {
	width: 525px;
	margin-left: 675px;
	}

	.seminarSection .lead {
	font-size: 2.0rem;
	line-height: 1.8em;
	margin-bottom: 35px;
	}

	.seminarSection .photo {
	display: none;
	}

	.seminarSection .photo img {
	width: calc(100% + 0px);
	}

	.seminarSection .itemList li a {
	font-size: 2.0rem;
	font-weight: 600;
	padding: 20px 0;
	background-size: 18px auto;
	}
	.seminarSection .itemList li a:hover {
	opacity: 0.5;
	}


	.seminarSection h2::before {
	content: none;
	}

}


/* for TB */
@media screen and (max-width: 1023px) and (min-width: 768px){

	.seminarSection  .flexBox {
	display: flex;
	justify-content: center;
	}

	.seminarSection .photo {
	order: 2;
	width: calc(50% - 30px);
	padding: 0;
	margin: 0 15px;
	
	}
	.seminarSection .photo img {
	width: 100%;
	padding: 0;
	margin: 0;
	left: 0;
	}

	.seminarSection .itemList {
	order: 1;
	width: calc(50% - 30px);
	margin: 0 15px;
	padding: 0;
	}
	
	.seminarSection .itemList li a {
	box-sizing: border-box;
	background-position: right 5px center;
	}

}


/* ============================
		advisorSection
 ============================ */

.advisorSection {
padding: 80px 0 0 0;
}

.advisorSection .container {
background-image: url("../../top/images/bg_advisor001.svg");
background-repeat: no-repeat;
background-size: auto 29px;
background-position: right top ;
padding: 35px 0 0 0;
}

.advisorSection .lead {
line-height: 1.8em;
margin-bottom: 35px;
}

.advisorSection .photo {
padding-left: 25px;
margin-bottom: 20px;
}

.advisorSection .photo img {
width: calc(100% + 15px);
border-top-left-radius: 18px;
}

.advisorSection .itemList li {
border-bottom: 1px solid #d2d2d2;
}

.advisorSection .itemList li a {
display: block;
text-decoration: none;
color: #000;
padding: 15px 0;
background-image: url("../../common/images/arrow001.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: 14px auto;
}


/* for PC */
@media screen and (min-width: 1024px) {

	.advisorSection {
	padding: 140px 0 0 0;
	background-image: url("../images/bg_advisor001a.webp");
	background-repeat: no-repeat;
	background-position: left calc(50% + 348px) top 70px;
	min-height: 550px;
	box-sizing: border-box;;
	margin-bottom: 100px;
	}

	.advisorSection .container {
	background-size: auto 45px;
	background-position: left calc(50% - 200px) top 50px ;
	padding: 50px 0 0 0;
	position: relative;
	overflow: visible;
	}
	
	.advisorSection .smartContainer {
	width: 525px;
	}

	.advisorSection .lead {
	font-size: 2.0rem;
	line-height: 1.8em;
	margin-bottom: 35px;
	}

	.advisorSection .photo {
	display: none;
	}

	.advisorSection .photo img {
	width: calc(100% + 0px);
	}

	.advisorSection .itemList li a {
	font-size: 2.0rem;
	font-weight: 600;
	padding: 20px 0;
	background-size: 18px auto;
	}
	.advisorSection .itemList li a:hover {
	opacity: 0.5;
	}

}


/* for TB */
@media screen and (max-width: 1023px) and (min-width: 768px){

	.advisorSection  .flexBox {
	display: flex;
	justify-content: center;
	}


	.advisorSection .photo {
	width: calc(50% - 30px);
	padding: 0;
	margin: 0 15px;
	}
	.advisorSection .photo img {
	width: 100%;
	margin: 0;
	padding: 0;
	left: 0;
	}

	.advisorSection .itemList {
	width: calc(50% - 30px);
	margin: 0 15px;
	padding: 0;
	}

}


/* ============================
		kohoDatabeseSection
 ============================ */

.kohoDatabeseSection {
background-color: #d7e7f1;
padding: 30px 0 50px 0;
margin-bottom: 0;
}

.kohoDatabeseSection .container {
background-image: url("../../top/images/bg_koho_database001.svg");
background-repeat: no-repeat;
background-size: auto 29px;
background-position: right top ;
padding: 35px 0 0 0;
}

.kohoDatabeseSection .lead {
line-height: 1.8em;
margin-bottom: 35px;
}


.kohoDatabeseSection .itemList li {
border-bottom: 1px solid #bbb;
}

.kohoDatabeseSection .itemList li a {
display: block;
text-decoration: none;
color: #000;
padding: 15px 0;
background-image: url("../../common/images/arrow001.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: 14px auto;
}

/* for PC */
@media screen and (min-width: 1024px) {


	.kohoDatabeseSection {
	padding: 80px 0 80px 0;
	}

	.kohoDatabeseSection .container {
	background-size: auto 45px;
	background-position: right top ;
	padding: 0;
	}
	
	.kohoDatabeseSection .smartContainer {
	}

	.kohoDatabeseSection .lead {
	font-size: 2.0rem;
	line-height: 1.8em;
	margin-bottom: 35px;
	}


	.kohoDatabeseSection .listGroup > li {
	float: left;
	width: calc(50% - 45px);
	}
	.kohoDatabeseSection .listGroup > li:nth-child(even) {
	float: right;
	}



	.kohoDatabeseSection .itemList > li a {
	font-size: 2.0rem;
	font-weight: 600;
	padding: 20px 0;
	background-size: 18px auto;
	}
	.kohoDatabeseSection .itemList li a:hover {
	opacity: 0.5;
	}

}


/* for TB */
@media screen and (max-width: 1023px) and (min-width: 768px){


	.kohoDatabeseSection .listGroup > li {
	float: left;
	width: calc(50% - 15px);
	}
	.kohoDatabeseSection .listGroup > li:nth-child(even) {
	float: right;
	}

}


/* ============================
		admissionSection
 ============================ */

.admissionSection {
padding: 85px 0 60px 0;
background-image: url("../images/bg_admission.svg");
background-repeat: no-repeat;
background-position: left 20px top 30px;
background-size: 340px auto;
}

.admissionSection .container {
}

.admissionSection h2 {
font-size: 2.8rem;
margin-bottom: 100px;
}

.admissionSection .itemList li {
border-bottom: 1px solid #bbb;
}

.admissionSection .itemList li a {
display: block;
text-decoration: none;
color: #000;
padding: 15px 0;
background-image: url("../../common/images/arrow001.svg");
background-repeat: no-repeat;
background-position: right center;
background-size: 14px auto;
}



/* for SP */
@media screen and (max-width: 411px) {

	.admissionSection h2 {
	font-size: 2.6rem;
	}

}

/* for PC */
@media screen and (min-width: 1024px) {

	.admissionSection {
	padding: 130px 0 60px 0;
	background-position: left calc(50% - 285px) top 50px ;
	background-size: 570px auto;
	}

	.admissionSection h2 {
	font-size: 4.0rem;
	}

	.admissionSection .itemList {
	margin-top: -180px;
	margin-left: 645px;
	width: 553px;
	}

	.admissionSection .itemList > li a {
	font-size: 2.0rem;
	font-weight: 600;
	padding: 20px 0;
	background-size: 18px auto;
	}
	
	.admissionSection .itemList > li a:hover {
	opacity: 0.5;
	}
	
	.admissionSection.categoryTopPageDesign {
	margin-top: 200px;
	}

	.admissionSection.categoryTopPageDesign {
	padding: 0px 0 60px 0;
	background-position: left calc(50% - 285px) top  ;
	background-size: 570px auto;
	}


}

/* for Large PC */
@media screen and (min-width: 1501px) {

	.admissionSection {
	background-position: left calc(50% - 400px) top 50px ;
	}

}


/* for TB */
@media screen and (max-width: 1023px) and (min-width: 768px){

	.admissionSection .itemList li {
	float: left;
	width: calc(50% - 15px);
	}
	.admissionSection .itemList li:nth-child(even) {
	float: right;
	}


}


/* ============================
		surveySection
 ============================ */



.surveySection {
padding: 10px 0;
background-color: #e1f2f8;
}

.surveySection p {
text-align: center;
}

.surveySection a {
display: block;
text-decoration: none;
background-color: #004480;
font-size: 1.7rem;
font-weight: bold;
color: #fff;
padding: 10px 10px;
line-height: 1.1em;
background-image: url("/module/top/images/icon_site001.svg");
background-repeat: no-repeat;
background-position: right 15px bottom 15px;
background-size: 20px auto;
}

.surveySection a .small {
font-size: 1.2rem;
}

/* for PC */
@media screen and (min-width: 768px) {

	.surveySection {
	padding:  0;
	background-color: transparent;
	width: 100%;
	}

	.surveySection p {
	text-align: center;
	}

	.surveySection a {
	display: inline-block;
	padding: 5px 50px 5px 50px;
	line-height: 1.0em;
	background-position: right 10px bottom 10px;
	}

}


/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1023px) and (min-width: 768px){

	.surveySection {
	position: relative;
	top: 0;
	margin-bottom: 5em;
	}

}


/* ============================
		messageSection
 ============================ */

#messageSection {
margin-bottom: 5em;
}
#messageSection .thisMessage {
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 600;
font-size: 1.6rem;
line-height: 1.75em;
border: 1px solid #ccc;
padding: 1em 2em;
box-sizing: border-box;
}
/* for TB */
@media screen and (max-width: 1023px) and (min-width: 768px){
	#messageSection .thisMessage {
	width: calc(100% - 150px);
	margin: 0 auto
	}
}
/* for PC */
@media screen and (min-width: 1024px) {
	#messageSection {
	margin-bottom: 3em;
	}
	#messageSection .thisMessage {
	font-size: 1.8rem;
	line-height: 1.75em;
	width: calc(100% - 200px);
	margin: 0 auto
	}
}



/* ============================
		newsSection
 ============================ */


.tabs {
}

.tab-list {
}

.tab-item {
cursor: pointer;
}

.tab-content {
margin-bottom: 5em;
}

.tab-panel {
display: none;
}

.tab-item.active {
background-color: #004480;
color: #fff;
font-weight: bold;
}

.tab-panel.active {
display: block;
}


/* for TB */
@media screen and (max-width: 1023px) and (min-width: 768px){
}

/* for PC */

@media screen and (min-width: 1024px) {

	.newsSection .smartContainer {
	position: relative;
	}

	.newsTab {
	display: block;
	width: 160px;
	position: absolute;
	top: 70px;
	}

	.newsTab > li {
	width: auto;
	margin: 0 0 8px 0;
	display: block;
	width: 100%;
	text-decoration: none;
	text-align: center;
	background-color: #fff;
	line-height: 2em;
	color: #004480;
	font-size: 1.4rem;
	font-weight: 600;
	border-radius: 6px;
	border: 1px solid #004480;
	}

}





/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1023px) and (min-width: 768px){
}

/* for PC */
@media screen and (max-width: 1500px) and (min-width: 1024px){
}
@media screen and (min-width: 1024px) {
}

/* for Large PC */
@media screen and (min-width: 1501px) {
}