@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ 
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*//::::スタッフでもできる！クリニックMEOセミナー、
無料動画12本！院長とスタッフのクリニックマーケティング
PRコミックページ:::://*/

/*見出し p リセット*/
.post_content h2, .post_content h3, .post_content h4 {
	background:unset;
	padding:unset;
	margin:unset;
	border-left:unset;
}
.post_content h2:before, .post_content h3:before, .post_content h4:before {
	background:unset;
	border:unset;
}

ul, li { list-style:none;}

/*タイトルエリア非表示*/
.u-obf-cover {
	display: none;
}
.l-topTitleArea {
    min-height: 0!important;
    display: none!important;
}
.l-content {
    padding-top: 0em!important;
}

.fc-lemon {color:#E8F195;}

.meo-h2 {
	font-size: clamp(1.688rem, 1.619rem + 0.34vw, 1.813rem) !important;
	line-height:160% !important;
	font-weight:bold ;
	color: #fff !important;
}
.meo-h2-blk {
	font-size: clamp(1.688rem, 1.619rem + 0.34vw, 1.813rem) !important;
	line-height:160% !important;
	font-weight:bold ;
	color: #000 !important;
}
.meo-h3 {
	font-size: clamp(1.375rem, 1.306rem + 0.34vw, 1.5rem);
	line-height:160%;
	font-weight:bold ;
	text-align:center ;
}
hr {
    border: #ccc 1px dashed;
}
.catch {
    padding: 0em 1em 1em;
}
.disp {
	text-align: left ;
	padding: 0em 1em 1em;
}	
.orared {
	color:#de4614 ;
}

.br_pc{
	display:block;
} 
.br_sp {
	display:none;
}
@media only screen and ( max-width:520px) {
.meo-h3 {
	font-size:25px;
	line-height:140%;
	font-weight:bold ;
	text-align:left ;
}
.br_pc{
	display: none;
}
.br_sp{
	display: block;
}
}
.web_f01 {
	font-family:"monospace","游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.anchorlink {
   display: block;
   margin-top:-60px;
   padding-top:60px;
}

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

}
@media only screen and ( max-width:1024px) {

}

.participation_cost {
padding: 0em 1em 1em;
font-size: 19px;
}


/* ここから下がボタンのCSS　*/
.my-btn {
  text-align: right;
}

.my-btn2,
.my-btn4 {
	text-align: center;
}
.my-btn3 {
	text-align:left ;
}
.my-btn a,
.my-btn2 a {
  display: inline-block;
  width: 50%;
  margin: 0px auto;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  color: #3d3323 !important;
  text-decoration: none;
  font-size: 18px;
  line-height: 27px;
  font-weight: bold;
  background: #FFA81E;
  border-bottom: 4px solid #e38f09;
  position: relative;
  overflow: hidden;
}
.my-btn3 a{
  display: inline-block;
  width: 50%;
  margin: 0px auto;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  color: #3d3323 !important;
  text-decoration: none;
  font-size: 18px;
  line-height: 27px;
  font-weight: bold;
  background: #f9bc60;
  position: relative;
  overflow: hidden;
}
.my-btn4 a{
  display: inline-block;
  width: 50%;
  margin: 10px auto;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  color: #3d3323 !important;
  text-decoration: none;
  font-size: 18px;
  line-height: 27px;
  font-weight: bold;
  background: #e4c633;
  position: relative;
  overflow: hidden;
}

@media only screen and ( max-width:520px) {
.my-btn4 a{
  width: 80%;
	}}


/* ボタンを凹ませる */
.my-btn a:hover,
.my-btn2 a:hover,
.my-btn3 a:hover,
.my-btn4 a:hover {
  transform: translateY(4px); /*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); /*影を小さく*/
  border-bottom: none;
}

/* テキストの後ろにarrow */
.my-btn a:after,
.my-btn2 a:after {
  content: '»';
  display: inline-block;
  color: #3d3323;
  padding-left: 10px;
  font-size: 20px;
}


@media only screen and ( max-width:1070px) {
#meo_top h2 {
	font-weight:bold ;
	text-align:center;
	line-height:130%;
	}
#meo_top {
	text-align:center ;
}
.my-btn {
  text-align:center;
}	
}

@media (max-width: 767px) {
  .my-btn a,
  .my-btn2 a {
    width: 90%;
  }
}


/*01-05*/
#meo_01 {
 text-align:center ;
}
#meo_01 h3 {
	text-align:center ;
	color:#fff!important;
	font-weight:900;
}
#meo_01 p {
	color:#e4eaed ;
	font-size:20px;
} 

#meo_02 {
text-align:center ;
}

#meo_02 p,
#meo_03 p {
text-align:left ;
}

#meo_03 img {
margin:15px auto;	
}
#meo_04 h2,
#meo_05 h2,
#meo_07 h2{
	margin-bottom: 3rem;
}
#meo_04 h4 {
margin-bottom: 1rem;	
text-align:center ;
}
#meo_04 .tree-points {
gap: 2em!important;
}

/*#meo_04 div {
padding:1rem;	
}*/

/*.meo_04_a,
.meo_04_b,
.meo_04_c {
	text-align:center ;
	padding: 5px 15px;
}
.meo_04_a h4,
.meo_04_b h4,
.meo_04_c h4 {
	text-align:center ;
	padding: 5px 15px;
	font-weight: 900;
    margin-top: 20px;
	margin-bottom: 15px;
	line-height:160%;
}
.meo_04_a div,
.meo_04_b div,
.meo_04_c div {
	text-align:left ;
}*/

#meo_05 {
	color:#fff;
}
#meo_05 .name {
	color:#fff !important;
	font-weight:bold;
	font-size:22px;
}
#meo_06 .swl-inline-icon {
    margin-right: .5em;
	color: #418ccf;
}
#meo_07 .txt-box .title {
    font-size: 1.3em;
	font-weight: 700;
	margin-bottom: 1rem;	
}
#meo_07 .txt-box {
line-height: 2em;
}





/*無料動画12本！院長とスタッフのクリニックマーケティング*------------------------------------------*/
/***セクションベース*****/
.marketing_movie12-sec01, .marketing_movie12-sec02, .marketing_movie12-sec03, .marketing_movie12-sec04,
.marketing_movie12-sec06, .marketing_movie12-sec07, .marketing_movie12-sec08 {
	color:#FFF;
	font-size: clamp(1.063rem, 1.028rem + 0.17vw, 1.125rem);
	margin-bottom:0;
	margin-top: 0 !important;
}
.marketing_movie12-sec05 {
	color:#000;
	font-size: clamp(1.063rem, 1.028rem + 0.17vw, 1.125rem);
	margin-bottom:0;
	margin-top: 0 !important;
}
/***ここまで*****/

/****コンテンツ****/
.marketing_movie12-sec01 h2 {
	font-size: clamp(1.688rem, 1.619rem + 0.34vw, 1.813rem);
	color:#fffffe!important;
	margin: 1em 0!important;
	line-height: 180%;
}
.marketing_movie .catch {
	text-align:center ;
	width:250px;
	 border-radius: 20px;
	background-color:#349091;
	color:#ddf317 ;
	font-size:18px ;
	padding:5px 5px 3px ;
}
.marketing_movie12-sec01 p {
	margin-bottom: 30px;
}

.marketing_movie12-sec01 .col_5{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content: center;
}
.marketing_movie12-sec01 .col_5 > div{
	width: 20%;
	padding: 10px;
}
.marketing_movie12-sec01 .col_5 > div > div{
	position: relative;
	overflow: hidden
}

@media screen and (max-width: 960px) {
	.marketing_movie12-sec01 .col_5 > div{
		width: 30%;
	}
}
@media screen and (max-width: 480px) {
	.marketing_movie12-sec01 .col_5 > div{
		width: 33.33333%;
		padding: 0px;
	}
	.marketing_movie12-sec01 .col_5 {
		padding-top: 30px;
	}
}


.marketing_movie_3pr>div,
.marketing_movie_point>div {
	text-align:center;
	margin: 0 auto;
}
.marketing_movie_3pr img {
	max-width:180px;
}
.marketing_movie_3pr h3 {
	font-size: clamp(1.5rem, 1.431rem + 0.34vw, 1.625rem);
	text-shadow: 2px 2px #004643 ;
	margin-bottom: 0.5em;
	margin-top: 1.2em;
	color:#f5c4c4;
}
.marketing_movie_3pr p {
text-align:left ;
	padding:5px 15px;
}
.marketing_movie_point h3 {
	font-size:26px;
	text-shadow: 2px 2px #9bdedc ;
	text-align:center ;
}
.sankaku{
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 50px solid #349091;
  text-align: center;
  margin: -120px auto 40px;
}
.marketing_movie_point .h3-green {
	font-size: clamp(1.5rem, 1.431rem + 0.34vw, 1.625rem);
	text-shadow: 2px 2px #9bdedc ;
	margin-bottom: 0.5em;
	margin-top: 1.2em;
	color:#375e5d;
}

.cmf-point3 {
text-align: center;
    padding: 5px 15px;
}

.cmf-point3-h4 {
	border-left: unset!important;
	line-height: 160%;
	text-align: center;
	margin-top: 1.2em!important;
    margin-bottom: 0.5em!important;
}


 /* 動画リスト */
#marketing_movie_list h3 {
	font-size: clamp(1.5rem, 1.431rem + 0.34vw, 1.625rem);
	text-shadow: 2px 2px #004643 ;
	margin-bottom: 1em;
	color:#fff;
}
#marketing_movie_list .col_3 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	text-align: center; /* 内容は中央配置 */
}
#marketing_movie_list .col_3 > div {
	width: 32%;
	padding: 10px 10px 10px 15px ;
	border-radius:20px;
	margin: 2px;
}
#marketing_movie_list .col_3 > div:nth-child(odd) {
background-color:#dff8f3;
}
#marketing_movie_list .col_3 > div:nth-child(even) {
background-color:#b0d9d8;
}
#marketing_movie_list .col_3 > div > p {
	font-size:15px;
	text-align:left;
	color:#000;
	padding: 3px 10px;
}
#marketing_movie_list h3 {
	color:#fff;
}
#marketing_movie_list h4 {
  margin: 1em auto!important;
 line-height: 170%;
font-weight:bold;
border-left:none;
}

button, input, select, textarea {
	border-radius: 10px;
}

@media screen and (max-width: 768px) {
	#marketing_movie_list .col_3 > div {
		width: 49%;
	}
	.marketing_movie {
    padding: 0 ;
}
	.marketing_movie_3pr h3 {
	text-align:center ;
}
}
@media screen and (max-width: 480px) {
	#marketing_movie_list .col_3 > div {
		width: 100%;
		margin-bottom: 10px;
		padding:10px 10px 25px;
	}
	.marketing_movie_point h3 {
		text-align: center;
		font-size: 29px;
	}
	#marketing_movie_list h4 {
	margin-bottom: 0px;
	}
	#marketing_movie_list .col_3 > div > p {
	line-height:140% ;
}
}


/*講師プロフ*/
.prof h3 {
    font-size: clamp(1.5rem, 1.431rem + 0.34vw, 1.625rem);
	color: #375e5d;
}
.marketing_movie12-sec07 p,
.marketing_movie12-sec07 div {
	color:#000 ;
}
.marketing_movie12-sec07 div span {
	font-size:clamp(1.5rem, 1.431rem + 0.34vw, 1.625rem);
}
.marketing_movie12-sec07 hr {
	margin: 1em 0;
}
.marketing_movie12-sec08 .form_box3 {
	color:#fff;
}
.marketing_movie12-sec08 .anchorlink {
   padding-top:0px;
}
.marketing_movie12-sec08 h3 {
	margin-bottom: 1em;
		font-size: clamp(1.5rem, 1.431rem + 0.34vw, 1.625rem);
	text-shadow: 2px 2px #004643;
}
.marketing_movie12-sec08 p {
	margin-bottom: 1em;
}
.marketing_movie12-sec08  hr {
    border: #ccc 1px dashed;
	    margin: 1em 0;
}
fieldset {
border: none;
}


/************ PRコミックページ ***********/

/*main*/
.pr-comic-wrap {
	text-align:center!important;
	background-color: #36383b;
}
.koma {
    max-width: 750px;
    background-color: #fff;
    text-align: center;
    margin: auto;
    padding: 10px 10px 20px;
}
.youtube_movie {
  max-width: 600px;
  aspect-ratio: 16 / 9;
	text-align: center;
	margin: 0 auto;
	border: 1.5px solid #000;
}
.youtube_movie iframe {
  width: 100%;
  height: 100%;
}
.down {
    text-align:center ;
    margin:0 auto ;
}
.mr10 {
	margin-right:10px;
}

.pr-comic-titlebg {
    background-image: url(https://maf-j.com/wp3/wp-content/themes/swell_child/img/pr_comic/comic_title.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px 10px 0px;
	text-align:center;
	height: 370px;
	margin-bottom: 10px;
}

.pr-comic-wrap h2 {
    color:#fff ;
    font-size: 30px;
	letter-spacing: 0.08em;
	position: relative;
    left: -5%;
    top: 25%;
}
.pr-comic-wrap h2 >span {
    color:#FDEC65 ;
}

.pr-comic-wrap h3 {
	padding-top: 7px;
	color:#f3f3f3;
	font-weight:300;
}

#pr_comic2 {
	 background-color: #4E4A48;
}

#pr_comic_voice {
    padding-bottom: 10px!important ;
    padding-top: 50px!important ;
}
#pr_comic_voice h3 {
    color:#fff!important ;
    font-size: 24px ;
    margin: 0px ;
    padding: 15px 15px 10px ;
}
#pr_comic3 {
    padding-top:10px ;
    padding-bottom: 50px;
}


.pr-comic-wrap2 {
background-color: #1F252B;
	color:#d5d5d5 ;
}
#pr_comic_about {
    padding: 0px 20px;
	font-size: clamp(1rem, 0.931rem + 0.34vw, 1.125rem);
}
#pr_comic_about > div,
#pr_comic_mail > div {
    text-align: center;
    margin: auto;
} 
#pr_comic_about h3,
#pr_comic_mail h3 {
    font-size: clamp(1.5rem, 1.293rem + 1.03vw, 1.875rem);
    position: relative;
    color:#b3e1ff;
    font-weight: 400;
    line-height: 1.6em;
	margin-bottom:15px;
}

#pr_comic_about p {
	text-align:left ;
}
#pr_comic_about .box1 {
	padding:10px;
}
 #pr_comic_about .box2_a {
	 text-align:left;
    margin:100px auto 30px;
}

#pr_comic_about h4 {
	font-size:clamp(1.5rem, 1.293rem + 1.03vw, 1.875rem);
	font-weight: 400;
	color:#e0ca1c;
	margin-bottom: 20px ;
	text-align: center;
	border-left:none;
}
#pr_comic_about .box3 {
text-align:left ;
margin: 120px auto 30px;
}

#pr_comic_about ul {
padding-left: 15px;
}

#pr_comic_about li {
font-size: clamp(1rem, 0.931rem + 0.34vw, 1.125rem);
padding-left: 0.5em;
text-indent: -0.6em;
margin-bottom: 10px;

}
#pr_comic_mail {
padding: 20px 20px 50px;
}

#pr_comic_mail p {
text-align:left ;
margin-bottom: 20px;
}
#pr_comic_mail h3 {
	margin: 120px auto 20px;
}
.pr-comic-wrap3 {
background-color: #4E4A48;
	    color: #d5d5d5;
}


@media only screen and (max-width: 768px) {
	.pr-comic-titlebg {
	background-image:url("/wp3/wp-content/themes/swell_child/img/pr_comic/comic_title4sp.png");
	padding: 30px 15px 30px;
	background-size: cover;
	height:auto;
	}
}

@media only screen and (max-width: 520px) {
	.pr-comic-wrap h2 {
    left: 0;
    top: 25%;
	}
	.pr-comic-wrap h3 {
	padding-top: 0px;
	padding-bottom: 10px;
	        text-align: center;
	}
	#pr_comic_mail h3 {
    margin: 60px auto 20px;
}
	#pr_comic_about h3, #pr_comic_mail h3 {
		text-align: center;
	}
	#pr_comic_about .box2_a,
	#pr_comic_about .box3{
	margin: 60px auto 30px;
	}
}