@charset "UTF-8";

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

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

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;}

img {
    margin-top: 20px;
    margin-bottom: 20px;
}

.clr{clear:both;}

p {
font-size:18px;
line-height:180%;
letter-spacing:1px;
}

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

.container {
    max-width: 1000px !important;
}

/*PCで非表示*/
.pcnone{display:none;}

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

/*#copy{
margin:0;
padding:0;
text-align:center;
background-image: url(img/copy_bg.jpg) ;
background-position:top center;
-moz-background-size:auto 100%;
background-size:auto 100%;
position: relative;
}
*/

/*.reflection-img{
	position: absolute;
	top:4%;
	left:0;
}*/

img.patent {
 
}

/*光るボタン*/
.reflection-img {
    position: absolute;
    left: 0%;
    top: 5%;
    overflow: hidden;
	width: 60%;
}

img.patent {
    width: 35%;
}



/*光るボタン-ここまで*/

/*#copy_sp{display:none;}*/


/*赤線に左余白を取る*/
span.red.ul {
    padding: 0;
}

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

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



#movie{
margin:0 auto;
padding:30px 0;
background-color:#000000;
width:700px;
}

.m-area{
	background-color:#000000;
}


#movie_wide{
width:853px;
margin:0 auto;
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 {
width:1000px;
margin:0 auto 0 auto;
padding:30px 0 100px 0;
background-color:#FFFFFF;
}


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

h2{}
h3{}
h4{}

.style_00{
font-size:42px;
line-height:150%;
font-weight:900;
text-align:center;
margin:90px 0 75px 0;
padding:45px 0;
font-family: "Noto Sans Japanese";
border-top:solid 5px #000;
border-bottom:solid 5px #000;
}

.style_01{
font-size:42px;
line-height:150%;
font-weight:900;
text-align:center;
margin:0 0 30px 0;
padding:20px 0;
font-family: "Noto Sans Japanese";
border-top:solid 5px #000;
border-bottom:solid 5px #000;
}

.style_02{
font-size:42px;
line-height:150%;
font-weight:900;
text-align:center;
margin:0 0 75px 0;
padding:200px 0;
color:#FFFFFF;
font-family: "Noto Sans Japanese";
background-image: url(img/back.jpg) ;
background-position:center center;
background-repeat: no-repeat;
background-attachment: fixed;
-moz-background-size:auto 100%;
background-size:auto 100%;
}



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

.contents{
margin: 0 150px 50px 150px;
padding:0;
}

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

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

.photo{
margin:40px 0;
padding:0;
text-align:center;
}
.photo img{
width:600px;
}

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:18px;
font-weight:bold;
line-height:160%;
padding:15px 0 5px 0;
border-bottom:dotted 1px #999999;
vertical-align:top;
}


blockquote{
color:#111;
margin:30px 0 30px 5px;
padding:10px 35px 20px 35px;
-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:15px 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:32px;
line-height:160%;
letter-spacing:1px;
text-align:center;
border-bottom:dashed 2px #555;
}
.prf_photo{
margin:0 0 30px 30px;
padding:2px 0 0 0;
float:right;
text-align:center;
font-size:16px;
line-height:160%;
letter-spacing:1px;
}
.prf_photo img{
margin-bottom:15px;
}

.career_title{
margin:30px 0 20px 0;
padding:15px 15px 10px 15px;
font-size:18px;
line-height:100%;
letter-spacing:1px;
color:#fff;
background-color:#666;
}
ul.career {
margin:0;
padding:0;
}
ul.career li {
list-style-type:disc;
margin:0 0 0 20px;
padding:0;
font-size:16px;
letter-spacing:1px;
line-height:180%;
color:#333;
}


.device{
margin-top: 10%;
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:200% !important;
font-size:30px !important;
font-family: "Noto Sans Japanese";
-webkit-border-radius:40px !important;
-moz-border-radius:40px !important;
border-radius:60px !important;
}
.btn:hover {
color:#fff;
border:solid 1px #6a9700;
background: linear-gradient(#f8fb0c, #59b802);
}

.btn {
display: inline-block;
width:80%;
padding:25px 0 30px 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;
}


.img-a{
	margin-top:30px;
}

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

table.company{
width:100%;
border-collapse:collapse;
margin:0 0 30px 0;
}
/*table.company th{
font-size:16px;
line-height:180%;
letter-spacing:1px;
padding:15px 0;
border-bottom:solid 1px #CCCCCC;
background-color:#F0EDE4;
text-align: center;
}*/


/*---------- 地図エリア ----------*/
.company{
    font-size: 2rem;
    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-left: 10px;
    margin-bottom: 20px;
}


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

/*table.company td{
font-size:16px;
line-height:180%;
letter-spacing:1px;
padding:15px 0 15px 20px;
border-bottom:solid 1px #CCCCCC;
}*/

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

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

}
table.schedule td{
font-size:120%;
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;
letter-spacing:1px;
margin:20px 0 10px 0;
padding:3px 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:18px;
line-height:180%;
letter-spacing:1px;
}

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

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {color:#e7141a;font-weight:bold;}
.blue {color:#1ea3db;}
.green {color:#33929c;}
.orange {color:#ff9018;font-weight:bold;}
.white {color:#ffffff;}
.ym{background: linear-gradient(transparent 40%, #ffff66 40%);font-weight:bold;}
.caption{font-size:12px;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:150%;line-height:180%;}
.font160{font-size:160%;line-height:160%;}
.font180{font-size:180%;line-height:180%;}
.font200{font-size:200%;line-height:200%;}
.font300{font-size:300%;}

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

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

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


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


.media {
    margin-bottom: 30px;
}


.entry-meta {
    display: none !important;
}

footer.entry-footer {
    display: none !important;
}

.bg_test {
    background-image: url(https://syundoku.com/wp/wp-content/uploads/2019/06/copy_bg03.jpg);    /* 背景画像指定 */
    background-repeat: repeat-x;
	background-size:cover;
	background-position:center;
}

	 .sp_fv{
		display:none;
	}




/*---------- 医師・経営者の声 ----------*/

.voice_title{
    margin: 0 0 30px 0;
    padding: 10px;
    font-size: 23px;
    line-height: 160%;
    letter-spacing: 1px;
    text-align: center;
    background-color: #f2f2f2;
}

.voice_photo{
    margin: 0;
    padding: 2px 0 0 0;
    float: right;
    text-align: center;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 1px;
}

.voice{
	margin-bottom: 120px;
}




/*--------光るボタン----------------*/
.reflection-img {
    position: absolute;
    left: 23%;
    top: 5%;
    overflow: hidden;
	width:35%;
}


/*--------step画像--------*/

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


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

.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%);
}
.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: 250px; /* 開く前に見えている部分の高さ */
	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;
}


/*---------- 2560px ----------*/

@media screen and (max-width: 2560px) {
	
/*光るボタン*/
.reflection-img {
    position: absolute;
    left: 15%;
    top: 4%;
    overflow: hidden;
	width:35%;
}

	img.patent {
    width: 19%;
}
/*光るボタン-ここまで*/

	
}



/*---------- 1920px ----------*/

@media screen and (max-width: 1920px) {
	
/*光るボタン*/
.reflection-img {
    position: absolute;
    left: 15%;
    top: 4%;
    overflow: hidden;
	width:35%;
}

	img.patent {
    width: 19%;
}
/*光るボタン-ここまで*/

	
}

/*---------- 1760px ----------*/

@media screen and (max-width: 1760px) {
	
/*光るボタン*/
.reflection-img {
    left: 12%;
}

	img.patent {
    width: 19%;
}
/*光るボタン-ここまで*/

	
}



/*---------- 1680px ----------*/

@media screen and (max-width: 1680px) {
	
/*光るボタン*/
.reflection-img {
    position: absolute;
    left: 12%;
    top: 4%;
    overflow: hidden;
}


/*光るボタン-ここまで*/

	
}


/*---------- 1480px ----------*/

@media screen and (max-width: 1480px) {

/*光るボタン*/
.reflection-img {
    position: absolute;
    left: 9%;
    top: 5%;
    overflow: hidden;
}	
	
	img.patent {
    width: 24%;
}
	
}


/*---------- 1440px ----------*/

@media screen and (max-width: 1440px) {

/*光るボタン*/
.reflection-img {
    position: absolute;
    left: 8%;
    top: 5%;
    overflow: hidden;
}	
	
	img.patent {
    width: 25%;
}
	
}

/*---------- 1280px ----------*/

@media screen and (max-width: 1280px) {

/*光るボタン*/
.reflection-img {
    position: absolute;
    left: 6%;
    top: 5%;
    overflow: hidden;
}	
	
	img.patent {
    width: 25%;
}
	
}

/*---------- 1150px ----------*/

@media screen and (max-width: 1150px) {

/*光るボタン*/
.reflection-img {
    position: absolute;
    left: 3%;
    top: 5%;
    overflow: hidden;
}	
	
	img.patent {
    width: 29%;
}
	
}

/*---------- 1100px ----------*/
@media screen and (max-width: 1100px) {
/*光るボタン*/
.reflection-img {
    left: 0%;
}

	img.patent {
    width: 31%;
}


	
}


/*---------- 1024px ----------*/
@media screen and (max-width: 1024px) {
/*光るボタン*/
.reflection-img {
    left: 0%;
}

	img.patent {
    width: 35%;
}

.bg_test {
    background-image: url(https://syundoku.com/wp/wp-content/uploads/2019/06/copy_bg03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
}
	
#movie {
    width: 60%;
}	
}





/*---------- 768px ----------*/
@media screen and (max-width: 768px) {
img {
	width:100%;
}
	img.lazy.lazy-loaded {
    max-width: 100%;
}
	
/*光るボタン*/	
.reflection-img {
    left: 4%;
	width: 25%;
}
	
	img.patent {
    width: 48%;
}
	
/*動画*/
#movie_wide {
    width: 725px;
}
	
/*受講者の声*/	
	img.voice{ 
	 float: left;
	 margin:0 20px 10px 0;
	}

	p.voice-text {
		font-size:19px;
		font-weight: bold;
		margin-top: 35px;
	}


	img.voice-r{ 
	 float: right;
	 margin:0 20px 10px 0;
	}

	h3.int {
		background-color: black;
		color: white;
		padding: 20px;
		font-size: 15px;
	}

	img.voice {
    width: 45%;
	}
	
	img.voice-r {
	width:45%;
	}
	
	h2.style_01 {
    font-size: 35px;
	}
	
/*contents*/
	.contents {
    margin: 0 auto !important;
    padding: 0;
    width: 70% !important;
}

a.btn {
    width: 100%;
    margin-bottom: 50px;
}
	
.company {
    font-size: 1.5rem;
	}
	
}



/*.media {
padding-bottom: 30px;
}*/




/*---------- 768px ----------*/
@media screen and (max-width: 640px) {
.pcnone{display:none;}
}