@charset "utf-8";

/******************************************************************
 *
 * 個別ページ
 *
 ******************************************************************/



 /*******************************************************************/


@media screen and (min-width:751px){/* PC */

.c1 { width: 1080px; margin: 0 auto; padding: 80px 0 0 0; }
.c1 .inner { width: 880px; margin: 0 auto; }
.c1 .inner p { padding: 60px 0 0 0; }


.c2 { width: 1080px; margin: 0 auto; padding: 80px 0 0 0; }
.c2 .inner { padding: 20px 0 0 0; font-family: 'Zen Maru Gothic', sans-serif; }
.c2 .anno { width: 880px; margin: 0 auto; padding: 20px 0 10px 0; text-align: right; font-size: 14px; line-height: 25px; font-weight: 700; }
.c2 .anno .icn1 { display: inline-block; padding: 0 0 0 30px; color: rgba(57,175,241,1.0); background: url("../images/operation/c2_icon1_on.png") left center no-repeat; background-size: 25px; }
.c2 .anno .icn2 { display: inline-block; padding: 0 0 0 30px; color: rgba(222,145,223,1.0); background: url("../images/operation/c2_icon2_on.png") left center no-repeat; background-size: 25px; }
.c2 .anno .icn3 { display: inline-block; padding: 0 0 0 30px; color: rgba(244,187,105,1.0); background: url("../images/operation/c2_icon3_on.png") left center no-repeat; background-size: 25px; }
.c2 .anno span+span { margin: 0 0 0 10px; }
.c2 .child { font-weight: 500; }
.c2 .child+.child { padding: 75px 0 0 0; background: url("../images/operation/c2_arrow.png") center 20px no-repeat; background-size: 53px; }
.c2 .c_inner { position: relative; width: 880px; margin: 0 auto; border: 1px solid rgba(48,160,147,1.0); border-radius: 15px; overflow: hidden; }
.c2 .c_inner2 { position: relative; width: 880px; margin: 0 auto; border: 6px solid rgba(48,160,147,1.0); border-radius: 15px; overflow: hidden; background: rgba(244,250,249,1.0);  }
.c2 .child ul { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.c2 .child ul li { padding: 0.5em 0; width: 80%; background: rgba(48,160,147,1.0); }
.c2 .child ul li+li { width: 20%; border-right: none; background: rgba(244,250,249,1.0); color: rgba(48,160,147,1.0); }
.c2 .inner .child ul li span { display: block; font-size: 1px; line-height: 1px; text-align: center; }
.c2 .child ul li span img { width: 40px; margin: 4px 2px 0 2px;  }
.c2 .child ul li strong { padding: 0 0 0 1.0em; font-size: 28px; line-height: 45px; color: rgba(255,255,255,1.0); }
.c2 .child p { padding: 1em; font-size: 22px; line-height: 1.25em; color: rgba(48,160,147,1.0); text-align: center; font-weight: 700; }
.c2 .child .c_inner2 strong { display: block; padding: 0.75em; font-size: 30px; text-align: center; font-weight: 700; color: rgba(48,160,147,1.0); }


}/*@media*/

 /*******************************************************************/

@media screen and (max-width:750px){/* SP */

.c1 { position: relative; width: 100%; margin: 0 auto; padding: 10.66vw 0 0 0; }
.c1 .inner { width: 86.66%; margin: 0 auto; }
.c1 .inner p { padding: 8vw 0 0 0; }


.c2 { position: relative; width: 86.66%; margin: 0 auto; padding: 80px 0 0 0; }
.c2 .inner { padding: 2.66vw 0 0 0; font-family: 'Zen Maru Gothic', sans-serif; }
.c2 .anno { width: 100%; margin: 0 auto; padding: 2.66vw 0 10px 0; text-align: right; font-size: 2.366vw; line-height: 3.33vw; font-weight: 700; }
.c2 .anno .icn1 { display: inline-block; padding: 0 0 0 3.6vw; color: rgba(57,175,241,1.0); background: url("../images/operation/c2_icon1_on.png") left center no-repeat; background-size: 3.33vw; }
.c2 .anno .icn2 { display: inline-block; padding: 0 0 0 3.6vw; color: rgba(222,145,223,1.0); background: url("../images/operation/c2_icon2_on.png") left center no-repeat; background-size: 3.33vw; }
.c2 .anno .icn3 { display: inline-block; padding: 0 0 0 3.6vw; color: rgba(244,187,105,1.0); background: url("../images/operation/c2_icon3_on.png") left center no-repeat; background-size: 3.33vw; }
.c2 .anno span+span { margin: 0 0 0 10px; }
.c2 .child { font-weight: 500; }
.c2 .child+.child { padding: 75px 0 0 0; background: url("../images/operation/c2_arrow.png") center 20px no-repeat; background-size: 53px; }
.c2 .c_inner { position: relative; width: 100%; margin: 0 auto; border: 1px solid rgba(48,160,147,1.0); border-radius: 2vw; overflow: hidden; }
.c2 .c_inner2 { position: relative; width: 100%; margin: 0 auto; border: 6px solid rgba(48,160,147,1.0); border-radius: 2vw; overflow: hidden; background: rgba(244,250,249,1.0);  }
.c2 .child ul { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.c2 .child ul li { padding: 0.5em 0; width: 70%; background: rgba(48,160,147,1.0); }
.c2 .child ul li+li { width: 30%; border-right: none; background: rgba(244,250,249,1.0); color: rgba(48,160,147,1.0); }
.c2 .inner .child ul li span { display: block; font-size: 1px; line-height: 1px; text-align: center; }
.c2 .child ul li span img { width: 5.33vw; margin: 1.33vw 0.33vw 0 0.33vw;  }
.c2 .child ul li strong { padding: 0 0 0 1.0em; font-size: 4.64vw; line-height: 45px; color: rgba(255,255,255,1.0); }
.c2 .child p { padding: 1em; font-size: 3.66vw; line-height: 1.25em; color: rgba(48,160,147,1.0); text-align: center; font-weight: 700; }
.c2 .child .c_inner2 strong { display: block; padding: 0.75em; font-size: 30px; text-align: center; font-weight: 700; color: rgba(48,160,147,1.0); }






}/*@media*/


