@charset "UTF-8";
/* CSS Document */
h3{
	padding:10px 70px;
	font-family: 'Kaisei Decol', serif;
	font-size:30px;
	border-radius:2em;
	display:inline-block;
	color:#fff;
	letter-spacing:0.15em;
	position:absolute;
	top:-70px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
h3 p{
	margin:0;
	padding:0 0 0 70px;
	display:inline-block;
	background-size:auto 100%;
	background-position:left center;
	background-repeat:no-repeat;
	background-size: auto 95%;
}
h3.t01{background-color:#88B6CC;}
h3.t02{background-color:#F2954E;}
h3.t03{background-color:#84C0A2;}

h3.t01 p{background-image:url(../../contents/img/contents_img01A.png);}
h3.t02 p{background-image:url(../../contents/img/contents_img01B.png);}
h3.t03 p{background-image:url(../../contents/img/contents_img01C.png);}
h4{
	margin:50px 0 0 0; 
	padding:10px 0;
	background-color:#fff;
	border:#84C0A2 solid 2px;
	color:#7AAC9F;
	text-align:center;
	font-size:21px;
	letter-spacing:0.15em;
	font-weight:700;
}
#gnavi li.contents a{
	padding-left:21px;
	margin-left:15px;
	color:#F2954E;
	font-weight:500;
	background-image:url(../img/tooth.png);
	background-repeat:no-repeat;
	background-size:16px auto;
	background-position:left center;
}
/* BOX *****************************************************/
.contents_box01{
	padding:100px 0 0 0;
	text-align:center;
	font-size:19px;
	line-height:2.5;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight:500;
	background-color:#FDEAE0;
	/*
	background-image: url(../../contents/img/shiroPGC_anime1.gif);
    background-repeat: no-repeat;
    background-size:100% auto;
    background-position:center bottom 75px;
	*/
}
.contents_box02{
	padding:110px 0 150px 0;
	position:relative;
	text-align:left;
	line-height:2;
}

/* パーツ *****************************************************/
.contents_parts01{
	margin:70px 0 0 0;
}
.contents_parts02{
  width:100%;
  height:60px;
  padding:5vw 0 0 0;
  background-image:url(../img/tooth_bg.png);
  background-repeat:repeat-x;
  background-size:60px auto;
  background-position:center bottom;
}
/*使わなかった
.contents_parts02 .korokoro {
  position: relative;
  width: 60px;
  height: auto;
  transform-origin: 100% 100%;
}
.contents_parts02 .cbou{left: 100px;top: 90px;}
.contents_parts02 .gsuke{left: 200px;top: 120px;}
.contents_parts02 .pbe{left: 500px;top: 100px;}
*/


/* UL *****************************************************/
.contents_box02 ul{
	list-style:none;
	padding:0;
}
.contents_box02 li{
	width:330px;
	height:330px;
	float:left;
}
.contents_box02 li:nth-child(even){
	margin-left:40px;
}
.contents_box02 li p{
	margin:7px 0 0 0;
	font-size:15px;
	line-height:1.5;
	text-align:center;
}
/* その他 *****************************************************/


@media (min-width: 1500px) {
/*
.contents_box01{
    background-size:1500px auto;
}
*/
.contents_parts02{
  padding:50px 0 0 0;
}
}


@media (max-width: 900px) {
h3{
	width:70%;
	padding:1% 5%;
	display:block;
	text-align:center;
	font-size:calc(11px + 3vw);
	position:absolute;
	top:-10vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
h3 p{
	margin:0;
	padding:0 0 0 15%;
	background-size: auto 90%;
}
h4{
	margin:8% 0 0 0; 
	padding:2% 0;
	font-size:calc(11px + 2vw);
}
#gnavi_sp li.contents a{
	padding-left:9%;
	color:#F2954E;
	background-image:url(../img/tooth.png);
	background-repeat:no-repeat;
	background-size:2.7vw auto;
	background-position:left 5% center;
}
/* BOX ****************************************************900*/
.contents_box01{ 
	padding:10% 0 0 0;
	font-size:calc(11px + 0.8vw);
	line-height:2.5;
	/*
	background-size:140% auto;
	background-position:center bottom 9vw;
	*/
}
.contents_box02{
	width:90%;
	padding:14% 5% 20% 5%;
	line-height:2;
	background-image:url(../img/tooth_bg.png);
	background-repeat:repeat-x;
	background-size:7vw auto;
	background-position:center bottom;
}

/* パーツ ****************************************************900*/
.contents_parts01{
	margin:7% 0 0 0;
}
.contents_parts02{
  padding:3vw 0 0 0;
  height:10vw;
  background-size:7vw auto;
}


/* UL ****************************************************900*/
.contents_box02 ul{
	list-style:none;
	padding:0;
}
.contents_box02 li{
	width:49%;
	height:42vw;
}
.contents_box02 li:nth-child(even){
	margin-left:2%;
}
.contents_box02 li p{
	margin:2% 0 0 0;
	font-size:calc(11px + 0.8vw);
}
}
@media (max-width: 580px) {
h3{
	width:80%;
	padding:2% 3%;
	top:-13vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
h3 p{
	margin:0;
	padding:0 0 0 16%;
	background-size: auto 85%;
}
#gnavi_sp li.contents a{
	padding-left:10.5%;
	background-size:4vw auto;
}
/* BOX ****************************************************580*/
.contents_box01{
	padding:10% 0 0 0;
	font-size:calc(11px + 1vw);
	line-height:2.2;
	/*
	background-size:150% auto;
	background-position:center bottom 9.7vw;
	*/
}
.contents_box02{
	width:90%;
	padding:14% 5% 20% 5%;
	line-height:2;
	background-image:url(../img/tooth_bg.png);
	background-repeat:repeat-x;
	background-size:8vw auto;
	background-position:center bottom;
}
/* パーツ ****************************************************580*/
.contents_parts02{
  padding:5vw 0 0 0;
  height:10vw;
  background-size:8vw auto;
}

/* UL ****************************************************580*/
.contents_box02 li{
	height:47vw;
}
.contents_box02 li p{
	margin:4% 0 0 0;
	font-size:calc(10px + 0.5vw);
	line-height:1.4;
	letter-spacing:0;
}

}