@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------
	h2.sprtTitle
--------------------------------------------*/
h2.sprtTitle{
	font-size:16px;
	color:#ffffff;
	text-align:center;
	padding:6px 0;
	margin-bottom:10px;
	border-radius:4px;
	background:#ed2822;
}

/*--------------------------------------------
	h3.sprtSabTitle
--------------------------------------------*/
h3.sprtSabTitle{
	font-size:14px;
	padding:8px 20px;
	background:#f2b7b5;
	border-radius:4px;
	margin:10px 0;
}

/*--------------------------------------------
	col_2
--------------------------------------------*/
.col_2{
	overflow:hidden;
	border:solid 1px #fd5eff;
	padding:14px;
	border-radius:6px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fed6ff), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #fed6ff);
	background: -moz-linear-gradient(#fff, #fed6ff);
	background: -o-linear-gradient(#fff, #fed6ff);
	background: -ms-linear-gradient(#fff, #fed6ff);
	background: linear-gradient(#fff, #fed6ff);
	margin-bottom:5px;
}

.col_2 .right{float:right;}
.col_2 .left{float:left;}
.col_2 .txt{width:76%;}
.col_2 .img{width:20%;}
.col_2 section{padding:0;}

.col_2 h3{
	color:#fff;
	font-size:14px;
	padding:2px 0;
	border:solid 1px #c400cb;
	border-radius:6px;
	letter-spacing:0.1em;
	margin-bottom:6px;
	background: url("../img/patterns_04.png") repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fd5eff), color-stop(1.00, #c400cb));
	background: url("../img/patterns_04.png") repeat, -webkit-linear-gradient(#fd5eff, #c400cb);
	background: url("../img/patterns_04.png") repeat, -moz-linear-gradient(#fd5eff, #c400cb);
	background: url("../img/patterns_04.png") repeat, -o-linear-gradient(#fd5eff, #c400cb);
	background: url("../img/patterns_04.png") repeat, -ms-linear-gradient(#fd5eff, #c400cb);
	background: url("../img/patterns_04.png") repeat, linear-gradient(#fd5eff, #c400cb);
}


.col_3{
	overflow:hidden;
	border:solid 1px #67c9d2;
	padding:14px;
	border-radius:6px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #a6dde2), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #a6dde2);
	background: -moz-linear-gradient(#fff, #a6dde2);
	background: -o-linear-gradient(#fff, #a6dde2);
	background: -ms-linear-gradient(#fff, #a6dde2);
	background: linear-gradient(#fff, #a6dde2);
	margin-bottom:5px;
}

.col_3 h3{
	color:#fff;
	font-size:14px;
	padding:2px 0;
	border:solid 1px #00b2f0;
	border-radius:6px;
	letter-spacing:0.1em;
	margin-bottom:6px;
	background: url("../img/patterns_04.png") repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #4dc1ea), color-stop(1.00, #00b2f0));
	background: url("../img/patterns_04.png") repeat, -webkit-linear-gradient(#4dc1ea, #00b2f0);
	background: url("../img/patterns_04.png") repeat, -moz-linear-gradient(#4dc1ea, #00b2f0);
	background: url("../img/patterns_04.png") repeat, -o-linear-gradient(#4dc1ea, #00b2f0);
	background: url("../img/patterns_04.png") repeat, -ms-linear-gradient(#4dc1ea, #00b2f0);
	background: url("../img/patterns_04.png") repeat, linear-gradient(#4dc1ea, #00b2f0);	
}


.col_3 .right{float:right;}
.col_3 .left{float:left;}
.col_3 .txt{width:66%;}
.col_3 .img{width:30%;}
.col_3 section{padding:0;}



/*--------------------------------------------
	prList
--------------------------------------------*/
.prList{
	overflow:hidden;
}

.prList li a{
	display:block;
}

.prList li img{
	width:100%;
}

/*--------------------------------------------
	gNav
--------------------------------------------*/
.gNav{
	overflow:hidden;
	margin-bottom:20px;
	border-top:solid 1px #F3F;
	border-bottom:solid 1px #F3F;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #c00088), color-stop(0.49, #df3ebb), color-stop(0.00, #ff7fe1));
	background: -webkit-linear-gradient(top, #ff7fe1 0%, #df3ebb 49%, #c00088 50%);
	background: -moz-linear-gradient(top, #ff7fe1 0%, #df3ebb 49%, #c00088 50%);
	background: -o-linear-gradient(top, #ff7fe1 0%, #df3ebb 49%, #c00088 50%);
	background: -ms-linear-gradient(top, #ff7fe1 0%, #df3ebb 49%, #c00088 50%);
}

.gNav li{
	float:left;
	width:25%;
	background-size:18px 18px !important;
	background-position:center 8px !important;
}

.gNav li:nth-child(1){background:url(../img/gnav_01.svg) no-repeat;}
.gNav li:nth-child(2){background:url(../img/gnav_02.svg) no-repeat;}
.gNav li:nth-child(3){background:url(../img/gnav_03.svg) no-repeat;}
.gNav li:nth-child(4){background:url(../img/gnav_04.svg) no-repeat;}

.gNav li + li{border-left:solid 2px #F3F;}

.gNav li a{
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	display:block;
	padding:30px 0 5px 0;
}

/*--------------------------------------------
	telList
--------------------------------------------*/
.telList li{
	float:left;
	width:49%;
	margin-bottom:10px;
}

.telList li:nth-last-child(1),
.telList li:nth-last-child(2){
	margin-bottom:0;
}

.telList li:nth-child(even){
	margin-left:2%;
}

.telList2 li{
	display:block;
	width:100%;
	margin-bottom:10px;
text-align:center;
}

.telList2 li a{
	display:block;
	width:100%;
text-align:center;
}





/*--------------------------------------------
	arrow_box
--------------------------------------------*/
.arrow_box {
	position: relative;
	padding:8px 0;
	-webkit-border-radius:6px ;
    border-radius: 6px ;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ed9b9b), color-stop(0.00, #fbeaea));
	background: -webkit-linear-gradient(#fbeaea, #ed9b9b);
	background: -moz-linear-gradient(#fbeaea, #ed9b9b);
	background: -o-linear-gradient(#fbeaea, #ed9b9b);
	background: -ms-linear-gradient(#fbeaea, #ed9b9b);
	background: linear-gradient(#fbeaea, #ed9b9b);
	margin-bottom:14px;
}

.arrow_box p{
	font-size:20px;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
}

.arrow_box p .telIcon_01{
	background:url(../img/telIcon_01.png) no-repeat;
	background-position:left center;
	padding:10px 10px 10px 26px;
	background-size:20px 20px;
}

.arrow_box p .telIcon_02{
	background:url(../img/telIcon_02.png) no-repeat;
	background-position:left center;
	padding:10px 10px 10px 26px;
	background-size:20px 20px;
}

.arrow_box:after,
.arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #ed9b9b;
	border-width: 10px;
	margin-left: -10px;
}

.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #ccc;
	border-width: 10px;
	margin-left: -10px;
}


.arrow-pink{
	width: 15%;
    display: block;
    margin: 0 auto 2%;
    text-align: center;
	}

.plati2 {
    position: relative;
    background-color: #f6f6f6;
	margin: 5px 20px 15px;
}
.plati2::before, .plati2::after {
    position: absolute;
    bottom: 8px;
    z-index: -1;
    content: '';
    width: 30%;
    height: 50%;
    box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
}
.plati2::before {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    left: .3em;
}
.plati2::after {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    right: .3em;
}


/*--------------------------------------------
	codeArea
--------------------------------------------*/
.codeArea{
	position:relative;
}

.code{
	position:absolute;
	left:0;
	bottom:0;
	width:50%;
	background:#ff00f2;
	padding:8px;
}

.codeTxt{
	position: relative;
	text-align:center;
	font-size:12px;
	color:#ff00f2;
	font-weight:bold;
	margin:0 auto;
	width:100%;
	margin-bottom:10px;
	background:#FF0;
	border-radius:6px;
}

.codeTxt:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #FF0;
	border-width: 10px;
	margin-left: -10px;
}

.codeNum{
	text-align:center;
	font-size:46px;
	font-weight:bold;
	line-height:1;
	color:#FF0;
	letter-spacing:0.1em;
	text-shadow:2px 2px 8px #000;
	font-family: 'Open Sans', sans-serif;
}


/*--------------------------------------------
	frameBase
--------------------------------------------*/
.frameBase{
	padding:14px;
	text-align:center;
	border:solid 2px #fa826f;
	border-radius:4px;
	background: #ffffdd;
	background: -moz-linear-gradient(top,  #ffffdd 1%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #ffffdd 1%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ffffdd 1%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffdd', endColorstr='#ffffff',GradientType=0 );
}

.frameBase img{
	margin-bottom:10px;
}

.frameBase p{
	padding:10px;
	background:#FFF;
	margin-bottom:10px;
}

.shadow{
	box-shadow:0 0 8px #999;
}

.frameBase p{
	text-align:left;
}

.frameBase+.frameBase{
	margin-top:10px;
}

/*.frameBase.visual
------------------------------*/
.frameBase.visual span{
	position:relative;
	float:left;
	width:126px;
	height:120px;
}

.frameBase.visual span img{
	position:absolute;
	left:0;
	bottom:0;
}

/*.frameBase.deco
------------------------------*/
.frameBase.deco{
	padding:0;
	border:2px solid #FCF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f8d3d3), color-stop(0.00, #fef6fe));
	background: -webkit-linear-gradient(#fef6fe, #f8d3d3);
	background: -moz-linear-gradient(#fef6fe, #f8d3d3);
	background: -o-linear-gradient(#fef6fe, #f8d3d3);
	background: -ms-linear-gradient(#fef6fe, #f8d3d3);
	background: linear-gradient(#fef6fe, #f8d3d3);
}

.frameBase.deco .inner{
	border:2px solid #F6F;
	padding:10px;
	background: url(../img/prof_tl.png),url(../img/prof_tr.png),url(../img/prof_bl.png),url(../img/prof_br.png);
	background-position:left top , right top , left bottom , right bottom;
	background-repeat:no-repeat;
	background-size:30px 30px;
	border-radius:2px;
}