@charset "UTF-8";

/*============================================================
common
==============================================================*/
*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
::selection {
	background: #d6ae59;
}
::-moz-selection {
	background: #d6ae59;
}
html {
	font-size: 62.5%;
}
html::after {
	content: "";
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #023f64;
	pointer-events: none;
	transition: 1s ease;
	z-index: 1000;
}
html.wf-active::after, html.loading-delay::after {
	opacity: 0;
}
body {
	/* font-family: source-han-sans-japanese, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif; */
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	font-size: 1.8rem;
	letter-spacing: .06em;
	color: #262626;
}
img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	margin: auto;
}
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
ul {
	list-style: none;
}
.cf::after {
	content: "";
	display: block;
	clear: both;
}
.center {
	text-align: center;
}
.text_right {
	text-align: right;
}
.left {
	float: left;
}
.right {
	float: right;
}
.pc {
	display: inherit;
}
.sp {
	display: none;
}
.inner {
	max-width: 1000px;
	width: 100%;
	margin: auto;
}
.inner_large {
	max-width: 1200px;
	width: 100%;
	margin: auto;
}
.section {
	padding: 80px 0;
}
.h2_ttl {
	margin-bottom: 70px;
	/* font-family: ten-mincho-text, source-han-sans-japanesem, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif; */
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	font-size: 4.8rem;
	font-weight: 400;
	color: #023f64;
	line-height: 1.5;
}
.h3_ttl {
	margin-bottom: 70px;
	/* font-family: ten-mincho-text, source-han-sans-japanese, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif; */
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	font-size: 3.6rem;
	font-weight: 400;
	color: #023f64;
	line-height: 1.5;
}
.text {
	line-height: 2;
}
.half_box {
	width: 48%;
}
.blue {
	color: #023f64;
}
.b20 {
	margin-bottom: 20px;
}
.b40 {
	margin-bottom: 40px;
}

/*============================================================
content
==============================================================*/
header {
	position: fixed;
	width: 100%;
	height: 90px;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 7px;
	margin: auto;
	background: #21468b;
    border-top: 2px solid #fff;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: .4s ease;
	transition: .4s ease;
	overflow: hidden;
}
header .inner {
	width: 1000px;
}
header.active {
	opacity: 1;
	pointer-events: all;
}
header {
    transition: .5s;
}
header.hide{
    transform: translateY(100%);
}
.header_logo svg {
	float: left;
	width: 5%;
	margin: 5px 0;
	margin-right: 2%;
}
.header_txt {
	float: left;
	width: 50%;
	margin: 26px 0;
	color: #fff;
}
.header_cta {
	float: right;
	width: 40%;
}
.header_cta .contact_btn {
	display: block;
	width: 100%;
	margin: 12px auto;
	padding: 14px 0;
	text-align: center;
	text-decoration: none;
	/* font-family: ten-mincho-text, source-han-sans-japanesem, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif; */
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	font-size: 1.8rem;
	color: #fff;
	background: #dd0e4d;
	box-shadow: 0px 0px 0px 0px #c2c2c2;
	-webkit-transition: .4s ease;
	transition: .4s ease;
}

#top {
	height: 700px;
	background: url(../img/top_img.png) no-repeat center;
}
#top h1 {
	font-size: 0;
	text-indent: -9999px;
}
.about_box {
	margin-bottom: 80px;
}
.about_h3 {
	margin-bottom: 0;
}
#worries {
	color: #fff;
	background: url(../img/worries_bg.jpg) no-repeat center / cover;
}
#worries .h2_ttl {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 40px;
	color: #fff;
	background: url(../img/worries_ttl.png) no-repeat center bottom;
}
.worries_ttl {
	position: relative;
	color: #d6ae59;
}
.worries_ttl::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 50px;
	bottom: -60px;
	left: 0;
	right: 0;
	margin: auto;
	background: #fff;
}
.worries_lst {
	display: inline-block;
	margin-bottom: 50px;
}
.worries_lst li {
	padding: 15px 0 15px 46px;
	text-align: left;
	font-size: 2.4rem;
	background: url(../img/worries_img01.png) no-repeat left center / 30px 36px;
}
.point_ttl {
	padding: 0 0 40px;
	background: #023f64;
}
.point_ttl .h2_ttl {
	margin-bottom: 0;
	color: #fff;
}
.point_ttl_img {
	position: relative;
	top: -68px;
	margin-bottom: -68px;
}
.point_ttl_img img {
	width: 192px;
}
.point_box:not(:last-child) {
	margin-bottom: 100px;
}
.point_box_ttl {
	padding: 30px;
	/* font-family: ten-mincho-text, source-han-sans-japanesem, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif; */
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	background: #023f64;
}
.point_box_txt {
	padding: 30px 21px;
}
.point_box_txt_b {
	margin-bottom: 20px;
	font-weight: bold;
}
.point_box_txt span {
	background: linear-gradient(transparent 80%, #d4ad59 80%);
}
.point_lst {
	padding-left: 21px;
	list-style: disc;
}
.point_lst li {
	margin-bottom: 5px;
}
#evolution {
	background: url(../img/evolution_bg.jpg) no-repeat center / cover;
}
#evolution .h3_ttl {
	margin-bottom: 28px;
	color: #fff;
}
.tool_box:not(:last-child) {
	margin-bottom: 60px;
}
.tool_ttl_box {
	padding: 40px 0;
	color: #fff;
	background: #023f64;
}
.tool_ttl_sub {
	margin-bottom: 10px;
	/* font-family: ten-mincho-text, source-han-sans-japanesem, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif; */
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	font-size: 2.4rem;
	font-weight: 400;
	line-height: 1.5;
}
.tool_ttl {
	margin-bottom: 0;
	color: #fff;
}
.tool_txt_box {
	padding: 80px 60px;
	border: 2px solid #023f64;
}
.tool_bdr {
	width: 100%;
	height: 2px;
	margin: 70px 0;
	background: #eeeeee;
}
.tool_lst {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.tool_lst li {
	width: 30%;
}
.tool_lst_ttl {
	margin: 15px auto 20px;
	/* font-family: ten-mincho-text, source-han-sans-japanesem, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif; */
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	color: #023f64;
}
.tool_lst_ttl.multi {
	margin: 0 auto 10px;
}
.tool_txt_ttl {
	margin-bottom: 40px;
}
.tool_txt_img {
	margin-bottom: 40px;
}
.tool_txt_img.img01 {
	width: 58%;
}
.tool_txt_img.img02 {
	width: 40%;
}
.tool_txt_lst_arw {
	position: relative;
}
.tool_txt_lst_arw::before {
	content: "";
	position: absolute;
	width: 24px;
	height: calc(100% - 100px);
	top: 0;
	right: 32px;
	margin: auto;
	background: #023f64;
}
.tool_txt_lst_arw::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: 62px;
	right: 14px;
	border-style: solid;
	border-width: 38px 30px 0 30px;
	border-color: #023e64 transparent transparent transparent;
}
.tool_txt_item {
	margin-bottom: 10px;
	padding: 20px 30px;
	/* font-family: ten-mincho-text, source-han-sans-japanesem, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif; */
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	color: #023f64;
	border: 2px solid #d4ad59;
}
.tool_txt_item_fr {
	color: #fff;
	background: #023f64;
	border: 2px solid #023f64;
}
.tool_txt_lst_p {
	margin-bottom: 20px;
	padding-right: 50px;
	font-size: 1.2rem;
}
.tool_left {
	float: left;
}
.tool_right {
	float: right;
}
#adviser {
	color: #fff;
	background: url(../img/adviser_bg.jpg) no-repeat center / cover;
}
.adviser_ttl {
	margin-bottom: 40px;
	font-size: 2.4rem;
	color: #fff;
}
.voice_box {
	margin-bottom: 30px;
	padding: 50px 60px;
	border: 2px solid #eeeeee;
}
.voice_img {
	float: left;
	width: 26%;
}
.voice_txt {
	float: right;
	width: 68%;
	/* font-family: ten-mincho-text, source-han-sans-japanesem, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif; */
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	color: #023f64;
}
.voice_sub {
	margin-bottom: 20px;
	font-size: 1.6rem;
	line-height: 1.5;
}
.voice_ttl {
	font-size: 2.4rem;
	line-height: 1.5;
}
.voice_h3 {
	margin: 30px 0;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #dd0e4d;
}
.voice_h3 span {
	font-size: 2.6rem;
}
.voice_large {
	margin-top: 80px;
}
li.cta_w {
    /* background-color: #033f64; */
	background-color: #21468b;
    text-align: center;
}
li.cta_w p.sub_txt {
	color: #fff;
	font-size: 16px;
	padding-top: .6em;
}
.contact_btn {
	display: inline-block;
	padding: .6em 1.5em;
	text-decoration: none;
	/* font-family: ten-mincho-text, source-han-sans-japanesem, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif; */
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
	font-size: 2.2rem;
	color: #333;
	background: #fffa00;
	/* box-shadow: 2px 2px 10px 2px #c2c2c2; */
	-webkit-transition: .4s ease;
	transition: .4s ease;
	margin: .3em auto .7em;
	border-radius: 50px;
	font-weight: bold;
}
.contact_btn:hover {
	background: #f22c67;
	box-shadow: 0px 0px 0px 0px #c2c2c2;
}
li.cta_w2 .contact_btn {
	margin: 0.7em auto;
}
li.cta_w2 p.sub_txt {
	padding: 0 0 0.6em 0;
}
ul.tel_w {
    background-color: #dbeafd;
    display: flex;
    flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0.4em 0;
	font-size: 12px;
	color: #033f64;
}
ul.tel_w li a {
	font-size: 27px;
	color: #033f64;
	font-weight: bold;
	text-decoration: none;
	margin: 0 .5em;
	display: flex;
    align-items: center;
	white-space: nowrap;
}
ul.tel_w li a img {
	height: .9em;
	display: inline-block;
	margin-right: 3px;
}
ul.tel_w .pc {
	display: contents;
}
ul.tel_w .sp {
	display: none;
}
footer {
	padding: 25px;
	text-align: center;
	font-size: 1.2rem;
	color: #fff;
	background: #023f64;
}
.toolsys_w >div {
	background-color: #e7e4d9;
    margin: 30px 21px;
    padding: 0 0 30px 0;
}
.toolsys_w .point_box_txt_b {
	background-color: #657983;
    padding: 7px 12px;
    color: #fff;
    text-align: center;
}
.toolsys_w >div p:not(.point_box_txt_b),
.toolsys_w >div img {
	padding-left: 21px;
    padding-right: 21px;
}
.toolsys_w >div small {
	padding-left: 21px;
    padding-right: 21px;
    text-align: center;
    margin-top: 1em;
    display: block;
}
section#cta,
section#cta2,
section#cta3,
section#cta4 {
	max-width: 1919px;
    margin: 0 auto;
}

@media screen and (max-width: 1000px) {
	header .inner {
		width: 100%;
	}
}
/*============================================================
breakpoint 768px
==============================================================*/
@media screen and (max-width: 768px) {
	body {
		font-size: 1.4rem;
	}
	.pc {
		display: none;
	}
	.sp {
		display: inherit;
	}
	.left, .right {
		float: none;
	}
	.inner, .inner_large {
		width: 94%;
		margin: auto;
		padding: 0;
	}
	.section {
		padding: 40px 0;
	}
	.half_box {
		width: 100%;
	}
	.h2_ttl {
		margin-bottom: 40px;
		font-size: 2.4rem;
	}
	.h3_ttl {
		margin-bottom: 30px;
		font-size: 2rem;
	}
	header {
		height: 60px;
		top: auto;
		bottom: 0;
		border-top: 1px solid #fff;
		border-bottom: 0px solid #fff;
	}
	header .inner {
		width: 94%;
	}
	.header_logo svg {
		width: 12%;
		max-height: 50px;
		margin-right: 2%;
	}
	.header_txt {
		width: 46%;
		margin: 10px 0;
		font-size: 1rem;
	}
	.header_cta .contact_btn {
		margin: 11px auto;
		padding: 10px 0;
		font-size: 1.2rem;
	}
	#top {
		height: 100vw;
		max-height: 100vh;
		background: url(../img/top_img.png) no-repeat center / cover;
	}
	.about_box {
		margin-bottom: 40px;
	}
	.about_box img {
		margin-bottom: 30px;
	}
	#worries .h2_ttl {
		margin-bottom: 20px;
	}
	.worries_lst {
		margin-bottom: 25px;
	}
	.worries_lst li {
		padding: 10px 0 10px 28px;
		font-size: 1.6rem;
		background: url(../img/worries_img01.png) no-repeat left center / 15px 18px;
	}
	.worries_ttl::after {
		height: 25px;
		bottom: -30px;
	}
	.point_ttl {
		padding: 0 0 20px;
	}
	.point_ttl_img {
		top: -34px;
		margin-bottom: -34px;
	}
	.point_ttl_img img {
		width: 96px;
	}
	.point_box_ttl {
		padding: 15px;
		font-size: 1.6rem;
	}
	.point_box_txt {
		padding: 15px;
	}
	.toolsys_w .point_box_txt_b {
		text-align: center;
		font-size: 13px;
		padding: 7px 5px;
	}
	.point_box:not(:last-child) {
		margin-bottom: 50px;
	}
	.tool_ttl_box {
		padding: 20px 0;
	}
	.tool_ttl_sub {
		font-size: 1.6rem;
	}
	.tool_ttl {
		margin-bottom: 0;
	}
	.tool_txt_box {
		padding: 30px 15px;
	}
	.tool_bdr {
		margin: 35px 0;
	}
	.tool_lst {
		flex-direction: column;
	}
	.tool_lst li {
		width: 100%;
		max-width: 238px;
		margin: auto;
	}
	.tool_lst li:not(:last-child) {
		margin-bottom: 30px;
	}
	.tool_lst_ttl {
		margin: 0 auto 10px;
	}
	.tool_txt_lst_arw::before {
		right: 8px;
	}
	.tool_txt_lst_arw::after {
		right: -10px;
	}
	.tool_txt_img {
		margin-bottom: 20px;
	}
	.adviser_ttl {
		font-size: 2rem;
		margin-bottom: 20px;
	}
	.voice_box {
		padding: 30px 15px;
	}
	.voice_sub {
		margin-bottom: 10px;
		font-size: 1.2rem;
	}
	.voice_ttl {
		font-size: 1.6rem;
	}
	.voice_h3 {
		margin: 15px 0;
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.voice_h3 span {
		font-size: 2rem;
	}
	.voice_large {
		margin-top: 40px;
	}
	.contact_btn {
		width: 80%;
		padding: 8px 0;
		font-size: 4vw;
	}
	ul.tel_w .pc {
		display: none;
	}
	ul.tel_w .sp {
		display: contents;
	}
	ul.tel_w {
		flex-direction: column;
		font-size: 11px;
	}
	ul.tel_w li {
		width: 80%;
	}
	ul.tel_w li a {
		color: #ffffff;
		font-size: 4vw;
		background-color: #72f727;
		padding: 0.3em;
		width: 100%;
		margin: 0;
		border-radius: 40px;
		display: flex;
    	justify-content: center;
		margin: 2px 0;
	}
	ul.tel_w a>span.sp {
		display: flex;
	}
	ul.tel_w li:last-child {
		text-align: right;
	}
	li.cta_w p.sub_txt {
		font-size: 3.8vw;
	}
	/* footer {
		margin-bottom: 60px;
	} */
	.toolsys_w >div {
		margin: 1em 0;
	}
}

/* 200706追加分 */
@media screen and (min-width: 769px) {
	/* body {
		margin-top: 80px;
	} */
}
.header_cta {
	width: 43%;
}
@media screen and (max-width: 768px) {
	.header_cta {
		width: 40%;
	}
	.sp_b {
		display: block;
	}
	header {
		height: 65px;
	}
}
@media screen and (max-width: 410px) {
	.header_txt {
		width: 34%;
	}
	.header_cta {
		width: 52%;
	}
	.header_cta .contact_btn {
		letter-spacing: 0;
	}
}