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

.swiper-slide-active .text01,.swiper-slide-active .text04{animation:slideFromRightSub 1.0s both;animation-delay: 1s;}
.swiper-slide-active .text02,.swiper-slide-active .text05{animation:slideFromRightSub 1.0s both;animation-delay: 2.0s;}
.swiper-slide-active .text03,.swiper-slide-active .text06{animation:slideFromRightSub 1.0s both;animation-delay: 3.0s;}

.swiper-slide-active .text01,.swiper-slide-active .text04{-webkit-animation:slideFromRightSub 1.0s both;-webkit-animation-delay: 1s;}/* Safari & Chrome */
.swiper-slide-active .text02,.swiper-slide-active .text05{-webkit-animation:slideFromRightSub 1.0s both;-webkit-animation-delay: 2.0s;}/* Safari & Chrome */
.swiper-slide-active .text03,.swiper-slide-active .text06{-webkit-animation:slideFromRightSub 1.0s both;-webkit-animation-delay: 3.0s;}/* Safari & Chrome */
    
    @keyframes slideFromRightSub {
        0%, 5% {transform: translateY(-10px);    opacity: 0;  }
        100% {transform: translateY(0px);    opacity: 1;  }
    }
    
    @-webkit-keyframes slideFromRightSub { /* Safari & Chrome */
        0%, 5% {-webkit-transform: translateY(-10px);opacity: 0;  }
        100% {-webkit-transform: translateY(0px);opacity: 1;  }
    }

.text01,.text02,.text03{text-shadow: #4e5d62 1px 1px 10px, #4e5d62 -1px 1px 10px,#4e5d62 1px -1px 10px, #4e5d62 -1px -1px 10px;}
.text04,.text05,.text06{text-shadow: black 1px 1px 10px, black -1px 1px 10px,black 1px -1px 10px, black -1px -1px 10px;}

@media screen and (min-width:1051px) {
    main{margin: 0 auto 0px auto;background: #FCF9F5;}
    
    main #image{width:1000px;height: 460px; margin: 0 auto 50px auto;}
    .swiper-container {width:1000px;height: 460px;}
    
    .s-right2-wrap {  position: relative; width:1000px;height: 460px; margin: 0 auto; background: url("../img/main_image.jpg") no-repeat;background-position: 50% 100%; background-size: 100% auto}
    .s-right2-wrap_02 {  position: relative; width:1000px;height: 460px; margin: 0 auto; background: url("../img/main_image02.jpg") no-repeat;background-position: 50% 100%; background-size: 100% auto}
    .text01{position: absolute;  width:60%;  top: 35%; right:0%;  text-align: center;  color:white;font-size: 22px;letter-spacing: 2px;}
    .text02{position: absolute;  width:60%;  top: 45%; right:0%;  text-align: center;  color:white;font-size: 22px;letter-spacing: 2px;}
    .text03{position: absolute;  width:60%;  top: 55%; right:0%;  text-align: center;  color:white;font-size: 22px;letter-spacing: 2px;}
    .text04{position: absolute;  width:60%;  top: 35%; right:0%;  text-align: center;  color:white;font-size: 22px;letter-spacing: 2px;}
    .text05{position: absolute;  width:60%;  top: 45%; right:0%;  text-align: center;  color:white;font-size: 22px;letter-spacing: 2px;}
    .text06{position: absolute;  width:60%;  top: 55%; right:0%;  text-align: center;  color:white;font-size: 22px;letter-spacing: 2px;}
    
    main #information{width:1000px;margin: 0 auto 50px auto;}
    main #information #message{width:100%;margin: 0 auto 30px auto;background: url("../img/message_icon02.png") no-repeat;background-position: 100% 100%;background-size: 120px auto;}
    main #information #message h2{margin:0 auto 20px auto;padding:20px 0 20px 80px;background: url("../img/message_icon01.png") no-repeat;background-position: 0% 50%;background-size: 66px auto;font-size:28px;letter-spacing: 2px ;line-height: 40px;color: #7a6a56;font-weight: normal;}
    main #information #message h2 span:first-of-type{display: block}
    main #information #message h2 span:last-of-type{color:#f1985b;}
    main #information #message .text{margin:0;padding: 0;font-size:17px;letter-spacing:1px;line-height:28px;}
    
    main #information #news{width:100%;margin: 0 auto;padding: 20px 0 20px 0; background: #fbf7f2;border-radius: 5px;}
    main #information #news #title{width:90%;margin: 0 auto;}
	main #information #news #title h2{display: inline-block;width:150px; margin:0 ;padding: 15px 0 15px 50px;background: url("../img/news_icon.png") no-repeat;background-position: 0% 50%;background-size: 40px auto;font-size: 22px;letter-spacing: 1px ;color: #7a6a56;font-weight: normal;}
	main #information #news #title a{display: inline-block;width:350px; margin:0 ;padding: 10px 0 10px 0px;background:#f1985b;font-size:15px;letter-spacing: 1px ;color: white;text-decoration: none;text-align: center;border-radius: 5px;border: 2px solid #f1985b;}
	main #information #news #title a:hover{background:white;color: #f1985b;}
	main #information #news #list{width:90%;margin: 0 auto}
    main #information #news > a{display: block;width:30%; margin:0 auto 0px auto;padding:14px 0px;font-size:14px;letter-spacing: 1px ;background: #f1985b; color:white;text-align: center;text-decoration: none;border-radius: 5px;border: 2px solid #f1985b;}
    main #information #news > a .fa-arrow-right{margin:0 0 0 10px;}
	main #information #news > a:hover{background:white;color: #f1985b;}
    
	/*ワードプレス生成*/
	.wp-show-posts-entry-title a{font-size:14px;letter-spacing: 1px ;color: #7a6a56;}
	#wpsp-84 a time.wp-show-posts-entry-date{font-size:13px !important;letter-spacing:1px !important;}
	
    main #contents{width:1000px;margin: 0 auto 50px auto;}
    main #contents > div{width:330px;margin: 0;padding: 0; border-right: 2px dashed #9ed2b9;float: left;}
    main #contents > div:last-of-type{border-right:none;}
    main #contents div #figure01{width:200px;height:200px;margin: 0 auto 10px auto;padding: 0;border-radius:50%;border: 5px solid #f0f6f0;background:white url("../img/counselor.png") no-repeat;background-position: 50% 50%;background-size: auto 80%;}
    main #contents div #figure02{width:200px;height:200px;margin: 0 auto 10px auto;padding: 0;border-radius:50%;border: 5px solid #f0f6f0;background:white url("../img/counseling_consultation.png") no-repeat;background-position: 50% 20%;background-size:150% auto;}
    main #contents div #figure03{width:200px;height:200px;margin: 0 auto 10px auto;padding: 0;border-radius:50%;border: 5px solid #f0f6f0;background:white url("../img/counseling_consultation_room.png") no-repeat;background-position: 50% 30%;background-size:110% auto;}
    main #contents div h3{margin:0 auto 10px auto;padding: 0;color: #604c3f;font-size:22px;letter-spacing: 1px;text-align: center;font-weight: normal}
    main #contents div .text{width: 80%; margin:0 auto 10px auto;padding: 0;font-size:12px;letter-spacing: 1px;line-height: 22px;}
    main #contents div a{display:block;width:80%;margin:0 auto;padding:14px 0;color:white;font-size:16px;letter-spacing:1px;text-align:center;text-decoration: none;border-radius: 5px;background-image: linear-gradient(45deg, #7ac9a0, #47bfa7);border: 2px solid #7ac9a0;}
    main #contents div a .fa-arrow-circle-right{margin:0 0 0 5px;font-size:16px;}
	main #contents div a:hover{background:white;color: #7ac9a0;}
    
    main #counselor{width:1000px;margin: 0 auto 50px auto;padding:50px 0 50px 0;background: #fffbe9;}
    main #counselor h3{margin: 0 auto 30px auto;padding:0px 0 0px 0px;}
    main #counselor h3 span{display:block;position: relative;width: 830px;margin:0 auto;padding:0px 0 0px 70px;color: #7a6a56;font-size: 24px;line-height: 25px; letter-spacing: 1px;font-weight: normal;vertical-align: top;}
    main #counselor h3 span::before{display: inline-block;content: '';position: absolute;top: -15px;left: 0; width: 50px;height: 50px; background:white url("../img/menu_icon02.png") no-repeat;background-position: 50% 50%;background-size: auto 60%;border-radius: 50%;}
    main #counselor section{width:850px;margin: 0 auto 0px auto;/*padding: 50px;background: #faf9f5*/}
    main #counselor section:first-of-type{padding:0 0 0px 0;}
    main #counselor section h4{margin: 0 auto 0px auto;padding: 0 0;font-size:20px;line-height: 28px; letter-spacing: 1px;font-weight: normal;color: #7a6a56;}
    main #counselor section h4 #director{display: block;width: 40px; background:#85cee5;color: white;text-align: center;padding: 0px 10px;margin: 0 auto 10px 0; font-size: 16px;border-radius: 5px;}
    main #counselor section h4 .age{ font-size: 14px;}
    main #counselor section .master_course{margin: 0 auto 20px auto;padding: 0 0 0px 0;font-size:16px; letter-spacing: 1px;color: #7a6a56;}
    main #counselor section dl{display:flex; flex-wrap: wrap;width: 95%; margin: 0 0 10px auto;padding: 0 0 0 0px;font-size:14px;line-height: 24px; letter-spacing: 1px;}
    main #counselor section dl dt{width:15%; height:auto; margin:0px 0 0px 0;padding:10px 0 10px 0;border-top: 1px dashed #f1985b;color: #f1985b;}
    main #counselor section dl dt:first-of-type{border-top:none;}
    main #counselor section dl dd{width:85%; height:auto; margin:0px 0 0px 0;padding:10px 0 10px 0%;border-top: 1px dashed #f1985b;}
    main #counselor section dl dd:first-of-type{border-top:none;}
    main #counselor section .introduction{width: 95%;margin: 0 0 0 auto;padding: 0 0 0 0px;font-size:14px;line-height: 24px; letter-spacing: 1px;}
    main #counselor > div{position: relative;width:850px;height:20px; margin:50px auto 50px auto;background: url("../img/area_background02.png") no-repeat;background-position: 50% 50%; background-size: 80px auto;}
    main #counselor > div::before{position: absolute;top: 9px;left: 100px; display:inline-block;content: '';width: 250px;height: 1px;background:#85cee5; }
    main #counselor > div::after{position: absolute;top: 9px;right: 100px; display:inline-block;content: '';width:250px;height: 1px;background:#85cee5; }
    
    main #flow{width:996px;margin: 0 auto 50px auto;padding: 0 0 20px 0; overflow: hidden;border: 2px solid #eebc55;border-radius: 5px;background: #fbf8e2;}
    main #flow h4{min-height: 50px;border-bottom-right-radius: 1000px 100px;border-bottom-left-radius: 1000px 100px;margin-left: -100px;margin-right: -100px;margin-top: 0;margin-bottom: 30px; padding-left: 200px;padding-right: 200px;padding-top:40px; background: #eebc55;text-align: center;color: white;font-size:22px;font-weight: normal;letter-spacing: 1px;line-height: 22px;}
    main #flow .text{margin:0 auto 20px auto;padding: 0;text-align: center;font-size: 14px;letter-spacing: 2px;}
    main #flow ul{margin:0 auto 20px auto;padding: 0;text-align: center;}
    main #flow ul li{position: relative;display: inline-block;width: 280px; margin:0 15px;padding: 10px 0px;background: white;text-align: center;color: #f1985b;font-size:18px;letter-spacing: 1px;border: 1px dashed #eebc55;}
    main #flow ul li::after{content:'\025b6';display: inline-block;position: absolute;top: 30%; right: -45px; width:50px; height:50px; margin: 0 0px 0 0;padding: 0;font-size:16px;vertical-align: middle}
    main #flow ul li:last-of-type::after{display:none;}
    main #flow a{display: block;width: 30%; margin:0 auto;padding:14px 0;text-align: center;text-decoration: none;font-size:16px;letter-spacing: 1px;color: white;background-image: linear-gradient(45deg, #f1a05b, #f1985b);border-radius: 5px;border: 2px solid #f1985b;}
    main #flow a .fa-arrow-circle-right{margin:0 0 0 5px;font-size:16px;}
	main #flow a:hover{background:white;color:#f1985b;}
    
    main #special{width:1000px;margin: 0 auto 50px auto;}
    main #special #beginner{position: relative;height: 250px; margin:0 auto 14px auto;border: 2px solid #7dd0fc;background: url("../img/beginner's_guide.png") no-repeat;background-size:192px auto; background-position:65% 50%}
    main #special #beginner a{position: absolute;top: 0;left: 0; width: 100%;height: 100%; margin:0;padding:0px 0;z-index: 1;}
    main #special #beginner h5{position: absolute;top: 35%;right: 52.5%; width: 20%;margin:0;padding: 0;text-align: center;color:#604c3f;font-size:22px;letter-spacing:1px;font-weight: normal}
    main #special #beginner p{position: absolute;top: 55%;right: 50%;width: 25%; margin:0;padding:14px 0;;text-align: center;color:white;background:#7dd0fc ; font-size:16px;letter-spacing:1px;border-radius: 5px;}
    main #special #beginner p .fa-arrow-right{margin:0 0 0 5px;}
    main #special #beginner:hover{background:#e0faff url("../img/beginner's_guide.png") no-repeat;background-size:192px auto; background-position:65% 50%}
    
    main #special #list{margin:0;padding: 0;}
    main #special #list div{position: relative;float: left;width: 320px;height: 140px; margin:0 14px 0 0;padding: 0;border: 2px solid #7dd0fc;}
    main #special #list div:last-of-type{margin:0;}
    main #special #list #adult{background: url("../img/adult_consultation.png") no-repeat;background-position: 90% 50%; background-size:auto 80%}
    main #special #list #child{background: url("../img/child_consultation.png") no-repeat;background-position: 90% 50%; background-size:auto 80%}
    main #special #list #examination{background: url("../img/psychological_examination.png") no-repeat;background-position: 90% 50%; background-size:auto 90%}
    main #special #list div a{position: absolute;top: 0%;left: 0;width: 100%;height: 100%;z-index: 1;}
    main #special #list div h5{position: absolute;top: 42%;left:0%;;width: 70%; margin:0;padding: 0;color:#604c3f;font-size:20px;letter-spacing:0px;font-weight: normal;text-align: center}
    main #special #list div h5 .fa-arrow-right{width:12px; height:12px; margin:0 0 0 5px;padding:4px ;text-align: center;color:white;background:#7dd0fc ; font-size:16px;border-radius: 50%;}
    main #special #list #adult:hover{background:#e0faff url("../img/adult_consultation.png") no-repeat;background-position: 90% 50%; background-size:auto 80%}
    main #special #list #child:hover{background:#e0faff url("../img/child_consultation.png") no-repeat;background-position: 90% 50%; background-size:auto 80%}
    main #special #list #examination:hover{background:#e0faff url("../img/psychological_examination.png") no-repeat;background-position: 90% 50%; background-size:auto 90%}
    
    main #person{width:1000px;margin: 0 auto 50px auto;padding:0 0 40px 0; background:#e0faff}
    main #person h5{width:100%;margin:0 auto 10px auto;padding:30px 0 10px 0;color:#604c3f;font-size:22px;letter-spacing:1px;font-weight:normal;text-align: center;}
    main #person #list{margin:0 auto;padding: 0;text-align: center}
    main #person #list a{display:inline-block; width:45%; margin:0px 2%;padding:20px 0;text-align: center;color: white; text-decoration: none;font-size:18px;letter-spacing:1px;background: #7dd0fc;border-radius: 5px;}
    main #person #list a .fa-arrow-circle-right{margin:0 0 0 5px;font-size:16px;}
    main #person #list a:hover{background:white;color:#604c3f;}    
        
    main #open{width:1000px;margin: 0 auto 0px auto;padding: 0 0 50px 0;}
    main #open h5{margin: 0 auto 10px auto;padding: 0 0;text-align: center;font-size: 22px;letter-spacing: 1px;font-weight: normal;color: #7a6a56;}
    main #open div{padding:30px 0px 10px 0;border-top: 1px solid #7a6a56;border-bottom:1px solid #7a6a56;background:white;}
    main #open div .text{margin: 0 auto;padding: 0;text-align: center;font-size: 14px;color:#e08a7a;font-weight: bold;}
    main #open div ul{width: 100%; list-style: none;margin: 0 auto;padding: 0;text-align: center;}
    main #open div ul li{display: inline-block;margin: 15px auto;padding:5px 30px;text-align: center;font-size: 14px;border-right: 1px dashed #7a6a56;color: #7a6a56;}
    main #open div ul li:last-of-type{border-right:none;}
    main #open div ul li span{display:block;padding: 10px 0px 0 0;font-size: 16px;font-weight: bold;}
    main #open div ul li .open{color:#e08a7a;}
    main #open div ul li .close{color:#9fa0a0;}
        
    main #fee_system #fee{width:800px;margin: 0 auto 30px auto;}
    main #fee_system #fee > h5{margin: 0 auto 30px auto;padding: 0 0;text-align: center;font-size: 24px;color: #7a6a56;}
    main #fee_system #fee #counseling h5{margin: 0 auto 0px auto;padding:8px 12px 4px 12px;font-size: 17px;letter-spacing: 1px; background: #f4b2a6;color: white;border-radius: 5px 5px 0 0 ;}
    main #fee_system #fee #counseling table{border-collapse: collapse;width: 100%;margin: 0 auto 20px auto;padding: 0;font-size:14px;letter-spacing: 1px;line-height: 24px;}
    main #fee_system #fee #counseling table tr{border-bottom: 1px dashed #f4b2a6;}
    main #fee_system #fee #counseling table tr:last-of-type{border-bottom:none;}
    main #fee_system #fee #counseling table th{width:15%; height:auto; margin:0px 0 0px 0;padding:15px 0 12px 0%;color: #e08a7a;vertical-align: top;}
    main #fee_system #fee #counseling table td{width:85%; height:auto; margin:0px 0 0px 0;padding:15px 0 12px 0%;}
    main #fee_system #fee #psychological h5{margin: 0 auto 20px auto;padding:8px 12px 4px 12px;font-size: 17px;letter-spacing: 1px; background: #f4b2a6;color: white;border-radius: 5px 5px 0 0 ;}
    main #fee_system #fee #psychological .text{margin:0px auto 0px auto;padding: 0;letter-spacing: 1px;font-size:14px;line-height: 24px;text-align: center;}
    main #fee_system #fee #psychological table{border-collapse: collapse;width: 100%; margin: 0 auto 20px auto;padding: 0;letter-spacing: 1px;font-size:14px;letter-spacing: 1px;}
    main #fee_system #fee #psychological tr{border-bottom: 1px dashed #f4b2a6;}
    main #fee_system #fee #psychological th{width:48%; height:auto; margin:0px 0 0px 0;padding:15px 0% 12px 2%;color: #e08a7a;vertical-align: top;text-align: left;}
    main #fee_system #fee #psychological td{width:48%; height:auto; margin:0px 0 0px 0;padding:15px 2% 12px 0%;text-align: right}
    
    main #fee_system #cancel{width:500px;margin: 0 auto 50px auto;padding:30px 40px 20px 40px;  background:#fffcf0 ;border-radius: 10px;border: 1px solid #f1985b;}
    main #fee_system #cancel h5{margin: 0 auto 10px auto;padding: 0 0;text-align: center;font-size:18px;color:#f1985b;}
    main #fee_system #cancel .text{margin: 0 auto 0px auto;padding: 0 0;font-size:14px;line-height: 24px;letter-spacing: 1px; }
	
	main #room_image{width:1000px;margin: 0 auto 0px auto;padding: 0 0 50px 0}
	main #room_image .photo {	width:100%; margin: 0 auto;text-align: center;font-size: 0;}
	main #room_image .photo #scene01{display: inline-block;width:330px;height:360px; margin: 0 5px 0 0;padding: 0; background: url("../img/room_image01.jpg") no-repeat;background-position: 50% 100%;background-size:100% auto}
	main #room_image .photo #scene02{display: inline-block;width:330px;height:360px; margin: 0 5px 0 0;padding: 0; background: url("../img/room_image02.jpg") no-repeat;background-position: 50% 60%;background-size:100% auto}
	main #room_image .photo #scene03{display: inline-block;width:330px;height:360px; margin: 0;padding: 0; background: url("../img/room_image03.jpg") no-repeat;background-position: 50% 50%;background-size: 100% auto}
	
	main #greeting{width:600px;margin: 0 auto 50px auto;background: white;}
	main #greeting h3{width: 100%; margin: 0;padding: 0;text-align: center;font-weight: normal;font-size: 22px;letter-spacing: 2px;border :2px solid #7ac9a0;border-radius: 5px;}	
	main #greeting h3 a{display: block;text-decoration: none;background:url("../img/greeting_background.png") no-repeat;background-position: 50% 50%;background-size:98% auto;color:#7ac9a0;padding: 40px 0 35px 0;}
	main #greeting h3 a:hover{background:#FFFEF4 url("../img/greeting_background.png") no-repeat;background-position: 50% 50%;background-size:98% auto; color:#604c3f;}
	main #greeting h3 a .fa-arrow-circle-right{margin:0 0 0 10px;font-size:20px;}
}

@media screen and (min-width:701px) and ( max-width:1050px)  {
    main{margin: 0 auto 0px auto;background: #FCF9F5;}
    
    main #image{width:100%;height:380px; margin: 0 auto 30px auto;}
    .swiper-container {width:100%;height: 380px;}
    
    .s-right2-wrap {  position: relative; width:100%;height: 380px; margin: 0 auto; background: url("../img/main_image.jpg") no-repeat;background-position: 50% 65%; background-size:100% auto}
        .s-right2-wrap_02 {  position: relative; width:100%;height: 380px; margin: 0 auto; background: url("../img/main_image02.jpg") no-repeat;background-position: 50% 65%; background-size: 100% auto}
    .text01{position: absolute;  width:60%;  top: 35%; right:0%;  text-align: center;  color:white;font-size: 18px;letter-spacing: 0px;}
    .text02{position: absolute;  width:60%;  top: 45%; right:0%;  text-align: center;  color:white;font-size: 18px;letter-spacing: 0px;}
    .text03{position: absolute;  width:60%;  top: 55%; right:0%;  text-align: center;  color:white;font-size: 18px;letter-spacing: 0px;}
    .text04{position: absolute;  width:60%;  top: 35%; right:0%;  text-align: center;  color:white;font-size: 18px;letter-spacing: 0px;}
    .text05{position: absolute;  width:60%;  top: 45%; right:0%;  text-align: center;  color:white;font-size: 18px;letter-spacing: 0px;}
    .text06{position: absolute;  width:60%;  top: 55%; right:0%;  text-align: center;  color:white;font-size: 18px;letter-spacing: 0px;}
    
    main #information{width:90%;margin: 0 auto 50px auto;}
    main #information #message{width:100%;margin: 0 auto 50px auto;background: url("../img/message_icon02.png") no-repeat;background-position: 100% 100%;background-size: 120px auto;}
    main #information #message h2{margin:0 auto 10px auto;padding: 20px 0 20px 70px;background: url("../img/message_icon01.png") no-repeat;background-position: 0% 50%;background-size: 55px auto;font-size:24px;letter-spacing: 2px ;line-height: 30px;color: #7a6a56;font-weight: normal;}
    main #information #message h2 span:first-of-type{display: block}
    main #information #message h2 span:last-of-type{color:#f1985b;}
    main #information #message .text{margin:0;padding: 0;font-size: 16px;letter-spacing:1px;line-height:28px;}
    
    main #information #news{width:100%;margin: 0 auto;padding: 20px 0 20px 0; background: #fbf7f2;border-radius: 5px;}
    main #information #news #title{width:90%;margin: 0 auto}
	main #information #news #title h2{display: inline-block;width:100px; margin:0 auto 0px auto;padding: 10px 0 10px 50px;background: url("../img/news_icon.png") no-repeat;background-position: 0% 50%;background-size: 40px auto;font-size: 20px;letter-spacing: 1px ;color: #7a6a56;font-weight: normal;}
	main #information #news #title a{display: inline-block;width:350px; margin:0 ;padding: 10px 0 10px 0px;background:#f1985b;font-size:15px;letter-spacing: 1px ;color: white;text-decoration: none;text-align: center;border-radius: 5px;border: 2px solid #f1985b;}
	main #information #news #title a:hover{background:white;color: #f1985b;}
	main #information #news #list{width:90%;margin: 0 auto}
    main #information #news > a{display: block;width:30%; margin:0 auto 0px auto;padding:14px 0px;font-size:14px;letter-spacing: 1px ;background: #f1985b; color:white;text-align: center;text-decoration: none;border-radius: 5px;border: 2px solid #f1985b;}
    main #information #news > a .fa-arrow-right{margin:0 0 0 10px;}
	main #information #news > a:hover{background:white;color: #f1985b;}
	
	/*ワードプレス生成*/
	.wp-show-posts-entry-title a{font-size:14px;letter-spacing: 1px ;color: #7a6a56;}
	#wpsp-84 a time.wp-show-posts-entry-date{font-size:12px !important;letter-spacing:0px !important;}
    
    main #contents{width:90%;margin: 0 auto 0px auto;}
    main #contents div{width:100%;margin: 0 auto 20px auto;padding: 0 0 20px 0; border-bottom: 2px dashed #9ed2b9;}
    main #contents div:last-of-type{border-bottom:none;}
    main #contents div #figure01{width:150px;height:150px;margin: 0 auto 10px auto;padding: 0;border-radius:50%;border: 5px solid #f0f6f0;background:white url("../img/counselor.png") no-repeat;background-position: 50% 50%;background-size: auto 80%;}
    main #contents div #figure02{width:150px;height:150px;margin: 0 auto 10px auto;padding: 0;border-radius:50%;border: 5px solid #f0f6f0;background:white url("../img/counseling_consultation.png") no-repeat;background-position: 50% 20%;background-size:150% auto;}
    main #contents div #figure03{width:150px;height:150px;margin: 0 auto 10px auto;padding: 0;border-radius:50%;border: 5px solid #f0f6f0;background:white url("../img/counseling_consultation_room.png") no-repeat;background-position: 50% 50%;background-size:110% auto;}
    main #contents div h3{margin:0 auto 10px auto;padding: 0;color: #604c3f;font-size:20px;letter-spacing:1px;text-align: center;font-weight: normal}
    main #contents div .text{width: 80%; margin:0 auto 10px auto;padding: 0;font-size:12px;letter-spacing: 1px;line-height: 22px;text-align: center;}
    main #contents div a{display: block;width:30%;margin:0 auto;padding:14px 0;color:white;font-size:16px;letter-spacing:1px;text-align:center;text-decoration: none;border-radius: 5px;background-image: linear-gradient(45deg, #7ac9a0, #47bfa7);border: 2px solid #7ac9a0;}
    main #contents div a .fa-arrow-circle-right{margin:0 0 0 5px;}
	main #contents div a:hover{background:white;color: #7ac9a0;}
    
    main #counselor{width:90%;margin: 0 auto 50px auto;padding:0 0 50px 0;background: #fffbe9}
    main #counselor h3{margin: 0 auto 30px auto;padding:50px 0 0px 0px;}
    main #counselor h3 span{display:block;position: relative;width:80%;margin:0 auto;padding:0px 0 0px 60px;color: #7a6a56;font-size: 22px;line-height: 22px; letter-spacing: 1px;font-weight: normal;vertical-align: top}
    main #counselor h3 span::before{display: inline-block;content: '';position: absolute;top: -10px;left: 0; width: 50px;height: 50px; background:white url("../img/menu_icon02.png") no-repeat;background-position: 50% 50%;background-size: auto 60%;border-radius: 50%;}
    main #counselor section{width:85%;margin: 0 auto 0px auto;/*padding: 50px;background: #faf9f5*/}
    main #counselor section:first-of-type{padding:0 0 0px 0;}
    main #counselor section h4{margin: 0 auto 0px auto;padding: 0 0;font-size:20px;line-height: 28px; letter-spacing: 1px;font-weight: normal;color: #7a6a56;}
    main #counselor section h4 #director{display: block;width: 40px; background:#85cee5;color: white;text-align: center;padding: 0px 10px;margin: 0 auto 10px 0; font-size: 16px;border-radius: 5px;}
    main #counselor section h4 .age{ font-size: 14px;}
    main #counselor section .master_course{margin: 0 auto 20px auto;padding: 0 0 0px 0;font-size:16px; letter-spacing: 1px;color: #7a6a56;}
    main #counselor section dl{display:flex; flex-wrap: wrap;width: 95%; margin: 0 0 10px auto;padding: 0 0 0 0px;font-size:14px;line-height: 24px; letter-spacing: 1px;}
    main #counselor section dl dt{width:15%; height:auto; margin:0px 0 0px 0;padding:10px 0 10px 0;border-top: 1px dashed #f1985b;color: #f1985b;}
    main #counselor section dl dt:first-of-type{border-top:none;}
    main #counselor section dl dd{width:85%; height:auto; margin:0px 0 0px 0;padding:10px 0 10px 0%;border-top: 1px dashed #f1985b;}
    main #counselor section dl dd:first-of-type{border-top:none;}
    main #counselor section .introduction{width: 95%;margin: 0 0 0 auto;padding: 0 0 0 0px;font-size:14px;line-height: 24px; letter-spacing: 1px;}
    main #counselor > div{position: relative;width:80%;height:20px; margin:50px auto 50px auto;background: url("../img/area_background02.png") no-repeat;background-position: 50% 50%; background-size: 80px auto;}
    main #counselor > div::before{position: absolute;top: 9px;left: 100px; display:inline-block;content: '';width:10%;height: 1px;background:#85cee5; }
    main #counselor > div::after{position: absolute;top: 9px;right: 100px; display:inline-block;content: '';width:10%;height: 1px;background:#85cee5; }
    
    main #flow{width:90%;margin: 0 auto 50px auto;padding: 0 0 20px 0; overflow: hidden;border: 2px solid #eebc55;border-radius: 5px;background: #fbf8e2;}
    main #flow h4{min-height: 50px;border-bottom-right-radius: 1000px 100px;border-bottom-left-radius: 1000px 100px;margin-left: -100px;margin-right: -100px;margin-top: 0;margin-bottom: 30px; padding-left: 200px;padding-right: 200px;padding-top:40px; background: #eebc55;text-align: center;color: white;font-size:20px;letter-spacing: 1px;line-height: 22px;font-weight: normal;}
    main #flow .text{margin:0 auto 20px auto;padding: 0;text-align: center;font-size: 14px;letter-spacing: 2px;}
    main #flow ul{margin:0 auto 0px auto;padding: 0;text-align: center;}
    main #flow ul li{position: relative;display: inline-block;width: 50%; margin:0 auto 25px auto;padding: 10px 0px;background: white;text-align: center;color: #f1985b;font-size:18px;letter-spacing: 1px;border: 1px dashed #eebc55;}
    main #flow ul li::after{content:'\025bc';display: inline-block;position: absolute;bottom:-52px; left: 0%; width:100%; height:50px; margin: 0 0px 0 0;padding: 0;font-size:16px;text-align: center}
    main #flow ul li:last-of-type::after{display:none;}
    main #flow a{display: block;width: 50%; margin:0 auto;padding:14px 0;text-align: center;font-size:16px;letter-spacing: 1px;text-decoration: none;color: white;background-image: linear-gradient(45deg, #f1a05b, #f1985b);border-radius: 5px;border: 2px solid #f1985b;}
    main #flow a .fa-arrow-circle-right{margin:0 0 0 10px;}
	main #flow a:hover{background:white;color:#f1985b;}
    
    main #special{width:90%;margin: 0 auto 50px auto;}
    main #special #beginner{position: relative;width: 100%; height: 180px;margin:0 auto 14px auto;border: 2px solid #7dd0fc;background: url("../img/beginner's_guide.png") no-repeat;background-size:auto 80%; background-position:70% 50%}
    main #special #beginner a{position: absolute;top: 0;left: 0; width: 100%;height: 100%; margin:0;padding:0px 0;z-index: 1;}
    main #special #beginner h5{position: absolute;top: 32%;right: 50%; width: 40%;margin:0;padding: 0;text-align: center;color:#604c3f;font-size:22px;letter-spacing:1px;font-weight: normal}
    main #special #beginner p{position: absolute;top: 55%;right: 50%;width: 40%; margin:0;padding:14px 0;;text-align: center;color:white;background:#7dd0fc ; font-size:16px;letter-spacing:1px;border-radius: 5px;}
    main #special #beginner p .fa-arrow-right{margin:0 0 0 5px;}
    main #special #beginner:hover{background:#e0faff url("../img/beginner's_guide.png") no-repeat;background-size:auto 80%; background-position:70% 50%}
    
    main #special #list{margin:0;padding: 0;text-align: center}
    main #special #list div{position: relative;display: inline-block;/*float: left;*/width:31.2%;height: 150px; margin:0 1% 0 0;padding: 0;border: 2px solid #7dd0fc;}
    main #special #list div:last-of-type{margin:0;}
    main #special #list #adult{background: url("../img/adult_consultation.png") no-repeat;background-position: 50% 5%; background-size:auto 80px;}
    main #special #list #child{background: url("../img/child_consultation.png") no-repeat;background-position: 50% 5%; background-size:auto 80px;}
    main #special #list #examination{background: url("../img/psychological_examination.png") no-repeat;background-position: 50% 5%; background-size:auto 80px;}
    main #special #list div a{position: absolute;top: 0%;left: 0;width: 100%;height: 100%;z-index: 1;}
    main #special #list div h5{position: absolute;top: 70%;left:0%;;width: 100%; margin:0;padding: 0;color:#604c3f;font-size:20px;letter-spacing:0px;font-weight: normal;text-align: center}
    main #special #list div h5 .fa-arrow-right{width:12px; height:12px; margin:0 0 0 5px;padding:4px ;text-align: center;color:white;background:#7dd0fc ; font-size:16px;border-radius: 50%;}
    main #special #list #adult:hover{background:#e0faff url("../img/adult_consultation.png") no-repeat;background-position: 50% 5%; background-size:auto 80px;}
    main #special #list #child:hover{background:#e0faff url("../img/child_consultation.png") no-repeat;background-position: 50% 5%; background-size:auto 80px;}
    main #special #list #examination:hover{background:#e0faff url("../img/psychological_examination.png") no-repeat;background-position: 50% 5%; background-size:auto 80px;}
    
    main #person{width:90%;margin: 0 auto 50px auto;padding:0 0 30px 0; background:#e0faff;}
    main #person h5{width:100%;margin:0 auto 20px auto;padding:30px 0 10px 0;text-align:center;color:#604c3f;font-size:20px;letter-spacing:1px;font-weight:normal;}
    main #person #list{margin:0 auto;padding: 0;text-align: center}
    main #person #list a{display:inline-block;width:45%; margin:0px 2%;padding:20px 0;text-align: center;color: white; text-decoration: none;font-size:16px;letter-spacing:1px;background: #7dd0fc;border-radius: 5px;}
    main #person #list a .fa-arrow-circle-right{margin:0 0 0 10px;}
    main #person #list a:hover{background:white;color:#604c3f;}    
    
    
    main #open{width:90%;margin: 0 auto 0px auto;padding: 0 0 50px 0}
    main #open h5{margin: 0 auto 10px auto;padding: 0 0;text-align: center;font-size: 20px;letter-spacing: 1px; color: #7a6a56;font-weight: normal;}
    main #open div{background:white;padding:30px 0px 10px 0;border-top: 1px solid #7a6a56;border-bottom:1px solid #7a6a56;}
    main #open div .text{margin: 0 auto;padding: 0;text-align: center;font-size: 14px;color:#e08a7a;font-weight: bold;}
    main #open div ul{width: 100%; list-style: none;margin: 0 auto;padding: 0;text-align: center;}
    main #open div ul li{display: inline-block;margin: 15px auto;padding:5px 10px;text-align: center;font-size: 14px;border-right: 1px dashed #7a6a56;color: #7a6a56;}
    main #open div ul li:last-of-type{border-right:none;}
    main #open div ul li span{display:block;padding: 10px 0px 0 0;font-size: 16px;font-weight: bold;}
    main #open div ul li .open{color:#e08a7a;}
    main #open div ul li .close{color:#9fa0a0;}
    
    main #fee_system #fee{width:90%;margin: 0 auto 30px auto;}
    main #fee_system #fee > h5{margin: 0 auto 30px auto;padding: 0 0;text-align: center;font-size: 24px;color: #7a6a56;}
    main #fee_system #fee #counseling h5{margin: 0 auto 0px auto;padding:8px 12px 4px 12px;font-size: 17px;letter-spacing: 1px; background: #f4b2a6;color: white;border-radius: 5px 5px 0 0 ;}
    main #fee_system #fee #counseling table{border-collapse: collapse;width: 100%;margin: 0 auto 20px auto;padding: 0;font-size:14px;letter-spacing: 1px;line-height: 24px;}
    main #fee_system #fee #counseling table tr{border-bottom: 1px dashed #f4b2a6;}
    main #fee_system #fee #counseling table tr:last-of-type{border-bottom:none;}
    main #fee_system #fee #counseling table th{width:15%; height:auto; margin:0px 0 0px 0;padding:15px 0 12px 0%;color: #e08a7a;vertical-align: top;}
    main #fee_system #fee #counseling table td{width:85%; height:auto; margin:0px 0 0px 0;padding:15px 0 12px 0%;}
    main #fee_system #fee #psychological h5{margin: 0 auto 20px auto;padding:8px 12px 4px 12px;font-size: 17px;letter-spacing: 1px; background: #f4b2a6;color: white;border-radius: 5px 5px 0 0 ;}
    main #fee_system #fee #psychological .text{margin:0px auto 0px auto;padding: 0;letter-spacing: 1px;font-size:14px;line-height: 24px;text-align: center;}
    main #fee_system #fee #psychological table{border-collapse: collapse;width: 100%; margin: 0 auto 20px auto;padding: 0;letter-spacing: 1px;font-size:14px;letter-spacing: 1px;}
    main #fee_system #fee #psychological tr{border-bottom: 1px dashed #f4b2a6;}
    main #fee_system #fee #psychological th{width:48%; height:auto; margin:0px 0 0px 0;padding:15px 0% 12px 2%;color: #e08a7a;vertical-align: top;text-align: left;}
    main #fee_system #fee #psychological td{width:48%; height:auto; margin:0px 0 0px 0;padding:15px 2% 12px 0%;text-align: right}
    
    main #fee_system #cancel{width:70%;margin: 0 auto 50px auto;padding:30px 40px 20px 40px;  background:#fffcf0 ;border-radius: 10px;border: 1px solid #f1985b;}
    main #fee_system #cancel h5{margin: 0 auto 10px auto;padding: 0 0;text-align: center;font-size:18px;color:#f1985b;}
    main #fee_system #cancel .text{margin: 0 auto 0px auto;padding: 0 0;font-size:14px;line-height: 24px;letter-spacing: 1px; }
	
	main #room_image{width:90%;margin: 0 auto 0px auto;padding: 0 0 50px 0}
	main #room_image .photo {	width:100%; margin: 0 auto;text-align: center;font-size: 0;}
	main #room_image .photo #scene01{display: inline-block;width:33%;height:300px; margin: 0 0.5% 0 0;padding: 0; background: url("../img/room_image01.jpg") no-repeat;background-position: 50% 100%;background-size:100% auto}
	main #room_image .photo #scene02{display: inline-block;width:33%;height:300px; margin: 0 0.5% 0 0;padding: 0; background: url("../img/room_image02.jpg") no-repeat;background-position: 50% 60%;background-size:100% auto}
	main #room_image .photo #scene03{display: inline-block;width:33%;height:300px; margin: 0;padding: 0; background: url("../img/room_image03.jpg") no-repeat;background-position: 80% 50%;background-size:100% auto}
	
	main #greeting{width:80%;margin: 0 auto 50px auto;background: white;}
	main #greeting h3{width: 100%; margin: 0;padding: 0;text-align: center;font-weight: normal;font-size: 18px;letter-spacing: 2px;border :2px solid #7ac9a0;border-radius: 5px;}	
	main #greeting h3 a{display: block;text-decoration: none;background:url("../img/greeting_background.png") no-repeat;background-position: 50% 50%;background-size:98% auto;color:#7ac9a0;padding: 40px 0 35px 0;}
	main #greeting h3 a:hover{background:#FFFEF4 url("../img/greeting_background.png") no-repeat;background-position: 50% 50%;background-size:98% auto; color:#604c3f;}
	main #greeting h3 a .fa-arrow-circle-right{margin:0 0 0 10px;font-size:18px;}
}

@media screen and (max-width:700px) {
    main{margin: 0 auto 0px auto;background: #FCF9F5;}
    
    main #image{width:100%;height:200px; margin: 0 auto 30px auto;}
    
    .swiper-container {width:100%;height: 200px;}
           
    .s-right2-wrap {  position: relative; width:100%;height:200px; margin: 0 auto; background: url("../img/main_image.jpg") no-repeat;background-position: 50% 100%; background-size:100% auto ;}
        .s-right2-wrap_02 {  position: relative; width:100%;height:200px; margin: 0 auto; background: url("../img/main_image02.jpg") no-repeat;background-position: 50% 100%; background-size:100% auto ;}
    .text01{position: absolute;  width:95%;  bottom:30%; right:5%;  text-align: right;  color:white;font-size: 14px;letter-spacing: 0px;}
    .text02{position: absolute;  width:95%;  bottom:20%; right:5%;  text-align: right;  color:white;font-size: 14px;letter-spacing: 0px;}
    .text03{position: absolute;  width:95%;  bottom:10%; right:5%;  text-align: right;  color:white;font-size: 14px;letter-spacing: 0px;}
    .text04{position: absolute;  width:95%;  bottom:30%; right:5%;  text-align: right;  color:white;font-size: 14px;letter-spacing: 0px;}
    .text05{position: absolute;  width:95%;  bottom:20%; right:5%;  text-align: right;  color:white;font-size: 14px;letter-spacing: 0px;}
    .text06{position: absolute;  width:95%;  bottom:10%; right:5%;  text-align: right;  color:white;font-size: 14px;letter-spacing: 0px;}
    
    main #information{width:100%;margin: 0 auto 0px auto;}
    main #information #message{width:80%;margin: 0 auto 30px auto;background: url("../img/message_icon02.png") no-repeat;background-position: 100% 100%;background-size:auto 80% ;}
    main #information #message h2{margin:0 auto 10px auto;padding: 10px 0 10px 50px;background: url("../img/message_icon01.png") no-repeat;background-position: 0% 50%;background-size: 40px auto;font-size:20px;letter-spacing: 1px ;line-height:22px;color: #7a6a56;font-weight: normal;}
    main #information #message h2 span:first-of-type{display: block}
    main #information #message h2 span:last-of-type{color:#f1985b;}
    main #information #message .text{margin:0;padding: 0;font-size: 14px;letter-spacing:0px;line-height:24px;}
    
    main #information #news{width:100%;margin: 0 auto;padding: 20px 0 30px 0; background: #fbf7f2;border-radius: 5px;}
	main #information #news #title{width:80%;margin: 0 auto 10px auto}
	main #information #news #title h2{margin:0 auto 10px auto;padding:10px 0 10px 60px;background:url("../img/news_icon.png") no-repeat;background-position:0% 50%;background-size:40px auto;font-size:20px;letter-spacing:1px;color: #7a6a56;font-weight: normal;}
	main #information #news #title a{display:block;width:100%; margin:0 auto;padding:14px 0px;background:#f1985b;font-size:14px;letter-spacing: 0px ;color: white;text-decoration: none;text-align: center;border-radius: 5px;border: 2px solid #f1985b;}
	main #information #news #title a:hover{background:white;color: #f1985b;}
    main #information #news #list{width:80%;margin: 0 auto}
    main #information #news > a{display: block;width:80%; margin:0 auto 0px auto;padding:14px 0px;font-size:14px;letter-spacing: 1px ;background: #f1985b; color:white;text-align: center;text-decoration: none;border-radius: 5px;border: 2px solid #f1985b;}
    main #information #news > a .fa-arrow-right{margin:0 0 0 10px;}
	main #information #news > a:hover{background:white;color: #f1985b;}
	
	/*ワードプレス生成*/
	.wp-show-posts-entry-title a{font-size:14px;letter-spacing: 0px ;color: #7a6a56;}
	#wpsp-84 a time.wp-show-posts-entry-date{font-size:12px !important;letter-spacing:0px !important;}
    
    main #contents{width:100%;margin: 0 auto 0px auto;padding:30px 0 30px 0;background: #f0f6f0}
    main #contents div{width:80%;margin: 0 auto 15px auto;padding: 0 0 0px 0; }
    main #contents div:last-of-type{margin: 0 auto;}
    main #contents div #figure01{width:100px;height:100px;margin: 0 auto 10px auto;padding: 0;border-radius:50%;border: 5px solid #f0f6f0;background:white url("../img/counselor.png") no-repeat;background-position: 50% 50%;background-size: auto 80%;}
    main #contents div #figure02{width:100px;height:100px;margin: 0 auto 10px auto;padding: 0;border-radius:50%;border: 5px solid #f0f6f0;background: url("../img/counseling_consultation.png") no-repeat;background-position: 50% 15%;background-size:auto 150% ;}
    main #contents div #figure03{width:100px;height:100px;margin: 0 auto 10px auto;padding: 0;border-radius:50%;border: 5px solid #f0f6f0;background: url("../img/counseling_consultation_room.png") no-repeat;background-position: 50% 50%;background-size:130% auto;}
    main #contents div h3{margin:0 auto 5px auto;padding: 0;color: #604c3f;font-size:18px;letter-spacing: 1px;text-align: center;font-weight: normal}
    main #contents div .text{ margin:0 auto 10px auto;padding: 0;font-size:12px;letter-spacing: 0px;line-height: 20px;}
    main #contents div a{display: block;width: 100%; margin:0 auto;padding:14px 0;color: white;font-size:16px;letter-spacing: 0px;text-align: center;text-decoration: none;border-radius: 5px;background-image: linear-gradient(45deg, #7ac9a0, #47bfa7);}
    main #contents div a .fa-arrow-circle-right{margin:0 0 0 5px;}
	main #contents div a:hover{background:white;color: #7ac9a0;}
    
    main #counselor{width:100%;margin: 0 auto 30px auto;padding:30px 0 30px 0;background: #fffbe9;}
    main #counselor h3{margin: 0 auto 20px auto;padding:0px 0 0px 0px;}
    main #counselor h3 span{display:block;position: relative;width:75%;margin:0 auto;padding:0px 0 0px 40px;color: #7a6a56;font-size: 20px;line-height: 20px; letter-spacing:1px;font-weight: normal;vertical-align: top}
    main #counselor h3 span::before{display: inline-block;content: '';position: absolute;top: -10px;left: 0; width:40px;height:40px; background:white url("../img/menu_icon02.png") no-repeat;background-position: 50% 50%;background-size: auto 60%;border-radius: 50%;}
    main #counselor section{width:80%;margin: 0 auto 0px auto;/*padding: 50px;background: #faf9f5*/}
    main #counselor section:first-of-type{padding:0 0 0px 0;}
    main #counselor section h4{margin: 0 auto 0px auto;padding: 0 0;font-size:17px;line-height: 22px; letter-spacing: 0px;font-weight: normal;color: #7a6a56;}
    main #counselor section h4 #director{display: block;width: 40px; background:#85cee5;color: white;text-align: center;padding: 0px 10px;margin: 0 auto 10px 0; font-size: 14px;border-radius: 5px;}
    main #counselor section h4 .age{ font-size: 14px;}
    main #counselor section .master_course{margin: 0 auto 20px auto;padding: 0 0 0px 0;font-size:14px; letter-spacing: 1px;color: #7a6a56;}
    main #counselor section dl{display:flex; flex-wrap: wrap;width: 95%; margin: 0 0 10px auto;padding: 0 0 0 0px;font-size:14px;line-height: 20px; letter-spacing: 0px;}
    main #counselor section dl dt{width:15%; height:auto; margin:0px 0 0px 0;padding:10px 0 10px 0;border-top: 1px dashed #f1985b;color: #f1985b;}
    main #counselor section dl dt:first-of-type{border-top:none;}
    main #counselor section dl dd{width:85%; height:auto; margin:0px 0 0px 0;padding:10px 0 10px 0%;border-top: 1px dashed #f1985b;}
    main #counselor section dl dd:first-of-type{border-top:none;}
    main #counselor section .introduction{width: 95%;margin: 0 0 0 auto;padding: 0 0 0 0px;font-size:14px;line-height: 20px; letter-spacing: 0px;}
    main #counselor > div{position: relative;width:80%;height:20px; margin:10px auto;background: url("../img/area_background02.png") no-repeat;background-position: 50% 50%; background-size: 80px auto;}
    main #counselor > div::before{position: absolute;top: 9px;left: 100px; display:inline-block;content: '';width: 10%;height: 1px;background:#85cee5; }
    main #counselor > div::after{position: absolute;top: 9px;right: 100px; display:inline-block;content: '';width:10%;height: 1px;background:#85cee5; }
    
    main #flow{width:100%;margin: 0 auto 30px auto;padding: 0 0 30px 0; overflow: hidden;/*border-radius: 5px;*/background: #fbf8e2;}
    main #flow h4{min-height: 50px;border-bottom-right-radius: 500px 100px;border-bottom-left-radius: 500px 100px;margin-left: -50px;margin-right: -50px;margin-top: 0;margin-bottom: 20px; padding-left: 100px;padding-right:100px;padding-top:20px; background: #eebc55;text-align: center;color: white;font-size:20px;letter-spacing: 1px;font-weight: normal;}
    main #flow .text{width:90%;margin:0 auto 20px auto;padding: 0;font-size:12px;letter-spacing: 0px;line-height: 20px;}
    main #flow ul{width:60%;margin:0 auto 0px auto;padding: 0;text-align: center;}
    main #flow ul li{position: relative;display: inline-block;width:100%; margin:0 auto 25px auto;padding: 10px 0px;background: white;text-align: center;color: #f1985b;font-size:15px;letter-spacing: 0px;border: 1px dashed #eebc55;}
    main #flow ul li::after{content:'\025bc';display: inline-block;position: absolute;bottom:-52px; left: 0%; width:100%; height:50px; margin: 0 0px 0 0;padding: 0;font-size:13px;text-align: center}
    main #flow ul li:last-of-type::after{display:none;}
    main #flow a{display: block;width: 80%; margin:0 auto;padding:14px 0;text-align: center;font-size:16px;letter-spacing: 0px;text-decoration: none;color: white;background-image: linear-gradient(45deg, #f1a05b, #f1985b);border-radius: 5px;border: 2px solid #f1a05b}
    main #flow a .fa-arrow-circle-right{margin:0 0 0 5px;}
	main #flow a:hover{background:  white; color:#f1a05b;}
    
    main #special{width:100%;margin: 0 auto 0px auto; padding: 30px 0 ; background:#e0faff }
    main #special #beginner{position: relative;width: 80%; height: 220px; margin:0 auto 5px auto;background:white url("../img/beginner's_guide.png") no-repeat;background-size:auto 70% ; background-position:90% 20%;border: 2px solid #e0faff }
    main #special #beginner a{position: absolute;top: 0;left: 0; width: 100%;height: 100%; margin:0;padding:0px 0;z-index: 1;}
    main #special #beginner h5{position: absolute;top:40%;right: 50%; width:50%;margin:0;padding: 0;text-align:right;color:#604c3f;font-size:18px;letter-spacing:0px;font-weight: normal}
    main #special #beginner p{position: absolute;bottom:0%;right:0%;width:100%; margin:0;padding:10px 0;text-align: center;color:white;background:#7dd0fc ; font-size:16px;letter-spacing:1px;}
    main #special #beginner p .fa-arrow-right{margin:0 0 0 5px;}
    main #special #beginner:hover{border: 2px dashed #7dd0fc}
    main #special #list{width: 80%;margin:0 auto;padding: 0;text-align: center}
    main #special #list div{position: relative;width:100%;height: 100px; margin:0 auto 5px auto;padding: 0;border: 2px solid #e0faff }
    main #special #list div:last-of-type{margin:0;}
    main #special #list #adult{background:white url("../img/adult_consultation.png") no-repeat;background-position: 80% 50%; background-size:auto 80px;}
    main #special #list #child{background:white url("../img/child_consultation.png") no-repeat;background-position: 80% 50%; background-size:auto 80px;}
    main #special #list #examination{background:white url("../img/psychological_examination.png") no-repeat;background-position: 80% 50%; background-size:auto 80px;}
    main #special #list div a{position: absolute;top: 0%;left: 0;width: 100%;height: 100%;z-index: 1;}
    main #special #list div h5{position: absolute;top: 40%;left:10%; margin:0;padding: 0;color:#604c3f;font-size:18px;letter-spacing:0px;font-weight: normal;}
    main #special #list div h5 .fa-arrow-right{width:12px; height:12px; margin:0 0 0 5px;padding:4px ;text-align: center;color:white;background:#7dd0fc ; font-size:16px;border-radius: 50%;}
    main #special #list div:hover{border: 2px dashed #7dd0fc}
    
    main #person{width:100%;margin: 0 auto 0px auto;padding:30px 0; background:#e0faff}
    main #person h5{width:100%;margin:0 auto 20px auto;padding:0px 0px 0px 0;text-align:center;color:#604c3f;font-size:22px;letter-spacing:1px;font-weight:normal;}
    main #person #list{margin:0 auto;padding: 0;text-align: center}
    main #person #list a{display:block; width:80%; margin:0px auto 10px auto;padding:20px 0;text-align: center;color: white; text-decoration: none;font-size:16px;letter-spacing:0px;background: #7dd0fc;border-radius: 5px;}
    main #person #list a .fa-arrow-circle-right{margin:0 0 0 5px;}
    main #person #list a:hover{background:white;color:#604c3f;}    
    main #person #list a:hover .fa-arrow-circle-right{}
    
    main #open{width:80%;margin: 0 auto 0px auto;padding: 0 0 30px 0}
    main #open h5{margin: 0 auto 10px auto;padding: 0 0;text-align: center;font-size: 22px;color: #7a6a56;font-weight:normal;}
    main #open div{padding:20px 0px 0px 0;border-top: 1px solid #7a6a56;border-bottom:1px solid #7a6a56;background: white;}
    main #open div .text{margin: 0 auto;padding: 0;text-align: center;font-size: 14px;color:#e08a7a;font-weight: bold;}
    main #open div ul{width: 100%; list-style: none;margin: 0 auto;padding: 0;text-align: center;}
    main #open div ul li{margin: 0px auto;padding:10px 0px;text-align: center;font-size: 14px;border-bottom: 1px dashed #7a6a56;color: #7a6a56;}
    main #open div ul li:last-of-type{border-bottom:none;}
    main #open div ul li span{padding: 0px 0px 0 20px;font-size: 16px;font-weight: bold;}
	main #open div ul li .open{color:#e08a7a;}
    main #open div ul li .close{color:#9fa0a0;}
    
    main #fee_system #fee{width:80%;margin: 0 auto 30px auto;}
    main #fee_system #fee > h5{margin: 0 auto 10px auto;padding: 0 0;text-align: center;font-size: 22px;color: #7a6a56;}
    main #fee_system #fee #counseling h5{margin: 0 auto 0px auto;padding:8px 12px 4px 12px;font-size: 17px;letter-spacing: 1px; background: #f4b2a6;color: white;border-radius: 5px 5px 0 0 ;}
    main #fee_system #fee #counseling table{border-collapse: collapse;width: 100%;margin: 0 auto 20px auto;padding: 0;font-size:14px;letter-spacing: 0px;line-height: 22px;}
    main #fee_system #fee #counseling table tr{border-bottom: 1px dashed #f4b2a6;}
    main #fee_system #fee #counseling table tr:last-of-type{border-bottom:none;}
    main #fee_system #fee #counseling table th{width:15%; height:auto; margin:0px 0 0px 0;padding:15px 0 12px 0%;color: #e08a7a;vertical-align: top;}
    main #fee_system #fee #counseling table td{width:85%; height:auto; margin:0px 0 0px 0;padding:15px 0 12px 0%;}
    main #fee_system #fee #psychological h5{margin: 0 auto 20px auto;padding:8px 12px 4px 12px;font-size: 17px;letter-spacing: 1px; background: #f4b2a6;color: white;border-radius: 5px 5px 0 0 ;}
    main #fee_system #fee #psychological .text{margin:0px auto 0px auto;padding: 0;letter-spacing: 1px;font-size:14px;line-height: 24px;text-align: center;}
    main #fee_system #fee #psychological table{border-collapse: collapse;width: 100%; margin: 0 auto 20px auto;padding: 0;letter-spacing: 0px;font-size:14px;}
    main #fee_system #fee #psychological tr{border-bottom: 1px dashed #f4b2a6;}
    main #fee_system #fee #psychological th{width:48%; height:auto; margin:0px 0 0px 0;padding:15px 0% 12px 2%;color: #e08a7a;vertical-align: top;text-align: left;}
    main #fee_system #fee #psychological td{width:48%; height:auto; margin:0px 0 0px 0;padding:15px 2% 12px 0%;text-align: right}
    
    main #fee_system #cancel{width:70%;margin: 0 auto 50px auto;padding:30px 20px 20px 20px;  background:#fffcf0 ;border-radius: 10px;border: 1px solid #f1985b;}
    main #fee_system #cancel h5{margin: 0 auto 10px auto;padding: 0 0;text-align: center;font-size:16px;color:#f1985b;}
    main #fee_system #cancel .text{margin: 0 auto 0px auto;padding: 0 0;font-size:14px;line-height: 20px;letter-spacing: 0px; }
	
	main #room_image{width:80%;margin: 0 auto 0px auto;padding: 0 0 30px 0}
	main #room_image .photo {	width:100%;height: 400px; margin: 0 auto;}
	main #room_image .photo #scene01{position: relative;width:100%;height:400px; margin: 0 auto; background: url("../img/room_image01.jpg") no-repeat;background-position: 50% 100%;background-size:100% auto}
	main #room_image .photo #scene02{position: relative;width:100%;height:400px; margin: 0 auto; background: url("../img/room_image02.jpg") no-repeat;background-position: 50% 60%;background-size:100% auto}
	main #room_image .photo #scene03{position: relative;width:100%;height:400px; margin: 0 auto; background: url("../img/room_image03.jpg") no-repeat;background-position: 50% 50%;background-size:cover}
	
	main #greeting{width:100%;margin: 0 auto 0px auto;padding:0 0 20px 0; background:#FCF9F5;}
	main #greeting h3{width: 80%; margin: 0 auto;padding: 0;text-align: center;font-weight: normal;font-size: 16px;letter-spacing:1px;border-radius: 5px;border: 2px solid #7ac9a0;}		
	main #greeting h3 a{display: block;text-decoration: none;background:white url("../img/greeting_background.png") no-repeat;background-position: 50% 50%;background-size:98% auto;color:#7ac9a0;padding:30px 0 25px 0;}
	main #greeting h3 a:hover{background:#FFFEF4 url("../img/greeting_background.png") no-repeat;background-position: 50% 50%;background-size:98% auto; color:#604c3f;}
	main #greeting h3 a .fa-arrow-circle-right{margin:0 0 0 10px;font-size:16px;}
}