@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
#customFooter ul, #customFooter ol { list-style-type: none; }

/* ヘッダーの横幅 ===============================================================================*/
.header-container-in.wrap {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
/* ヘッダーデザイン =============================================================================== */
#header-container { padding: 5px 0 7px; }
/* ヘッダー固定時のシャドウ */
.fixed-header { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0); } /* 0.25 */


.header-container-in.hlt-top-menu .logo-header {
	max-height: 75px !important;
}
.header-container-in.hlt-top-menu .logo-header img {
	width: 250px;
	height: 75px;
	max-height: 75px !important;
}

#navi .navi-in > ul > li {
	height: 34px;
	line-height: 34px;
}
#navi .navi-in > ul > li.menu_item_login,
#navi .navi-in > ul > li.menu_item_start {
	height: 31px;
	line-height: 31px;
}
#navi .navi-in > ul > li:first-child > a { padding: 0 1em 0 0; }
#navi .navi-in > ul > li > a { padding: 0 1em; }
#navi .navi-in > ul > li.menu_item_login > a { padding: 0 10px 0 5px; }
#navi .navi-in > ul > li.menu_item_start > a { padding: 0; }

/* ヘッダーメニュー フォントサイズ */
#navi .navi-in a { font-size: 13px; }
/* ヘッダーメニュー マウスオーバー時 */
#navi .navi-in a:hover {
	color: #14a69a;
	font-weight: 400;
	background: none;
}
/* ヘッダーメニュー個別 ログインボタン */
#navi .navi-in .menu_item_login a .caption-wrap {
	padding: 0 10px;
	color: #14a69a;
	font-size: 14px !important;
	font-weight: 700;
	border: solid 2px #14a69a;
	border-radius: 50px;
}
#navi .navi-in .menu_item_login a:hover .caption-wrap {
	color: #fff;
	background-color: #14a69a;
	border: solid 2px #14a69a;
}
/* ヘッダーメニュー個別 はじめるボタン */
#navi .navi-in .menu_item_start a .caption-wrap {
	padding: 0 10px;
	color: #fff;
	font-size: 14px !important;
	font-weight: 700;
	background-color: #14a69a;
	border: solid 2px #14a69a;
	border-radius: 50px;
}
#navi .navi-in .menu_item_start a:hover .caption-wrap {
	color: #14a69a;
	background-color: #fff;
	border: solid 2px #14a69a;
}


/* top contentデザイン  =================================================================================================== */
#content-in.wrap {
	width: 100%;
	max-width: none;
}
/* 全体に関わる初期化 */
.entry-content {
	margin-top: 0;
	margin-bottom: 0;
}
.footer { margin-top: 0; }

#front_contents { width: 100%; padding: 0; margin: 0; }
#front_contents p { margin: 0; padding: 0; }
#front_contents h2 { padding: 0; background: none!important; }

/*- いますぐ始めるボタン-------------- -*/
/* main view btn */
.startbtn_area_top {
	width: 75%;
	margin: 0 auto;
	background: #FF6924;
	border-radius: 50px;
}
.startbtn_area_top a.startbtn {
	display: block;
	padding: 20px 0;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.1em;
	letter-spacing: 0.03em;
	text-decoration: none;
}
/* main view 以外 */
.btn_area {
	overflow: hidden;
	width: 100%;
	display: flex;
	justify-content: center;
}
.btn_area .startbtn {
	width: 400px;
	margin: 0 10px;
	background: #FF6924;
	border-radius: 10px;
}
.btn_area .inquirybtn {
	width: 400px;
	margin: 0 10px;
	background: #2D63B6;
	border-radius: 10px;
}
.btn_area .startbtn a,
.btn_area .inquirybtn a {
	display: block;
	padding: 20px 0;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.1em;
	letter-spacing: 0.03em;
	text-decoration: none;
	text-align: center;
}
.startbtn_area_top:hover,
.btn_area .startbtn:hover { background: #D34F12; }
.btn_area .inquirybtn:hover { background: #2E4F82; }


/*- 各カラムタイトルのborder -*/
.ttldeco,
.ttldeco_02 {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
}
.ttldeco::before {
  background-color: #1c2a54;
  content: "";
  flex-grow: 1; /* 横幅いっぱい */
  height: 2px; /* 横線の高さ */
	margin-right: 0; /* 文字との余白 */
	margin-left: 0; /* 文字との余白 */
}
.ttldeco::after {
  background-color: #1c2a54;
  content: "";
  flex-grow: 1;
  height: 2px;
	margin-right: 0;
	margin-left: 10px;
}

.ttldeco_02::before,
.ttldeco_02::after {
  background-color: #1c2a54;
  content: "";
  flex-grow: 1;
  height: 2px;
	margin-right: 0;
	margin-left: 0;
}


/*- sankaku 01 -*//* 下向き三角 white */
.sankaku_01 { padding-top:50px; position:relative; overflow:hidden; width:100%; background:#d0edeb; }
.sankaku_01::after{ content:""; position:absolute; width:0; height:0; top:0; left:50%; border-style:solid; border-width:51px 50vw 0 50vw; border-color:#fff  transparent transparent transparent;/* 三角の色 */ transform:translateX(-50%); }
/*- sankaku 02 -*//* 上向き三角 green */
.sankaku_02 { padding-top:50px; position:relative; overflow:hidden; width:100%; background:#d0edeb; }
.sankaku_02::after{ content:""; position:absolute; width:0; height:0; top:0; left:50%; border-style:solid; border-width:0 50vw 51px 50vw; border-color: transparent transparent #ACDEDB transparent;/* 三角の色 */ transform:translateX(-50%); }

/*- sankaku 03 -*//* 下向き三角 green */
.sankaku_03 { padding-top:50px; position:relative; overflow:hidden; width:100%; background:#d0edeb; }
.sankaku_03::after{ content:""; position:absolute; width:0; height:0; top:0; left:50%; border-style:solid; border-width:51px 50vw 0 50vw; border-color:#ACDEDB  transparent transparent transparent;/* 三角の色 */ transform:translateX(-50%); }
/*- sankaku 04 -*//* 上向き三角 white */
.sankaku_04 { padding-top:50px; position:relative; overflow:hidden; width:100%; background:#d0edeb; }
.sankaku_04::after{ content:""; position:absolute; width:0; height:0; top:0; left:50%; border-style:solid; border-width:0 50vw 51px 50vw; border-color: transparent transparent #fff transparent;/* 三角の色 */ transform:translateX(-50%); }

/*- css icon -*/
.times_mark {
  display: inline-block;
  vertical-align: middle;
  color: #1AA69B;;
  line-height: 1;
  width: 6em;
  height: 0.15em;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
  transform: rotate(45deg);
}
.times_mark::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}

/*------------ main view ------------*/
#mainView { 
	background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/bg_top_pc.png);
	background-color: #EDF6FB;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#mainView .main_appeal { 
	overflow: hidden;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
/*アピールテキスト*/
#mainView .main_appeal .main_appeal_read {
	float: left;
	width: 46%;
	padding: 70px 0;
	text-align: center;
}
#mainView .main_appeal .main_appeal_read .appeal_read {
	margin: 0;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.02em;
}
#mainView .main_appeal .main_appeal_read .read_strong01 {
	padding: 0 0 20px 0;
	color: #1c2a54;
	font-size: 33px;
	font-weight: 700;
}
#mainView .main_appeal .main_appeal_read .read_strong02 {
	color: #ff66a7;
	font-size: 33px;
	font-weight: 700;
}
#mainView .main_appeal .main_appeal_read .main_appeal_logo { line-height: 1.0; }
#mainView .main_appeal .main_appeal_read .main_appeal_logo img {
	width: 85%;
	height: auto;
}
/*画面デモ*/
#mainView .main_appeal .main_appeal_demo {
	float: right;
	width: 54%;
}
#mainView .main_appeal .main_appeal_demo .demo_area {
	margin: 130px 0 0;
	position: relative;
}


/*------ what is Tsukrel SEO ------*/
#whatisTsukrel {
	padding: 50px 0 0;
}
#whatisTsukrel .info_title {
	width: 960px;
	margin: 0 auto 30px;
}
#whatisTsukrel .info_title img {
	width: 290px;
	height: auto;
}
#whatisTsukrel .info_read {
	width: 1000px;
	padding: 0 140px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.8;
	text-align: center;
}
#whatisTsukrel .info_read .info_read_st {
	display: block;
	color: #14a69a;
	font-size: 28px;
	font-weight: 700;
}
#whatisTsukrel .info_read .read_times_mark {
	font-size: 35px;
	font-weight: 400;
	line-height: 1;
}

#whatisTsukrel .featureTsukrel {
	background-color: #ACDEDB;
}
#whatisTsukrel .featureTsukrel .featureBox {
	width: 960px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
#whatisTsukrel .featureTsukrel .featureBox .featureItem {
	width: 400px;
	background: #fff;
	border: solid 3px #1AA69B;
	border-radius: 15px;
	display: flex;
	flex-direction: column;
}
#whatisTsukrel .featureTsukrel .featureBox .featureItem h3 {
	margin: 0 0 20px 0;
	padding: 20px;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.8;
	border: none;
	background-color: #1AA69B;
	border-radius: 10px 10px 0 0;
	text-align: center;
}
#whatisTsukrel .featureTsukrel .featureBox .featureItem h3 .h3_st {
	font-size: 26px;
	font-weight: 700;
}
#whatisTsukrel .featureTsukrel .featureBox .featureItem .description {
	padding: 0 20px 15px;
	text-align: center;
  flex-grow: 1;
}
#whatisTsukrel .featureTsukrel .featureBox .featureItem .description .desc_st {
	display: inline-block;
	color: #14a69a;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.1;
	background: linear-gradient(transparent 50%, #FFFF01 0%);
}
#whatisTsukrel .featureTsukrel .featureBox .times_item {
	display: flex;
	align-items: center;
}
/*- 動画紹介 -*/
#whatisTsukrel .featureMove {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 120px;
}

#whatisTsukrel .featureMove .moveTtl {
	margin: 0 auto;
	padding: 15px 0 30px;
	text-align: center;
}
#whatisTsukrel .featureMove .moveTtl h3 {
	display: inline;
	color: #1c2a54;
	font-size: 26px;
	font-weight: 700;
	line-height:1.1;
	letter-spacing: 0.01em;
	margin-bottom: 0;
	border: none;
	position: relative;
}
#whatisTsukrel .featureMove .moveTtl h3::before,
#whatisTsukrel .featureMove .moveTtl h3::after {
    position: absolute;
    top: 0.5rem;
    height: 2.5rem;
    content: '';
	background-color: #1c2a54;
	border-radius: 50px;
}
#whatisTsukrel .featureMove .moveTtl h3::before {
    border-left: solid 3px;
    left: 0;
    transform: rotate(-30deg);
}
#whatisTsukrel .featureMove .moveTtl h3::after {
    border-right: solid 3px;
    right: 0;
    transform: rotate(30deg);
}
#whatisTsukrel .featureMove .info_movie {
	margin: 0 auto 40px;
	/*background-color: #f5f5f5;*/
}
#whatisTsukrel .featureMove .info_movie .video-container { /* 動画を中央寄せ */
	margin: 0 auto;
}

/*- 課題ありませんか -*/
#whatisTsukrel .theseIssues {
	margin-top: 50px;/*動画エリア非表示の場合*/
	background-color: #ACDEDB;
}
#whatisTsukrel .theseIssues .issuesTtl {
	padding: 0 0 10px 0;
	text-align: center;
}
#whatisTsukrel .theseIssues .issuesTtl .issuesDeco {
	position: relative;
	display: inline-block;
	margin: -30px 0 1.5em;
	padding: 7px 10px;
	width: 470px;
	max-width: 100%;
	background: #1c2a54;
	border-radius: 50px;
}
#whatisTsukrel .theseIssues .issuesTtl .issuesDeco:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #1c2a54;
}
#whatisTsukrel .theseIssues .issuesTtl .issuesDeco:after {
	content: '';
	position: absolute;
	top: -50px;
	right: -50px;
	width: 60px;
	height: 65px;
	background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/icon_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -100;
}
	
#whatisTsukrel .theseIssues .issuesTtl .issuesDeco h3 {
	margin: 0;
	color:#fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.01em;
	border: none;
}
#whatisTsukrel .theseIssues .issuesTtl .issuesDeco h3 .h3_st { font-size: 26px; }

/*- 課題 -*/
#whatisTsukrel .theseIssues .issuesBox {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0;
	display: flex;
	justify-content: center;
	background: #fff;
}
#whatisTsukrel .theseIssues .issuesBox .issuesItem {
	padding: 15px 0;
	width: 320px;
	background: #fff;
	border: solid 2px #1c2a54;
	display: flex;
	flex-direction: column;
}
#whatisTsukrel .theseIssues .issuesBox .issuesItem:nth-child(2){ margin: 0 30px; }
#whatisTsukrel .theseIssues .issuesBox .issuesItem h3 {
	padding: 25px 0 25px 55px;
	margin: 0 20px 20px;
	color: #1c2a54;
	font-size: 18px;
	font-weight: 700;
	border-bottom: solid 2px #1c2a54;
}
#whatisTsukrel .theseIssues .issuesBox .issuesItem h3.issues_01,
#whatisTsukrel .theseIssues .issuesBox .issuesItem h3.issues_02,
#whatisTsukrel .theseIssues .issuesBox .issuesItem h3.issues_03 {
	content: '';
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: left;
}
#whatisTsukrel .theseIssues .issuesBox .issuesItem h3.issues_01 {
	background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/icon_02.png);
}
#whatisTsukrel .theseIssues .issuesBox .issuesItem h3.issues_02 {
	background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/icon_03.png);
}
#whatisTsukrel .theseIssues .issuesBox .issuesItem h3.issues_03 {
	background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/icon_04.png);
}

#whatisTsukrel .theseIssues .issuesBox .issuesItem .description {
	padding: 0 20px 20px;
	flex-grow: 1;
}
/*- 矢印 -*/
#front_contents .arrow_item .arrow_mark_01 {
	display: block;
	color: #fff;
	line-height: 1;
	position: relative;
	width: 4.5em;
	height: 1em;
	background: currentColor;
	margin: 0 auto;
}
#front_contents .arrow_item .arrow_mark_02 {
	display: block;
	color: #fff;
	line-height: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 3em 4.5em;
	border-top-color: currentColor;
	border-bottom: 0;
	margin: 0 auto;
}
/*- 解決方法 -*/
#whatisTsukrel .theseIssues .solutionBox {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 55px;
	display: flex;
	justify-content: center;
}
#whatisTsukrel .theseIssues .solutionBox .solutionItem {
	padding: 45px 0 30px;
	width: 320px;
	background: #fff;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
}
#whatisTsukrel .theseIssues .solutionBox .solutionItem:nth-child(2){ margin: 0 30px; }
#whatisTsukrel .theseIssues .solutionBox .solutionItem figure {
	padding: 0 20px 20px;
	text-align: center;
}
#whatisTsukrel .theseIssues .solutionBox .solutionItem figure img {
	width: 27%;
	height: auto;
}
#whatisTsukrel .theseIssues .solutionBox .solutionItem h3 {
	padding: 0 20px 20px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}
#whatisTsukrel .theseIssues .solutionBox .solutionItem .description {
	padding: 0 20px;
	flex-grow: 1;
}
/* process */
#whatisTsukrel .processBox {
	width: 100%;
	padding: 50px 0;
	background: #fff;
}
#whatisTsukrel .processBox .processList {
	display: flex;
	justify-content: center;
}
#whatisTsukrel .processBox .processList .process_01,
#whatisTsukrel .processBox .processList .process_02 {
	display: flex;
	justify-content: center;
	padding: 0 0 40px 0;
	position: relative;
}
#whatisTsukrel .processBox .processList .process_02::before {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 25px;
	background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/icon_10.png);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 100;
}
#whatisTsukrel .processBox .processList .p-list_01,
#whatisTsukrel .processBox .processList .p-list_02,
#whatisTsukrel .processBox .processList .p-list_last {
	display: flex;
	flex-direction: column;
	position: relative;
}
#whatisTsukrel .processBox .processList .p-list_01,
#whatisTsukrel .processBox .processList .p-list_02 {
	padding: 0 6px 0 0;
}
#whatisTsukrel .processBox .processList .p-list_last { padding: 0; }

#whatisTsukrel .processBox .processList .p-list_01:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -13px;
	width: 44px;
	height: 55px;
	background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/icon_ya_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 100;
}
#whatisTsukrel .processBox .processList .p-list_02:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -13px;
	width: 44px;
	height: 55px;
	background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/icon_ya_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 100;
}
#whatisTsukrel .processBox .processList .p-list_01 .p-list_01_txt {
	padding: 13px 30px 13px 20px;
	color: #fff;
	font-weight: 700;
	background-color: #a3a3a3;
	border-radius: 8px;
}
#whatisTsukrel .processBox .processList .p-list_02 .p-list_02_txt {
	padding: 13px 30px 13px 20px;
	color: #fff;
	font-weight: 700;
	background-color: #1AA69B;
	border-radius: 8px;
}
#whatisTsukrel .processBox .processList .p-list_last .p-list_02_txt  {
	padding: 13px 20px;
	color: #fff;
	font-weight: 700;
	background-color: #1AA69B;
	border-radius: 8px;
}

#whatisTsukrel .processBox .processPoint {
	padding: 0;
	text-align: center;
}
#whatisTsukrel .processBox .processPoint .p-point {
	color: #1c2a54;
	font-size: 18px;
	font-weight: 700;
}
#whatisTsukrel .processBox .processPoint .p-point .p_st_01 { color: #1AA69B; }
#whatisTsukrel .processBox .processPoint .p-point .p_st_02 { font-size: 36px; }
#whatisTsukrel .processBox .processPoint .p-point .note_mark {
	font-size: 9px;
	vertical-align: text-top;
}
#whatisTsukrel .processBox .processPoint .p-point_note { font-size: 11px; }


/*------ 機能一覧 ------*/
#function_area { 
	padding: 100px 0 0;
}
#function_area .info_title {
	width: 960px;
	margin: 0 auto 30px;
}
#function_area .info_title .ttltxt {
	padding: 15px 50px;
	color: #fff;
	font-weight: 700;
	background-color: #1c2a54;
	border-radius: 50px;
}

#function_area .functionList {
	width: 960px;
	margin: 0 auto 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: stretch;
}
#function_area .functionList .function {
	margin: 0 0  15px 0;
	padding: 10px 0;
	width: 300px;
	background: #323F65;
}
#function_area .functionList .function .function_ttl {
	display: flex;
  flex-direction: column;
  justify-content: center;
	margin: 0 20px 20px;
	height: 4.5em;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	border-bottom: solid 1px #fff; 
}
#function_area .functionList .function .function_txt {
	padding: 0 20px 15px;
	color: #fff;
	text-align: left;
}
#function_area .functionList .function:nth-child(even) { background: #1AA69B; }


#function_area #usage_scenes {
	margin: 0 0 60px;
	width: 100%;
  background: linear-gradient(#fff 5%, #f4f4f4 5% 95%, #fff 95%);
	display: flex;
	justify-content: center;
	align-items: center;
}
#function_area #usage_scenes .scenes_ttl { margin: 0 70px 0 0; }
#function_area #usage_scenes .scenes_ttl .scenes_ttl_logo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 220px;
	height: 220px;
	background: #fff;
	border: solid 3px #1AA69B;
	border-radius: 50%;
}
#function_area #usage_scenes .scenes_ttl .scenes_ttl_logo img {
	width: auto;
	height: 70%;
}
#function_area #usage_scenes .scenes_ttl .scenes_ttl_txt {
	margin-top: -30px;
	width: 220px;
	color: #fff;
	font-weight: 700;
	background: #1AA69B;
	border-radius: 50px;
	text-align: center;
}
#function_area #usage_scenes .usage_scenes_item {
	width: 650px;
	display: flex;
	justify-content: space-between;
}
#function_area #usage_scenes .usage_scenes_item .scenes_01,
#function_area #usage_scenes .usage_scenes_item .scenes_02 {
	padding: 40px 0;
	width: 300px;
	background: #fff;
	box-shadow: 2px 3px 7px #777;
}
#function_area #usage_scenes .usage_scenes_item .scenes_01 figure,
#function_area #usage_scenes .usage_scenes_item .scenes_02 figure {
	margin: 0 40px 30px !important;
	text-align: center;
}
#function_area #usage_scenes .usage_scenes_item .scenes_01 figure img,
#function_area #usage_scenes .usage_scenes_item .scenes_02 figure img {
	width: 130px;
	height: auto;
}
#function_area #usage_scenes .usage_scenes_item .scenes_01 .scenes_cap,
#function_area #usage_scenes .usage_scenes_item .scenes_02 .scenes_cap {
	margin: 0 40px 30px;
	padding: 13px 0;
	color: #fff;
	font-weight: 700;
	background: #1c2a54;
	border-radius: 50px;
	text-align: center;
}
#function_area #usage_scenes .usage_scenes_item .scenes_01 .scenes_txt,
#function_area #usage_scenes .usage_scenes_item .scenes_02 .scenes_txt {
	margin: 0 40px;
}

/*------ サービス導入までの流れ ------*/
#flowService { 
	padding: 100px 0 40px;
}
#flowService .info_title {
	width: 960px;
	margin: 0 auto 30px;
}
#flowService .info_title .ttltxt {
	padding: 15px 50px;
	color: #fff;
	font-weight: 700;
	background-color: #1c2a54;
	border-radius: 50px;
}

#flowService .flow_area {
	display: flex;
	justify-content: center;
	margin: 0 0 50px 0;
}
#flowService .flow_area .flow_item {
	padding: 30px 0;
	position: relative;
}
#flowService .flow_area .flow_item .flow_no {
	margin-left: -10px;
}
#flowService .flow_area .flow_item .flow_no span.flowNumber {
	display: inline-block;
	width: 100px;
	padding: 5px 15px;
	color: #1AA69B;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	background: #fff;
	border-radius: 5px;
}
#flowService .flow_area .flow_item .flow_ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: -10px 0 20px 0;
	padding: 0 10px;
	height: 5em;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	border: solid 2px #fff;
	border-radius: 0 20px 0 20px;
	position: relative;
}
#flowService .flow_area .flow_item .flow_txt {
	color: #fff;
	font-size: 14px;
 }
#flowService .flow_area .item_01::after,
#flowService .flow_area .item_02::after,
#flowService .flow_area .item_03::after {
	content: "";
	position: absolute;
	width: 30px;
	height: 100%;
	top: 0;
	right: -30px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	z-index: 100;
}
#flowService .flow_area .item_01, #flowService .flow_area .item_01::after { background: #5FC1B9; }
#flowService .flow_area .item_02, #flowService .flow_area .item_02::after { background: #48B8AF; }
#flowService .flow_area .item_03, #flowService .flow_area .item_03::after { background: #31AFA5; }
#flowService .flow_area .item_04 { background: #1AA69B; }

#flowService .flow_area .item_01 {
	width: 240px;
	padding-right: 10px;
	padding-left: 40px;
}
#flowService .flow_area .item_02 {
	width: 260px;
	padding-right: 10px;
	padding-left: 60px;
}
#flowService .flow_area .item_03 {
	width: 260px;
	padding-right: 10px;
	padding-left: 60px;
}
#flowService .flow_area .item_04 {
	width: 280px;
	padding-right: 30px;
	padding-left: 60px;
}

#flowService .flow_area .item_01 .flow_txt:after,
#flowService .flow_area .item_02 .flow_txt:after,
#flowService .flow_area .item_03 .flow_txt:after {
	content: '';
	position: absolute;
	top: 100px;
	right: -63px;
	width: 73px;
	height: 100%;
	background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/icon_ya_05.png);
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 200;
}


/*------ よくある質問 ------*/
#askedQuestions { padding: 100px 0 0; }
#askedQuestions .info_title {
	width: 960px;
	margin: 0 auto 30px;
}
#askedQuestions .info_title .ttltxt {
	padding: 15px 50px;
	color: #fff;
	font-weight: 700;
	background-color: #1c2a54;
	border-radius: 50px;
}

#askedQuestions .qa_area {
	width: 960px;
	margin: 0 auto 60px;
}
#askedQuestions .qa_area .qa {
	margin: 0 0 15px 0;
}
#askedQuestions .qa_area .qa .qa_ttl {
	position: relative;
	cursor: pointer;
	padding: 10px 50px 10px 20px;
	transition: all .5s ease;
	font-size: 18px;
	background: #F4F4F4;
	display: flex;
/*	justify-content: stretch;*/
	align-items: center;
}
#askedQuestions .qa_area .qa .qa_ttl span.icon_q {
	margin: 0 15px 0 0;
	padding: 3px 8px 8px;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.0;
	background: #1AA69B;
	border-radius: 50%;
}
/*アイコンの＋と-*/
#askedQuestions .qa_area .qa .qa_ttl::before,
#askedQuestions .qa_area .qa .qa_ttl::after {
	position: absolute;
	content:'';
	width: 15px;
	height: 2px;
	background-color: #aaa;
}
#askedQuestions .qa_area .qa .qa_ttl::before {
	top: 48%;
	right: 15px;
	transform: rotate(0deg);
}
#askedQuestions .qa_area .qa .qa_ttl::after {
	top: 48%;
	right: 15px;
	transform: rotate(90deg);
}
/* closeというクラスがついたら */
#askedQuestions .qa_area .qa .qa_ttl.close::after { transform: rotate(0deg); }

/*アコーディオンで現れるエリア*/
#askedQuestions .qa_area .qa .qa_txt {
	display: none;/*はじめは非表示*/
	margin: 0 50px 10px;
	padding: 15px;
}

/*------ トップページお役立ち記事表示 -------*/
#article_area {
	width: 960px;
	margin: 100px auto 0;
}
/* タイトル */
#article_area h3.article_list_title {
	padding: 0;
	margin: 0 0 15px;
	background: none;
	display: flex;
	align-items: center;
}
#article_area h3.article_list_title .article_list_in-title {
	margin: 0 auto;
	padding: 15px 70px;
    color: #fff;
	font-size: 24px;
    font-weight: 700;
	text-align: center;
    background-color: #1c2a54;
    border-radius: 50px;
}
#article_area h3.article_list_title::before {
  background-color: #1c2a54;
  content: "";
  flex-grow: 1; /* 横幅いっぱい */
  height: 1px; /* 横線の高さ */
  margin-right: 0; /* 文字との余白 */
  margin-left: 0; /* 文字との余白 */
}
#article_area h3.article_list_title::after {
  background-color: #1c2a54;
  content: "";
  flex-grow: 1;
  height: 1px;
  margin-right: 0;
  margin-left: 0;
}

#article_area .new-entry-cards {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
#article_area .widget-entry-cards.card-large-image .a-wrap {
	width: 300px;
}

#article_area .articlelist_btn {
	width: 400px;
	margin: 0 10px;
	background: #1AA69B;
	border-radius: 10px;
}
#article_area .articlelist_btn a {
	display: block;
	padding: 20px 0;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.1em;
	letter-spacing: 0.03em;
	text-decoration: none;
	text-align: center;
}
#article_area .articlelist_btn:hover { background: #0E9B90; }


/*------ お知らせ ------*/
#notice_area {
	width: 960px;
	margin: 100px auto 0;
}
#notice_area h3 {
	padding: 0 0 20px; 
	color: #1c2a54;
	font-size: 18px;
	font-weight: 700;
}
#notice_area .notice_list a { border-bottom: solid 1px #a3a3a3; }

/* トップページのみタイトルと日付の並びを逆順にする */
.page-id-11 .new-entry-card-content {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
}
/* トップページのみカテゴリーラベルを非表示にする */
.page-id-11 .new-entry-card-category-label { display: none; }
/* 更新日を非表示にする */
.new-entry-card-content .new-entry-card-update-date { display: none; }

/*------ customFooter ------*/
#customFooter {
	width: 1000px;
	max-width: 1280px;
	margin: 80px auto 0;
	display: flex;
	justify-content: space-between;
}
#customFooter .footerLogo img {
	width: 230px;
	height: auto;
}
#customFooter .footerMenu {
	display: flex;
	justify-content: left;
	align-items: center;
}
#customFooter .footerMenu li {
	padding: 10px 15px;
}
#customFooter .footerMenu li a {
	color: #333;
	font-size: 13px;
	text-decoration: none;
}
/* カスタムフッターの運営会社リンクを、共通フッターがあるページでは表示しない */
#customFooter .footerMenu li.companylink { display: none; }
/* カスタムフッターの運営会社リンクを以下IDページでは表示する */
.page-id-219 #customFooter .footerMenu li.companylink,
.page-id-299 #customFooter .footerMenu li.companylink,
.page-id-385 #customFooter .footerMenu li.companylink { display: block; }

footer.footer .footer-bottom .copyright { display: none; }
.page-id-219 footer.footer .footer-bottom .copyright,
.page-id-299 footer.footer .footer-bottom .copyright,
.page-id-385 footer.footer .footer-bottom .copyright{ display: block; }


/* 企業ロゴバナーcss (Metaslider用)*/
.metaslider {
	padding: 25px 0;
	background-color: #ecf6fb;
}
.metaslider .flexslider {
	margin-bottom: 0 !important;
}
.metaslider .flexslider .slides li {
	width: 130px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 5px !important;
	background: #fff;
	border-radius: 10px;
}



/* 以下モバイル用  ======================================================================================================== */
/* ロゴを左に固定 */
.mobile-menu-buttons .logo-menu-button {
	justify-content: flex-start;
	padding-left: 5px;
}
/* menuを右に固定 */
.mobile-menu-buttons .navi-menu-button {
	justify-content: flex-end;
	padding-right: 15px;
}
/* menuを右からスライドイン */
.mobile-menu-buttons .navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

/* menuデザイン */
.mobile-menu-buttons .navi-menu-content {
	background: #14a69a;
}
.mobile-menu-buttons ul.menu-drawer {
	padding: 0 3em 30px;
	text-align: center;
}
.mobile-menu-buttons ul.menu-drawer li { padding-top: 25px; }
.mobile-menu-buttons ul.menu-drawer li:nth-child(3) {
	padding-top: 40px;
}
.mobile-menu-buttons ul.menu-drawer li a { 
	color: #fff;
	font-weight: 700;
}
.mobile-menu-buttons ul.menu-drawer li.menu_item_login,
.mobile-menu-buttons ul.menu-drawer li.menu_item_start {
	padding-top: 25px;
}
.mobile-menu-buttons ul.menu-drawer li.menu_item_login a {
	padding: 10px 0;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	background-color: #14a69a;
	border: solid 1px #fff;
	border-radius: 50px;
}
.mobile-menu-buttons ul.menu-drawer li.menu_item_start a {
	padding: 10px 0;
	color: #14a69a;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	background-color: #fff;
	border: solid 1px #fff;
	border-radius: 50px;
}
/* 閉じるボタン */
.mobile-menu-buttons .menu-close-button {
	padding-right: 10px;
	/*color: #fff;*/
	text-align: right;
}
.fa-remove:before, .fa-close:before, .fa-times:before {
	content: '';
	position: absolute;
	top: 15px;
	right: 15px;
	width: 25px;
	height: 25px;
	background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/icon_close.png);
	background-size: contain;
	background-repeat: no-repeat;
}

/* shadow削除 */
.mobile-header-menu-buttons {
	box-shadow: none;
}

/*ヘッダーモバイルボタンの文字色と背景色を変更*/
.mobile-menu-buttons .navi-menu-icon { color: #14a69a; }
.mobile-menu-buttons .menu-caption { display: none; }

@media screen and (max-width: 480px) {
	.menu-content { width: 70%; }
}

/* お問合せ完了ページ */
.page-id-475 .breadcrumb,
.page-id-477 .breadcrumb {
    width: 100%;
    max-width: 1200px;
	margin: 0 auto 10px !important;
}
.page-id-475 p,
.page-id-477 p { margin-bottom: 0; }

.page-id-475 .thanks_message,
.page-id-477 .thanks_message {
	margin: 0;
	padding: 20px 0;
	color: #1AA69B;
	font-weight: 500;
	text-align: center;
	background-color: #E9F7F5;
}
.page-id-475 .thanks_message .message1,
.page-id-477 .thanks_message .message1 {
	font-size: 20px;
	margin-bottom: 3px;
}
.page-id-475 .thanks_message .message2,
.page-id-477 .thanks_message .message2 {
	font-size: 16px;
}
.page-id-475 .completion_info,
.page-id-477 .completion_info {
	margin: 0;
	padding: 15px 0 5px;
	color: #454545;
	font-size: 16px;
	text-align: center;
}




/************************************************
** ★★ レスポンシブデザイン用のメディアクエリ ★★
************************************************/
@media screen and (min-width: 1061px) and ( max-width: 1132px) {
	#navi .navi-in > ul > li:first-child > a { padding: 0 0.9em 0 0; }
	#navi .navi-in > ul > li > a { padding: 0 0.9em; }
	#navi .navi-in a { font-size: 12px; }
	/* ヘッダーメニュー個別 ログインボタン */
	#navi .navi-in .menu_item_login a .caption-wrap { font-size: 13px !important; }
	/* ヘッダーメニュー個別 はじめるボタン */
	#navi .navi-in .menu_item_start a .caption-wrap { font-size: 13px !important; }
}
@media screen and (min-width: 1023px) and ( max-width: 1060px) {
	#navi .navi-in > ul > li:first-child > a { padding: 0 0.8em 0 0; }
	#navi .navi-in > ul > li > a { padding: 0 0.8em; }
	#navi .navi-in a { font-size: 11px; }
	/* ヘッダーメニュー個別 ログインボタン */
	#navi .navi-in .menu_item_login a .caption-wrap { font-size: 12px !important; }
	/* ヘッダーメニュー個別 はじめるボタン */
	#navi .navi-in .menu_item_start a .caption-wrap { font-size: 12px !important; }

}
/*1024px以上*/
@media screen and (min-width: 1024px) {
	.mobile { display: none !important; }
	#whatisTsukrel .info_read br { display: none; }
	#whatisTsukrel .processBox .processPoint br { display: none; }
}
/*1023px以下*/
@media screen and (max-width: 1023px) {
	/* ヘッダーの横幅 */
	.header-container-in.wrap {
		width: 100%;
		margin: 0 auto;
	}
	#header-container { padding-top: 0; }
	/* top contentデザイン  ============================================== */
	/*トップページの全体マージン*/
	.entry-content { margin-top: 0; }
	main.main { padding: 0; }

	/*メインビュー*/
	.pc { display: none !important; }

	#mainView { 
		background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/bg_top_sp.png);
		background-color: #EDF6FB;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}
	#mainView .main_appeal {
		width: 100%;
		margin: 0 auto;
	}
	
	/*アピールテキスト*/
	#mainView .main_appeal .main_appeal_read {
		float: none;
		width: 100%;
		padding: 20px 0 30px;
		text-align: center;
	}
	#mainView .main_appeal .main_appeal_read .appeal_read {
		margin: 0 0 15px 0;
		font-size: 18px;
		line-height: 1.5;
		letter-spacing: 0.01em;
	}
	#mainView .main_appeal .main_appeal_read .read_strong01 {
		font-size: 25px;
	}
	#mainView .main_appeal .main_appeal_read .read_strong02 {
		font-size: 25px;
	}
	#mainView .main_appeal .main_appeal_read .main_appeal_logo img {
		width: 50%;
		height: auto;
	}
	/*画面デモ*/
	#mainView  .main_appeal .main_appeal_demo {
		float: none;
		width: 100%;
	}
	#mainView .main_appeal .main_appeal_demo .demo_area {
		margin: 30px auto 0;	
		width: 90%;	
	}
	
	/* いますぐ始めるボタン */
	.startbtn_area_top { width: 83%; }
	.startbtn_area_top a.startbtn {
		padding: 20px 0;
		font-size: 18px;
		/*letter-spacing: 0.03em;*/
	}
	/* main view 以外 */
	.btn_area {
		overflow: hidden;
		width: 100%;
		display: block;
	}
	.btn_area .startbtn {
		width: 80%;
		margin: 0 auto 20px;
	}
	.btn_area .inquirybtn {
		width: 80%;
		margin: 0 auto 20px;
	}
	.btn_area .startbtn a,
	.btn_area .inquirybtn a {
		font-size: 18px;
	}
	
	/*------ tsukrelseo information ------*/
	#whatisTsukrel { padding: 50px 0 0; }
	#whatisTsukrel .info_title {
		width: 90%;
		padding: 0;
		margin: 0 auto 30px;
		font-size: 22px;
		font-weight: 700;
	}
	#whatisTsukrel .info_title img {
		width: 70%;
		height: auto;
	}
	#whatisTsukrel .info_read {
		width: 90%;
		padding: 0;
		margin: 0 auto;
		/*line-height: 1.6;*/
	}
	#whatisTsukrel .info_read .info_read_st {
		font-size: 25px;
	}
	#whatisTsukrel .info_read .read_times_mark {
		display: block;
		font-size: 10vw;
	}
	#whatisTsukrel .featureTsukrel {
		padding: 10px 0;
	}
	#whatisTsukrel .featureTsukrel .featureBox {
		width: 100%;
		display: block;
		justify-content: center;
	}
	#whatisTsukrel .featureTsukrel .featureBox .featureItem {
		width: 85%;
		margin: 0 auto;
	}
	#whatisTsukrel .featureTsukrel .featureBox .featureItem h3 {
		margin: 0 0 17px 0;
		padding: 12px 0;
		color: #fff;
		font-size: 18px;
	}
	#whatisTsukrel .featureTsukrel .featureBox .featureItem h3 .h3_st {
		font-size: 22px;
	}
	#whatisTsukrel .featureTsukrel .featureBox .featureItem .description {
		padding: 0 15px 15px;
		text-align: center;
		flex-grow: 1;
	}
	#whatisTsukrel .featureTsukrel .featureBox .featureItem .description .desc_st {
		font-size: 22px;
	}
	#whatisTsukrel .featureTsukrel .featureBox .times_item {
		display: block;
		margin: 10px 0;
		line-height: 4em;
		text-align: center;
	}
	/*- Xマーク size -*/
	.times_mark { width: 4em; }
	
	/*- 動画紹介 -*/
	#whatisTsukrel .featureMove {
		width: 100%;
		padding: 30px 0 50px;
	}
	#whatisTsukrel .featureMove .moveTtl {
		padding: 15px 0 0;
	}
	#whatisTsukrel .featureMove .moveTtl h3 {
		font-size: 22px;
	}

	/*- 課題ありませんか -*/
	#whatisTsukrel .theseIssues {
		margin-top: 50px;/*動画エリア非表示の場合*/
	}
	#whatisTsukrel .theseIssues .issuesTtl { padding: 0 0 10px 0; }
	#whatisTsukrel .theseIssues .issuesTtl .issuesDeco { width: 80%; }
	#whatisTsukrel .theseIssues .issuesTtl .issuesDeco:after {
		top: -35px;
		right: -28px;
		width: 45px;
		height: 50px;
	}
	#whatisTsukrel .theseIssues .issuesTtl .issuesDeco h3 { font-size: 18px; }
	#whatisTsukrel .theseIssues .issuesTtl .issuesDeco h3 .h3_st { font-size: 22px; }
	
	/*- 課題 -*/
	#whatisTsukrel .theseIssues .issuesBox {
		width: 100%;
		padding: 30px 0 10px;
		display: block;
		justify-content: center;
	}
	#whatisTsukrel .theseIssues .issuesBox .issuesItem {
		width: 85%;
		margin: 0 auto 25px;
	}
	#whatisTsukrel .theseIssues .issuesBox .issuesItem:nth-child(2){ margin: 0 auto 25px; }
	#whatisTsukrel .theseIssues .issuesBox .issuesItem h3 { font-size: 18px; }
	
	/*- 解決方法 -*/
	#whatisTsukrel .theseIssues .solutionBox {
		padding: 25px 0 30px;
		display: block;
		justify-content: center;
	}
	#whatisTsukrel .theseIssues .solutionBox .solutionItem {
		margin: 0 auto 25px;
		width: 85%;
	}
	#whatisTsukrel .theseIssues .solutionBox .solutionItem:nth-child(2){ margin: 0 auto 25px; }
	#whatisTsukrel .theseIssues .solutionBox .solutionItem figure {
		padding: 0 20px 20px;
		text-align: center;
	}
	#whatisTsukrel .theseIssues .solutionBox .solutionItem h3 {
		padding: 0 20px 20px;
		font-size: 22px;
	}
	
	/* info 04 process */
	#whatisTsukrel .processBox {
		width: 100%;
		padding: 40px 0;
		display: flex;
		justify-content: center;
		align-items: end;
	}
	#whatisTsukrel .processBox .processList {
		display: block;
		justify-content: normal;
		width: 40%;
		margin: 0;
		padding: 0;
	}
	#whatisTsukrel .processBox .processList .process_01,
	#whatisTsukrel .processBox .processList .process_02 {
		display: block;
		justify-content: normal;
		padding: 0 25px 0 0;
		width: 100%;
		position: relative;
	}
	#whatisTsukrel .processBox .processList .process_02::before {
		content: '';
		position: absolute;
		top: 0;
		bottom: auto;
		right: 0;
		width: 16px;
		height: 100%;
		background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/icon_11.png);
		background-size: cover;
		background-repeat: no-repeat;
		z-index: 100;
	}
	#whatisTsukrel .processBox .processList .p-list_01,
	#whatisTsukrel .processBox .processList .p-list_02 {
		padding: 0 0 6px 0;
	}
	#whatisTsukrel .processBox .processList .p-list_last { padding: 0; }
	#whatisTsukrel .processBox .processList .p-list_01:after {
		content: '';
		position: absolute;
		top: auto;
		bottom: -11px;
		left: 0;
		right: 0;
		margin: auto;
		width: 45px;
		height: 27px;
		background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/icon_ya_03.png);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 100;
	}
	#whatisTsukrel .processBox .processList .p-list_02:after {
		content: '';
		position: absolute;
		top: auto;
		bottom: -11px;
		left: 0;
		right: 0;
		margin: auto;
		width: 45px;
		height: 27px;
		background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/icon_ya_04.png);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 100;
	}
	#whatisTsukrel .processBox .processList .p-list_01 .p-list_01_txt {
		padding: 13px 0px;
		color: #fff;
		font-size: 3.4vw;
		font-weight: 700;
		background-color: #a3a3a3;
		border-radius: 8px;
		text-align: center;
	}
	#whatisTsukrel .processBox .processList .p-list_02 .p-list_02_txt {
		padding: 13px 0px;
		color: #fff;
		font-size: 3.4vw;
		font-weight: 700;
		background-color: #1AA69B;
		border-radius: 8px;
		text-align: center;
	}
	#whatisTsukrel .processBox .processList .p-list_last .p-list_02_txt {
		padding: 13px 0px;
		color: #fff;
		font-size: 3.4vw;
		font-weight: 700;
		background-color: #1AA69B;
		border-radius: 8px;
		text-align: center;
	}

	#whatisTsukrel .processBox .processPoint {
		display: block;
		justify-content: normal;
		width: 52%;
		padding: 0 0 0 20px;
		text-align: left;
		line-height: 1.5;
	}
	#whatisTsukrel .processBox .processPoint .p-point { font-size: 5.2vw; }
	#whatisTsukrel .processBox .processPoint .p-point .p_st_02 { font-size: 9vw; }
	#whatisTsukrel .processBox .processPoint .p-point .note_mark {
		font-size: 2vw;
		vertical-align: text-top;
	}
	#whatisTsukrel .processBox .processPoint .p-point_note { font-size: 2vw; }
	
	
	/*------ 機能一覧 ------*/
	#function_area { padding: 50px 0 0; }
	#function_area .info_title {
		width: 90%;
		margin: 0 auto 30px;
	}
	#function_area .info_title .ttltxt {
		padding: 15px 50px;
		font-size: 22px;
	}
	#function_area .functionList {
		width: 90%;
		margin: 0 auto 50px;
		display: block;
	}
	#function_area .functionList .function {
		margin: 0 0 15px 0;
		padding: 10px 0;
		width: 100%;
		background: #323F65;
	}
	#function_area .functionList .function .function_ttl {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0 20px;
		height: 4.5em;
		font-size: 18px;
		line-height: 1.5;
		border-bottom: none; 

		position: relative;
		transition: all .5s ease;
	}
	/* アイコンの＋と× */
	#function_area .functionList .function .function_ttl::before {
    position: absolute;
    content:'';
		line-height: 1;
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent;
		border-width: 0.64952em 0.375em;
		border-bottom-color: currentColor;
		border-top: 0;
	}
	#function_area .functionList .function .function_ttl::before {
		top: 45%;
		right: 15px;
		transform: rotate(0deg);
	}
	/* closeというクラスがついたら */
	#function_area .functionList .function .function_ttl.close {
		margin: 0 20px 20px;
		border-bottom: solid 1px #fff; 
	}
	#function_area .functionList .function .function_ttl.close::before {
		transform: rotate(180deg);
	}

	#function_area .functionList .function .function_txt {
		display: none;/*はじめは非表示*/
		padding: 0 20px 15px;
	}

	/*- 活用シーン -*/
	#function_area #usage_scenes {
		margin: 0 0 30px;
		width: 100%;
		background: linear-gradient(#fff 5%, #f4f4f4 5% 95%, #fff 95%);
		display: block;
		/*justify-content: center;
		align-items: center;*/
	}
	#function_area #usage_scenes .scenes_ttl { 
		margin: 0 0 30px 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	#function_area #usage_scenes .scenes_ttl .scenes_ttl_logo {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		width: 150px;
		height: 150px;
		background: #fff;
		border: solid 3px #1AA69B;
		border-radius: 50%;
	}
	#function_area #usage_scenes .scenes_ttl .scenes_ttl_logo img {
		width: auto;
		height: 70%;
	}
	#function_area #usage_scenes .scenes_ttl .scenes_ttl_txt {
		margin: -20px auto 0;
		width: 50%;/*150px*/
		font-size: 22px;
	}
	#function_area #usage_scenes .usage_scenes_item {
		width: 87%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	#function_area #usage_scenes .usage_scenes_item .scenes_01,
	#function_area #usage_scenes .usage_scenes_item .scenes_02 {
		width: 100%;
		margin: 0 0 20px;
		padding: 35px 0;
		background: #fff;
		box-shadow: 2px 3px 7px #777;
	}
	#function_area #usage_scenes .usage_scenes_item .scenes_01 figure,
	#function_area #usage_scenes .usage_scenes_item .scenes_02 figure {
		margin: 0 35px 25px !important;
		text-align: center;
	}
	#function_area #usage_scenes .usage_scenes_item .scenes_01 figure img,
	#function_area #usage_scenes .usage_scenes_item .scenes_02 figure img {
		width: 40%;
		height: auto;
	}
	#function_area #usage_scenes .usage_scenes_item .scenes_01 .scenes_cap,
	#function_area #usage_scenes .usage_scenes_item .scenes_02 .scenes_cap {
		margin: 0 35px 25px;
		padding: 13px 0;
		font-size: 18px;
	}
	#function_area #usage_scenes .usage_scenes_item .scenes_01 .scenes_txt,
	#function_area #usage_scenes .usage_scenes_item .scenes_02 .scenes_txt { margin: 0 35px; }
	
	
	/*------ サービス導入までの流れ ------*/
	#flowService { padding: 50px 0 0; }
	#flowService .info_title { width: 90%; }
	#flowService .info_title .ttltxt {
		padding: 15px 30px;
		font-size: 22px;
	}
	#flowService .flow_area {
		display: block;
		justify-content: center;
		width: 90%;
		margin: 0 auto 30px;
	}
	#flowService .flow_area .flow_item {
		width: 100%;
		position: relative;
	}
	#flowService .flow_area .flow_item .flow_no {
		margin: 0 auto;
		width: 85%;
	}
	#flowService .flow_area .flow_item .flow_no span.flowNumber {
		display: inline-block;
		width: 100px;
		padding: 5px 15px;
		font-size: 16px;
	}
	#flowService .flow_area .flow_item .flow_ttl {
		width: 75%;
		margin: -11px auto 15px;
		padding: 0 10px;
		font-size: 18px;
		line-height: 1.5;
		border-radius: 0 20px 0 20px;
		position: relative;
	}
	#flowService .flow_area .flow_item .flow_txt {
		width: 75%;
		margin: 0 auto;
		/*font-size: 4.4vw;*/
		position: relative;
	}
	#flowService .flow_area .item_01::after,
	#flowService .flow_area .item_02::after,
	#flowService .flow_area .item_03::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 30px;
		top: auto;
		bottom: -29px;
		right: 0;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		z-index: 100;
	}
	#flowService .flow_area .item_01 {	padding: 20px 0 40px; }
	#flowService .flow_area .item_02 { padding: 40px 0 30px; }
	#flowService .flow_area .item_03 { padding: 40px 0 30px; }
	#flowService .flow_area .item_04 { padding: 40px 0 20px; }
	
	#flowService .flow_area .item_01 .flow_txt:after,
	#flowService .flow_area .item_02 .flow_txt:after,
	#flowService .flow_area .item_03 .flow_txt:after {
		content: '';
		position: absolute;
		top: auto;
		bottom: -100px;
		left: 0;
		right: 0;
		margin: auto;
		width: 11px;
		height: 90px;
		background-image: url(https://seo.tsukrel.jp/wp-content/themes/cocoon-child-master/images/icon_ya_06.png);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 200;
	}
	
	/*------ よくある質問 ------*/
	#askedQuestions { padding: 50px 0 0; }
	#askedQuestions .info_title {
		width: 90%;
		margin: 0 auto 30px;
	}
	#askedQuestions .info_title .ttltxt {
		padding: 15px 50px;
		font-size: 22px;
	}
	#askedQuestions .qa_area {
		width: 90%;
		margin: 0 auto 40px;
	}
	#askedQuestions .qa_area .qa .qa_ttl {
		padding: 10px 50px 10px 10px;
		font-size: 18px;
		line-height: 1.4;
	}
	#askedQuestions .qa_area .qa .qa_ttl span.icon_q {
		margin: 0 10px 0 0;
	}
	/*アコーディオンで現れるエリア*/
	#askedQuestions .qa_area .qa .qa_txt {
	display: none;
	margin: 0 10px 10px;
	padding: 15px;
	}
	
	
	/*------ トップページお役立ち記事表示 -------*/
	#article_area {
		width: 85%;
		margin: 50px auto 0;
	}
	/* タイトル */
	#article_area h3.article_list_title .article_list_in-title {
		padding: 15px 50px;
		font-size: 22px;
	}
	#article_area .new-entry-cards {
		display: block;
		margin-bottom: 10px;
	}
	#article_area .widget-entry-cards.card-large-image .a-wrap {
		width: 100%;
	}
	
	#article_area .articlelist_btn {
		width: 80%;
		margin: 0 auto 20px;
	}


	/*------ お知らせ ------*/
	#notice_area {
		width: 85%;
		margin: 80px auto 0;
	}
	#notice_area h3 {
		padding: 0 0 20px;
		color: #1c2a54;
		font-size: 18px;
		font-weight: 700;
	}
	
	/*------ customFooter ------*/
	#customFooter {
		width: 90%;
		margin: 80px auto 0;
		display: block;
	}
	#customFooter .footerLogo {
		width: 50%;
		max-width: 300px;
		margin: 0 auto 20px;
	}
	#customFooter .footerLogo img {
		width: 100%;
		max-width: 300px;
		height: auto;
	}
	#customFooter .footerMenu {
		padding: 0 !important;
		display: flex;
		justify-content: left;
		align-items: first baseline;
		flex-wrap: wrap;
	}
	#customFooter .footerMenu li { padding: 5px 10px; }
	#customFooter .footerMenu li a { font-size: 13px; }
	
	/* カスタムフッターの運営会社リンク 1023px以下は表示する */
	#customFooter .footerMenu li.companylink { display: block; }
	footer.footer .footer-bottom .copyright { display: block; }

	/* お問合せ完了ページ */
	.page-id-475 .breadcrumb,
	.page-id-477 .breadcrumb {
		display: none;
		width: 90%;
	}
	.page-id-475 .thanks_message,
	.page-id-477 .thanks_message {
		margin-top: 44px;
		padding: 15px 20px;
	}
	.page-id-475 .thanks_message .message1,
	.page-id-477 .thanks_message .message1 {
		font-size: 16px;
		line-height: 1.3;
		margin-bottom: 7px;
	}
	.page-id-475 .thanks_message .message2,
	.page-id-477 .thanks_message .message2 {
		font-size: 14px;
		line-height: 1.3;
	}
	.page-id-475 .completion_info,
	.page-id-477 .completion_info {
		padding: 15px 20px 10px;
		color: #454545;
		font-size: 14px;
		line-height: 1.3em;
	}

	/* 企業ロゴバナーcss (Metaslider用)*/
	.metaslider {
		padding: 20px 0 13px;
		background: linear-gradient(#fff, #E7F2F8 70%);
		/*background-color: #ecf6fb;*/
	}
	.metaslider .flexslider .slides {
		padding: 7px 0 !important;
	}
	.metaslider .flexslider .slides li {
		box-shadow: 0 0 7px #ecf6fb;
	}

}/*1023px以下の終わり*/

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* モバイル時の表示調整 */
@media screen and ( max-width: 1023px ) {
	/* フロントページのtop表示位置調整 */
	body.page-id-11.no-sidebar .content .main {
		margin: 50px 0 0 0;
	}
	body.page-id-219.no-sidebar .content .main,
	body.page-id-299.no-sidebar .content .main {
		margin: 60px 0 0 0;
	}

}/*1023px以下の終わり*/