@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:600');


/* =======================================
780px以下481px以上（タブレット縦型からiphone7横型）
480px以下(iphone7縦型）は2260行目以降に記述
======================================= */

@media print, screen and (max-width:780px) and  (min-width:481px){

	
.display_pc {
	display: none;	
}
	
	
/* =======================================
	Header Panel Start
======================================= */	
	
/* for buttons */
.langbuttons {
	text-align: center;
	padding-top: 28px;
}	

.langbuttons a {
	padding: 7px 14px 7px 10px;
	border: 1px solid #FFF;
	border-radius: 6px;
	background: #503c37;
	cursor: pointer;
	font-size: 16px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 4px;
	z-index: 300;
	text-align: center;
	box-sizing: border-box;
}

.langbuttons #ja {
	margin-right: -14px;
}	
	
/* when the button is pushed */
.langbuttons a.on {
	background: #FFF;
	border: 1px solid #FFF;
	color: #503c37;
}
	
#header_panel {
    position: relative;
	z-index: 300;
}
	
#svg-bg {
    position: absolute;
    width: 100%;
	height: 330px;
    top: 0;
    left: 0;
    z-index: -1;
}	

#header_panel h1 {
	position: absolute;
	top: 218px;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);	
}	
	
#header_panel p {
	font-size: 18px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #FFF;
	padding-top: 24px;
	text-align: center;
}
		
/* =======================================
	Header Panel Finish
======================================= */		
	

/* =======================================
	Toji Therapy Second Panel Start
======================================= */	
/*セカンドパネル*/	

#toji_therapy_second_panel {
	background-color: rgba(237,213,200,0.1);
	width: 90%;
	padding: 120px 5%;
}	
	
#toji_therapy_second_panel h2 .ja {
	width: 48%;
	margin: 0 26%;
}

#toji_therapy_second_panel h2 .en {
	width: 74%;
	margin: 0 13%;
}	

#toji_therapy_second_panel_category01 {
	margin-top: 44px;
}	

#toji_therapy_second_panel_category02 {
	transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
}	
	
#toji_therapy_second_panel_category03 h3 {
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #dd362c;
	margin: 40px 0 28px;
}	

#toji_therapy_second_panel_category03 p {
	font-size: 14px;
	font-family: 'Noto Serif JP', serif;
	color: #4d4d4d;
	text-align: justify;/*両端ぞろえ*/
	text-justify: inter-ideograph;/*両端ぞろえの種類*/
}	
	
/*セカンドパネル終わり*/			
/* =======================================
	Toji Therapy Second Panel Finish
======================================= */		
	
	
/* =======================================
	Toji Therapy Third Panel Start
======================================= */	
/*サードパネル*/	

#toji_therapy_third_panel {
	background-color: #FFF;
	padding: 120px 5%;
}	
	
#toji_therapy_third_panel h2 {
	text-align: center;
}	
	
#toji_therapy_third_panel_category01 h3.ja {
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #FFF;
	background-color: #503d37;
	width: 90%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	margin: 32px 5% 12px;
}	

#toji_therapy_third_panel_category01 h3.en {
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #FFF;
	background-color: #503d37;
	width: 90%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	margin: 32px 5% 12px;
}	

#toji_therapy_third_panel_category01 p {
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #503d37;
	text-align: center;
}	

.toji_therapy_third_panel_category01_support01 {
	font-size: 18px;
}	
	
.toji_therapy_third_panel_category02 {
	margin-bottom: 80px;
	transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
}	
	
.toji_therapy_third_panel_category03 {
	width: 90%;
	margin: 0 5%;
}	

.toji_therapy_third_panel_category04 {
	width: 100%;
}		

.toji_therapy_third_panel_category04 figure img {
	-webkit-backface-visibility: hidden;
}		

.toji_therapy_third_panel_category04 p {
	font-size: 10px;
	color: #808080;
	text-align: right;
	margin-top: 4px;
}
	
.toji_therapy_third_panel_category05 {
	width: 90%;
	margin: 0 5%;
}
	
#toji_therapy_third_panel_category06 h3.ja {
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #FFF;
	background-color: #503d37;
	width: 90%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	margin: 32px 5% 12px;
}	

#toji_therapy_third_panel_category06 h3.en {
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #FFF;
	background-color: #503d37;
	width: 90%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	margin: 32px 5% 12px;
}	

#toji_therapy_third_panel_category06 p {
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #503d37;
	text-align: center;
	margin-bottom: 60px;
}	

.toji_therapy_third_panel_category06_support01 {
	font-size: 18px;
}		

#toji_therapy_third_panel_category07 {
	width: 90%;
	margin: 0 5%;
}	

#toji_therapy_third_panel_category07 h3.ja {
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #4D4D4D;
	text-align: center;
}	

#toji_therapy_third_panel_category07 h3.en {
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #4D4D4D;
	text-align: center;
}			

#toji_therapy_third_panel_category07 ul.ja {
	font-size: 16px;
	font-family: 'Noto Serif JP', serif;
	color: #4D4D4D;
}	

#toji_therapy_third_panel_category07 ul.en {
	font-size: 16px;
	font-family: 'Noto Serif JP', serif;
	color: #4D4D4D;
}	
	
#toji_therapy_third_panel_category07 ul {
    list-style-position: inside;
	margin-top: 32px;
	line-height: 2;
}
	
#toji_therapy_third_panel_category07 ul li {
    padding-left: 1em;
    text-indent: -1em;
	text-align: justify;/*両端ぞろえ*/
	text-justify: inter-ideograph;/*両端ぞろえの種類*/
}		
	
/*サードパネル終わり*/			
/* =======================================
	Toji Therapy Third Panel Finish
======================================= */
	
	
/* =======================================
	Footer Start
======================================= */
/*ファーストパネル*/

#toji_therapy_footer {
	background-color: #503d37;
	padding: 10px 0;
}

#toji_therapy_footer p {
	font-size: 10px;
	font-family: 'Noto Serif JP', serif;
	display: block;
	text-align: center;
	color: #FFF;
}	
	
/*ファーストパネル終わり*/
/* =======================================
	Footer Finish
======================================= */	
}



/* =======================================
480px以下(iphone7縦型）
======================================= */

@media print, screen and (max-width:480px) {

	
.display_pc {
	display: none;	
}
	

/* =======================================
	Header Panel Start
======================================= */	
	
/* for buttons */
.langbuttons {
	text-align: center;
	padding-top: 28px;
}	

.langbuttons a {
	padding: 10px 18px 10px 16px;
	border: 1px solid #FFF;
	border-radius: 6px;
	background: #503c37;
	cursor: pointer;
	font-size: 16px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 4px;
	z-index: 300;
	text-align: center;
	box-sizing: border-box;
}

.langbuttons #ja {
	margin-right: -14px;
}	
	
/* when the button is pushed */
.langbuttons a.on {
	background: #FFF;
	border: 1px solid #FFF;
	color: #503c37;
}
	
#header_panel {
    position: relative;
	z-index: 300;
}
	
#svg-bg {
    position: absolute;
    width: 100%;
	height: 300px;
    top: 0;
    left: 0;
    z-index: -1;
}	

#header_panel h1 {
	position: absolute;
	top: 200px;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);	
}	
	
#header_panel p {
	font-size: 18px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #FFF;
	margin-top: 40px;
	text-align: center;
}
		
/* =======================================
	Header Panel Finish
======================================= */		
	
	
/* =======================================
	Toji Therapy Second Panel Start
======================================= */	
/*セカンドパネル*/	

#toji_therapy_second_panel {
	background-color: rgba(237,213,200,0.1);
	width: 100%;
	padding: 100px 0
}	
	
#toji_therapy_second_panel h2 .ja {
	width: 90%;
	margin: 0 5%;
}

#toji_therapy_second_panel h2 .en {
	width: 70%;
	margin: 0 15%;
}	

#toji_therapy_second_panel_category01 {
	width: 90%;
	margin: 28px 5% 0;
}	

#toji_therapy_second_panel_category02 {
	transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
}	
	
#toji_therapy_second_panel_category03 h3 {
	font-size: 18px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #dd362c;
	margin: 40px 0 24px;
}	

#toji_therapy_second_panel_category03 p {
	font-size: 14px;
	font-family: 'Noto Serif JP', serif;
	color: #4d4d4d;
	text-align: justify;/*両端ぞろえ*/
	text-justify: inter-ideograph;/*両端ぞろえの種類*/
}	
	
/*セカンドパネル終わり*/			
/* =======================================
	Toji Therapy Second Panel Finish
======================================= */		
	
	
/* =======================================
	Toji Therapy Third Panel Start
======================================= */	
/*サードパネル*/	

#toji_therapy_third_panel {
	background-color: #FFF;
	width: 100%;
	padding: 100px 0;
}	
	
#toji_therapy_third_panel h2 {
	text-align: center;
}	
	
#toji_therapy_third_panel_category01 h3.ja {
	font-size: 17px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #FFF;
	background-color: #503d37;
	width: 90%;
	padding: 10px 0;
	text-align: center;
	margin: 30px 5% 10px;
}	

#toji_therapy_third_panel_category01 h3.en {
	font-size: 18px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #FFF;
	background-color: #503d37;
	width: 90%;
	padding: 10px 0;
	text-align: center;
	margin: 30px 5% 10px;
}	

#toji_therapy_third_panel_category01 p {
	font-size: 18px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #503d37;
	text-align: center;
	margin-bottom: 40px;
}	

.toji_therapy_third_panel_category01_support01 {
	font-size: 16px;
}	

.toji_therapy_third_panel_category02 {
	margin-bottom: 60px;
	transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -webkit-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
}	
	
.toji_therapy_third_panel_category03 {
	width: 90%;
	margin: 0 5%;
}	

.toji_therapy_third_panel_category04 {
	width: 100%;
}		

.toji_therapy_third_panel_category04 figure img {
	-webkit-backface-visibility: hidden;
}		

.toji_therapy_third_panel_category04 p {
	font-size: 10px;
	color: #808080;
	text-align: right;
	margin-top: 4px;
}
	
.toji_therapy_third_panel_category05 {
	width: 90%;
	margin: 0 5%;
}
	
#toji_therapy_third_panel_category06 h3.ja {
	font-size: 17px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #FFF;
	background-color: #503d37;
	width: 90%;
	padding: 10px 0;
	text-align: center;
	margin: 30px 5% 10px;
}	

#toji_therapy_third_panel_category06 h3.en {
	font-size: 18px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #FFF;
	background-color: #503d37;
	width: 90%;
	padding: 10px 0;
	text-align: center;
	margin: 30px 5% 10px;
}	

#toji_therapy_third_panel_category06 p {
	font-size: 18px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #503d37;
	text-align: center;
	margin-bottom: 40px;
}	

.toji_therapy_third_panel_category06_support01 {
	font-size: 16px;
}		

#toji_therapy_third_panel_category07 {
	width: 90%;
	margin: 0 5%;
}	

#toji_therapy_third_panel_category07 h3.ja {
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #4D4D4D;
	text-align: center;
}	

#toji_therapy_third_panel_category07 h3.en {
	font-size: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
	color: #4D4D4D;
	text-align: center;
}			

#toji_therapy_third_panel_category07 ul.ja {
	font-size: 14px;
	font-family: 'Noto Serif JP', serif;
	color: #4D4D4D;
}	

#toji_therapy_third_panel_category07 ul.en {
	font-size: 14px;
	font-family: 'Noto Serif JP', serif;
	color: #4D4D4D;
}	
	
#toji_therapy_third_panel_category07 ul {
    list-style-position: inside;
	margin-top: 32px;
	line-height: 2;
}
	
#toji_therapy_third_panel_category07 ul li {
    padding-left: 1em;
    text-indent: -1em;
	text-align: justify;/*両端ぞろえ*/
	text-justify: inter-ideograph;/*両端ぞろえの種類*/
}		
	
/*サードパネル終わり*/			
/* =======================================
	Toji Therapy Third Panel Finish
======================================= */
	
	
/* =======================================
	Footer Start
======================================= */
/*ファーストパネル*/

#toji_therapy_footer {
	background-color: #503d37;
	padding: 10px 0;
}

#toji_therapy_footer p {
	font-size: 10px;
	font-family: 'Noto Serif JP', serif;
	display: block;
	text-align: center;
	color: #FFF;
}	
	
/*ファーストパネル終わり*/
/* =======================================
	Footer Finish
======================================= */	
}