@charset "utf-8";



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

#top・wp・contact構築時に欲しいパーツ集

必要最低限なパーツのみ残しています。
下層展開構築時のパーツは適宜チップスから取得し追加してください。

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

.txtlink{ font-size: 1.8rem; display: inline-block; position: relative;padding-right: 20px; color: #000; }
.txtlink::before{ content: ""; background: #000; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; transition: .6s; }
.txtlink:hover::before{ width: calc(100% - 20px); }
.txtlink::after{ content: ""; background: url(../img/common/arr1_black.svg) no-repeat; background-size: contain; width: 8px; height: 14px; display: inline-block; position: absolute; top: 2px; bottom: 0; margin-top: auto; margin-bottom: auto; right: 5px; transition: .4s; }
.txtlink:hover::after{ right: 0; }
.txtlink._blue{  color: #4fa0cb; }
.txtlink._blue::before{ background: #4fa0cb;}
.txtlink._blue::after{ background: url(../img/common/arr1_blue.svg) no-repeat; background-size: contain; }
.txtlink._pink{ color: #ED809F; }
.txtlink._pink::after{ background: url(../img/common/arr1_pink.svg) no-repeat; }
.txtlink._pink::before{ background: #ED809F; }
@media screen and (max-width: 1100px){
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}


.btnlink{font-size: 2.4rem;color: #fff;background: #4fa0cb;display: flex;padding: 8px 15px;border-radius: 40px;border: 1px solid #4fa0cb;width: 100%;align-items: center;justify-content: center;padding-left: 30px;}
.btnlink>p{padding-right: 20px;position: relative;display: inline-block;overflow: hidden;line-height: 1.4;}
.btnlink>p::before,
.btnlink>p::after{content: "";background: url(../img/common/arr1.svg) no-repeat;background-size: contain;width: 10px;height: 18px;display: inline-block;position: absolute;top: 1px;bottom: 0;margin-top: auto;margin-bottom: auto;right: 5px;transition: .4s;}
.btnlink>p::before{ background: url(../img/common/arr1_blue.svg) no-repeat; background-size: contain; opacity: 0; }
.btnlink:hover{ opacity: 1; background: #fff!important; color: #4fa0cb; }
.btnlink:hover>p::before,
.btnlink:hover>p::after{ right: -0; }
.btnlink:hover>p::before{ opacity: 1; }
.btnlink:hover>p::after{ opacity: 0; }
.btnlink._white{ color: #029DFF;background: #fff; border: 1px solid #fff; }
.btnlink._white>p::before{ opacity: 1; }
.btnlink._white>p::after{ opacity: 0; }
.btnlink._white:hover{ color: #029DFF; background: transparent!important; border: 1px solid #029DFF; }
@media screen and (max-width: 1200px){
	.btnlink{font-size: 1.8rem;text-align: center;}
	.btnlink>p::before,
	.btnlink>p::after{width: 8px;height: 14px;}
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}

/* .bloglist>ul{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -4%; margin-bottom: -30px; }
.bloglist>ul>li{ width: 46%; margin-left: 4%; margin-bottom: 30px; }
.bloglist>ul>li>a{ display: flex; flex-direction: row; } */
.bloglist>ul>li:not(:last-child){ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #6e6e6e; }
.bloglist>ul>li>a{ display: flex; flex-direction: row; }
.bloglist>ul>li>a .imgbox{ width: 40%; flex-shrink: 0; background: #fff;padding: 10px;border-radius: 20px 0 20px 0px; display: none; }
.bloglist>ul>li>a .imgbox>.inwrap{height: 100%;position: relative;overflow: hidden;border-radius: 20px 0 20px 0px;}
.bloglist>ul>li>a .imgbox>.inwrap img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;transition: .4s;-o-object-fit : cover;object-fit : cover;}
.bloglist>ul>li>a .txtbox{ width: 100%; /*margin-left: 30px; min-height: 170px; position: relative; display: flex; flex-direction: column; justify-content: center; padding-top: 15px;*/ }
.bloglist>ul>li>a .txtbox .bloginfo{ margin-bottom: 5px; }
.bloginfo{ margin-left: -10px; }
.bloginfo>li{ display: inline-block; vertical-align: middle; margin-left: 10px; }
.bloginfo>li .catinfo{ font-size: 1.4rem; padding: 6px 5px 7px 7px; line-height: 1; letter-spacing: 0.1em; color: #fff; display: inline-block; vertical-align: 1px; }
.bloginfo>li .catinfo.sakurasaku{ background: #ee8190; }
.bloginfo>li .catinfo.kariyushi{ background: #4fa0cb; }
.bloginfo>li .catinfo.news{ background: #fdfa8f; color: inherit; border: 1px solid #aaa; }
.bloglist>ul>li>a .txtbox .date{ font-size: 1.5rem;  /*position: absolute; top: 0; left: 0;*/ }
.bloglist>ul>li>a .txtbox .title{ font-size: 2rem; line-height: 1.8;transition: .4s;}
.bloglist>ul>li>a:hover .imgbox>.inwrap img{ transform: scale(1.04); }
.bloglist>ul>li>a:hover{ opacity: 1; }
.bloglist>ul>li>a:hover .txtbox .title{ color: #4fa0cb; }
@media screen and (max-width: 1200px){
	.bloglist>ul>li>a .txtbox .title{ font-size: 1.8rem; }
	.bloglist>ul>li>a .imgbox{ width: 150px; }
	/*.bloglist>ul>li>a .txtbox{ min-height: 150px; margin-left: 25px; }*/
}
@media screen and (max-width: 767px) {
	.bloglist>ul{ display: block; margin-left: -0%; }
	.bloglist>ul>li{ width: 100%; margin-left: 0%; }
	/* .bloglist>ul>li>a .txtbox{ margin-left: 20px; } */
	.bloginfo>li .catinfo{ padding: 5px 4px 6px 6px; vertical-align: 2px; font-size: 1.3rem; }
}
@media screen and (max-width: 500px) {
}


.copy{ font-size: 2.4rem;  line-height: 1.6; margin-bottom: 10px; }
.copy._blue{ color: #4fa0cb; }
.copy._pink{ color: #ED809F; }
body:not(#index) .copy{ margin-bottom: 20px; text-align: center; }
@media screen and (max-width: 1200px){
	.copy{ text-align: center; }
}
@media screen and (max-width: 767px) {
	.copy{ font-size: 2rem; }
}
@media screen and (max-width: 500px) {
}

.sectitle{ font-size: 3.5rem; text-align: center; margin-bottom: 20px; line-height: 1.8; }
.sectitle._min{ font-size: 3rem; }
.sectitle._single{ text-align: justify; }
@media screen and (max-width: 1200px){
	.sectitle{ font-size: 2.8rem; }
	.sectitle._min{ font-size: 2.4rem; }
}
@media screen and (max-width: 767px) {
	.sectitle{ font-size: 2.4rem; }
	.sectitle._min{ font-size: 2.2rem; }
}
@media screen and (max-width: 500px) {
	.sectitle{ font-size: 2.2rem; }
	.sectitle._min{ font-size: 2rem; }
}

.singleinfo{margin-bottom: 50px;margin-top: -20px;}


.bgbox{ border-radius: 40px 0 40px 0px; padding: 56px 12%; }
.bgbox._type1{ padding: 40px 4%; }
.bgbox._blue{ background: #e5f6ff; }
.bgbox._white{ background: #fff; }
.bgbox._pink{ background: #FFEFEF; }
@media screen and (max-width: 1200px){
	.bgbox,
	.bgbox._type1{ padding: 45px 6%; }
}
@media screen and (max-width: 767px) {
	.bgbox,
	.bgbox._type1{ padding: 40px 8%; }
}
@media screen and (max-width: 500px) {
	.bgbox,
	.bgbox._type1{ padding: 35px 10%; }
}

.biglinklist1{ margin-top: 60px; }
.biglinklist1._mtmin{ margin-top: 30px; }
.biglinklist1>ul{ display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: -50px; margin-left: -50px; padding-right: 10px; justify-content: center; }
.biglinklist1>ul>li{ margin-bottom: 50px; margin-left: 50px; width: calc(50% - 50px); }
.biglinklist1>ul>li>div,
.biglinklist1>ul>li>a{ font-size: 2.4rem; display: flex; align-items: center; justify-content: center; background: #4FA0CB; border-radius: 40px 0px 40px 0px; box-shadow: 10px 10px 0px 0px #337DA5; height: 97px; color: #fff;border: 1px solid #4FA0CB; transition: .4s; line-height: 1.8; }
.biglinklist1>ul>li>div>p,
.biglinklist1>ul>li>a>p{ display: inline-block; position: relative; padding-right: 25px; }
.biglinklist1>ul>li>div>p{ padding-right: 0; }
.biglinklist1>ul>li>a>p::before,
.biglinklist1>ul>li>a>p::after{content: "";background: url(../img/common/arr1.svg) no-repeat;background-size: contain;width: 10px;height: 18px;display: inline-block;position: absolute;top: 2px;bottom: 0;margin-top: auto;margin-bottom: auto;right: 5px;transition: .4s;}
.biglinklist1>ul>li>div>p::before,
.biglinklist1>ul>li>a>p::before{ background: url(../img/common/arr1_blue.svg) no-repeat; background-size: contain; opacity: 0; }
.biglinklist1>ul>li>a:hover{ opacity: 1; background: #fff; color: #4FA0CB; }
.biglinklist1:not(._under)>ul>li>a:hover>p::before,
.biglinklist1:not(._under)>ul>li>a:hover>p::after{ right: -0; }
.biglinklist1>ul>li>a:hover>p::before{ opacity: 1; }
.biglinklist1>ul>li>a:hover>p::after{ opacity: 0; }
.biglinklist1>ul>li{ padding-left : 0 !important; text-indent : -0!important; }
.biglinklist1>ul>li::before{ content: none!important; }

.biglinklist1._under>ul>li>div>p::before,
.biglinklist1._under>ul>li>div>p::after,
.biglinklist1._under>ul>li>a>p::before,
.biglinklist1._under>ul>li>a>p::after{ transform: rotate(90deg); }
.biglinklist1._under>ul>li>a:hover>p::before,
.biglinklist1._under>ul>li>a:hover>p::after{ bottom: -10px; }
.biglinklist1._pink>ul>li>div,
.biglinklist1._pink>ul>li>a{ background: #ED809F;  box-shadow: 10px 10px 0px 0px #B96F84;border: 1px solid #ED809F; }
.biglinklist1._pink>ul>li>div>p::before,
.biglinklist1._pink>ul>li>a>p::before{ background: url(../img/common/arr1_pink.svg) no-repeat; background-size: contain; }
.biglinklist1._pink>ul>li>a:hover{  color: #ED809F; background: #fff; }
@media screen and (max-width: 1200px){
	#index #swrap_1 #sec_1 .txt{ text-align: justify; margin-bottom: 40px; }
	.biglinklist1{ margin-top: 30px; }
	.biglinklist1>ul>li>div,
	.biglinklist1>ul>li>a{ font-size: 1.8rem; height: 60px; }
	.biglinklist1>ul{  margin-bottom: -30px; margin-left: -0; display: block; }
	.biglinklist1>ul>li{ margin-bottom: 30px; margin-left: 0; width: 100%; }
	.biglinklist1>ul>li>div>p::before,
	.biglinklist1>ul>li>div>p::after,
	.biglinklist1>ul>li>a>p::before,
	.biglinklist1>ul>li>a>p::after{  width: 8px; height: 14px; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}

.biglinklist1._cnt3>ul{ margin-bottom: -40px; margin-left: -40px; }
.biglinklist1._cnt3>ul>li{ margin-bottom: 40px; margin-left: 40px; width: calc(33.33% - 40px); }
.biglinklist1._cnt3>ul>li>div,
.biglinklist1._cnt3>ul>li>a{ font-size: 2rem; padding-left: 8%; padding-right: 8%; text-align: center; }
@media screen and (max-width: 1200px){
	.biglinklist1._cnt3>ul{ margin-left: -0; margin-bottom: -30px; }
	.biglinklist1._cnt3>ul>li{ margin-left: 0; margin-bottom: 30px; width: 100%!important; }
}
@media screen and (max-width: 767px) {
	.biglinklist1._cnt3>ul>li>div,
	.biglinklist1._cnt3>ul>li>a{ font-size: 1.6rem; line-height: 1.6; }
}



.categorylist{ margin-bottom: 65px; text-align: center; line-height: 1.8; margin-top: 30px; font-size: 2.4rem; }
.categorylist>ul>li{ display: inline-block; }
.categorylist>ul>li:not(:first-child):before{ content: "/"; display: inline-block; padding-right: 5px; }
.categorylist>ul>li>a:hover{ color: #006367; }
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 767px) {
	.categorylist{ margin-bottom: 50px; font-size: 2rem; }
}
@media screen and (max-width: 500px) {
}


.cl2{ display: flex; flex-direction: row; justify-content: center; padding-left: 1%; padding-right: 5%; flex-wrap: wrap;  }
.cl2 .cllist{ margin-left: 4%; width: 46%; margin-bottom: 0 !important; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 767px) {
	.cl2{ display: inline-block; text-align: justify; }
	.cl2 .cllist{ margin-left: 0%; width: 100%; }
}
@media screen and (max-width: 500px) {
}

.imgboxwithtxt{ display: flex; flex-direction: row-reverse; }
.imgboxwithtxt .txtbox{ width: 100%;margin-bottom: 0!important; }
.imgboxwithtxt .imgbox{width: 50%;margin-right: 6%;flex-shrink: 0;display: flex;align-items: center;justify-content: center;flex-direction: column;margin-bottom: 0!important;}
.imgboxwithtxt._reverse{ flex-direction: row; }
.imgboxwithtxt._reverse .imgbox{ margin-right: 0; margin-left: 6%; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 767px) {
	.imgboxwithtxt{ display: block; }
	.imgboxwithtxt .imgbox{width: 100%!important;margin-right: 0%!important;margin-left: 0%!important;display: block;margin-top: 20px;text-align: center;}
}
@media screen and (max-width: 500px) {
}

.imgboxwithtxt._type2 .imgbox{width: 40%;margin-right: 4%;}
.imgboxwithtxt._type2._reverse .imgbox{margin-right: 0%;margin-left: 4%;}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}


#supportsecwrap>.section{ padding-bottom: 210px; }
#supportsecwrap .supportlist>ul>li{ padding-left : 0 !important; text-indent : -0!important; }
#supportsecwrap .supportlist>ul>li::before{ content: none!important; }
#supportsecwrap .supportlist>ul>li:not(:last-child){ margin-bottom: 40px; }
#supportsecwrap .supportlist>ul>li>dl{ display: flex; flex-direction: row; }
#supportsecwrap .supportlist>ul>li>dl>dt{flex-shrink: 0;width: 44%;margin-right: 4%;}
#supportsecwrap .supportlist>ul>li>dl>dt .titlebox>.inwrap{ font-size: 3.5rem; border-radius: 40px 0 40px 0px; background: #029dff; min-height: 168px; color: #fff; display: flex; align-items: center; justify-content: center; padding: 10px 4%; line-height: 1.6;font-feature-settings : "palt"; }
#supportsecwrap .supportlist>ul>li>dl>dt .txt{ text-align: center; margin-top: 25px; }
#supportsecwrap .supportlist>ul>li>dl>dd{ width: 100%; }
#supportsecwrap .supportlist>ul>li>dl>dd .box1 p{ margin-bottom: 0; }
#supportsecwrap .supportlist>ul>li>dl>dd .box1 .list2{ color: #009dff; }
#supportsecwrap .supportlist>ul>li>dl>dd .list3 .txt2{ padding-left: 18px; }
#supportsecwrap .supportlist>ul>li>dl>dd .list3>li{ padding-left : 0 !important; text-indent : -0!important; }
#supportsecwrap .supportlist>ul>li>dl>dd .list3>li::before{ content: none!important; }
@media screen and (max-width: 1200px){
	#supportsecwrap .supportlist>ul>li>dl{ display: block; }
	#supportsecwrap .supportlist>ul>li>dl>dt{width: 100%;margin-right: 0%; margin-bottom: 20px;}
	#supportsecwrap .supportlist>ul>li>dl>dt .titlebox>.inwrap{ font-size: 2.6rem; min-height: inherit; }
	#supportsecwrap .supportlist>ul>li>dl>dt .txt{ margin-top: 20px; line-height: 1.8; }
}
@media screen and (max-width: 767px) {
	#supportsecwrap .supportlist>ul>li>dl>dt .titlebox>.inwrap{ font-size: 2.2rem; }
	#supportsecwrap>.section{padding-bottom: 140px;}
}
@media screen and (max-width: 500px) {
}



#staffsecwrap #staffsec{ padding-top: 180px; position: relative; }
#staffsecwrap .staffbgimg{ width: 594px; height: 330px; position: absolute; top: -165px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
#staffsecwrap .stafflist1>ul{ display: flex; flex-direction: row; flex-wrap: wrap;  margin-left: -18%; margin-bottom: -80px; overflow: hidden; }
#staffsecwrap .stafflist1>ul>li{text-align: center;margin-bottom: 80px;width: 32%;margin-left: 18%;padding-left : 0 !important; text-indent : -0!important;}
#staffsecwrap .stafflist1>ul>li::before{ content: none!important; }
#staffsecwrap .stafflist1>ul>li .imgbox{margin-bottom: 30px;}
#staffsecwrap .stafflist1>ul>li .imgbox>.inwrap{ width: 320px; border: 30px solid #fff; border-radius: 50%; overflow: hidden; position: relative; height: 320px; margin-left: auto; margin-right: auto;  }
#staffsecwrap .stafflist1>ul>li .imgbox>.inwrap img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;max-width: auto;width: 100%;height: 100%;object-fit: cover;}
#staffsecwrap .stafflist1>ul>li .txtbox .name{ font-size: 3rem; text-align: center; margin-bottom: 20px; line-height: 1.8; }
#staffsecwrap .stafflist1>ul>li .txtbox .licensebox{ margin-bottom: 25px; }
#staffsecwrap .stafflist1>ul>li .txtbox .licensebox .title{ font-size: 1.5rem; margin-bottom: 10px; }
#staffsecwrap .stafflist1>ul>li .txtbox .licensebox .licenselist{margin-left: -5px;margin-bottom: -10px;}
#staffsecwrap .stafflist1>ul>li .txtbox .licensebox .licenselist>li{background: #fff;display: inline-block;vertical-align: middle;margin-left: 5px;border-radius: 20px;font-size: 1.4rem;line-height: 1.8;padding: 3px 16px!important;min-width: 150px;margin-bottom: 10px;}
#staffsecwrap .stafflist1>ul>li .txtbox .licensebox .licenselist>li{ text-indent : -0!important; }
#staffsecwrap .stafflist1>ul>li .txtbox .licensebox .licenselist>li::before{ content: none!important; }
#staffsecwrap .stafflist1>ul>li .txtbox .txt{ text-align: justify; }
@media screen and (max-width: 1200px){
	#staffsecwrap .stafflist1>ul{ margin-left: -12%; margin-bottom: -60px; }
	#staffsecwrap .stafflist1>ul>li{margin-bottom: 60px;width: 38%;margin-left: 12%;}
	#staffsecwrap .stafflist1>ul>li .imgbox>.inwrap{ width: 260px; border: 20px solid #fff; height: 260px; }
}
@media screen and (max-width: 767px) {
	#staffsecwrap #staffsec{ padding-top: 100px; }
	#staffsecwrap .staffbgimg{ width: 300px; height: 166px; top: -83px; }
	#staffsecwrap .stafflist1{ padding-top: 10px; }
	#staffsecwrap .stafflist1>ul{ display: block;margin-left: -0%;}
	#staffsecwrap .stafflist1>ul>li{width: 100%;margin-left: 0%;}
	#staffsecwrap .stafflist1>ul>li .imgbox{ margin-bottom: 20px; }
	#staffsecwrap .stafflist1>ul>li .txtbox .name{ font-size: 2.4rem; margin-bottom: 15px; }
}
@media screen and (max-width: 500px) {
}

.imglistwithblocktitle>ul>li{ padding-left : 0 !important; text-indent : -0!important; }
.imglistwithblocktitle>ul>li::before{ content: none!important; }
.imglistwithblocktitle>ul>li:not(:last-child){ margin-bottom: 120px; }
.imglistwithblocktitle>ul>li .imgblocktitle{ margin-bottom: 30px; font-size: 2.4rem; }
.imglistwithblocktitle>ul>li .imgbox .yokotxt{ display: none; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 767px) {
	.imglistwithblocktitle>ul>li:not(:last-child){ margin-bottom: 60px; }
	.imglistwithblocktitle>ul>li .imgblocktitle{ margin-bottom: 15px; font-size: 1.8rem; }
	.imglistwithblocktitle>ul>li .imgbox .img{ overflow-y: auto; padding-bottom: 10px; }
	.imglistwithblocktitle>ul>li .imgbox .img img{ min-width: 483px; }
	.imglistwithblocktitle>ul>li .imgbox .yokotxt{ display: block; color: #ccc; font-size: 1.4rem; margin-bottom: 10px; }
}
@media screen and (max-width: 500px) {
}

.sakurasakulinklist {margin-top: 50px;margin-bottom: 0!important;}
.sakurasakulinklist>.inwrap>ul { text-align: center; margin-left: -15px; margin-bottom: -15px; }
.sakurasakulinklist>.inwrap>ul>li {display: inline-block;max-width: 380px;width: calc(100% - 15px);margin-left: 15px;padding-left: 0!important;text-indent: 0!important;margin-bottom: 15px;}
.sakurasakulinklist>.inwrap>ul>li::before{ content: none; }
.sakurasakulinklist>.inwrap>ul>li a.sakurasakulink{ width: 100%; }
a.sakurasakulink{font-size: 2rem;background: #ee8190;border-radius: 40px;box-shadow: 5px 5px 0px 0px #fad9de;color: #fff;border: 1px solid #ee8190;transition: .4s;padding: 20px 20px;line-height: 1.8;display: inline-block;text-align: center;}
a.sakurasakulink>p{display: inline-block;position: relative;padding: 0 20px;margin: 0;width: auto;}
a.sakurasakulink>p::after,
a.sakurasakulink>p::before{ content: "";width: 10px;height: 18px;display: inline-block;position: absolute;top: 2px;bottom: 0;margin-top: auto;margin-bottom: auto;right: 5px;transition: .4s; }
a.sakurasakulink>p::before{background: url(../img/common/arr1.svg) no-repeat;background-size: contain;}
a.sakurasakulink>p::after{ background: url(../img/common/arr1_pink.svg) no-repeat; background-size: contain; opacity: 0; }
a.sakurasakulink:hover{ opacity: 1; background: #fff; color: #ee8190; }
a.sakurasakulink>p::before,
a.sakurasakulink>p::after{ right: -0; }
a.sakurasakulink:hover>p::after{ opacity: 1; }
a.sakurasakulink:hover>p::before{ opacity: 0; }
@media screen and (max-width: 1200px){
	a.sakurasakulink{font-size: 1.8rem;padding: 15px 15px; }
	a.sakurasakulink>p{ padding: 0px 15px; }
}
@media screen and (max-width: 767px) {
	a.sakurasakulink{font-size: 1.6rem;padding: 12px 12px; }
	a.sakurasakulink>p::after,
	a.sakurasakulink>p::before{ width: 8px; height: 16px; }
}
@media screen and (max-width: 500px) {
}