@charset "utf-8";

*{ margin: 0; padding: 0;}
a { text-decoration : none;}
ul, ol { list-style : none;}
img { border-style:none; width: 100%;}
html, *, *:before, *:after { box-sizing: border-box;scrollbar-gutter: stable;  }

body {
    color:#000;
	background-color:#f2f2f2;
	text-align:justify;
	font-size:14px;
	line-height: 26px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	
	overflow-wrap: anywhere;
	word-break: break-all;
	line-break: strict;
	font-feature-settings: "palt";
	
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%; 
	
	opacity: 0;
	animation: FadeIn 1.0s ease;
	animation-fill-mode: forwards;
}
body.pop_act {
    overflow-y: hidden;
}

@keyframes FadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

a {
	color:#000;
	transition:0.4s;
}
@media screen and (min-width: 851px) {
.sp {display: none}
}
@media screen and (max-width: 850px) {
.pc {display: none}
}


/*-----------------------------------
Contents
-----------------------------------*/
.kv {
	width: 100%;
	height: 934px;
	position: relative;
	background-image:url("../images/kv_back.webp");
	background-size: 100% 934px;
	margin-bottom: 60px;
}
@media screen and (max-width: 908px) {
.kv { height: 970px; }
}
@media screen and (max-width: 721px) {
.kv {
	height: auto;
	background-image:none;
}
}

@media screen and (min-width: 722px) {
.kvsp {display: none}
}

.kv .logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	height: 100px;
	background-color: #FFF;
	padding: 0 45px;
	display: flex;
	align-items: center;
	opacity: 0;
	
	animation: ActSlideT 1.5s ease 1.5s;
	animation-fill-mode: forwards;
}
@keyframes ActSlideT {
    0% {opacity: 0; transform: translate(0px,-100px);}
    100% {opacity: 1; transform: translate(0px,0px);}
}
.kv h1 {
	width: 512px;
	height: auto;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 16.5%;
	position: absolute;

	opacity: 0;
	animation: ActSlideU 1.5s ease 0.5s;
	animation-fill-mode: forwards;
}


.kv h1 img {
	height: auto;
}
@media screen and (max-width: 721px) {
.kv .logo {
	width: 100%;
	height: 4.7%;
	padding: 0 3%;
}
.kv .logo img {
	width: 28%;
}
.kv h1 {
	width: 87%;
}
}

.kv .about {
	width: 512px;
	height: 96px;
	margin: 0 auto;
	padding: 0 28px 0 40px;
	left: 0;
	right: 0;
	top: 62.0%;
	position: absolute;
	
	border: 1px solid #FFF;
	border-radius:5px;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	font-size: 1.55em;
	font-weight: 600;
	color: #FFF;
	transition:0.4s;
	z-index:0;
	
	opacity: 0;
	animation: ActSlideU 1.5s ease 1.0s;
	animation-fill-mode: forwards;
}
.kv .about:hover {
	cursor: pointer;
}
.kv .about:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
	left:0;
	transition:0.4s;
	background-image: linear-gradient(90deg, #00a0e0, #83d1f0);
	border-radius:5px;
	
}
.kv .about:after{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	z-index:-2;
	left:0;
	background:linear-gradient(90deg, #0270bc,#04adeb);
	border-radius:5px;
}
.kv .about:hover:before{
  opacity:0;
}

.kv .about .more {
	font-size: 0.65em;
}
@media screen and (max-width: 721px) {
.kv .about {
	width: 84%;
	height: auto;
	padding: 5% 6.3%;
	top: 48.7%;
	font-size: 3.6vw;
}
.kv .about .more {
	font-size: 2.7vw;
}
}


.intro {
	font-size: 0.9em;
	line-height: 1.8;
	width: 85%;
	margin: 0 auto 60px auto;
	text-align: center;
}
@media screen and (min-width: 971px) {
.intro .insp {
	display: none;
}
}
@media screen and (max-width: 721px) {
.intro {
	text-align: justify;
	font-size: 2.6vw;
	
}
.intro br {
	display: none;
}
}


#cate {
	position: absolute;
	top: -15px;
}
.cate {
	max-width: 1000px;
	width: 95%;
	min-height: 150px;
	margin: 0 auto;
	padding: 27px 40px 0 80px;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	
	background-color:#f2f2f2;
	border-radius:10px 10px 0 0;
	
	display: flex;
	align-items:center;
}
.title {
	width: 245px;
	height: 40px;
	font-size: 1.4em;
	font-weight: 600;
	
	background-image:url("../images/ico_search.webp");
	background-repeat: no-repeat;
	background-size: 28px;
	background-position: 0 center;
	
	padding-left: 45px;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 1100px) {
.cate {	
	padding: 27px 50px 0 50px;
}
}
@media screen and (max-width: 908px) {
.cate {	
	display: block;
	padding: 35px 50px 0 50px;
}
.title {
	margin-bottom: 14px;
}
}

.check_area {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}

.check_all,.check1,.check2,.check3,.check4,.check5 {
	background-color:#FFF;
	padding: 18px 20px 18px 45px;
	background-image:url("../images/ico_check_off.webp");
	background-repeat: no-repeat;
	background-size: 19px;
	background-position: 17px center;
	border-radius:100px;
	
	margin: 12px 0;
	margin-right: 1.0em;
	font-size: 1.3em;
	line-height: 0;
	transition:0.2s;
}
.check_all:hover,.checks:hover {
	cursor: pointer;
	background-color:#83d1f0;
	transition:0.2s;
}

.check_all.act,.check1.act,.check2.act,.check3.act,.check4.act,.check5.act {
	color: #FFF;
	background-color:#000;
	background-image:url("../images/ico_check_on.webp");
	transition:0.2s;
}

@media screen and (max-width: 721px) {
.cate {
	width: 91%;
	padding: 9% 6% 5% 6%;
	background-color:#f2f2f2;
	border-radius:10px 10px 0 0;
	opacity: 1.0
}
.title {
	width: auto;
	font-size: 4.8vw;
	margin-bottom: 8%;
}
.check_all,.check1,.check2,.check3,.check4,.check5 {
	padding: 4.5% 6% 4.5% 11%;
	
	background-size: auto 40%;
	
	margin: 1em 0;
	margin-right: 1.0em;
	font-size: 3.3vw;
}
}
@media screen and (max-width: 480px) {
.check_all,.check1,.check2,.check3,.check4,.check5 {
	background-position: 12px center;
}
}

/*-----------------------------------
sams
-----------------------------------*/
.sam_area {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto 100px auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.sam {
	width: 380px;
	background-size: cover;
	background-position: bottom;
	padding: 40px 30px 45px 30px;
	margin: 0 24px 66px 24px;
	background-color: #FFF;
	border-radius:10px 10px 0 0;
	position: relative;
}
.sam_none {width: 380px;margin: 0 24px}

.sam .name {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 24px;
}
.sam3 .name {
	font-size: 17.5px;
	font-weight: 600;
	margin-bottom: 24px;
}
.sam8 .name {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 24px;
}
.sam .pic {
	margin-bottom: 10px;
}
.sam .catch {
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 32px;
}



.btns {
	display: flex;
	justify-content: space-between;
}
.btns a:hover{
	cursor: pointer;
}
.btns .entry,.btns .detail {
	font-size: 15px;
	line-height: 1;
	padding: 16px 10px 16px 16px;
	display: flex;
	justify-content: space-between;
	width: 47%;
	background-color: #fff;
	
	background-size: 18px auto;
	background-position: right center;
	background-repeat: no-repeat;
}
.btns .entry {
	color: #FFF;
	background-image:url("../images/sam_arr_w.png");
}
.sam1 {background-image:url("../images/sam_b1.webp");border-bottom: 8px solid #2266aa;}
.sam2 {background-image:url("../images/sam_b2.webp");border-bottom: 8px solid #7bba61;}
.sam3 {background-image:url("../images/sam_b3.webp");border-bottom: 8px solid #f99a98;}
.sam4 {background-image:url("../images/sam_b4.webp");border-bottom: 8px solid #9696ff;}
.sam5 {background-image:url("../images/sam_b5.webp");border-bottom: 8px solid #e6aa00;}
.sam6 {background-image:url("../images/sam_b6.webp");border-bottom: 8px solid #4592ef;}
.sam7 {background-image:url("../images/sam_b7.webp");border-bottom: 8px solid #46affa;}
.sam8 {background-image:url("../images/sam_b8.webp");border-bottom: 8px solid #ca87cc;}
.sam9 {background-image:url("../images/sam_b9.webp");border-bottom: 8px solid #f7616c;}
.sam10 {background-image:url("../images/sam_b10.webp");border-bottom: 8px solid #009f8b;}
.sam11 {background-image:url("../images/sam_b11.webp");border-bottom: 8px solid #4dafce;}

.sam1 .btns .entry {border: 3px solid #2266aa;background-color: #2266aa;}
.sam1 .btns .entry:hover {color: #2266aa; background-image:url("../images/sam_arr1.png");}
.sam1 .btns .detail {border: 3px solid #2266aa;}
.sam1 .btns .detail .more {color: #2266aa;}
.sam1 .btns .detail:hover {background-color: #2266aa;}

.sam2 .btns .entry {border: 3px solid #7bba61;background-color: #7bba61;}
.sam2 .btns .entry:hover {color: #7bba61; background-image:url("../images/sam_arr2.png");}
.sam2 .btns .detail {border: 3px solid #7bba61;}
.sam2 .btns .detail .more {color: #7bba61;}
.sam2 .btns .detail:hover {background-color: #7bba61;}

.sam3 .btns .entry {border: 3px solid #f99a98;background-color: #f99a98;}
.sam3 .btns .entry:hover {color: #f99a98; background-image:url("../images/sam_arr3.png");}
.sam3 .btns .detail {border: 3px solid #f99a98;}
.sam3 .btns .detail .more {color: #f99a98;}
.sam3 .btns .detail:hover {background-color: #f99a98;}

.sam4 .btns .entry {border: 3px solid #9696ff;background-color: #9696ff;}
.sam4 .btns .entry:hover {color: #9696ff; background-image:url("../images/sam_arr4.png");}
.sam4 .btns .detail {border: 3px solid #9696ff;}
.sam4 .btns .detail .more {color: #9696ff;}
.sam4 .btns .detail:hover {background-color: #9696ff;}

.sam5 .btns .entry {border: 3px solid #e6aa00;background-color: #e6aa00;}
.sam5 .btns .entry:hover {color: #e6aa00; background-image:url("../images/sam_arr5.png");}
.sam5 .btns .detail {border: 3px solid #e6aa00;}
.sam5 .btns .detail .more {color: #e6aa00;}
.sam5 .btns .detail:hover {background-color: #e6aa00;}

.sam6 .btns .entry {border: 3px solid #4592ef;background-color: #4592ef;}
.sam6 .btns .entry:hover {color: #4592ef; background-image:url("../images/sam_arr6.png");}
.sam6 .btns .detail {border: 3px solid #4592ef;}
.sam6 .btns .detail .more {color: #4592ef;}
.sam6 .btns .detail:hover {background-color: #4592ef;}

.sam7 .btns .entry {border: 3px solid #46affa;background-color: #46affa;}
.sam7 .btns .entry:hover {color: #46affa; background-image:url("../images/sam_arr7.png");}
.sam7 .btns .detail {border: 3px solid #46affa;}
.sam7 .btns .detail .more {color: #46affa;}
.sam7 .btns .detail:hover {background-color: #46affa;}

.sam8 .btns .entry {border: 3px solid #ca87cc;background-color: #ca87cc;}
.sam8 .btns .entry:hover {color: #ca87cc; background-image:url("../images/sam_arr8.png");}
.sam8 .btns .detail {border: 3px solid #ca87cc;}
.sam8 .btns .detail .more {color: #ca87cc;}
.sam8 .btns .detail:hover {background-color: #ca87cc;}

.sam9 .btns .entry {border: 3px solid #f7616c;background-color: #f7616c;}
.sam9 .btns .entry:hover {color: #f7616c; background-image:url("../images/sam_arr9.png");}
.sam9 .btns .detail {border: 3px solid #f7616c;}
.sam9 .btns .detail .more {color: #f7616c;}
.sam9 .btns .detail:hover {background-color: #f7616c;}

.sam10 .btns .entry {border: 3px solid #009f8b;background-color: #009f8b;}
.sam10 .btns .entry:hover {color: #009f8b; background-image:url("../images/sam_arr10.png");}
.sam10 .btns .detail {border: 3px solid #009f8b;}
.sam10 .btns .detail .more {color: #009f8b;}
.sam10 .btns .detail:hover {background-color: #009f8b;}

.sam11 .btns .entry {border: 3px solid #4dafce;background-color: #4dafce;}
.sam11 .btns .entry:hover {color: #4dafce; background-image:url("../images/sam_arr11.png");}
.sam11 .btns .detail {border: 3px solid #4dafce;}
.sam11 .btns .detail .more {color: #4dafce;}
.sam11 .btns .detail:hover {background-color: #4dafce;}

.btns .entry:hover {
	background-color: #FFF;
}
.btns .detail:hover,.btns .detail:hover .more {
	color: #FFF;
}

.sam .cap {
	width: 84%;
	height: 2em;
	font-size: 11px;
	line-height: 1.4;
	bottom: 3.4%;
	position: absolute;
}

.cat1,.cat2,.cat3,.cat4,.cat5 {
	animation: Cls 0.4s ease;
	animation-fill-mode: forwards;
	/*display: none;*/
	/*transition: display 0.4s allow-discrete;*/
}
::-webkit-full-page-media, :future, :root .cat1,.cat2,.cat3,.cat4,.cat5 {
    display: none;
}
@-moz-document url-prefix(){
    .cat1,.cat2,.cat3,.cat4,.cat5 {
        display: none;
	}
}

.cat1.act,.cat2.act,.cat3.act,.cat4.act,.cat5.act {
	animation: Opn 0.4s ease;
	animation-fill-mode: forwards;
	display: block;
}

@keyframes Opn {
0% { transform: scale(0.0, 0.0);}
100% { transform: scale(1, 1); }
}
@keyframes Cls {
0% { transform: scale(1, 1); }
99% { transform: scale(0.0, 0.0); }
100% { display: none; }
}




@media screen and (max-width: 890px) {
.sam {
	width: 45%;
	padding: 4.5% 3.5% 6.0% 3.5%;
	margin: 0 2% 5% 2%;
}
.sam_none {width: 45%;margin: 0 2%}

.sam .name {
	font-size: 2.8vw;
	margin-bottom: 1em;
}
.sam3 .name {
	font-size: 2.2vw;
	margin-bottom: 1.3em;
}
.sam8 .name {
	font-size: 2.4vw;
	margin-bottom: 1.20em;
}
.sam .pic {
	margin-bottom: 1em;
}
.sam .catch {
	font-size: 2.35vw;
	margin-bottom: 2em;
}
.btns .entry,.btns .detail {
	font-size: 1.7vw;
}
.sam .cap {
	font-size: 1.25vw;
	bottom: 4%;
}
}
@media screen and (max-width: 721px) {
.sam {
	width: 90%;
	padding: 8% 6% 10% 6%;
	margin: 0 auto 12% auto;
}
.sam_none {display: none}

.sam .name {
	font-size: 5.9vw;
}
.sam3 .name {
	font-size: 4.6vw;
}
.sam8 .name {
	font-size: 4.8vw;
}
.sam .catch {
	font-size: 4.5vw;
}
.btns .entry,.btns .detail {
	width: 48.5%;
	font-size: 3.2vw;
	padding: 5% 2% 5% 6%;
}
.sam .cap {
	font-size: 2.55vw;
	bottom: 3.0%;
}
}


/*-----------------------------------
footer
-----------------------------------*/
footer {
	width: 100%;
	height: 680px;
	display: flex;
	justify-content: center;
	align-items: center;
	
	background-image:url("../images/footer.webp");
	background-size: 100% 680px;
	position: relative;
	line-height: 1;
}
footer .foot_logo {
	width: 478px;
}
.copyright {
	font-size: 12px;
	letter-spacing: 0.06em;
	text-align: center;
	position: absolute;
	bottom: 10px;
}

@media screen and (max-width: 721px) {
footer {
	height: auto;
	background-image:none;
	line-height: 0;
}
footer .foot_logo {
	position: absolute;
	width: 89%;
}
.copyright {
	font-size: 2vw;
	bottom: 2em;
}
}

/*-----------------------------------
popup
-----------------------------------*/
.popups {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100vh;
	z-index: 99;
}
.p_group { background-image: linear-gradient(90deg, rgba(0,160,224,0.77), rgba(131,209,240,0.77)); }
.p_01 {	background-color: rgba(34,102,170,0.77); }
.p_02 {	background-color: rgba(123,186,97,0.77); }
.p_03 {	background-color: rgba(249,154,152,0.77); }
.p_04 {	background-color: rgba(150,150,255,0.77); }
.p_05 {	background-color: rgba(230,170,0,0.77); }
.p_06 {	background-color: rgba(69,146,239,0.77); }
.p_07 {	background-color: rgba(70,175,250,0.77); }
.p_08 {	background-color: rgba(202,135,204,0.77); }
.p_09 {	background-color: rgba(247,97,108,0.77); }
.p_10 {	background-color: rgba(0,159,139,0.77); }
.p_11 {	background-color: rgba(77,175,206,0.77); }

.p_inner {
	display: flex;
	justify-content: center;
	align-items:flex-start;
	width: 100%;
	height: 100vh;
	overflow-y: scroll;
	padding: 70px 0;
}
.p_win {
	position: relative;
	max-width: 1100px;
	width: 90%;
	background-color: #FFF;
	padding: 70px;
}
@media screen and (max-width: 850px) {
.p_win {
	padding: 90px 6%;
}
}

.p_win.act {
	animation: Scl 0.4s ease;
	animation-fill-mode: forwards;
}
@keyframes Scl {
0% { transform: scale(0.9, 0.9);opacity: 0; }
100% { transform: scale(1, 1);opacity: 1; }
}

.p_close {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(51,51,51,0.77);
	line-height: 1;
	transition:0.4s;
}
@media screen and (max-width: 850px) {
.p_close {
	width: 50px;
	height: 50px;
}
}

.p_close:hover {
	cursor: pointer;
	background-color: rgba(51,51,51,1);
	transition:0.4s;
}
.p_conts {
	display: flex;
	justify-content: space-between;
}
.p_pic {
	width: 44%;
	margin-right: 50px;
}
.p_txt {
	flex: 1; 
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
	line-height: 1.9;
	letter-spacing: 0.02em;
}

h2 {
	font-size: 45px;
	font-weight: 600;
	margin-bottom: 30px;
}
.p_group h2 {
	text-align: center;
	font-size: 40px;
	margin-bottom: 35px;
}
@media screen and (max-width: 1100px) {
h2 {
	font-size: 4.1vw;
}
.p_group h2 {
	font-size: 4vw;
}
}
@media screen and (max-width: 850px) {
h2 {
	font-size: 6.0vw;
	margin-bottom: 0.7em;
}
.p_03 h2 {
	font-size: 4.4vw;
}
.p_08 h2 {
	font-size: 4.7vw;
}
.p_group h2 {
	font-size: 6.0vw;
	text-align: left;
	margin-bottom: 1.9em;
}
}


.p_01 h2 { color: #2266aa; }
.p_02 h2 { color: #7bba61; }
.p_03 h2 { color: #f99a98; }
.p_04 h2 { color: #9696ff; }
.p_05 h2 { color: #e6aa00; }
.p_06 h2 { color: #4592ef; }
.p_07 h2 { color: #46affa; }
.p_08 h2 { color: #ca87cc; }
.p_09 h2 { color: #f7616c; }
.p_10 h2 { color: #009f8b; }
.p_11 h2 { color: #4dafce; }

.cat {
	display: inline-block;
	font-size: 17px;
	line-height: 1;
	letter-spacing: 0.04em;
	background-color: #f2f2f2;
	padding: 8px 16px;
	border-radius:50px;
	margin-bottom: 35px;
}
@media screen and (max-width: 850px) {
.cat {
	font-size: 3.4vw;
	margin-bottom: 2.5em;
	padding: 2% 5%;
}
}

h2.act,.cat.act {
	opacity: 0;
	animation: ActSlideU 1.0s ease;
	animation-fill-mode: forwards;
}
.p_pic.act {
	opacity: 0;
	animation: ActSlideU 1.0s ease 0.3s;
	animation-fill-mode: forwards;
}
.p_txt p.act,.p_txt a.act {
	opacity: 0;
	animation: ActSlideU 1.0s ease 0.6s;
	animation-fill-mode: forwards;
}
@keyframes ActSlideU {
    0% {opacity: 0; transform: translate(0px,30px);}
    100% {opacity: 1; transform: translate(0px,0px);}
}


h3 {
	font-size: 26px;
	line-height: 2.1;
	font-weight: 600;
	color: #FFF;
	letter-spacing: 0.03em;
	margin-top: -8px;
	margin-bottom: 35px;
}
@media screen and (max-width: 1100px) {
h3 {
	font-size: 2.10vw
}
}
@media screen and (max-width: 850px) {
h3 {
	font-size: 4.2vw;
	margin-bottom: 1.3em;
}
}
	
h3 span {
	padding: 0px 1%;
	display: inline;
	transition:background-size 1.2s 0.5s;
}

.p_group h3 span { background: linear-gradient(90deg, rgba(0,160,224,0.77), rgba(131,209,240,0.77));background-repeat: no-repeat;background-size: 0% 100%;}
.p_01 h3 span { background:linear-gradient(#2266aa);background-repeat: no-repeat;background-size: 0% 100%;}
.p_02 h3 span { background:linear-gradient(#7bba61);background-repeat: no-repeat;background-size: 0% 100%;}
.p_03 h3 span { background:linear-gradient(#f99a98);background-repeat: no-repeat;background-size: 0% 100%;}
.p_04 h3 span { background:linear-gradient(#9696ff);background-repeat: no-repeat;background-size: 0% 100%;}
.p_05 h3 span { background:linear-gradient(#e6aa00);background-repeat: no-repeat;background-size: 0% 100%;}
.p_06 h3 span { background:linear-gradient(#4592ef);background-repeat: no-repeat;background-size: 0% 100%;}
.p_07 h3 span { background:linear-gradient(#46affa);background-repeat: no-repeat;background-size: 0% 100%;}
.p_08 h3 span { background:linear-gradient(#ca87cc);background-repeat: no-repeat;background-size: 0% 100%;}
.p_09 h3 span { background:linear-gradient(#f7616c);background-repeat: no-repeat;background-size: 0% 100%;}
.p_10 h3 span { background:linear-gradient(#009f8b);background-repeat: no-repeat;background-size: 0% 100%;}
.p_11 h3 span { background:linear-gradient(#4dafce);background-repeat: no-repeat;background-size: 0% 100%;}

h3 span.act {
  background-size: 100% 100%;
}

.p_txt .entry {
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	padding: 25px 0;
	width: 100%;
	display: block;
	background-color: #fff;
	margin-top: 45px;
	margin-bottom: 8px;
	position: relative;
	background-size: 32px auto;
	background-position: right center;
	background-repeat: no-repeat;
}
@media screen and (max-width: 850px) {
.p_txt .entry {
	font-size: 3.9vw;
}
}

.p_01 .p_txt .entry {border: 3px solid #2266aa;color: #2266aa;background-image:url("../images/e_arr1.png");	}
.p_01 .p_txt .entry:hover {	background-color: #2266aa; }
.p_02 .p_txt .entry {border: 3px solid #7bba61;color: #7bba61;background-image:url("../images/e_arr2.png");	}
.p_02 .p_txt .entry:hover {	background-color: #7bba61; }
.p_03 .p_txt .entry {border: 3px solid #f99a98;color: #f99a98;background-image:url("../images/e_arr3.png");	}
.p_03 .p_txt .entry:hover {	background-color: #f99a98; }
.p_04 .p_txt .entry {border: 3px solid #9696ff;color: #9696ff;background-image:url("../images/e_arr4.png");	}
.p_04 .p_txt .entry:hover {	background-color: #9696ff; }
.p_05 .p_txt .entry {border: 3px solid #e6aa00;color: #e6aa00;background-image:url("../images/e_arr5.png");	}
.p_05 .p_txt .entry:hover {	background-color: #e6aa00; }
.p_06 .p_txt .entry {border: 3px solid #4592ef;color: #4592ef;background-image:url("../images/e_arr6.png");	}
.p_06 .p_txt .entry:hover {	background-color: #4592ef; }
.p_07 .p_txt .entry {border: 3px solid #46affa;color: #46affa;background-image:url("../images/e_arr7.png");	}
.p_07 .p_txt .entry:hover {	background-color: #46affa; }
.p_08 .p_txt .entry {border: 3px solid #ca87cc;color: #ca87cc;background-image:url("../images/e_arr8.png");	}
.p_08 .p_txt .entry:hover {	background-color: #ca87cc; }
.p_09 .p_txt .entry {border: 3px solid #f7616c;color: #f7616c;background-image:url("../images/e_arr9.png");	}
.p_09 .p_txt .entry:hover {	background-color: #f7616c; }
.p_10 .p_txt .entry {border: 3px solid #009f8b;color: #009f8b;background-image:url("../images/e_arr10.png");	}
.p_10 .p_txt .entry:hover {	background-color: #009f8b; }
.p_11 .p_txt .entry {border: 3px solid #4dafce;color: #4dafce;background-image:url("../images/e_arr11.png");	}
.p_11 .p_txt .entry:hover {	background-color: #4dafce; }

.p_txt .entry:hover { color: #FFF;background-image:url("../images/e_arr_w.png"); }

.p_txt .cap {
	font-size: 13px;
	line-height: 1.3;
}
@media screen and (max-width: 850px) {
.p_txt {
	font-size: 3.1vw;
}
.p_txt .cap {
	font-size: 2.5vw;
}
}


.p_sppic {
	margin-top: 2em;
}


/*-----------------------------------
media screen
-----------------------------------*/

/*幅769px以上の場合*/
@media screen and (min-width: 769px) {
}
/*幅641pxから768pxまでの場合*/
@media screen and (min-width:641px) and ( max-width:768px) {
}
/*幅640px以下の場合*/
@media screen and (max-width: 640px) {
}