@charset "utf-8";
/* ============================================================ */
/*	初めての方へ
	#newbie_index */
/* ============================================================ */







/* ============================================================ */
/*	ラフターヨガとは
	#newbie_about_index */
/* ============================================================ */

/* .about_point
------------------------------------------------------------ */
#newbie_about_index .about_point {
	margin: 0 auto 60px;
	max-width: 980px;
}

#newbie_about_index .about_point ul {
	overflow: hidden;
}

#newbie_about_index .about_point ul li {
	float: left;
	width: 230px;
	margin: 0 20px 0 0;
	padding: 50px 19px;
	border: 1px solid #e0e0d9;
	border-radius: 5px;
	background: url(/common/img/newbie/about/bg_about.png) bottom right no-repeat;
	box-sizing: border-box;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#newbie_about_index .about_point ul li {
		margin: 0 18px 0 0;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#newbie_about_index .about_point ul li {
		margin: 0 18px 0 0;
	}
}

#newbie_about_index .about_point ul li:last-of-type {
	margin: 0;
}

#newbie_about_index .about_point ul li .txt_num {
	text-align: center;
	position: relative;
	margin: 0 0 30px;
}

#newbie_about_index .about_point ul li .txt_num::after {
	position: absolute;
	content: '';
	width: 45px;
	height: 2px;
	left: 50%;
	margin: 10px 0 0 -22px;
	display: block;
	background: #eb861d;
}

#newbie_about_index .about_point ul li p {
	font-weight: bold;
	font-size: 1.6rem;
}



/* #about_element
------------------------------------------------------------ */
#newbie_about_index #about_element {
	background: url(/common/img/common/bg_pattern02.png) 0 0 repeat;
	padding: 55px 0 60px;
}

#newbie_about_index #about_element div {
	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}

#newbie_about_index #about_element div p {
	margin: 0 0 20px;
}

#newbie_about_index #about_element div p:last-of-type {
	margin: 0;
}

#newbie_about_index #about_element div p span {
	font-weight: bold;
}



/* #about_utility
------------------------------------------------------------ */
#newbie_about_index #about_utility {
	margin: 0 0 80px;
}

#newbie_about_index #about_utility h2 {
	margin: 0 0 40px;
}

#newbie_about_index #about_utility .inner_utility {
	overflow: hidden;
	position: relative;
}

#newbie_about_index #about_utility .inner_utility .img_utility {
	position: absolute;
	width: 1000px;
	top: 0;
	right: 50%;
}

#newbie_about_index #about_utility .inner_utility .txt_utility {
	float: right;
	width: 50%;
	padding: 0 0 0 45px;
	box-sizing: border-box;
}

#newbie_about_index #about_utility .inner_utility .txt_utility div {
	width: 445px;
}

#newbie_about_index #about_utility .inner_utility .txt_utility div p {
	margin: 0 0 15px;
}

#newbie_about_index #about_utility .inner_utility .txt_utility div p:last-of-type {
	margin: 0;
}



/* #about_experience
------------------------------------------------------------ */
#newbie_about_index #about_experience {
	max-width: 980px;
	margin: 0 auto;
}

#newbie_about_index #about_experience ul {
	overflow: hidden;
}

#newbie_about_index #about_experience ul li {
	float: left;
	margin: 0 20px 0 0;
	padding: 45px 30px 50px;
	width: 480px;
	background: url(/common/img/common/bg_pattern01.png) 0 0 repeat;
	box-sizing: border-box;
}

#newbie_about_index #about_experience ul li:last-of-type {
	margin: 0;
}

#newbie_about_index #about_experience ul li h3 {
	color: #1c6700;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 25px;
}

#newbie_about_index #about_experience ul li h3::before {
	font-family: 'icon';
	font-size: 4.8rem;
	line-height: 1.2;
	padding: 0 10px 0 0;
	color: #339f0b;
	display: block;
	font-weight: normal;
}

#newbie_about_index #about_experience ul li:first-of-type h3::before {
	content: "\e913";
}

#newbie_about_index #about_experience ul li:last-of-type h3::before {
	content: "\e910";
}

#newbie_about_index #about_experience ul li img {
	border: 3px solid #fff;
	margin: 0 0 20px;
}

#newbie_about_index #about_experience ul li .al_center {
	margin: 25px 0 0;
}



/* ============================================================ */
/*	ラフターヨガの基本
	#newbie_about_basic */
/* ============================================================ */

/* .basic_lead
------------------------------------------------------------ */
#newbie_about_basic .basic_lead {
	margin: 0 auto 60px;
	max-width: 980px;
	text-align: center;
}


/* #basic_flow
------------------------------------------------------------ */
#newbie_about_basic #basic_flow {
	background: url(/common/img/common/bg_pattern02.png) 0 0 repeat;
	padding: 55px 0 60px;
	text-align: center;
}

#newbie_about_basic #basic_flow ol {
	margin: 20px auto 0;
	display: inline-block;
	text-align: left;
}

#newbie_about_basic #basic_flow ol li {
	list-style-type: decimal;
	margin: 0 0 0 20px;
	font-weight: bold;
}



/* #basic_element
------------------------------------------------------------ */
#newbie_about_basic #basic_element {
	margin: 0 auto 60px;
	max-width: 980px;
}

#newbie_about_basic #basic_element p {
	text-align: center;
}

#newbie_about_basic #basic_element ol {
	margin: 20px auto 0;
	padding: 40px;
	background: url(/common/img/common/bg_pattern06.png) 0 0 repeat;
	border-radius: 5px;
}

#newbie_about_basic #basic_element ol > li {
	list-style-type: decimal;
	margin: 0 0 15px 20px;
}

#newbie_about_basic #basic_element ol > li:last-of-type {
	margin: 0 0 0 20px;
}

#newbie_about_basic #basic_element ol > li > p {
	margin: 10px 0 5px;
	font-weight: bold;
	text-align: left;
	font-size: 1.4rem;
}

#newbie_about_basic #basic_element ol > li > ul {
	overflow: hidden;
}

#newbie_about_basic #basic_element ol > li > ul > li {
	float: left;
}

#newbie_about_basic #basic_element ol > li > ul > li::after {
	content: "，";
}

#newbie_about_basic #basic_element ol > li > ul > li:last-of-type::after {
	display: none;
}



/* #basic_movie
------------------------------------------------------------ */
#newbie_about_basic #basic_movie {
	padding: 60px 0 0;
	border-top: 1px solid #e0e0d9;
}

#newbie_about_basic #basic_movie p {
	text-align: center;
}

#newbie_about_basic #basic_movie ul {
	margin: 30px auto 0;
	max-width: 980px;
	overflow: hidden;
}

#newbie_about_basic #basic_movie ul li {
	float: left;
	width: 310px;
	margin: 0 25px 20px 0;
	padding: 25px;
	box-sizing: border-box;
	background: url(/common/img/common/bg_pattern01.png) 0 0 repeat;
}

#newbie_about_basic #basic_movie ul li:nth-child(3n) {
	margin: 0 0 20px 0;
}

#newbie_about_basic #basic_movie ul li:last-of-type {
	margin: 0 25px 0 0;
}

#newbie_about_basic #basic_movie ul li p {
	text-align: left;
	margin: 10px 0 0;
	font-size: 1.3rem;
}



/* ============================================================ */
/*	ラフターヨガクラブを探す
	.newbie_club */
/* ============================================================ */
.newbie_club #main {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}


/* #search_club
------------------------------------------------------------ */
#newbie_club_index #search_club .midashi02 {
	margin-top: 50px;
}


/* #result_club
------------------------------------------------------------ */
.newbie_club #result_club .tbl_result td[data-label="クラブ名"] {
	width: 60%;
}


/* .result_pref_detail */
.newbie_club #result_club .result_pref_detail {
	margin-top: 40px;
}


/* .result_pref */
.newbie_club #result_club .result_pref {
	text-align: center;
}

.newbie_club #result_club .result_pref h3 {
	font-size: 2.0rem;
	font-weight: bold;
	margin: 0 0 10px;
}

.newbie_club #result_club .result_pref ul {
	overflow: hidden;
}

.newbie_club #result_club .result_pref ul li {
	display: inline;
	letter-spacing: 0;
}

.newbie_club #result_club .result_pref ul li a {
	display: inline-block;
	border: 1px solid #36891a;
	background: #3b941e !important;
	padding: 8px 20px;
	background: #fff;
	font-size: 1.5rem;
	color: #fff;
	box-sizing: border-box;
	border-radius: 5px;
}


/* #newbie_club_detail
------------------------------------------------------------ */
#newbie_club_detail .block table {
	margin: 0 0 30px;
}

#newbie_club_detail .block table th {
	width: 20%;
}

#newbie_club_detail .block table td iframe {
	width: 750px;
	height: 350px;
}



/* ============================================================ */
/*	ラフターヨガリーダー養成講座
	.newbie_leader */
/* ============================================================ */
#newbie_leader_index #main,
#newbie_leader_result #main,
#newbie_leader_detail #main {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}


/*----- .tbl_result -----*/

.newbie_leader table.tbl_result td[data-label="都道府県"] {
	width: 15%;
}

.newbie_leader table.tbl_result td[data-label="開催期間"] {
	width: 30%;
}

.newbie_leader table.tbl_result td[data-label="講師名"] {
	width: 45%;
}


/* #lead
------------------------------------------------------------ */
#newbie_leader_index #lead p {
	margin: 0 0 20px;
	text-align: center;
}

#newbie_leader_index #lead .lead_text {
	color: #553c21;
	font-size: 1.9rem;
	font-weight: bold;
}


/* #newbie_leader_detail
------------------------------------------------------------ */
#newbie_leader_detail .block table {
	margin: 0 0 30px;
}

#newbie_leader_detail .block table th {
	width: 20%;
}

#newbie_leader_detail .block table td iframe {
	width: 750px;
	height: 350px;
}



/* ============================================================ */
/*	認定ラフターヨガリーダー養成講座で学ぶこと
	#newbie_leader_about */
/* ============================================================ */
#newbie_leader_about #main {
	max-width: inherit;
}

#newbie_leader_about .block_inner {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

#newbie_leader_about #requirements,
#newbie_leader_about #participants_get {
	margin: 40px 0 60px;
	padding: 60px 0;
}

#newbie_leader_about #requirements {
	background: url(/common/img/common/bg_pattern02.png) 0 0 repeat;
}

#newbie_leader_about #participants_get {
	background: url(/common/img/common/bg_pattern01.png) 0 0 repeat;
}

#newbie_leader_about #requirements img,
#newbie_leader_about #participants_get img {
	float: left;
	margin: 0 40px 0 0;
}

#newbie_leader_about #requirements .block_inner div,
#newbie_leader_about #participants_get .block_inner div {
	overflow: hidden;
}



/* #learn_training
----------------------------------------------------------- */
#newbie_leader_about #learn_training div {
	margin: 40px 0 0;
	text-align: center;
}

#newbie_leader_about #learn_training ul {
	display: inline-block;
	padding: 30px 50px 30px 40px;
	background: url(/common/img/common/bg_pattern01.png) 0 0 repeat;
	text-align: left;
}

#newbie_leader_about #learn_training ul li {
	list-style: disc;
	margin: 0 0 2px 20px;
}


/* #requirements
----------------------------------------------------------- */
#newbie_leader_about #requirements img {
	float: left;
	margin: 0 40px 0 0;
}

#newbie_leader_about #requirements p:not(:last-child) {
	margin: 0 0 20px;
}


/* #notes_medical
----------------------------------------------------------- */
#newbie_leader_about #notes_medical img {
	float: right;
	margin: 0 0 0 40px;
}

#newbie_leader_about #notes_medical p:not(:last-child) {
	margin: 0 0 20px;
}


/* #participants_get
----------------------------------------------------------- */
#newbie_leader_about #participants_get ul {
	list-style: disc;
	margin: 20px 0 20px 25px;
}



/* ============================================================ */
/*	ラフターティーチャー養成講座
	.newbie_teacher */
/* ============================================================ */
#newbie_teacher_index #main,
#newbie_teacher_result #main,
#newbie_teacher_detail #main {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}


/*----- .tbl_result -----*/

.newbie_teacher table.tbl_result td[data-label="都道府県"] {
	width: 15%;
}

.newbie_teacher table.tbl_result td[data-label="開催期間"] {
	width: 30%;
}

.newbie_teacher table.tbl_result td[data-label="講師名"] {
	width: 45%;
}


/* #lead
------------------------------------------------------------ */
#newbie_teacher_index #lead p {
	margin: 0 0 20px;
	text-align: center;
}


/* #newbie_teacher_detail
------------------------------------------------------------ */
#newbie_teacher_detail .block table {
	margin: 0 0 30px;
}

#newbie_teacher_detail .block table th {
	width: 20%;
}

#newbie_teacher_detail .block table td iframe {
	width: 750px;
	height: 350px;
}



/* ============================================================ */
/*	認定ラフターヨガティーチャー養成講座で学ぶこと
	#newbie_teacher_about */
/* ============================================================ */
#newbie_teacher_about #main {
	max-width: inherit;
}

#newbie_teacher_about .block_inner {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

#newbie_teacher_about #requirements,
#newbie_teacher_about #participants_get {
	margin: 40px 0 60px;
	padding: 60px 0;
}

#newbie_teacher_about #requirements {
	background: url(/common/img/common/bg_pattern02.png) 0 0 repeat;
}

#newbie_teacher_about #participants_get {
	background: url(/common/img/common/bg_pattern01.png) 0 0 repeat;
}

#newbie_teacher_about #requirements img,
#newbie_teacher_about #participants_get img {
	float: left;
	margin: 0 40px 0 0;
}

#newbie_teacher_about #requirements .block_inner div,
#newbie_teacher_about #participants_get .block_inner div {
	overflow: hidden;
}



/* #learn_training
----------------------------------------------------------- */
#newbie_teacher_about #learn_training div {
	margin: 40px 0 0;
	text-align: center;
}

#newbie_teacher_about #learn_training ul {
	display: inline-block;
	padding: 30px 50px 30px 40px;
	background: url(/common/img/common/bg_pattern01.png) 0 0 repeat;
	text-align: left;
}

#newbie_teacher_about #learn_training ul li {
	list-style: disc;
	margin: 0 0 2px 20px;
}


/* #requirements
----------------------------------------------------------- */
#newbie_teacher_about #requirements img {
	float: left;
	margin: 0 40px 0 0;
}

#newbie_teacher_about #requirements p:not(:last-child) {
	margin: 0 0 20px;
}


/* #notes_medical
----------------------------------------------------------- */
#newbie_teacher_about #notes_medical img {
	float: right;
	margin: 0 0 0 40px;
}

#newbie_teacher_about #notes_medical p:not(:last-child) {
	margin: 0 0 20px;
}


/* #participants_get
----------------------------------------------------------- */
#newbie_teacher_about #participants_get ul {
	list-style: disc;
	margin: 20px 0 20px 25px;
}



/* ============================================================ */
/*	イベント情報
	.newbie_event */
/* ============================================================ */
#newbie_event_index #main,
#newbie_event_result #main,
#newbie_event_detail #main {
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}


/*----- .tbl_result -----*/

.newbie_event table.tbl_result td[data-label="都道府県"] {
	width: 10%;
}

.newbie_event table.tbl_result td[data-label="開催期間"] {
	width: 15%;
}

.newbie_event table.tbl_result td[data-label="イベント名"] {
	width: 65%;
}


/* #newbie_event_detail
------------------------------------------------------------ */
#newbie_event_detail .block table {
	margin: 0 0 30px;
}

#newbie_event_detail .block table th {
	width: 20%;
}

#newbie_event_detail .block table td iframe {
	width: 750px;
	height: 350px;
}




/* ============================================================ */
/*	他団体へのリンク集
	#newbie_link */
/* ============================================================ */
#newbie_link .block {
	max-width: 980px;
	margin: 0 auto;
}

#newbie_link .block ul li {
	border-bottom: 1px dotted #d5d5d5;
	padding: 35px 0;
	overflow: hidden;
}

#newbie_link .block ul li .img_link {
	float: left;
	border: 1px solid #e0e0d9;
}

#newbie_link .block ul li div {
	float: right;
	width: 670px;
}

#newbie_link .block ul li div h3 {
	font-weight: bold;
	font-size: 1.6rem;
	margin: 0 0 10px;
}

#newbie_link .block ul li div a {
	margin: 0 0 10px;
	display: inline-block;
}

#newbie_link .block ul li div p {
	font-size: 1.2rem;
	line-height: 1.8;
}

#newbie_link .block ul li div p span {
	color: #6f6f6f;
}



/* ============================================================ */
/*	ラフターヨガのQ&A／ガイド集
	#newbie_faq */
/* ============================================================ */
#newbie_faq #main {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}
