/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Gutenberg ブロックエディタの横幅をブログの幅にそろえる（効いてない？）*/
.editor-styles-wrapper .wp-block{
	max-width: 700px !important;
}

.highlight1 { background:linear-gradient(transparent 60%, rgba(107, 194, 161, 0.25) 60%);
    font-weight: bold;
}


/* ↓↓プロフィールボックス */

.ProfileBox1 {
    width: 100%; 
	margin: 30px 0 30px 0;
    padding: 0 2em 2em 0; /* 内側余白 */
	border: 2px solid #6bc2a1;
    border-radius: 3px;
    overflow: hidden;
}

.ProfileBox1 span {
	padding: .4em .8em;
    background-color: #6bc2a1;
    color: #fff;
}
.ProfileBoxContainer {
	display: flex;
    padding: 2em 0 0 2em;
}

.ProfileImageCircle img{
	width: 100px;
	height: auto;
	border-radius:50%;
}

.ProfileContent {
	padding: 0 1em 0 2em; /* 内側余白 */
	width: 100%;
	font-size:14px;
	line-height:1.8em;
}

.ProfileName1 {
	font-weight:bold;
	padding: 0 ;
	font-size:16px;	
}

.ProfileName2 {
	font-weight:normal;
	padding: 0 0 10px 0;
	font-size:14px;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #ccc;
}

/*----プロフィール実績用----*/
.ProfileName3 {
	font-weight:bold;
	padding-bottom: 1em ;
	font-size:14px;	
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc;
}

/*----スマホ表示用----*/
@media screen and (max-width:560px) {

.ProfileBox1 {
	padding:0;
}
	
.ProfileBoxContainer {
	padding:1.5em 0em 1em 0.7em ;
}
.ProfileContent {
	padding: 0 0.5em 0 1em ;
}

.ProfileName1 {
	padding-bottom: 0.2em ;
}

}

/* ↑↑プロフィールボックス */


/* ↓↓吹き出しボックス */

/*------------------------------
  画像付き吹き出し
------------------------------*/
/*全体*/
.description {
      margin:2em 0;
      padding:10px;
      position:relative;
      display:-webkit-flex;
      display:flex;
}

.description:before , .description:after {
      clear: both;
      content: "";
      display: block;
}

/*画像部分*/
.description-image{
      float:left;
	  min-width:80px;
      padding:0;
}

/*吹き出し部分*/
.text-box {
      margin:0 0 0 20px;  /*画像と吹き出しの間の余白*/
      padding:0;
}

.description-text {
      float:left;
      position:relative;
      margin:0;
      padding:10px;    /*吹き出し内側の余白*/
      border:2px solid #aaa;   /*枠線の太さ 線種 色*/
      border-radius:0.5em;   /*角丸*/
      background:#fff;   /*背景色*/
}

.description p {
      margin:0;
      padding:0;
}

/*吹き出しの三角*/
.description-text:before {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-right: 10px solid #aaa;
      top: 15px;
      left: -21px;
}

.description-text:after {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-right: 10px solid #fff;
      top: 15px;
      left: -19px;
}

/*----スマホ表示用----*/
@media screen and (max-width:560px) {
.description {
      -webkit-flex-direction:column;
      flex-direction:column;
}

.description-image {
      margin:0 0 20px;
      max-width:100%;
      min-width:100px;
      text-align:center
}

.text-box {
	margin:0;
      max-width:100%;
      min-width:100px;
}

/*スマホ用三角部分*/
.description-text:before {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-bottom: 10px solid #aaa;
      top: -22px;
      left:47%;
}

.description-text:after {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-bottom: 10px solid #fff;
      top: -19px;
      left:47%;
}
}

/* ↑↑吹き出しボックス */


/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Gutenberg ブロックエディタの横幅をブログの幅にそろえる（効いてない？）*/
.editor-styles-wrapper .wp-block{
	max-width: 700px !important;
}

.highlight1 { background:linear-gradient(transparent 60%, rgba(107, 194, 161, 0.25) 60%);
    font-weight: bold;
}

/* ↓↓プロフィールボックス */

.ProfileBox1 {
    width: 100%; 
	margin: 30px 0 30px 0;
    padding: 0 2em 2em 0; /* 内側余白 */
	border: 2px solid #6bc2a1;
    border-radius: 3px;
    overflow: hidden;
}

.ProfileBox1 span {
	padding: .4em .8em;
    background-color: #6bc2a1;
    color: #fff;
}
.ProfileBoxContainer {
	display: flex;
    padding: 2em 0 0 2em;
}

.ProfileImageCircle img{
	width: 100px;
	height: auto;
	border-radius:50%;
}

.ProfileContent {
	padding: 0 1em 0 2em; /* 内側余白 */
	width: 100%;
	font-size:14px;
	line-height:1.8em;
}

.ProfileName1 {
	font-weight:bold;
	padding: 0 ;
	font-size:16px;	
}

.ProfileName2 {
	font-weight:normal;
	padding: 0 0 10px 0;
	font-size:14px;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #ccc;
}

/*----スマホ表示用----*/
@media screen and (max-width:560px) {

.ProfileBox1 {
	padding:0;
}
	
.ProfileBoxContainer {
	padding:1.5em 0em 1em 0.7em ;
}
.ProfileContent {
	padding: 0 0.5em 0 1em ;
}

.ProfileName1 {
	padding-bottom: 0.2em ;
}

}

/* ↑↑プロフィールボックス */


/* ↓↓吹き出しボックス */

/*------------------------------
  画像付き吹き出し
------------------------------*/
/*全体*/
.description {
      margin:2em 0;
      padding:10px;
      position:relative;
      display:-webkit-flex;
      display:flex;
}

.description:before , .description:after {
      clear: both;
      content: "";
      display: block;
}

/*画像部分*/
.description-image{
      float:left;
	  min-width:80px;
      padding:0;
}

/*吹き出し部分*/
.text-box {
      margin:0 0 0 20px;  /*画像と吹き出しの間の余白*/
      padding:0;
}

.description-text {
      float:left;
      position:relative;
      margin:0;
      padding:10px;    /*吹き出し内側の余白*/
      border:2px solid #aaa;   /*枠線の太さ 線種 色*/
      border-radius:0.5em;   /*角丸*/
      background:#fff;   /*背景色*/
}

.description p {
      margin:0;
      padding:0;
}

/*吹き出しの三角*/
.description-text:before {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-right: 10px solid #aaa;
      top: 15px;
      left: -21px;
}

.description-text:after {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-right: 10px solid #fff;
      top: 15px;
      left: -19px;
}

/*----スマホ表示用----*/
@media screen and (max-width:560px) {
.description {
      -webkit-flex-direction:column;
      flex-direction:column;
}

.description-image {
      margin:0 0 20px;
      max-width:100%;
      min-width:100px;
      text-align:center
}

.text-box {
	margin:0;
      max-width:100%;
      min-width:100px;
}

/*スマホ用三角部分*/
.description-text:before {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-bottom: 10px solid #aaa;
      top: -22px;
      left:47%;
}

.description-text:after {
      position: absolute;
      content: '';
      border: 10px solid transparent;
      border-bottom: 10px solid #fff;
      top: -19px;
      left:47%;
}
}

/* ↑↑吹き出しボックス */


/*ボックス：背景薄緑*/
.box-simple1 {
    margin-bottom: 1.5em;
	padding: 0.5em 1em;
    color: #2c2c2f;
    background: #DAF0E8;/*背景色*/
}

/*ボックス：spanで緑タイトル(小)付き*/
.box-title1 {
    margin: 2em auto;
    border: 2px solid #6bc2a1;
    border-radius: 3px;
    overflow: hidden;
}

.box-title1-span {
	padding: .4em .8em;
    background-color: #6bc2a1;
    color: #fff;
}

.box-title1 p {
    padding: 1em 1.5em;
	margin:0;
}

/*ボックス：緑タイトル(大)付き*/
.box-title2 {
    margin: 2.5em auto;
    border: 2px solid #6bc2a1;
    border-radius: 3px;
}

.box-title2-span{
	display: flex;
    justify-content: center;
	padding: .7em 1em;
	text-align: center;
    background-color: #6bc2a1;
    color: #fff;
    font-weight: 600;
}

.box-title2 p {
    margin: 0;
    padding: 1em 1.5em;
    color: #333;
}

.box-title2 ul,ol {
    margin: 0;
    padding: 1em 1.5em 1em 3em;
    color: #333;
}

/*ボックス：アイコン・ビックリマーク付き*/
.info-box1{
background-color: #f4fbf8;
position:relative;
margin-top:50px;
padding:20px 20px 20px 70px;
border-radius: 5px;
}
.info-box1::before{
position:absolute;
top:20px;
left:20px;
font-size:1.5rem;
font-weight:700;
color: #ffffff;
text-align: center;
vertical-align: middle;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 50%;
content: "?";
background: #6BC2A1;
}

.info-box1-title{
	font-weight:bold;
	padding: 0 1em 1em 0;
	margin-bottom:1.2em;
	border-bottom: 1px solid #ccc;
}

/*ボタン：無料診断 */
.blogtitles .button-shindan {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:1.2em 0 1em 0 ;
    padding: .9em 2em;
    border: 1px solid #6bc2a1;
    border-radius: 5px;
    background-color: #6bc2a1;
    color: #fff;
    font-size: 1em;
	letter-spacing:.1em;
}
.blogtitles .button-shindan:hover {
    background-color: #fff;	
	color: #6bc2a1;
}
.blogtitles .button-shindan::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}
.blogtitles .button-shindan:hover:after {
    border-top: 2px solid #6bc2a1;
    border-right: 2px solid #6bc2a1;
}


/* リードコピー用ボックス */
.LeadBox1 {
    margin: 2em 0 2em; /* 外側の余白（上下と中央配置） */
    padding: 2em; /* 内側余白 */
    background-color:#feffed; /* 背景の色 */
}

.LeadBox1 p {
    margin: 0;
}

/* PCでだけ改行 */
.pc_view{
  display: block;
}

/* スマホでだけ改行 */
.sp_view{
  display: none;
}

@media screen and (max–width: 768px){
    .pc_view{
      display: none;
    }

    .sp_view{
      display: block;
    }

}