/*
* @package WordPress
* @subpackage HGU by Santai
*/

/*
----------------------------------------------------------------------------------------------------------- */
/* Wordpress»*/
.photo {
	padding-right:0px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.entry img {
	background:white;
	margin:0;
	padding:0;
}

.entry img.attachment-thumbnail{
	float: right !important;
	margin: 0 0 10px 0;
}

.photo-end {
	clear:left;
}
/*
----------------------------------------------------------------------------------------------------------- */
img.alignright {
	float: right;
	margin: 10px 0 10px 10px;
}


img.alignleft {
	float: left;
	margin: 10px 10px 10px 0px;
}

img.alignnone {
	margin: 10px 0px 10px 10px;
}

img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*
----------------------------------------------------------------------------------------------------------- */

.search ul.note li{padding:0;}
.search ul.note li a{display:block; padding: 1rem .5em;}
.search ul.note li a:hover{text-decoration:none; background-color:#fafafa;}
.search ul.note li small{color:#777777;}

.catchcopy{font-weight:normal;}
.catchcopy > span:nth-child(1){color:#e4011e;}
.catchcopy > span:nth-child(2){color:#d6a600;}
.catchcopy > span:nth-child(3){color:#1b973a;}
.catchcopy > span:nth-child(4){color:#c50e28;}
.catchcopy > span:nth-child(5){color:#e83418;}
.catchcopy > span:nth-child(6){color:#00a6d9;}
.catchcopy > span:nth-child(7){color:#fabd00;}
.catchcopy > span:nth-child(8){color:#970a31;}
.catchcopy > span:nth-child(9){color:#ec6a06;}
.catchcopy > span:nth-child(10){color:#dc097b;}
.catchcopy > span:nth-child(11){color:#f5a20b;}
.catchcopy > span:nth-child(12){color:#d39206;}
.catchcopy > span:nth-child(13){color:#407936;}
.catchcopy > span:nth-child(14){color:#0075ba;}
.catchcopy > span:nth-child(15){color:#28a838;}
.catchcopy > span:nth-child(16){color:#004c88;}
.catchcopy > span:nth-child(17){color:#023067;}


.about_bg01 div.container_s p,.about_bg02 div.container_s p{margin-bottom:0;}

.about_bg01{background:url(../img/about/about-bg.png) no-repeat center center; background-size:cover;}
.about_bg01 div.container_s{padding-bottom:70px;}
@media (min-width: 992px) {
	.about_bg01{position: relative;}
	.about_bg01 > div.container{position: absolute; top:0; left:0; right:0;}
	.about_bg01 div.container_s{width:70%; padding-bottom:50px;}
}
@media (min-width:1200px) {
	.about_bg01 div.container_s{width:78%;}
}

.about_bg02 div.container_s{padding:3.5em 0px 30px;}
#page section section.about_bg02{padding:0; overflow:hidden;}
.about_bg02 > div.title{background:url(../img/about/about-bg01.png) no-repeat center center; background-size:cover; margin:0; display:flex; align-items:center; justify-content:center; padding:50px 30px; position: relative;}
.about_bg02 > div.title > h3{padding:10px 20px; margin:0; background-color:#ffffff; display:inline-block; transform:skewX(-15deg);font-size: 1.4rem;}
.about_bg02 > div.title > h3 > span{display:block;transform:skewX(15deg);}
.about_bg02 > div.area{background-color:#fafafa; position: relative; }
.about_bg02 > div.area > img{position: absolute; top:auto; bottom:90%; width:105%; max-width:105%; left:-20px; right:-20px; margin:auto;}
@media (min-width: 576px) {
	.about_bg02 > div.title{padding:60px;}
	.about_bg02 > div.area > img{bottom:75%; width:90%;}
}
@media (min-width: 992px) {
	.about_bg02 > div.title > h3{padding:20px 40px; transform:skewX(-20deg);font-size: 1.8rem;}
	.about_bg02 > div.title > h3 > span{transform:skewX(20deg);}
}
@media (min-width:1280px) {
	.about_bg02 div.container_s{padding:3em 0px 8em; max-width:830px;}
	.about_bg02 > div.area > img{bottom:0px; margin-bottom:-10px; top:auto; width:100%; left:0; right:0;}
}

@media (min-width:1550px) {
	.about_bg02 div.container_s{max-width:970px;}
	.about_bg02 > div.area > img{width:88%;}
}

@media (min-width:1200px) {
.about_ornament > div:first-child{position: relative;}
.about_ornament.or01 > div:first-child{ padding-bottom:90px; }
.about_ornament > div:last-child{font-size:.95rem;}
.about_ornament img.or{position: absolute;}
.about_ornament.or01 img.or{bottom:3%; left:95%; width:65%;}
.about_ornament.or02 img.or{bottom:-5%; left:-17%; width:23%;}
}


.reason div.container_s p,.about_bg02 div.container_s p{margin-bottom:0;}
.reason{background:url(../img/about/reason/reason-bg_02.png) repeat-x center center; background-size:contain; padding-bottom:40px; }

@media (min-width: 992px) {
	.reason div.container_s{width:70%;}
}
@media (min-width:1200px) {
	.reason{position: relative; padding-top:0 !important; background:none; padding-bottom:0;}
	.reason > div.container{position: absolute; top:10%; left:0; right:0;}
	.reason div.container_s{width:75%;}
}


.portfolio-header h4{background-color:#cccccc; padding: 10px; font-weight: 700; margin-bottom:0;}
#history div.row > div{display:flex; flex-direction: column;}
#history .portfolio-caption{background-color:#fafafa; height:100%; padding: 25px;}
#history .portfolio-caption img{margin:0 20px 15px 0;}

.guidance-eff{background:url(../img/about/guidance/guidance-bg01.png) repeat-x center bottom; background-size:contain;}
.guidance-eff > section{padding:0 0 10vh ;}
@media (min-width: 768px) {
	.guidance-eff > section{padding:0 0 32vh ;}
}
.guidance-aim{background-color:#d3ecf3; position: relative;}
.guidance-aim > section{padding:40px 0;}
.guidance-aim .container_ss{max-width:970px;}
.guidance-aim ol{width:100%; counter-reset:num; list-style-type:none; padding:0; }
.guidance-aim ol li{counter-increment:num; position: relative; padding:23px 20px 23px 60px; text-align:center; background-color:#ffffff; margin-bottom:20px; color: #28358c; font-weight:600; font-size:1.28rem;}
.guidance-aim ol li:before{
	position: absolute;
	content: counter(num);
	left:0;
	top:0;
	bottom:0;
	width:25px;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#ffffff;
	padding:0 25px; font-size:1.28rem;
  }
.guidance-aim ol li:nth-child(1):before{background-color:#e5243b;}
.guidance-aim ol li:nth-child(2):before{background-color:#dda63a;}
.guidance-aim ol li:nth-child(3):before{background-color:#4c9f38;}
.guidance-aim ol li:nth-child(4):before{background-color:#c5192d;}
.guidance-aim ol li:nth-child(5):before{background-color:#ff3a21;}
.guidance-aim h3{margin-top:0;}
.guidance-aim img{position: absolute; top:-20px; left:0; right:0; margin:0 auto; width:100%; display:none;}
@media (min-width: 768px) {
	.guidance-aim img{bottom:-60px; top:auto; max-width:80%; display:block;}
	.guidance-aim ol li:before{padding:0 40px; font-size:1.65rem;}
}


.guidance-out table{border:none;}
.guidance-out table > tbody > tr > th,.guidance-out table > tbody > tr > td{vertical-align: top; border:none; border-bottom:2px solid #e3f3f7;}
.guidance-out .table-striped tbody tr:nth-of-type(2n+1) {background-color:#ffffff;}
.guidance-out .table-striped tbody tr:nth-of-type(even) {background-color:#f0f8fa;}
@media (min-width: 992px) {
	.guidance-out table{border:none;}
	.guidance-out table > tbody > tr > th,.guidance-out table > tbody > tr > td{border:none; border-bottom:2px solid #e3f3f7;padding: 1.5rem;}
	.guidance-out table > tbody > tr > th{width:16%; border-right:2px solid #e3f3f7;}
}

.history{display:flex; flex-direction:column-reverse; padding-bottom:20px;}
.history > div{display:flex; margin-bottom:30px;}
.history .h5{font-weight:600;}
.history div.portfolio-img{width:150px; margin-right:30px;}
.history div.portfolio-text{padding:20px; flex:1; background-color:#ffffff;}
.history div.portfolio-text p{margin-bottom:0;}
.history div.portfolio-text dl{display:flex; margin-bottom:5px; flex-wrap:wrap;}
.history div.portfolio-text dl > div{display:flex; margin-right:15px;}
.history div.portfolio-text dl > div:last-child,
.history div.portfolio-text dl > div dt,
.history div.portfolio-text dl > div dd{margin:0;}
.history div.portfolio-text dl > div dt{font-weight:500;}
.history div.portfolio-text dl > div dt:after{content:'：';}

a.sponsor{display:inline-flex; max-width:400px; width:100%; justify-content:center; align-items:center;padding: 1rem 1rem;}
a.sponsor svg#Layer_1{fill:#ffffff; display:inline-block; margin-right:10px; width:31px; height:31px;
	-webkit-transition: all .3s;
	transition: all .3s;}
a.sponsor:hover svg#Layer_1{fill:#e5243b;}

.qa section{border-bottom:5px solid #d3ecf3; padding:50px 0;}
.qa .container_s{max-width: 1000px;}
.qa section:first-child{padding-top:0;}
.qa section:last-child{border:none;}
.qa section dl > div{display:flex; flex-direction: column; border-bottom:2px solid #eff8fb;padding:.5rem; padding:30px 20px;}
.qa section dl > div:first-child{padding-top:0;}
.qa section dl > div:last-child{border:none; padding-bottom:0;}
.qa section dl > div > dt,.qa section dl > div > dd{position: relative; padding:8px 0 8px 50px; font-weight:500; }
.qa section dl > div > dt{margin-bottom:15px;}
.qa section dl > div > dd{margin-bottom:0;}
.qa section dl > div > dd a{color:#334096 !important; display:inline-block; border-bottom:1px solid #334096; line-height:1.3em;}
.qa section dl > div > dt:before,.qa section dl > div > dd:before{
	display: flex;
	justify-content:center;
	align-items:center;
	position: absolute;
	top: 0;
	bottom:0;
	left: 0em;
	width: 39px;
	height: 39px;
	
}
.qa section dl > div > dt:before{content: ''; background:url(../img/q-icon.png) no-repeat center center; background-size:cover;}
.qa section dl > div > dd:before{content: ''; background:url(../img/a-icon.png) no-repeat center center; background-size:cover;}


.slick-prev, .slick-next {
	 width:60px; /* 画像幅 */
	 height:34px /* 画像高さ */
}
.slick-prev:before, .slick-next:before {
	 content:"";
}
button.slick-prev, button.slick-next {
	 z-index:2;
}
.slick-prev{left:20px; /* 任意の値 */}
.slick-next{right:20px; /* 任意の値 */}

.slick-arrow{z-index:10;/* 値は適当に */}


#sitemap h3{text-align:left; padding:5px 0 5px 15px; margin:0 0 .6em; font-size:1.2rem; border-left:15px solid transparent;}
#sitemap > div:nth-of-type(1) h3{border-left-color:#e5243b;}
#sitemap > div:nth-of-type(2) h3{border-left-color:#dda63a;}
#sitemap > div:nth-of-type(3) h3{border-left-color:#4c9f38;}
#sitemap > div:nth-of-type(4) h3{border-left-color:#26bde2;}
#sitemap > div:nth-of-type(5) h3{border-left-color:#fcc30b;}
#sitemap > div{background-color:#f1f1f1; padding:30px 30px 25px; margin-bottom:20px;}
#sitemap ul{list-style-type:none;padding:0px; margin:0;}
#sitemap ul li > a{position: relative; display:block;}
#sitemap > div > ul{display:flex; flex-wrap:wrap;}
#sitemap > div > ul li{margin:0 10px 10px 0;}
#sitemap > div > ul li > a{background-color:#ffffff; padding:5px 10px 5px 25px; width:100%;}
#sitemap > ul:first-child{margin-bottom:10px;}
#sitemap > ul li{font-size:1.1rem;}
#sitemap > ul li > a{border-bottom:2px solid #f1f1f1; padding:10px;}
#sitemap > ul li > a span{padding:0px 10px 0px 15px; position: relative; display:block; border-left:12px solid #1b2a88;}
#sitemap > ul li > a:hover{background-color:#f1f1f1;}
@media (min-width: 768px) {
	#sitemap > div > ul li{margin:0 20px 10px 0;}
	#sitemap > div > ul li{flex-basis:calc(25% - 20px); max-width:calc(25% - 20px);}
}

#sitemap > div > ul li > a:before,#sitemap > ul li > a span:after{
	display: block;
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all .3s;
	transition: all .3s;
}
#sitemap > div > ul li > a:before{top:.95em; left:.4em;}
#sitemap > div > ul li > a:hover:before{left:.6em;}
#sitemap > div:nth-of-type(1) > ul li > a:before{border-right-color:#e5243b; border-bottom-color:#e5243b;}
#sitemap > div:nth-of-type(2) > ul li > a:before{border-right-color:#dda63a; border-bottom-color:#dda63a;}
#sitemap > div:nth-of-type(3) > ul li > a:before{border-right-color:#4c9f38; border-bottom-color:#4c9f38;}
#sitemap > div:nth-of-type(4) > ul li > a:before{border-right-color:#26bde2; border-bottom-color:#26bde2;}
#sitemap > div:nth-of-type(5) > ul li > a:before{border-right-color:#fcc30b; border-bottom-color:#fcc30b;}
#sitemap > ul li > a span:after{top:0; bottom:0; margin:auto; right:.4em;}
#sitemap > ul li > a span:hover:after{ right:.2em;}


.instagram{display:flex; list-style-type:none; margin:0 0 10px; padding:0; justify-content:flex-start; flex-wrap:wrap; width:100%;}
.instagram li{display:block; margin:0 5px 0 5px; width:calc(33.33% - 10px); }
.instagram li img{width:100%;}
.instagram li.load{width:100%; display: block; text-align:center;}
.instagram li.load img{width:40px;}

#js-instalib{display:flex; list-style-type:none; margin:0 0 10px; padding:0; justify-content:flex-start; flex-wrap:wrap; width:100%;}
#js-instalib li{margin:0 5px 0 5px; width:calc(33.33% - 10px);}
#js-instalib li img{width:100%;}
#js-instalib li.load{width:100%; display: block; text-align:center;}
#js-instalib li.load img{width:40px;}

p.ins_like {
	text-align: center;
	font-size:0.8rem;
	margin-top:5px;
}

h3#insta{margin-top:0px; margin-bottom:10px;}
h3#insta small{display:block; font-size:0.5em; margin-top:-10px;}
a.insta{width:auto !important; background-color:#25BDE2; border-color:#25BDE2;}
a.insta:hover{width:auto !important; background-color:#15839e; border-color:#15839e;}

@media (min-width: 992px) {
	.instagram li{margin:0 5px 0 5px; width:calc(16.66% - 10px); }
	#js-instalib li{margin:0 5px 0 5px; width:calc(16.66% - 10px); }
  }


ul.sponsorlist{list-style-type:none; margin:0; padding:0; overflow:scroll; max-height:85vh;}
ul.sponsorlist li{flex-basis:auto; max-width:auto; padding-left:18px; margin:3px 10px; position: relative;}
ul.sponsorlist li:before{
	display: block;
	content: '';
	position: absolute;
	top: .4em;
	left: 0em;
	width: 9px;
	height: 9px;
	background-color:#1d2b87;
	border-radius: 100%;
}
@media (min-width:576px) {
	ul.sponsorlist{display:flex; flex-wrap:wrap; align-items:center; overflow:visible; max-height:none;}
	ul.sponsorlist li{flex-basis:calc(50% - 20px); max-width:calc(50% - 20px);}
}
@media (min-width: 992px) {
	ul.sponsorlist li{flex-basis:calc(33.33% - 20px); max-width:calc(33.33% - 20px);}
  }