@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
margin:0;
padding:0;
font-size:14px;
font-size:100%;
}

a:link {color:#3b5998;text-decoration:underline;}
a:visited {color:#3b5998;text-decoration: underline;}
a:hover {color:#206CFF;text-decoration:none;}
a img {border-style:none;}
img {vertical-align:bottom;}

.clr{clear:both;}

p {
font-size:100%;
line-height:160%;
}

.mincho {
    font-family: "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.spnone{display:none;}
.pcnone{}

#copy{display:none;}
#copy_sp{
margin:0;
padding:15px;
}
#copy_sp img{
width:100%;
}

#movie{
margin:0;
padding:15px;
text-align:center;
background-color:#000000;
}
#movie_wide{
margin:0;
padding:0;
}

.video{
margin:0;
padding:0;
position:relative;
width:100%;
/*padding-top:56.25%;*/
}
.video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

.wrapper {
margin:0 auto 0 auto;
padding:15px 0 0 0;
}


/*---------- 見出し ----------*/

h2{}
h3{}
h4{}

.style_00{
font-size:150%;
line-height:180%;
font-weight:bold;
text-align:center;
margin:60px 0 30px 0;
padding:25px 0;
border-top:solid 5px #000;
border-bottom:solid 5px #000;
}

.style_01{
font-size:145%;
line-height:180%;
font-weight:bold;
text-align:center;
margin:0 0 30px 0;
padding:25px 0;
border-top:solid 5px #000;
border-bottom:solid 5px #000;
}

.style_02{
font-size:150%;
line-height:180%;
font-weight:bold;
text-align:center;
margin:0 0 30px 0;
padding:100px 15px;
color:#FFFFFF;
background-image: url(img/back.jpg) ;
background-position:center center;
background-repeat: no-repeat;
-moz-background-size:auto 100%;
background-size:auto 100%;
}


/*---------- コンテンツ ----------*/

.contents{
margin:0 15px 45px 15px;
padding:0;
}

table.data{
width:100%;
border-collapse:separate;
margin:0;
}
table.data th{
font-size:100%;
font-weight:normal;
line-height:100%;
padding:10px 0 10px 0;
color:#fff;
background-color:#de4352;
}
table.data th.ttl{
background-color:#999;
}
table.data td{
font-size:95%;
font-weight:bold;
line-height:160%;
padding:10px 0 11px 0;
text-align:center;
border:solid 1px #b5b2b1;
}

.space{
margin:45px 0 0 0;
padding:0;
}

.photo{
margin:20px 0;
padding:0;
text-align:center;
}
.photo img{
width:100%;
}

table.spec{
width:100%;
border-collapse:collapse;
margin:0 0 40px 0;
}
table.spec th{
font-size:16px;
line-height:180%;
letter-spacing:1px;
padding:10px 0 8px 0;
color:#fff;
border-right:solid 1px #fff;
background-color:#9e9e9e;
}
table.spec th.none{
border-right:none;
background-color:#fff;
}
table.spec td{
font-size:21px;
line-height:180%;
letter-spacing:1px;
padding:18px 15px 14px 15px;
text-align:center;
border-right:solid 1px #9e9e9e;
border-bottom:solid 1px #9e9e9e;
}
table.spec td.category{
font-size:16px;
text-align:center;
color:#FFFFFF;
border-bottom:solid 1px #9e9e9e;
background-color:#de4352;
}

table.list{
width:100%;
border-collapse:collapse;
margin:0 0 30px 0;
}
table.list th{
width:35px;
font-size:150%;
font-weight:normal;
line-height:160%;
padding:12px 0 0 0;
color:#c30d23;
vertical-align:top;
text-align:left;
}
table.list td{
font-size:100%;
font-weight:bold;
line-height:160%;
padding:15px 0 5px 0;
border-bottom:dotted 1px #999999;
vertical-align:top;
}


blockquote{
color:#111;
margin:20px 0 20px 5px;
padding:5px 20px 10px 20px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
position:relative;
background-color:#f9f9f9;
border:1px solid #ddd;
}
blockquote:before{
font-family: 'FontAwesome';
content:'\f10d';
position:absolute;
width:1em;
height:1em;
padding-top:0.25em;
border-radius:50%;
display:block;
text-align:center;
left:-0.4em;
top:-0.5em;
font-size:21px;
line-height:1;
color:#CCC;
}
blockquote {page-break-inside: avoid; }
.source{
margin:0;
padding:10px 0 0 0;
font-size:14px;
line-height:150%;
letter-spacing:1px;
text-align:right;
color:#888;
border-top:1px solid #ccc;
}

.prf_title{
margin:0 0 30px 0;
padding:0 0 10px 0;
font-size:120%;
line-height:160%;
text-align:center;
border-bottom:dashed 2px #555;
}
.prf_photo{
margin:0 0 30px 0;
padding:0;
text-align:center;
font-size:100%;
line-height:160%;
}
.prf_photo img{
border-radius:50%;
margin-bottom:15px;
}




/*ボタン*/
a.btn {
    line-height: 45px;
    border-radius: 40px;
}

.device {
    font-size: 20px;
}

/*コメントテキスト*/
.coment-t{
	margin-top:30px;
	
}



/*医師・経営者の声*/
.voice_title{
margin:0 0 30px 0;
padding:10px 5px;
font-size:120%;
line-height:160%;
text-align:center;
background-color: #f2f2f2;

}
.voice_photo{
margin:0 0 30px 0;
padding:0;
text-align:center;
font-size:100%;
line-height:160%;
}
.voice_photo img {
    border-radius: 50%;
    margin-bottom: 15px;
}

label {
    margin: 0;
}

/*医師・経営者の声ここまで*/

.career_title{
margin:30px 0 10px 0;
padding:10px;
font-size:100%;
line-height:100%;
color:#fff;
background-color:#666;
}
ul.career {
margin:0;
padding:0;
}
ul.career li {
list-style-type:disc;
margin:0 0 10px 20px;
padding:0;
font-size:16px !important;
line-height:160%;
color:#333;
}


.device{
margin:20px 0 0 0;
padding:0;
text-align:center;
}

.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}

.btn {
color:#fff;
text-shadow:0 2px 0 rgba(0,0,0,0.3);
border:solid 1px #6a9700;
background: linear-gradient(#afe51f, #59b802);
line-height:100%;
font-size:95% !important;;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
}
.btn:hover {
color:#fff;
border:solid 1px #6a9700;
background: linear-gradient(#f8fb0c, #59b802);
}

.btn {
display: inline-block;
width: 100% !important;
padding:25px 0 25px 0;
text-align: center;
text-decoration: none;
outline: none;
}
.btn::before,
.btn::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.btn,
.btn::before,
.btn::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .5s;
transition: all .5s;
}

/*---------- テーブル ----------*/

table.company{
width:100%;
border-collapse:collapse;
margin:0;
}
table.company th{
font-size:100%;
line-height:100%;
padding:10px 0;
background-color:#F0EDE4;

}
table.company td{
font-size:90%;
line-height:150%;
padding:15px 0 20px 5px;
}



/*---------- 開催日程----------*/

table.schedule{
width:100%;
border-collapse:collapse;
margin:0 0 10px 0;
text-align: center;	
}
table.schedule th{
font-size:100%;
line-height:100%;
padding:10px 0px;
background-color:#F0EDE4;
border: solid 1px #cccccc; 

}
table.schedule td{
font-size:90%;
line-height:150%;
padding:15px 0;
border: solid 1px #cccccc; 	
}



.space{
margin:10px 0 0 0;
padding:0;
}


.qus {
    font-size: 18px;
    font-weight: bold;
    line-height: 160%;
    margin: 20px 0 10px 0;
    padding: 0 0 2px 45px;
    background-image: url(../img/faq_q.jpg);
    background-position: left 0;
    background-repeat: no-repeat;
}

.ans {
    margin: 0;
    padding: 0 0 15px 45px;
    background-image: url(../img/faq_a.jpg);
    background-position: left 0;
    background-repeat: no-repeat;
    border-bottom: dotted 1px #999999;
    font-size: 100%;
    line-height: 160%;
}

/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {color:#e7141a;font-weight:bold;}
.blue {color:#1ea3db;}
.green {color:#33929c;}
.white {color:#ffffff;}
.ym{background: linear-gradient(transparent 40%, #ffff66 40%);font-weight:bold;}
.caption{font-size:11px;color:#666666;font-weight:normal;line-height:180%;}
.caption10{font-size:10px;color:#999999;font-weight:normal;line-height:180%;letter-spacing:0;}

.gf{font-family: "Noto Sans Japanese";}
.eng{font-family: 'Roboto Condensed', Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.font120{font-size:120%;line-height:180%;}
.font150{font-size:130%;line-height:180%;}
.font160{font-size:160%;line-height:160%;}
.font180{font-size:135%;line-height:180%;}
.font300{font-size:240%;}

.teisei{text-decoration: line-through;}

.center{text-align:center;}
.right{text-align:right;}

.manin{
text-decoration: line-through;
}



#footer{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
line-height:150%;
text-align:center;
padding:25px 0;
color:#999;
border-top:solid 1px #cccccc;
}


.media {
padding-bottom: 30px;
}



/*医師・経営者コメント*/

h3.int {
    background-color: black;
    color: white;
    padding: 20px;
	font-size: 17px;
	text-align: center;
}

p.voice-text {
    font-size: 17px;
    font-weight: bold;
    margin-top: 30px;
	text-align: center;
}


/*--受講者の声折りたたみ--*/

.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
	margin: 0;
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: '\f13a'' 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: rgba(27, 37, 56, 1);
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 515px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
	font-family: FontAwesome;
	content: '\f139'' 閉じる';
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}


/*---------- 地図エリア ----------*/
.company{
    font-size: 1rem;
    line-height: 110%;
    letter-spacing: 1px;
    padding: 15px 0;
    border-bottom: solid 1px #CCCCCC;
    background-color: #F0EDE4;
    text-align: center;
	font-weight: 600;
	margin-top:30px;
	margin-bottom: 30px;
}

p.pre-title {
    color: #fff;
    background-color: #a6a6a7;
    margin-top: 20px;
    padding: 10px;
    margin-bottom: 20px;
}


/*---------- 地図エリアここまで ----------*/

/*mapレスポンシブ*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
margin-top:20px;
}

/*mapレスポンシブここまで*/


/*---------- 640px ----------*/
@media screen and (max-width: 640px) {
/*医師・経営者コメント*/
	
	
	
h3.int {
    background-color: black;
    color: white;
    padding: 20px;
	font-size: 17px;
	text-align: center;
}

p.voice-text {
    font-size: 17px;
    font-weight: bold;
    margin-top: 30px;
	text-align: center;
}
}


/*---------- 600px ----------*/
@media screen and (max-width: 600px) {
	.bg_test{
		display:none;
	}
	.sp_fv{
		display:block;
	}
	.sp_fv img{
		max-width: 90%;
	}
	
｝


/*414px*/

@media screen and (max-width: 414px) {
	
.reflection-img {
    width: 22%;
    /* height: 90px; */
    position: absolute;
    left: 7%;
    top: 32%;
    overflow: hidden;
}
	
	
/*受講者の声*/
	
	
img.voice {
    width: 30%;
    float: left;
}
	
img.voice-r {
    width: 30%;
    float: right;
}
	
	
	
	
p.voice-text {
    font-size: 18px;
    font-weight: bold;
    margin-top: 36px;
    text-align: left;
    margin-bottom: 13%;
}	
	
img.voice {
    margin-right: 18px;
}	

h3.int {
    padding: 10px;
    font-size: 14px;
    text-align: left;
}
	
/*step*/

.step img {
    max-width: 100%;
}
	
	
}	


/*411px*/
@media screen and (max-width: 411px) {
.reflection-img {
    width: 22%;
    /* height: 90px; */
    position: absolute;
    left: 7%;
    top: 29%;
    overflow: hidden;
}
	
h3.int {
    font-size: 13px;
}	
	

}




	
/*375px*/
@media screen and (max-width: 375px) {
.reflection-img {
    top: 27%;
}

h3.int {
    font-size: 12px;
}
	
p.voice-text {
    font-size: 17px;
    font-weight: bold;
    margin-top: 29px;
    text-align: left;
    margin-bottom: 39px;
}
	
}

/*360px*/
@media screen and (max-width: 360px) {
	
.reflection-img {
    top: 32%;
}

h3.int {
    font-size: 11px;
}
	
p.voice-text {
    font-size: 16px;
}	
	
	
	
}


/*320px*/
@media screen and (max-width: 320px) {

p.font120.center {
    font-size: 16px;
}
	
.device {
    font-size: 17px;
}
	
.style_01 {
    font-size: 114%;
	
}
}