@charset "UTF-8";

#eyecatch .coaching-eyecatch {
    text-align: right;
    position: relative;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.order1 {
 order: 1;
}
.order2 {
 order: 2;
}

.coarching_bg{
	background-color: #EEE;
}

.coaching_bg{
	background-image: url(/img/coaching/top/coaching-bg.png);
}


a:hover{
		opacity: 0.7;
		transition-property: all;
		transition: 0.3s linear;
		-webkit-transition: ease .3s;
		transition: ease .3s;
}


ol {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 0 0 15px;
}

ol li {
    list-style-type: circle;
    text-align: left;
}



@media screen and (max-width:480px){
.ol_become {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0;
}
.ol_become li {
  position: relative;
  padding: 1em;
  line-height: 1.5em;
  background: #f1f8ff;
  border-left : solid 50px #5c9ee7;
  margin-bottom: 5px;
}
.ol_become li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -50px;
  width: 50px;
  height: 1em;
  line-height: 1;
  text-align: center;
}
	
	.coach_main_pic{
	position:absolute;
	text-align: left;
	left:  10px;                /* 左からの位置指定 */
    top: 35%;  
	width: 95%;
	max-width: 350px;
	margin: 20px auto 0;
	text-shadow	: 0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF;
}
	
	.coach_main_pic h1{
	font-weight: bold;
}
	
	.coach_learn_main_pic{
	position:absolute;
	text-align: right;
    top: 4%; 
	width: 95%;
	max-width: 400px;
	margin: 10px auto 0;
	}
	
	.coach_learn_main_pic h1{
	font-size: 1em;
	font-weight: bold;
	text-shadow	: 0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF;
}
	
	.coach_become_main_pic{
	position: absolute;
	left:  10px;                /* 左からの位置指定 */
    top: 15%;                  /* 上からの位置指定 */
	text-align: left;
}
	
	.coach_become_main_pic h1{
		font-size: 1.3em;
		font-weight: bold;
		text-shadow	: 0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF;
	}
	
	.coach_become_main_pic p{
		font-size: 1em;
}
	
}


@media screen and (max-width: 575px) {
    .entry-inner_red {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        line-height: 3em;
        font-size: 0.8em;
        font-weight: normal;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        width: 90%;
    }
}


@media screen and (min-width:481px){ 
.ol_become {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0;
}
.ol_become li {
  position: relative;
  padding: 2em;
  line-height: 1.5em;
  background: #f1f8ff;
  border-left : solid 100px #5c9ee7;
  margin-bottom: 5px;
}
.ol_become li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -100px;
  width: 100px;
  height: 1em;
  line-height: 1;
  text-align: center;
}
	
	.coach_main_pic{
	position: absolute;
	left:  50px;                /* 左からの位置指定 */
    top: 50%;                  /* 上からの位置指定 */
	text-align: left;
}
	
	.coach_main_pic h1{
		font-size: 4em;
		font-weight: bold;
		font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		text-shadow: 2px 2px 3px #DDD;
	}
	
	.coach_main_pic p{
		font-size: 1.7em;
}
	
	.coach_learn_main_pic{
	position: absolute;
	left:  220px;                /* 左からの位置指定 */
    top: 5%;                  /* 上からの位置指定 */
	text-align: left;
	color: #333;
}
	
	.coach_learn_main_pic h1{
		font-size: 1.4em;
		font-weight: bold;
	}
	
	.coach_learn_main_pic p{
		font-size: 1.3em;
}
	
	
	.coach_become_main_pic{
	position: absolute;
	left:  10px;                /* 左からの位置指定 */
    top: 25%;                  /* 上からの位置指定 */
	text-align: left;
}
	
	.coach_become_main_pic h1{
		font-size: 1.8em;
		font-weight: bold;
	}
	
	.coach_become_main_pic p{
		font-size: 1em;
}
}

@media screen and (min-width:570px){ 
		.coach_learn_main_pic h1{
		font-size: 1.7em;
		font-weight: bold;
	}
	
	.coach_learn_main_pic{
	position: absolute;
	left:  300px;                /* 左からの位置指定 */
    top: 5%;                  /* 上からの位置指定 */
	text-align: left;
	color: #333;
}
}


@media screen and (min-width:690px){ 
	.coach_learn_main_pic{
	position: absolute;
	left:  450px;                /* 左からの位置指定 */
    top: 5%;                  /* 上からの位置指定 */
	text-align: left;
	color: #333;
}
}


 /* PC用のスタイル */
    @media screen and (min-width: 920px) {
    .coach_learn_main_pic{
	position: absolute;
	left:  450px;                /* 左からの位置指定 */
    top: 5%;                  /* 上からの位置指定 */
	text-align: left;
	color: #333;
}
	
	.coach_learn_main_pic h1{
		font-size: 2.5em;
		font-weight: bold;
	}
	
	.coach_learn_main_pic p{
		font-size: 1.7em;
}
		
	.coach_become_main_pic{
	position: absolute;
	left:  50px;                /* 左からの位置指定 */
    top: 45%;                  /* 上からの位置指定 */
	text-align: left;
}
	
	.coach_become_main_pic h1{
		font-size: 3.5em;
		font-weight: bold;
	}
	
	.coach_become_main_pic p{
		font-size: 1.7em;
}
    }


@media screen and (min-width:1060px){ 
    .coach_learn_main_pic{
	position: absolute;
	left:  700px;                /* 左からの位置指定 */
    top: 13%;                  /* 上からの位置指定 */
	text-align: left;
	color: #333;
}
	
	.coach_learn_main_pic h1{
		font-size: 3.0em;
		font-weight: bold;
	}
	
	.coach_learn_main_pic p{
		font-size: 1.7em;
}
	
	}


.target_area{
	width: 95%;
	max-width: 900px;
	margin: 0 auto;
}

@media screen and (min-width:1250px){ 
	.coach_learn_main_pic{
		position: absolute;
		left:  700px;                /* 左からの位置指定 */
		top: 13%;                  /* 上からの位置指定 */
		text-align: left;
		color: #333;
}

	.coach_learn_main_pic h1{
		font-size: 3.5em;
		font-weight: bold;
	}
}

@media screen and (max-width:480px){ 
    .trademark{
	font-size: 0.75em;
		}
		}

@media screen and (min-width:481px){ 
    .trademark{
	font-size: 1em;
	}
	}



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


 テーマボタン


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

a.btn--orange {
  color: #fff;
  background-color: #777777;
  border-bottom: 5px solid #777777;
}
a.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #777777;
  border-bottom: 2px solid #BBBBBB;
}
a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.grid_thema{
	display: flex;
}

.thema_btn a{
	width: 95%;
	max-width: 500px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}

.line_bg{
	background-image: url("../img/coaching/top/line_bg.webp");
	background-repeat: repeat-y;
	width: 100%;
	max-width: 973px;
}

#line_ft{
	width: 100%;
	max-width: 973px;
	margin-top: -9px;
}


    @media screen and (max-width: 480px) {
			/*主な共通部分は省略*/

a.btn--red.btn--cubic_learn {
  border-bottom: 5px solid #de8885;
	background-color: #b03733;
	width: 95%;
	max-width: 500px;
	margin: 0px auto;
	padding: 10px 30px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

a.btn--red.btn--cubic_learn:hover {
  margin-top: 3px;
  border-bottom: 2px solid #de8885;
}

a.btn--radius {
  border-radius: 100vh;
}s

.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}
		
a.btn--red.btn--cubic {
  border-bottom: 5px solid #9dd09e;
	background-color: #00ba01;
	width: 95%;
	max-width: 300px;
	margin: 0px auto;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1em;
}

a.btn--red.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #9dd09e;
}

}

    @media screen and (min-width: 481px) {
/*主な共通部分は省略*/

a.btn--red.btn--cubic {
  border-bottom: 5px solid #9dd09e;
	background-color: #00ba01;
	width: 95%;
	max-width: 300px;
	margin: 0px auto;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1em;
}

a.btn--red.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #9dd09e;
}

a.btn--radius {
  border-radius: 100vh;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}
		
	/*主な共通部分は省略*/

a.btn--red.btn--cubic_learn {
  border-bottom: 5px solid #de8885;
	background-color: #b03733;
	width: 95%;
	max-width: 500px;
	margin: 0px auto;
	padding: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
}

a.btn--red.btn--cubic_learn:hover {
  margin-top: 3px;
  border-bottom: 2px solid #de8885;
}

a.btn--radius {
  border-radius: 100vh;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}
		
}

 /* PC用のスタイル */
    @media screen and (min-width: 768px) {
/*主な共通部分は省略*/

a.btn--red.btn--cubic {
  border-bottom: 5px solid #9dd09e;
	background-color: #00ba01;
	width: 95%;
	max-width: 300px;
	margin: 0px auto;
	padding: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
}

a.btn--red.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #9dd09e;
}

a.btn--radius {
  border-radius: 100vh;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}
		
		
		
	/*主な共通部分は省略*/

a.btn--red.btn--cubic_learn {
  border-bottom: 5px solid #de8885;
	background-color: #b03733;
	width: 95%;
	max-width: 500px;
	margin: 0px auto;
	padding: 20px 30px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
}

a.btn--red.btn--cubic_learn:hover {
  margin-top: 3px;
  border-bottom: 2px solid #de8885;
}

a.btn--radius {
  border-radius: 100vh;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}
		
}

@media screen and (min-width:600px){ 
	a.btn--red.btn--cubic_learn {
  border-bottom: 5px solid #de8885;
	background-color: #b03733;
	width: 100%;
	max-width: 500px;
	margin: 0px auto;
	padding: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.8em;
	text-align: center;
}
}


@media screen and (min-width:720px){ 
	a.btn--red.btn--cubic_learn {
  border-bottom: 5px solid #de8885;
	background-color: #b03733;
	width: 100%;
	max-width: 500px;
	margin: 0px auto;
	padding: 10px 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
}
}

@media screen and (min-width:980px){ 
	a.btn--red.btn--cubic_learn {
  border-bottom: 5px solid #de8885;
	background-color: #b03733;
	width: 100%;
	max-width: 500px;
	margin: 0px auto;
	padding: 10px 30px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}
}

@media screen and (min-width:1250px){ 
	a.btn--red.btn--cubic_learn {
		padding: 20px 30px;
	}
	
}

.coach_step_fig{
	width: 95%;
	max-width: 800px;
	margin: 20px auto 40px;
}

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


 テキストサイズ


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

.text_coaching_1{
	font-size: 1.0em;
}

.text_coaching_min{
	font-size: 1em;
}



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


 テーマの一例


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

    /* CSSスタイルの定義 */
    .button {
      display: inline-block;
      width: 100%;
      height: 40px;
      border-radius: 10px;
      text-align: center;
      line-height: 40px;
      background-color: #ffd5cf;
      color: #333333;
    }

	.button_click {
      display: inline-block;
      width: 100%;
      height: 40px;
      border-radius: 10px;
      text-align: center;
      line-height: 40px;
      background-color: #a83532;
      color: #FFFFFF;
	　font-size:1.1em;
	　font-weight: bold;
    }


    /* PC用のスタイル */
    @media screen and (min-width: 768px) {
      .button-container {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 3px;
        justify-items: center;
      }
    }

    /* スマートフォン用のスタイル */
    @media screen and (max-width: 767px) {
      .button-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 3px;
        justify-items: center;
      }
    }

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


 3つのコーチング


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


    .coaching_type {
      display: inline-block;
      width: 100%;
      height:auto;
    }

    .coaching_type-point {
      display: inline-block;
      width: 100%;
      height:auto;
	  padding: 0 20px;
	  background-color: #FFF;
    }

	.coaching_img{
		width: 100%;
		max-width: 250px;
		margin: 0 auto;
	}

    /* PC用のスタイル */
    @media screen and (min-width: 768px) {
      .coaching-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px;
        justify-items: center;
      }
    }



    /* スマートフォン用のスタイル */
    @media screen and (max-width: 767px) {
      .coaching-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
      }
    }

	.coaching_type_text{
		width: 100%;
		padding: 10px;
		margin: 10px auto;
	}

	.coaching_type_overview{
		width: 95%;
		font-size: 0.85em;
		margin: 5px auto 10px;
		padding: 10px;
		/*background-color: #FFF;*/
		/*border-radius: 10px;*/
		border-top: dotted #CCC;
	}

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


 注目が集まるコーチング


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


    /* PC用のスタイル */
    @media screen and (min-width: 768px) {
      .coaching-container_4l {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
        justify-items: center;
      }
    }

    /* スマートフォン用のスタイル */
    @media screen and (max-width: 767px) {
      .coaching-container_4l {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
      }
    }

.coaching-container_4l_text_area{
	width: 90%;
	margin: 10px auto 20px;
}

.coaching-container_4l .bg_color{
	background-color: #888888;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}



/* PC用のスタイル */
    @media screen and (min-width: 768px) {
      .coaching-container_2l {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        justify-items: center;
      }
    }

    /* スマートフォン用のスタイル */
    @media screen and (max-width: 767px) {
      .coaching-container_2l {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
      }
    }




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


 FAQ


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



.accordion {
  width: 95%;
	margin: 0 auto;
  max-width: 800px;
}

/*------------------------------

ここからアコーディオンのCSS

------------------------------*/
/* チェックボックスを非表示にする */
.accordion-hidden{
  display: none;
}

/* Question部分 */
.accordion-open {
  display: block;
  padding: 10px;
  background: #193d69;
  cursor: pointer;
  margin: 5px 0;
  font-weight: 700;
	color: #FFFFFF;
}

/* Answer部分は最初は表示しない */
.accordion-close {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;/* 表示速度の設定 */
}

/* チェックボックスにチェックが入ったらAnswer部分を表示 */
.accordion-hidden:checked + .accordion-open + .accordion-close {
  height: auto;
  opacity: 1;
  padding: 10px;
  background: #FFFFFF;
  font-weight: 700;
}



.learn_choice_text_1{
	font-size: 1.5em;
	margin-top: 20px;
}

.learn_choice_text_2{
	font-size: 1em;
	width: 95%;
	margin: 0 auto 20px;
}


@media screen and (max-width:480px){
.learn_choice_btn{
	width: 95%;
	max-width: 500px;
	margin: 30px auto 10px;
}
}


@media screen and (min-width:481px){ 
.learn_choice_btn{
	/*width: 70%;*/
	max-width: 500px;
	/*margin: 10px auto;*/
}
	
.learn_choice_btn-c{
	/*width: 70%;*/
	max-width: 500px;
	margin: 10px auto;
}	
}


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


 学ぶページ


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


.learn_title_text{
	font-size: 1.5em;
	font-weight: bold;
    text-align: center;
    padding: 15px;
    margin: 0px auto 30px;
	width: 100%;
	max-width: 600px;
    /*display: inline-block;*/
   /*background-color: #FFDAD5; /* 明るめのピンク系 */
    /*border: 2px solid #D56A6A;*/ /* 赤系の縁取りを追加 */
    /*border-radius: 12px;
    /*box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); /* 軽い影 */
    line-height: 1.4;
    position: relative;
    overflow: hidden; /* 下のラインがはみ出さないように */
}

/* 下部に赤いラインを追加 */
.learn_title_text::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px; /* 太めのライン */
    background-color: #333333; /* 赤系のカラー */
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 12px; /* 枠の丸みと合わせる */
    border-bottom-right-radius: 12px;
}

.learn_bg_rad{
	border-radius: 10px;
}

.coarching_bg_learn{
	background-color: #3b3950;
	color: #FFFFFF;
}

.learn_step_text_1 {
    font-size: 1.8em;
	margin-bottom: 20px;
}

.coaching_logo{
	width: 50%;
	max-width: 300px;
}


@media screen and (max-width:480px){
	.learn_text_1{
		width: 100%;
		text-align: left;
		font-size: 1.2em;
	}
	
	.coaching_logo{
	width: 40%;
	max-width: 300px;
		margin: 0 0 10px auto;
}
}


@media screen and (min-width:481px){ 
	.learn_text_1{	
		width: 800px;
		max-width: 95%;
		text-align: center;
		font-size: 1em;
	}
	
	.learn_title_text{
		font-size: 2em;
	}
}

/* 親要素をFlexboxに */
.coaching-container_2l {
    /*display: flex;*/
    gap: 20px; /* カード同士の間隔 */
    flex-wrap: wrap; /* レスポンシブ対応 */
}

/* 各カードを同じ高さにしてボタンを下揃え */
.coaching_type {
    flex: 1;
    display: flex;
    flex-direction: column; /* 縦方向に並べる */
    /*padding: 20px;*/
	margin-bottom: 30px;
    box-sizing: border-box;
}

/* テキスト部分が伸縮する */
.text_coaching_min {
    flex-grow: 1; /* 内容が少なくても広がる */
}

/* ボタンを下に固定 */
.learn_choice_btn {
    margin-top: auto; /* ボタンを下部に配置 */
    text-align: center; /* ボタン中央寄せ */
}

/* ボタンのスタイル */
.btn--cubic_learn {
    display: inline-block;
    padding: 12px 20px;
    background-color: #D56A6A;
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.btn--cubic_learn:hover {
    background-color: #b54e4e;
}




/*-- コーチングを学ぶステップ --*/
.ttl_balloon1 {
  font-weight: bold;
  padding: 0.5em 1em;
  background-color: #3b3950;
  color: #fff;
  position: relative;
}
.ttl_balloon1:before {
  content: '';
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
  left: 30px;
  top: 100%;
  border-color: transparent;
  border-top-color: #3b3950;
  border-right-color: #3b3950;
  border-width: 6.5px;
}

/*-- 認定コーチになるために学ぶ --*/
.ttl_balloon2 {
  font-weight: bold;
  padding: 0.5em 1em;
  background-color: #c5c3df;
  color: #333;
  position: relative;
}
.ttl_balloon2:before {
  content: '';
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
  left: 30px;
  top: 100%;
  border-color: transparent;
  border-top-color: #c5c3df;
  border-right-color: #c5c3df;
  border-width: 6.5px;
}


.learn_main_title {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    padding: 8px 20px;
    background-color: #FFDAD5; /* 明るめのピンク系 */
    border-radius: 8px;
    position: relative; /* 追加 */
    display: inline-block; /* 親要素の幅を調整 */
    width: 100%; /* 横幅いっぱいに */
    max-width: 600px; /* 可変対応 */
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; /* ラインがはみ出さないように */	
}

/* 下部に赤いラインを追加 */
.learn_main_title::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px; /* 太さを3pxに変更 */
    background-color: #D56A6A; /* 赤系のカラー */
    position: absolute;
    bottom: 0; /* 完全に枠と一体化 */
    left: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}





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


 ボタンアニメーション


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






/**印刷

SyntaxHighlighterについて*/
    /* デフォルト：479px以下用（スマートフォン用）の記述 */ 

@media screen and (max-width:480px){
	
	.coarching_h1{
		font-size:0.9em;
	}
	.coaching-cont-left{
	width: 100%;
	padding:5px;
	
}

	.coaching-cont-right{
	width: 100%;
	padding:5px;
}
	
	.coaching-voice-photo{
	width: 95%;
	max-width: 190px;
	margin: 0 auto 5px;
}

	
	.coaching-voice-photo img{
	border-radius: 10px;
}
	
	.coaching-voice-text{
	width: 95%;
	margin: 0 auto 5px;
}
	.coaching-grid{
		flex-direction: column;
	}
	
	.coaching_about{
		text-align: left;
	}
	
	.coaching-role-photo img{
		border-radius: 20px;
	}
	
}


@media screen and (min-width:481px){ 
	
		.coarching_h1{
		font-size:1.05em;
	}
	
	.coaching-cont-left{
	width: 50%;
	padding:20px;
	
}

	.coaching-cont-right{
	width: 50%;
	padding:20px;
}

	.coaching-voice-photo{
	width: 30%;
	max-width: 190px;
	padding:10px;
	margin: 0 auto;
}
	
	.coaching-voice-photo img{
	border-radius: 10px;
}

	.coaching-voice-text{
	width: 70%;
	padding:10px;
}
	.coaching-grid{
		display: flex;
	}
	
	.coaching_about{
		text-align: center;
	}
	
	.coaching-role-photo{
	width: 30%;
	padding:10px;
	margin: 0 auto 10px;
}
	
	.coaching-role-photo img{
	border-radius: 10px;
}

	.coaching-role-text{
	width: 70%;
	padding:10px;
}
	
}

@media screen and (min-width:767px){ 
	

	
    /* 768px以上用（タブレット用）の記述 */ 
} 



@media screen and (min-width:980px){ 
	
	

    /* 980px以上用（PC用）の記述 */ 
} 

@media screen and (min-width:1023px){




}