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

/*スマホ用スタイル*/
@media screen and (max-width: 767px){

	h2 {padding-bottom: 30px;}

/*
 セクション間余白
 ----------------------------------------------------------- */
 section {padding: 40px 0;}
 .cta {padding: ;}
 .cta2 {padding: ;}
 .sec01 {padding: ;}
 .sec02 {padding: ;}
 .sec03 {padding: ;}
 .sec04 {padding: ;}
 .sec05 {padding: ;}
 .sec06 {padding: ;}
 .sec07 {padding: ;}
 .sec08 {padding: ;}
 .sec09 {padding: ;}
 .sec10 {padding: ;}
 .sec11 {padding: ;}
 .sec12 {padding: ;}
 .sec13 {padding: ;}
 .sec14 {padding: ;}
 .sec15 {padding: ;}
 .sec16 {padding: ;}
 .sec17 {padding: ;}
 .sec18 {padding: ;}
 .sec19 {padding: ;}
 .sec20 {padding: ;}
 .footer_nav {padding: ;}
 footer {padding: 30px 0 40px;}

/*
 はみ出し画像中央
 ----------------------------------------------------------- */
 .wic1 img {width: 100%;}
 .wic1 {margin-left: -15px; margin-right: -15px;}

 .wic2 img {width: 100%;}
 .wic2 {margin-left: -15px; margin-right: -15px;}

 .wic3 img {width: 100%;}
 .wic3 {margin-left: -15px; margin-right: -15px;}

/*
 Header
 ----------------------------------------------------------- */
 header {
 	height: auto;
 }
 header .contact {
 	padding-right: 40px;
 }
 header .logo {
 	height: 40px;
 }
 header .logo img {
 	max-height: 40px;
 }

/*
 Nav
 ----------------------------------------------------------- */
 #nav_toggle{
 	position: absolute;
 	top: 8px; /**/
 	right: 8px; /**/
 	width: 40px; /**/
 	height: 30px;
 }
 #nav_toggle div{
 	position: relative;
 	width: 30px; /**/
 	margin: 0 auto;
 }
 #nav_toggle span {
 	display: block;
 	height: 4px;
 	background: #000;
 	position: absolute;
 	width: 100%;
 	left: 0;
 	-webkit-transition: 0.5s ease-in-out;
 	-moz-transition: 0.5s ease-in-out;
 	transition: 0.5s ease-in-out;
 	border-radius: 3px;
 }
 #nav_toggle span:nth-child(1){
 	top: 5px; /**/
 }
 #nav_toggle span:nth-child(2) {
 	top: 15px; /**/
 }
 #nav_toggle span:nth-child(3) {
 	top: 25px; /**/
 }
 .open #nav_toggle span:nth-child(1) {
 	top: 12px; /**/
 	-webkit-transform: rotate(135deg);
 	-moz-transform: rotate(135deg);
 	transform: rotate(135deg);
 }
 .open #nav_toggle span:nth-child(2) {
 	width: 0;
 	left: 50%;
 }
 .open #nav_toggle span:nth-child(3) {
 	top: 12px; /**/
 	-webkit-transform: rotate(-135deg);
 	-moz-transform: rotate(-135deg);
 	transform: rotate(-135deg);
 }
 div#nav_toggle:after {
 	content: "MENU";
 	color: #000;
 	display: block;
 	padding-top: 80%; /**/
 	font-family: "Roboto Condensed",sans-serif;
 	font-style: italic;
 	font-size: 12px;
 	letter-spacing: 0.06em;
 	text-align: center;
 }
 .open div#nav_toggle:after {
 	content: "CLOSE";
 }
 nav ul.container {
 	flex-direction: column;
 	padding-left: 0;
 	padding-right: 0;
 }
 nav li {
 	width: 100%;
 	border-left: 0;
 	border-right: 0;
 }
 nav li:not(:last-child) {
 	border-bottom: 1px solid #fff;
 }
 nav li a {
 	flex-direction: row;
 	color: #fff;
 }
 .nav_jp {
 	padding-bottom: 0;
 	padding-right: 10px;
 }
 nav li {
 	position: relative;
 }
 nav li:before {
 	position: absolute;
 	content: "";
 	right: 10px;
 	width: 8px;
 	height: 12px;
 	background-image: url(../img/sp_menu_arrow.png);
 }
 .contact_form img {
 	width: 92px;
 	height: auto;
 }
/*
 MV
 ----------------------------------------------------------- */
 .mv {
 	margin-top: 60px;
 	padding-top: 30px;
 	padding-bottom: 0;
 	background: url(../img/sp_mv_bg.png) no-repeat top center;
 	-webkit-background-size: contain;
 	background-size: contain;
 }
 .mv ul li {
 	padding-left: 0;
 	padding-right: 0;
 }
 .mv a.leftbtn, .mv a:visited.leftbtn {
 	width: 320px;
 	height: 92px;
 	background: url(../img/sp_mv_leftbtn.png) no-repeat;
 	background-size: contain;
 	margin: 0 auto;
 }
 .mv a.leftbtn:hover {
 	background-image: url("../img/sp_mv_leftbtn_hover.png");
 	background-size: contain;
 }
 .mv a.rightbtn, .mv a:visited.rightbtn {
 	width: 320px;
 	height: 86px;
 	background: url(../img/sp_mv_rightbtn.png) no-repeat;
 	background-size: contain;
 	margin: 0 auto;
 }
 .mv a.rightbtn:hover {
 	background-image: url("../img/sp_mv_rightbtn_hover.png");
 	background-size: contain;
 }
/*
 CTA
 ----------------------------------------------------------- */


/*
 CTA2
 ----------------------------------------------------------- */

/*
 sec01
 ----------------------------------------------------------- */

/*
 sec02
 ----------------------------------------------------------- */
 .slick-next {
 	right: 0;
 }
 .slick-prev {
 	left: 0;
 }

/*
 sec03
 ----------------------------------------------------------- */

/*
 sec04
 ----------------------------------------------------------- */
 .sec04 {
 	background: url(../img/sp_sec04_bg.png) no-repeat top center/cover;
 }
 .sec04 ul {
 	display: block;
 }
 .program_list > li:after {
 	top: -10px;
 	width: 51.5px;
 	height: 42px;
 }
 .program_list > li:nth-child(odd):after {
 	left: 5px;
 }
 .program_list > li:nth-child(even):after {
 	right: 5px;
 }
 .program_list > li {
 	padding: 30px 20px;
 }
 .sec04_btm {
 	padding: 30px 0 40px;
 }

 .sec04 ul {
 	margin-left: -15px;
 	margin-right: -15px;
 }
 .sec04 a.leftbtn, .sec04 a:visited.leftbtn {
 	width: 320px;
 	height: 92px;
 	background: url(../img/sp_mv_leftbtn.png) no-repeat;
 	background-size: contain;
 	margin: 0 auto;
 }
 .sec04 a.leftbtn:hover {
 	background-image: url("../img/sp_mv_leftbtn_hover.png");
 	background-size: contain;
 }
 .sec04 a.rightbtn, .sec04 a:visited.rightbtn {
 	width: 320px;
 	height: 86px;
 	background: url(../img/sp_mv_rightbtn.png) no-repeat;
 	background-size: contain;
 	margin: 0 auto;
 }
 .sec04 a.rightbtn:hover {
 	background-image: url("../img/sp_mv_rightbtn_hover.png");
 	background-size: contain;
 }
 .sec04 .circle {
 	width: 40%;
 }
/*
 sec05
 ----------------------------------------------------------- */
 .package_ttl {
 	padding: 30px 30px 15px;
 	justify-content: space-between;
 }
 .package_ttl p {
 	width: 100%;
    margin-bottom: 1em;
 }
 .package_ttl img {
 	padding-right: 0;
 }
 .package01 .white_box, .package02 .white_box {
 	padding: 0 15px 15px;
 }
 .package_main_inner p:nth-of-type(odd),
 .package_main_inner p:nth-of-type(even) {
 	width: auto;
 }

/*
 sec06
 ----------------------------------------------------------- */
 .sec06 .txt {
 	padding: 30px;
 }
    .btn2{
        font-size: 86%;
        padding: 0.8em 1.8em 0.4em 1.4em;
    }
/*
 sec07
 ----------------------------------------------------------- */

/*
 sec08
 ----------------------------------------------------------- */
 .sec08 {
 	padding: 15px 0 40px;
 }
 .sec08 .txt01 {
 	padding-left: 0;
 }

/*
 sec09
 ----------------------------------------------------------- */

/*
 sec10
 ----------------------------------------------------------- */

/*
 sec11
 ----------------------------------------------------------- */

/*
 sec12
 ----------------------------------------------------------- */

/*
 sec13
 ----------------------------------------------------------- */

/*
 sec14
 ----------------------------------------------------------- */

/*
 sec15
 ----------------------------------------------------------- */

/*
 sec16
 ----------------------------------------------------------- */

/*
 sec17
 ----------------------------------------------------------- */

/*
 sec18
 ----------------------------------------------------------- */

/*
 sec19
 ----------------------------------------------------------- */

/*
 sec20
 ----------------------------------------------------------- */

/*
 Footer
 ----------------------------------------------------------- */
 footer {
 	padding-top: 40px;
 	padding-bottom: 40px;
 }

/*
 Page Top
 ----------------------------------------------------------- */
 .pagetop {
 	bottom: 20px;
 	right: 5px;
 }


 }/*スマホ用スタイルend*/