@charset "utf-8";
/* CSS Document */
/* mainvisual
==================================*/
.mainvisual{
	background: #fff url(../img/mainvisual_bg01.png) no-repeat top center;
	background-size: contain;
}
.box.pink1{
	background: url(../img/content_bg01.png) repeat;
	padding: 40px 0;
}
/* box
==================================*/
.box{
	overflow: hidden;
	padding: 0px 0 40px 0;
}
.midashi.pink{
	border-bottom: 2px solid #cc3366;
}
.center-text{
	font-size: 124%;
	line-height: 2;
}
.sub-menu.sns{
	background: none;
}
.sub-menu.sns ul{
	overflow: hidden;
	display: flex;
	justify-content: flex-start;    /*左（上）揃え*/
	justify-content: space-between; /*均等に間隔をあける*/
	justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
}
.sub-menu.sns li{
	background:#f2f2f2;
	border: 2px solid #cc3366;
	border-radius: 30px;
	padding: 7px 15px;
	text-align: center;
}
.sub-menu.sns li:hover{
	background-color: #fff;
}
/* text-inner
==================================*/
.text-inner{
	margin: auto;
	width: 1200px;
	overflow: hidden;
	font-size:124%;
	line-height: 2;
	margin-bottom: 40px;
	background-color: #fff;
}

/* sub-title
==================================*/
.sub-title{
	text-align: center;
	overflow: hidden;
	background-color:#ff60a0;
	border-radius: 30px;
	width: 560px;
	margin: auto;
	margin-bottom: 30px;
	padding: 13px 0;
}
/* panels
==================================*/
.gray-inner{
	overflow: hidden;
	background-color:#f2f2f2;
	padding: 40px 60px;
	margin-bottom: 40px;
}
.gray-title{
	text-align: center;
	width: 450px;
	margin: auto;
	padding: 13px 0;
	color: #ff61a0;
	font-size: 200%;
	border-top: 2px dotted #f7c6da;
	border-bottom: 2px dotted #f7c6da;
	margin-bottom: 20px;
}
/* text-block
==================================*/
.text-block{
	overflow: hidden;
	text-align: left;
}
.block-title{
	border-bottom: 2px solid #e2e2e2;
	padding-bottom: 10px;
	font-size: 154%;
	font-weight: bold;
	margin-bottom: 10px;
}
.text-wrap{
	overflow: hidden;
}
.text-indent{
	font-size: 124%;
	line-height: 2;
	float: left;
	overflow: hidden;
	width: 640px;
}
.text-indent p{
	margin-bottom: 14px;
}
/* .link-list
==================================*/

.link-list li{
	padding-left: 40px;
	text-align: left;
	background: url(../img/list_icon01.png) no-repeat left 5px;
}
.arrow{
	margin: 0 10px 0 0;
}
.link-list li a{
	color: #125a9c;
}
.text-indent.text2{
	text-indent: -2em;
	padding-left: 2em;
}
.text-indent.text3{
	text-indent: 0em;
	padding-left: 0em;
}
.text-indent.text4{
	text-indent: 0em;
	padding-left: 0em;
	width: 400px;
}
.text-indent a{
	color: #1352b2;
}
.right-img{
	float: right;
	display: block;
	overflow: hidden;
}
.text-block.white{
	background-color: #fff;
	padding: 30px;
	margin-bottom: 0px;
}
.block-title.pink{
	color: #ff61a0;
	line-height: 1.7;
}
.center.bottom{
	margin-bottom: 30px;
}
/* left-box.right-box
==================================*/
.left-box{
	float: left;
	width: 700px;
	padding: 40px 40px 0 40px;
	height: 218px;
	overflow: hidden;
}
.left-box p{
	line-height: 2;
}
.left-box p.text{
	float: left;
}
.left-box p.right-img{
	float: right;
	margin-top: -40px;
	display: block;
}

/* panels
==================================*/
.panels{
  background-color: #fff;
  padding: 35px 40px 30px 40px;
  overflow: hidden;
  width: 1000px;
  margin: auto;
}
.panels.top{
	width: 1080px;
	padding: 0px;
	background-color:#fce8f1;
	font-size: 170%;
}
.panels.last{
  width: 910px;
  padding: 35px 25px 0 130px;
  margin: auto;
}
.panels.all{
  border: 3px solid #ff60a0;
}
.panels.individual{
  border: 3px solid #ffb442;
}
.panels.company{
  border: 3px solid #00a0e9;
}
/* seminar-block
==================================*/
.seminar-block{
	overflow: hidden;
	margin-bottom: 20px;
	background-color:#e7e7e7;
	padding: 30px;
}
.seminar-block.last{
	margin-bottom: 0px;
}
.seminar-title{
	font-size: 170%;
	margin-bottom: 20px;
}
.seminar-day{
	color: #ff61a0;
	font-size:124%;
	margin-bottom: 20px;
}
.seminar-text{
	font-size:124%;
}
.seminar-icon{
	margin-left: 20px;
}
/* left-text-box
==================================*/
.left-text-box{
	float: left;
	width: 500px;
	line-height:2;
}
.top-text{
	margin-bottom: 60px;
}
.right-img-box{
	float: right;
	width: 250px;
	overflow: hidden;
	font-size: 124%;
	line-height:2;
}
.right-img-box img{
	margin-bottom: 20px;
}
.img-box{
	margin-bottom: 60px;
}
.img-box.last{
	margin-bottom: 0px;
}
.right-sub-box{
	width: 465px;
	float: left;
}
.small-text{
	font-size: 80%;
}
.pink{
	color: #cc3366;
}
.center{
	font-size:124%;
	}
.right{
	margin-left: 100px;
}
@media screen and (max-width: 1200px){
.left-box p.right-img {
	margin-top: 0px;
}
.mainvisual-title img{
	max-width: 468px;
	}
.mainvisual-title {
	width: 80%;
	margin: 0 10%;
}
.box.pink1 {
	width: 90%;
	padding: 5%;
}
	.panels{
	width: 90%;
	padding: 5%
	}
	.panels.top {
	width: 90%;
	padding: 5% 5% 0 5%;
	}
.left-box {
	float: none;
	width: 100%;
	padding: 0;
	height: auto;
	margin-top: 30px;
	}
	.sub-menu.sns ul {
	overflow: hidden;
	display: block;
	}
	.text-indent {
	font-size: 124%;
	line-height: 2;
	float: none;
	overflow: hidden;
	width: 100%;
	margin-top: 30px;
	}
	.center img{
		width: 100%;
		height: auto;
		max-width: 710px;
	}
	.right {
	margin-left: 0px;
	}
	.text-inner{
		width: 90%;
		margin: 5%;
	}
	.gray-inner {
		padding: 5%;
	}
	.gray-title{
		max-width: 450px;
		width: 100%;
	}
	.left-text-box{
		width: 100%;
		float: none;
	}
	.panels.last {
	width: 90%;
	padding: 5% 5% 0 5%;
	margin: auto;
	}
	.text-indent.text4{
		float: none;
		margin: auto;
	}
	.right-img{
		float: none;
		text-align: center;
	}
	.right-sub-box{
		float: none;
		width: 100%;
	}
	.right-img-box {
	float: none;
	width: 100%;
	}
	.right-img-box p{
		width: 250px;
	}
	.img-box {
	margin-bottom: 60px;
	width: 50%;
	float: left;
	}
	.bottom-text{
		margin-bottom: 30px;
	}
	.sub-title{
		width: 100%;
	}
	.sub-title img{
		width: 90%;
		height: auto;
		max-width: 506px;
	}
}
@media screen and (max-width: 1000px){
	.contents-tab{
		width: 100%;
	}
	.contents-tab li{
		width: 32.33%;
	}
	.contents-tab li img{
		width: 100%;
		height: auto;
	}
	.contents-box{
	width: 100%;
	}
	#panel-1-ctrl:checked ~ #panels #panel-1 main,#panel-2-ctrl:checked ~ #panels #panel-2 main,#panel-3-ctrl:checked ~ #panels #panel-3 main{
	width: 100%;
	padding: 10%;
	}
}
@media screen and (max-width: 745px){
	.img-box {
	width: 250px;
	float: none;
	margin: auto;
	margin-bottom: 30px;
	}
	.text-block.white {
	background-color: #fff;
	padding: 5%;
	}
}

@media screen and (max-width: 550px){
label.panel-label.second img,label.panel-label.third img{
	width: 90%;
	height: auto;
	}
	label.panel-label.top img{
		max-width: 90px;
		width: 50%;
		height: auto;
	}
}
@media screen and (max-width: 510px){

.text-indent.text4{
	width: 100%;
	}
.text-indent.text4 img{
	width: 100%;
	height: auto;
	max-width: 390px;
	}

.center.bottom img{
	width: 100%;
	height: auto;
	max-width: 385px;
	}
}

@media screen and (max-width: 450px){
.right-img img{
	width: 100%;
	height: auto;
	max-width: 250px;
	}
}
@media screen and (max-width: 400px){
	.img-box {
	margin-bottom: 60px;
	width: 100%;
	}
}
@media screen and (max-width: 380px){
	.right-img-box p {
	width: 100%;
	}
}

@media screen and (max-width: 335px){

.right-img-box img {
	width: 100%;
	height: auto;
	}
}