@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
*/


body,
div,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td,
textarea{
    margin: 0;
    padding: 0;
}

/*見出し p リセット*/
.post_content h2, .post_content h3, .post_content h4 {
	background:unset;
	padding:unset;
	margin:unset;
}
.post_content h2:before, .post_content h3:before {
	background:unset;
	border:unset;
}
.swell-block-fullWide+.swell-block-fullWide, .women24con {
    margin-top: unset;
	margin-bottom: unset;
}
ul, li { list-style:none;}

th{font-weight:normal}
th, td {border:none}
hr{border:#4f829e 1px dashed ;}

body{
    font-size:16px;
}
a {
    color: #3d7bee;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #F2A1A6;
}

.br_pc { display:block;}
.br_tab { display:none;}
.br_sp { display:none;}
hr { border: #ccc 1px dashed;}
@media only screen and ( max-width:800px) {
.br_tab { display: block;}
}

@media only screen and ( max-width:480px) {
.br_pc { display: none;}
.br_sp {display: block;}
}


.u-obf-cover {
	display: none;
}
.l-topTitleArea {
    min-height: 0!important;
    display: none!important;
}
.l-content {
    padding-top: 0em!important;
}

.l-content {
	margin: 0 auto 0em;
	padding-top: 0em;
}
.l-mainContent__inner>.post_content {
    margin: 0em 0;
    padding: 0 ;
}
.c-pageTitle {
	display:none;
}
.iconstyle {
	color: #f74a4a;
	margin-right: .5rem;
}
.swell-block-fullWide__inner {
    padding: 0 ;
}

.flex{
	display: flex;
	justify-content: space-around;
	 align-items: flex-start;
}
.flex > div {
	width:60%;
	text-align:right;
}
.pd40 {
	padding-bottom:4em;
}


/*申し込みボタン*/
.btn--yellow a {
    display: block;
    position: relative;
    max-width: 360px;
	border-radius: 100vh;
    padding: .5em .5em .3em;
    text-align: center;
    text-decoration: none;
    color: #000;
    background: #fce771;
    overflow: hidden;
    z-index: 1 !important;
    margin:20px 0;
	font-weight: bold;
	font-size: clamp(1.125rem, 1.056rem + 0.34vw, 1.25rem);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.btn--yellow a:hover,
.btn_women2:hover {
	transform: translateY(3px);
}

a.btn_women2 {
    display: block;
    position: relative;
    width: 100%;
	border-radius: 100vh;
    padding: .7em .5em .5em;
    text-align: center;
    text-decoration: none;
    color: #000;
    background: #fce771;
    overflow: hidden;
    z-index: 1 !important;
    margin:20px 0px;
	font-weight: bold;
	font-size: clamp(1.125rem, 1.056rem + 0.34vw, 1.25rem);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
/***ボタンここまで**/


/*ファーストビューエリア*/
.women24con {
	background-image: url(img/online_women24/header_bg3a.png);
    background-size: cover;
    background-repeat: repeat-x;
    background-position: top;
	min-height: 740px;
	padding-right: 20px;
	padding-left: 20px;
}
.women24con figure {
	margin-bottom: 1em;
}
.women24con p {
	font-size: clamp(1rem, 0.931rem + 0.34vw, 1.125rem);
    margin-left: 20px;
    color: #000000;
    text-shadow: 1px 1px 3px #fff;
    font-weight: 600;
}
.women24con_catch h1 {
	line-height: 130%;
    font-size: clamp(1.75rem, 1.336rem + 2.07vw, 2.5rem);
    color:#000;
	text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
    font-weight: 900;
	margin: 25px auto 25px;
	letter-spacing: .1em;
}
.women24con_catch h1 span {
    font-size: clamp(1rem, 0.931rem + 0.34vw, 1.125rem);
    padding: 6px 15px 4px;
    background-color: #f7e1e2;
    color: #000;
    border-radius: 16px;
	text-shadow:none;
	font-weight:400;
}


/* 1240px 未満
============================================== */
@media only screen and ( max-width:1200px) {
	.women24con {
	padding-top: 2em !important;
    padding-bottom: 0 !important;
}
}


/* 720px 未満
============================================== */
@media only screen and ( max-width:720px) {
	.women24con {
	background-image:url("img/online_women24/header_bg_sp3a.png");		
	background-size: contain;
	min-height: auto;
	padding:30px auto 20px;
	}
    .women24con .device_photo {
        width: 45%;	
	}
	.women24con p {
	margin-bottom: 1em;
	    margin-left: unset;
	}
}

/* 480px 未満
/*============================================== */
@media only screen and ( max-width:480px) {
	.women24con {
    padding-top: 2em !important;
	}
	.women24con p {	
	padding-top: 2em;
	}
    .women24con .device_photo {
        width: 65%;
    }
} 

/*============================================== */


/*アニメーションtitle*/
.tracking-in-expand {
	-webkit-animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 1.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-5-19 16:6:16
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

/*アニメーション*/
.anim-box.poyopoyo {
  animation: poyopoyo 3s ease-out 3;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}



/*secベース*/
.sec01,
.sec02, .sec02_in, .sec02_in2, 
.sec04_in,
.sec05, .sec05_in,
.sec06_in {
	text-align:center;
	margin:0 auto;
}

/*****sec01*****/
.sec01 h2 {
margin:25px 0 25px;
}

/*リスト、チェックマーク*/
.sec01 ul{
	max-width: 740px;
	list-style: none;
	margin:25px auto;
	font-size: clamp(1.125rem, 1.056rem + 0.34vw, 1.25rem);
	color:#4f4a42;
	background-color:#f5eee4;
	border: double 4px #ad9571;
    padding: 30px 30px;
}
.sec01 li{
    text-align:left;
    position: relative;
    padding-left: 25px;
	line-height:unset;
	margin-bottom: 15px
}
.sec01 li:before {
    content: "";
    position: absolute;
    top: .75em;
    left: 6px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 3px;
    height: 7px;
    border-right: 2px solid #8b6b4e;
    border-bottom: 2px solid #8b6b4e;
}
.sec01 li:after {
    content: "";
    position: absolute;
    top: .6em;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #8b6b4e;
    border-radius: 2px;
}
/*sec01 お悩みありませんか医師イラスト*/
.intro_doc {
	margin-top:-55px;
}

/*check1-3*/
.check1_box {
	max-width: 700px;
	background-color: #dfebf0;
	margin: 10px auto;
	text-align: left;
	padding:0 20px 15px;
}
.check1_box h3 {
    margin: .5em;	
}
.check_icon {
	margin:-50px 0 0 -35px;
}
#online_women .check1_box h3 {
	font-size:20px;
	font-weight:bold;
	padding: 10px 0px 5px;
}
.summary {
	text-align: right;
    margin: 0px auto 20px;
}
.sankaku {
	margin: 50px auto 0px;
}


/****sec02**** 生まれるメリット*/
.sec02 h2, .sec02 h3 {
	margin-bottom:20px;
}
/*リスト*/
.cp_list {
	padding: 0.2em;
	list-style: none;
    text-align: center;
    margin: 0 auto 25px;
	font-size: clamp(1.125rem, 1.056rem + 0.34vw, 1.25rem);
	line-height: 140%;
	color: #0c4987;
	max-width: 740px;
}
.cp_list li {
	position: relative;
    padding: .5em .2em .1em 2em;
    margin-bottom: .5em;
    border-bottom: 1px dashed rgb(242, 161, 166);
    text-align: left;
    font-weight: 600;
    color: #333;
}
.cp_list li:after,
.cp_list li:before {
	content:'';
	position: absolute;
	transform: rotate(45deg);
}
.cp_list li:before {
	top: 0.7em;
	left: 0.2em;
	width: 12px;
	height: 12px;
	border:2px solid rgba(242,161,166);
}
.cp_list li:after {
	top: 0.9em;
	left: 0.7em;
	width: 14px;
	height: 14px;
	background: rgb(77,196,241);
	transform: rotate(60deg);
}
.sec02_in2 h3 {
	font-size:18px;
    margin: .8em 0;
}

.sec02_in2 img {
	max-width:100%;
}
.sec02 .flex > div h3 {
	font-size: clamp(1.438rem, 1.265rem + 0.86vw, 1.75rem);
	color: #1359A0;
    font-weight: bold;
	margin:15px 0;
}
.sec02 .kotsu p {
    padding: 0 0 0 100px;
}


/****sec03****/

/*sec03 4つの理由*/
.sec03 {
margin-top: 0;
}
.sec03 h2, .sec04 h2  {
	font-size:clamp(1.75rem, 1.474rem + 1.38vw, 2.25rem);
	font-weight:900;
	margin-bottom:35px;
	line-height: 160%;
}
.sec03_in {
    max-width: 800px;
    text-align: center;
    margin: 0 auto;
}
.sec03_box {
    display: flex;
	margin-top: 35px;
	align-items: center;
}
.sec03_box img {
	width:400px;
	height:auto;
}
.sec03 .reverse {
    flex-direction: row-reverse;
  }

/* 大枠ボックス */
.sec03 .layer{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 400px;
    height: 480px;
    padding: 3rem;
  }
.sec03 .layer h3 {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 20px;
    font-weight:bold;
    margin-left: 1.3rem;
    margin-bottom: 1.5rem;
	text-align: center;
	line-height: 150%;
  }

  /* 背景画像の読み込み */
.sec03 .layer-bg {
    background: url(img/online_women24/point04-1.png) no-repeat 0 0;
    background-size:contain;
  }
.sec03 .layer-bg2 {
    background: url(img/online_women24/point04-2.png) no-repeat 0 0;
    background-size:contain;
  } 
.sec03 .layer-bg3 {
    background: url(img/online_women24/point04-3.png) no-repeat 0 0;
    background-size:contain;
  }
.sec03 .layer-bg4 {
    background: url(img/online_women24/point04-4.png) no-repeat 0 0;
    background-size:contain;
  } 
.sec03 .layer-bg3 span {
	font-family: 'Kosugi', sans-serif;
	font-weight: 400;
	font-size: 16px;
    padding: 4px 10px;
	background-color:#fff;
	color:#006d7c;
	border-radius:10px;
}
  /* 重ねる文字の基本設定 */
.sec03 .layer-txt{
    color: #000;
    text-align: left;
	padding: 0 5px;
  }

  /* SP向けの設定 */
  @media screen and (max-width: 700px) {
.sec03 .sec03_box {
    display: block;
	text-align: center;
    margin: 35px auto 0px;
}
.sec03 .sec03_box img {
    width: 240px;
    height: 240px;
	margin: 20px auto;
}
.sec03 .layer-bg,
.sec03 .layer-bg2,
.sec03 .layer-bg3,
.sec03 .layer-bg4 {
	 text-align:center;
	 margin: 0 auto;
}
.sec03 .layer-txt{
    padding: 0 15px;
}
  }



/****sec04 講座内容****/
.sec04_in {
	max-width:700px;
}
.sec04_in .flex > p {
	margin-right: 15px;
    text-align: left;
    font-size: 18px;
	margin-top:20px;
}

/**講座一覧**/
.sec04 h3,
.sec05 h3{
  position: relative;
  padding: 20px;
  text-align: center;
}
.sec04 h3:before,
.sec05 h3:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #4DC4F1;
}
.sec04 h3 span {
  position: relative;
  padding: 0 1em;
  background: #edf6f8;
	font-size: 31px;
}
.sec05 h3 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
	font-size: 28px;
}

/* Course list */
.sec04_in2 {
	max-width: 860px;
	text-align:center;
	margin: 10px auto 0;
    padding-bottom: 60px;
}
.sec04 .course_list {
    margin-top: 30px;
	margin-bottom:80px;
}
.sec04 .course_list_in {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    max-width: 860px;
    margin: 0 auto;
    width: 100%;
    padding: 30px 10px;
    box-sizing: border-box;
}
.sec04 .course_list .div01 {
    display: flex;
    justify-content: space-between;
}
.sec04 .course_list ul{
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: left;
	font-size:17px;
	font-weight: 700;
}
.sec04 .course_list li {
    border-bottom: 1px solid #a2ddf2;
    margin-bottom: 20px;
	padding:0px 10px 20px 10px;
	font-size:14px;
    color: #444d56;
	font-weight:500;
	list-style: none;
}
.sec04 .course_list li h4 {
	font-weight:bold;
	font-size:18px;
	color: #000;
	border-left: unset;
	margin-bottom: .6em;
}
.sec04 .course_list li:nth-child(2n) {
	color: #302b7b;
}
.sec04 .course_list li span {
    padding-left: 6px;
	font-size:14px;
	font-weight:400;
}

/*! 埋め込み動画をレスポンシブ対応させる */
.sample_video {
    max-width:700px;
    text-align: center;
    margin: 20px auto;
} 
.sample_video p {
margin:10px auto 40px;
}
.sample{
	border: solid 1px #ccc;
}


@media(max-width:768px) {
.sec04 .course_list_in{
    padding: 20px 0;
}
.sec04 .course_list .div01{
    display: block;
}
.sec04 .course_list ul{
    width: 100%;
    padding: 0 10px;
}
.sec04 .course_list li{
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
}


/**** 価格 ****/
.kakaku {
	font-size:30px;
}

.sec05 {
	padding: 80px 0px;
}
.sec05 .price-txt {
	color:#EF0627;
	font-size:22px;
	background: #fff;
    border: 1px dashed #9eb6bf;
	margin: 10px auto 20px;
	padding: 20px 10px;
}
.sec05 p {
	color:#000;
	font-size:18px;
	text-align: left;
}
.price-txt span {
	 display: inline-block;
    padding-bottom: 10px;
}
.price-txt p {
	text-align: center;
}

.sec05 h2 {
	margin:0px auto 10px;
}
.sec05 h3, .sec05_in h4 {
	margin:80px auto 10px;
}
.sec05_in h4 {
	background-image:url("img/online_women24/hoshou_bg.png");
	background-repeat: no-repeat;
    margin: 40px auto 35px;
	font-size: clamp(1.375rem, 1.099rem + 1.38vw, 1.875rem);
	height: 92px;
	line-height: 100px;
}
.sec05_in h4 span {
	font-size: 18px;
}
.sec05_700 {
	max-width: 700px;
	text-align: center;
    margin: auto;
}


/*講師*/
.sec06 h2 {
	margin:0 auto 35px;
	text-align:center;
}
.sec06 .flex > img {
width: 236px;
    height: 234px;
}
.sec06 .flex > p {
	text-align:left;
}
.sec06 ul{
	text-align:left;
	margin:30px auto;
	max-width: 740px;
}
.sec06 li {
	margin:20px auto;
}
.sec06 li img {
	top: 10px;
    position: relative;
	top:5px;
}
@media(min-width:700px) {
.sec06 li .space-pdl330 {
	padding-left:330px;
	}
}

.end_copy {
	margin:30px auto;
}


/* 1024px 未満
============================================== */
@media only screen and (max-width: 1024px) {
.sec01, .sec02, .sec03, .sec04, .sec05, .sec06 {
    padding-right: 20px;
    padding-left: 20px;
}
}


/* 780px 未満
============================================== */
@media only screen and (max-width: 780px) {

}

/* 480px 未満
============================================== */
@media only screen and (max-width: 480px) {	
	.sec01 ul {
	padding: 30px 20px ;
	}
	.check_icon {
    margin: -50px 0 0 -35px;
    width: 30%;
	}
	.sec01 h3 {
	text-align:center;
	}
	.cp_list {
	padding:0!important;	
	}
	.sec02 .flex {
	display:block;
	}
	.sec02 .flex > div{
	width: 100%;
	text-align: center;
	margin-bottom:2em;
	}
	.sec02 .kotsu p {
	padding:0;
	}
	.sec04_in .flex,
	.sec06 .flex {
	display:block;
	}
	.sec04_in .flex > p {
    margin-right: 0px;
	margin-bottom:2em;
}
	.sec05_in h4 {
	line-height: 30px;	
    padding-left: 2.5em;
	padding-top: 15px;
	}
	
	.sec05 p {
	 margin-bottom: 1em;
	}
.sec06 ul{
    padding-left: 0px;
}
}