@charset "UTF-8";

/*--------------------------------------------------------------------
=== [TOPページ] ====================================
 -------------------------------------------------------------------*/

.top .bnr01,.top .bnr02,.top .bnr03,.top .bnr04,.top .bnr05 {
	margin-bottom:20px;
}

.modal {
	background-color:#a3e8d8;
	width:100%;
	height:100%;
	text-align:center;
	min-width:100%;
	padding:130px 0;
}

.modal .bg {
	background-image:url(../../img/top/modal_bg.png);
	width:285px;
	min-height:116px;
	background-repeat:no-repeat;
	background-size:100% auto;
	margin:0 auto;
	padding-top:190px;
	overflow:hidden;

}

.modal .btn {
	width:160px;
	height:auto;
	margin:0 auto;
}


.modal .link {font-size:12px; margin-top:15px;}

.modal .link a:link,.modal .link a:visited { color:#33CCB5;}













 /*--------------------------------------------------------------------
=== [サブページ] ====================================
 -------------------------------------------------------------------*/

/*concept */

 .concept #point01, .concept #point02, .concept #point03, .concept #point04, .concept #point05{
padding-top: 50px;
  margin-top: -50px; }


 .concept #pointBtn {
	padding:0 20px;
	margin-bottom:10px;
}

 .concept #pointBtn .btn01 li {
	float:left;
width:33.3%;
}

 .concept #pointBtn .btn02 li {
	float:left;
width:33.3%;
}

 .concept #pointBtn .btn02 {
	margin:0 17.4%;

}

 .concept #pointBtn ul {
	width:100%;
	margin-top:20px;
	overflow:hidden;
}

 .concept #pointBtn li img {
	width:100%;
}

.concept h4 {
	 padding:10px 20px;
 }

 .concept .img {
	 padding:0 20px;
 }

 .concept .txt {
	 padding:10px 20px;
	 font-size:16px;
	 line-height:30px;
	 color:#42210B;
 }

  .concept .red {
	  color:#FB7E7F;
  }

  .concept .grn {
	  color:#33CCB5;
	  font-size:18px;
	  text-decoration:underline;
	  font-weight:bold;
  }

.concept .txt02 {
	 padding:0px 20px;
	 font-size:18px;
	 line-height:30px;
	 color:#42210B;
	  font-weight:bold;
 }

.concept .txt02 span {
	  text-decoration:none !important;
	}

  .concept #point04 dl {
	  padding:0 20px;
  }


  .concept #point04 dt {
	  color:#FFFFFF;
	  font-weight:bold;
	  font-size:16px;
	  background-color:#42210B;
	  border-radius:10px;
	  padding:10px;
	  line-height:1.4;
  }

  .concept #point04 dl dd {
	 padding:10px 0px;
	 font-size:16px;
	 line-height:30px;
	 color:#42210B;
 }


/*work*/


.work h4 {
	 padding:10px 20px;
 }

.work .img {
	 padding:0 20px;
 }

.work .txt {
	 padding:10px 20px;
	 font-size:16px;
	 line-height:20px;
	 margin:10px 0;
	 color:#42210B;
 }

.work .thema {
	 padding:10px 20px;
	 font-size:18px;
	 line-height:30px;
	 color:#42210B;
	 font-weight:bold;
 }

.work .thema span {
	color:#FB7E7F;
	font-weight:bold;
	text-decoration:underline;
}



.work #sec01 {
	padding:0 20px;
}

.work #sec01 #menu{
        border-bottom:none;
}
.work #sec01 .main_menu{
        background:#42210B;
        color:#fff;
        font-size:11pt;
        font-weight:bold;
        cursor:pointer;
		line-height:50px;
		position:relative;
		padding-left:10px;

}

.work #sec01 .main_menu img{
	width:30px;
	height:30px;
	position:absolute;
	right:10px;
	top:10px;
}

.work #sec01 .sub_menu {
	border:2px solid #42210B;

}

.work #sec01 .sub_menu li{
		padding:10px;
}
.work #sec01 .sub_menu li a{
        color:#9e9478;
        display:block;
}
.work #sec01 .main_menu img.rotate {
        transform: rotate(90deg);
}

.work #sec01 .sub_menu li .txt {
	padding:0 !important;
}


.work #sec01 .sub_menu dt {
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:25px;
	padding:0 5px;

}

.work #sec01 .sub_menu .dt01 {
	background-color:#99E5cc;
}
.work #sec01 .sub_menu .dt02 {
	background-color:#33cc99;
}


.work #sec03 #menu{
        border-bottom:none;
		margin-top:12px;
}

.work #sec03 .main_menu.menu01{
        background:#FEF2F2;
        color:#42210B;
        font-size:19px;
        font-weight:bold;
        cursor:pointer;
		position:relative;
		padding:10px;
}

.work #sec03 .main_menu.menu02{
        color:#42210B;
        font-size:19px;
        font-weight:bold;
        cursor:pointer;
		position:relative;
		padding:10px;
}

.work #sec03 .main_menu .red {
	font-size:30px;
	color:#FB7E7F;
}

.work #sec03 .main_menu .grn {
	font-size:30px;
	color:#33CCB5;
}

.work #sec03 .main_menu img{
	width:30px;
	height:30px;
	position:absolute;
	right:10px;
	top:20px;
}

.work #sec03 .sub_menu {
	background-color:#FEF2F2;
	padding:10px;

}


.work #sec03 .sub_menu li{
	border-top:1px solid #42210B;
}

.work #sec03 .sub_menu.wh {
	background-color:#FFFFFF !important;
}

.work #sec03 .sub_menu li .img {
	padding:10px 55px;
}

.work #sec03 .sub_menu li .img02 {
	padding:10p;
}


.work #sec03 .main_menu img.rotate {
        transform: rotate(90deg);
}

.work #sec03 .sub_menu li .txt {
	padding:0 20px !important;
}


/*qa*/

.qa h2 {
	margin-bottom:10px;
}

.qa #sec01 #menu{
        border-bottom:none;
		padding:0 20px;
}
.qa #sec01 .main_menu{
        color:#fff;
        font-size:11pt;
        font-weight:bold;
        cursor:pointer;
		line-height:50px;
		position:relative;
		padding-left:10px;

}

.qa #sec01 .main_menu .ttl img {
	height:22px;
	width:auto;
	vertical-align:middle;
}

.qa #sec01 .main_menu .arrow img{
	width:30px;
	height:30px;
	position:absolute;
	right:10px;
	top:10px;
}


.qa #sec01 .sub_menu {

}

.qa #sec01 .sub_menu li{
		padding:10px;
}

.qa #sec01 .main_menu .arrow img.rotate {
        transform: rotate(90deg);
}

.qa #sec01 .sub_menu li .txt {
	padding:0 !important;
}


.qa #sec01 .sub_menu dt {
	font-size:18px;
	font-weight:bold;
	 color:#42210B;
	line-height:25px;
	padding:0 5px;
	margin-bottom:10px;
}

.qa #sec01 .sub_menu dt span {
	color:#33CCB5;
}

.qa #sec01 .sub_menu dd{
	font-size:16px;
	 color:#42210B;
	line-height:25px;
	padding:0 5px;
}

.qa #sec01 .menu01 {
        background:#99E5cc;
}

.qa #sec01 .menu02 {
	background-color:#33cc99;
}

.qa #sec02 {
	padding:0 20px;
}

.qa #sec02 .txt {
	 padding:10px 0px;
	 font-size:16px;
	 line-height:20px;
	 margin:10px 0;
	 color:#42210B;
 }

 .qa #sec02 #menu{
        border-bottom:none;
}
.qa #sec02 .main_menu{
		background-color:#e3dedb;
        color:#fff;
        font-weight:bold;
        cursor:pointer;
		line-height:50px;
		position:relative;
		padding-left:10px;
		border-bottom:0.5px dashed #42210B;

}

.qa #sec02 .main_menu .ttl {
	font-size:18px;
	color:#42210B;
	background-image:url(../../img/qa/sec02_q.png);
	background-size:22px auto;
	background-repeat:no-repeat;
	background-position:left center;
	line-height:1em;
	padding:10px 50px 10px 30px;
}

.qa #sec02 .main_menu .arrow img{
	width:30px;
	height:30px;
	position:absolute;
	right:10px;
	top:13px;
}


.qa #sec02 .sub_menu {

}

.qa #sec02 .sub_menu li{
		padding:0 10px;
	 font-size:16px;
	 line-height:20px;
	 margin:10px 0;
	 color:#42210B;}

.qa #sec02 .main_menu .arrow img.rotate {
        transform: rotate(90deg);
}


/*bosyu*/

.bosyu h2 {
	padding:0 20px;
	margin-bottom:10px;
}

.bosyu #sec01 {
	padding:0 20px;
}

.bosyu .tbl01 {
	margin:0 auto;
	font-size:16px;
	color:#42210B;
	line-height:1.8;
}

input,select,textarea{
   font-size:16px;
}

.bosyu .tbl01 td {
	display:block;
}

.bosyu .tbl01 .lTd {
	vertical-align:top;
	background-color:#FDBEBF;
	text-align:center;
	line-height:30px;
	padding:10px;
}

.bosyu .tbl01 .rTd {
	padding:10px;
	vertical-align:top;
	background-color:#FFF8F8;
	border-bottom:3px solid #FFF;
}


.bosyu .tbl01 .rTd span {
	font-size:24px;
	color:#FB7E7F;
	font-weight:bold;
	vertical-align:top;
}

.bosyu #sec02 .txt {
	 padding:0px 20px;
	 font-size:16px;
	 line-height:30px;
	 color:#42210B;
 }

.bosyu #sec02 .img {
	padding:20px;
}

.bosyu #sec03 {
	padding:0 20px;
}


.bosyu #sec03 .txt {
	margin:10px 0 ;
	 font-size:16px;
	 line-height:30px;
	 color:#42210B;
 }


 .bosyu #contactBox {
	text-align:center;
	margin-top:35px;
}

.bosyu #contactBox .step {
	margin:25px 0;
}

.bosyu #contactBox .txt {
	font-size:16px;
	color:#4C0600;
}

.bosyu .tbl02 td {
	display:block;
}

.bosyu .tbl02 {
	margin:30px auto 0 auto;
	border:1px solid #4C0600;
	color:#4C0600;
	line-height:1.6;
}


.bosyu .tbl02 .lTd {
	vertical-align:top;
	background-color:#D6F5F0;
	padding:10px;
	border-bottom:dashed 1px #A89F7D;
	font-size:16px;
	text-align:left;
	line-height:30px;

}


.bosyu .tbl02 .rTd {
	border-bottom:dashed 1px #A89F7D;
	background-color:#FFF8F8;
	vertical-align:middle;
	text-align:left;
	font-size:16px;
	padding:10px;
}

.bosyu .tbl02 .rTd input[type="text"],
.bosyu .tbl02 .rTd input[type="email"] {
	width:100%;
	height:33px;
	border:1px solid #4C0600;
	box-sizing:border-box;
}

.bosyu .tbl02 .rTd input#age {
	width:90px;
	margin-right:10px;
}

.bosyu .tbl02 .rTd input#etc {
	width:100%;
	margin-top:10px;
}

.bosyu .tbl02 .rTd input#exp {
	width:76px;
}

.bosyu .tbl02 .rTd span {
	display:block;
	font-size:14px;
	color:#FB7E7F;
	line-height:1.4;
	margin-top:10px;
}

.bosyu .tbl02 .rTd select {
	width:100%;
	height:33px;
}

.bosyu .tbl02 .rTd textarea {
	height:200px;
	margin-top:10px;
	width:100%;
	box-sizing:border-box;
}

.bosyu #contactBox .txt02 {
	font-size:16px;
	color:#4C0600;
	margin:20px 0 20px 0;
}

.bosyu #contactBox #confirm {
	background-image:url(../../img/bosyu/btn_confirm.png);
	background-size:100%;
	background-repeat:no-repeat;
	width:150px;
	height:50px;
	text-indent:-9999px;
	border:none;
	background-color:inherit;
	cursor:pointer;
}

.bosyu #contactBox .btnSet li {
	display:inline;
}

.bosyu #contactBox #back {
	background-image:url(../../img/bosyu/btn_back.png);
	background-size:100%;
	background-repeat:no-repeat;
	width:150px;
	height:50px;
	text-indent:-9999px;
	border:none;
	background-color:inherit;
	cursor:pointer;
}



.bosyu #contactBox #submit {
	background-image:url(../../img/bosyu/btn_submit.png);
	background-size:100%;
	background-repeat:no-repeat;
	width:150px;
	height:50px;
	text-indent:-9999px;
	border:none;
	background-color:inherit;
	cursor:pointer;
}


.bosyu #contactBox .post {
	margin-top:50px;
	padding:0 80px;
}

.bosyu #contactBox .thanks {
	font-size:20px;
	color:#FB7E7F;
	margin-bottom:30px;
}


.bosyu #contactBox .topBack a:link,.bosyu #contactBox .topBack a:visited{
	font-size:16px;
	color:#42210B;
}

 /*--------------------------------------------------------------------
=== [privacyページ] ====================================
 -------------------------------------------------------------------*/
.privacy {
    width: 90%;
    margin: 0 auto;
}
.privacy h2 {
    font-size: 18px;
    margin: 30px 0;
    font-weight: bold;
    background-color: #fc7e7f;
    color: #fff;
    padding: 12px 2%;
    text-align: center;
}
.privacy h3 {
    font-size: 17px;
    margin: 0 0 20px;
    border-bottom: 1px solid #b5b5b5;
    padding: 0 0 10px;
    font-weight: bold;
}
.privacy p {
    font-size: 12px;
    margin: 0 0 60px;
    line-height: 25px;
    letter-spacing: 1px;
}