@charset "utf-8";
/* -----------------------------------------------------------------
リセット
------------------------------------------------------------------ */
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
	line-height: 1.4;
	scroll-behavior: smooth;
}
body{
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@media screen and (max-width:640px) {
	table {
		display: block; /*テーブルの幅を固定*/
		/*overflow-x: scroll;*//*テーブルの要素が画面サイズを超えた場合スクロールを表示*/
		white-space: nowrap; /*テーブルの要素は改行させない*/
		-webkit-overflow-scrolling: touch; /*スマホで滑らかにスクールするように設定*/
	}
}
caption,th {
	text-align:left;
}
ol,ul {
	list-style:none;
}
fieldset {
	border: 0;
}
img {
	border: 0;
	vertical-align: bottom;
}

/* -----------------------------------------------------------------
基本タグの定義
------------------------------------------------------------------ */
html{
	font-size: 9.4px;
}
@media screen and (max-width:1000px) {
	html{
		font-size: 1vw;
	}
}
@media screen and (max-width:640px) {
	html{
		font-size: 2.2vw;
	}
}
body {
	background-color: #FFFFFF;
	text-align:center;
	line-height: 1.4;
	font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;;
	-webkit-text-size-adjust: 100%;
	color: #4c4625;
	position: relative;
	/*word-break: break-all;*/
	overflow-wrap:break-word;
}

body div{
	text-align:left;
}
p,h1,h2,h3,h4,h5,h6,li,a,th,td,span,label{
	font-size: 1.8rem;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
img{
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
}
a {
	opacity: 1;
	transition: all 0.3s;
}
a:hover{
	opacity: 0.7;
}
a img {
	border-style: none;
	opacity: 1;
	transition: all 0.3s;
}
a img:hover{
	opacity: 0.7;
}
a:link {
	color: #36C;
}
a:visited {
	color: #36C;
}
a:hover {
	color: #47459A;
	text-decoration:underline;
	opacity: 0.7;
}
a.underline {
	text-decoration:underline;
}
strong{
	font-weight: 900;
}
@media screen and (max-width:640px) {
	strong {
		font-weight: 800;
	}
}

@media screen and (max-width:640px) {
	/*　ハンバーガーボタン */
	.hamburger {
		display : block;
		position: fixed;
		z-index : 3;
		right : 5px;
		top   : 5px;
		width : 42px;
		height: 42px;
		cursor: pointer;
		text-align: center;
		
	}
	.hamburger span {
		display : block;
		position: absolute;
		width   : 30px;
		height  : 2px ;
		left    : 6px;
		background : #555;
		-webkit-transition: 0.5s all;
		-moz-transition   : 0.5s all;
		transition        : 0.5s all;
	}
	.hamburger span:nth-child(1) {
		top: 10px;
	}
	.hamburger span:nth-child(2) {
		top: 20px;
	}
	.hamburger span:nth-child(3) {
		top: 30px;
	}

	/* ナビ開いてる時のボタン */
	.hamburger.active span:nth-child(1) {
		top : 16px;
		left: 6px;
		-webkit-transform: rotate(-45deg);
		-moz-transform   : rotate(-45deg);
		transform        : rotate(-45deg);
		background: #FFF;
	}
	.hamburger.active span:nth-child(2) {
		left: 60%;
		opacity: 0;
		-webkit-animation: active-btn17-bar02 .8s forwards;
		animation: active-hamburger-bar02 .8s forwards;
	}
	@-webkit-keyframes active-hamburger-bar02 {
		100% {
			height: 0;
		}
	}
	@keyframes active-hamburger-bar02 {
		100% {
			height: 0;
		}
	}
	.hamburger.active span:nth-child(3) {
		top: 16px;
		-webkit-transform: rotate(45deg);
		-moz-transform   : rotate(45deg);
		transform        : rotate(45deg);
		background: #FFF;
	}
	.hamburger::after {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		content: '';
		width: 80px;
		height: 80px;
		margin: -45px 0 0 -43px;
		transition: all .75s;
	}
	nav.globalMenuSp {
		position: fixed;
		z-index : 2;
		top  : 0;
		left : 0;
		color: #333;
		text-align: center;
		transform: translateX(100%);
		transition: all 0.6s;
		width: 100%;
		height: 100%;
	}
	nav.globalMenuSp ul {
		background: #44546A;
		padding: 0;
		width: 100%;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		height: 100%;
	}
	nav.globalMenuSp ul li {
		list-style-type: none;
		padding: 0;
		width: 100%;
	}
	nav.globalMenuSp ul li:last-child {
		padding-bottom: 0;
	}
	nav.globalMenuSp ul li a:hover{
		color:#fff;
	}
	nav.globalMenuSp ul li a {
		display: block;
    text-decoration: none;
    padding-top: 1rem;
    padding-right: 0;
    padding-bottom: 1rem;
    padding-left: 0;
    font-size: 1.4rem;
	}
	/* このクラスを、jQueryで付与・削除する */
	nav.globalMenuSp.active {
		transform: translateX(0%);
	}
	.mainmenu a{
		color: #fff;
		background: #44546A;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #FFF;
	}
	.submenu a{
		color: #728aac;
		background: #b1f5fa;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #FFF;
	}
}
/* -----------------------------------------------------------------
ヘッダー
------------------------------------------------------------------ */
#head {
	height:auto;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	position:relative;
}
#head h1.logo a {
	position:absolute;left:14px;top:14px;
	background:url('../images/logo.png');
	text-indent: -9999px;
	width:188px;
	height:40px;
	margin:0;
	display:block;
	background-size:100%;
}
#head h1.logo a:hover {
	width:188px;
	margin:0;
	display:block;
}
#head p.contact {
	position: absolute;
	right: 55px;
	top: 0;
	vertical-align: top;
	width: 50%;
	max-width: 518px;
	text-align: right;
}

#head p.contact a.mail {
	width:34%;
	height:100%;
	display: inline-block;
	padding-top: 1rem;
	vertical-align: top;
}
#head p.contact a.pdf {
	max-width: 390px;
	width: 60%;
	height: auto;
	display: inline-block;
	margin-right: 1rem;
}
#head p.contact .pdf img {
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: 4rem;
	width: 80%;
	height: auto;
}
#head p.contact a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#head ul {
	margin:0;
}
#head ul li {
	list-style-image: none;
	list-style-type: none;
	display: inline-block;
	background: none;
	margin: 0;
	padding:0 2px;
	vertical-align:middle;
	width: 100px;
}
#head ul.social {
	position:absolute;
	left:15px;
	top:60px;
	vertical-align: top;
}
#head ul.social li{
	vertical-align: top;
}
#head_outer {
	height:72px;
	width:100%;
	background-color: #fff;
	text-align: center;
	position:relative;
}
#header_nav.m_fixed {
	position: fixed;
	top: 0;
	width:100%;
  overflow: auto;
}
#header_nav {
	width:100%;
	z-index: 1001;
	background: #ADB9CA;
}
#header_nav_in {
	width:100%;
	border-top: 5px solid #000;
	border-bottom: 2px solid #ADB9CA;

}
#header_nav_in li{

}
#header_nav_in li a{
	padding: 1rem 2rem;
	font-size: 1.6rem;
	color: #000;
	transition: all 0.5s 0s ease;
	display: block;
	width: 100%;
	height: 100%;
	min-width: 10rem;
  text-align: center;
}
#header_nav_in li a:hover{
	color: #FFF;
	cursor: pointer;
	transition: all 0.5s 0s ease;
	text-decoration: none;
	background-color: #000;
	opacity: 1;
}
#header_nav_in .sub_nav_in{
	margin-bottom: 1.4rem;
	width: 100%;
	padding: 0.5rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-align-items: center;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
#header_nav_in .sub_nav_in li{
	margin-right: 0.5rem;
}
#header_nav_in .sub_nav_in li a{
	border-radius: 0.5rem;
	background: #8497B0;
	color: #FFF;
	min-width: 14rem;
	text-align: center;
	transition: all 0.3s;
}
#header_nav_in .sub_nav_in li a:hover{
	background: #FFF;
	color: #8497B0;
}
#header_nav_in .sub_nav_in li a.line2{
	padding: 0 2rem;
}


/* 固定ナビのスクロールバー削除	 */
.m_fixed {
		overflow: scroll;
		-ms-overflow-style: none;    /* IE, Edge 対応 */
		scrollbar-width: none;       /* Firefox 対応 */
}
.m_fixed::-webkit-scrollbar {  /* Chrome, Safari 対応 */
		display:none;
}

.header_nav01,
.header_nav02,
.header_nav03,
.header_nav04,
.header_nav05,
.header_nav06,
.header_nav07,
.header_nav09{
	float: left;
}
.header_nav08{
	float: right !important;
}
/* #header_nav_in li.header_nav07 a{
	font-size: 1.2rem;
	line-height: 1.9;
} */
@media screen and (max-width:640px) {
	#header_nav,
	#head_outer,
	#side-nav {	
		display: none;
	}
}
/*サブメニュー*/
.sub_menu_outer{
	display: block;
}
@media screen and (max-width:640px) {
	.sub_menu_outer{
		display: none;
	}
}
.sub_menu{
	width: 100%;
	padding: 0.5rem 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-align-items: center;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
@media screen and (max-width:640px) {
	.sub_menu{
		width: 100%;
		margin: auto;
		padding: 0.5rem;
	}
}
.sub_menu li{
	margin: 0.2rem 0.3rem;
}
@media screen and (max-width:640px) {
	.sub_menu li{
		width: calc(50% - 0.6rem);
	}
}
.sub_menu a{
	position: relative;
	background-color: #E7A8B4;
	border-radius: 0.5rem;
	padding: 0 2rem;
	height: 5rem;
	font-size: 1.5rem;
	color: #882437;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	transition: all 0.3s;
}
@media screen and (max-width:640px) {
	.sub_menu a{
		padding: 0 0.2rem;
	}
}
.sub_menu a:hover{
	background-color: #FFF;
	color: #CF4963;
	text-decoration: none;
}
.sub_menu a.active{
	background-color: #FFF;
	color: #CF4963;
	pointer-events: none;
}
.sub_menu a::after{
	opacity: 0;
	transition: all 0.3s;
}
.sub_menu a:hover::after,
.sub_menu a.active::after{
	content: "";
	position: absolute;
	bottom: -2rem;
	left: 50%;
	transform: translateX(-50%);
	width: 2rem;
	height: 2rem;
	border-right: 1rem solid transparent;
	border-top: 1rem solid #FFF;
	border-left: 1rem solid transparent;
	box-sizing: border-box;
	opacity: 1;
	
}


/* ------------------------------------------------------------------　
コンテンツ
------------------------------------------------------------------ */
#wrapper {
	width:100%;
	padding-top: 0;
}
@media screen and (max-width:640px) {
	#wrapper {
		padding-left: 0px;
	}
}
#content{
	color: #4c4625;
	padding: 5rem 4rem 1rem;
}
@media screen and (max-width:640px) {
	#content{
		padding-left: 10px;
		border-radius: 0px 0px 0px 10px;
		background-color: #FFF;
		color: #4c4625;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 10px;
	}
}
#content_inner{
	max-width: 1080px;
	margin: auto;
}
.update{
	font-size: 1.3rem;
	width: 100%;
	padding: 0px 1% 2rem;
	text-align: right;
}
@media screen and (max-width:640px) {
	.update{
		padding: 1rem 1% 2rem;
	}
}
.make_date{
	width: 100%;
	display: block;
	text-align: right;
}
/*未使用
.pankuzu{
	font-size: 11px;
	color: #666;
	margin-bottom: 30px;
	transform:rotateZ(0.03deg);
}
@media screen and (max-width:640px) {
	.pankuzu{
		font-size: 1em;
		color: #666;
		margin-bottom: 3em;
	}
}
.pankuzu a{
	color: #666;
}
*/
/*見出し*/
.headline01{/**/
	/*border-top: 3rem solid #FE5F24;
	background: linear-gradient(160deg, #FE5F24 0%, #FE5F24 60%, transparent 60%, transparent 100%);*/
	background: #92D050;
	color: #FFF;
	position: relative;
	padding: 1rem;
	font-size: 2rem;
	display: flex;
    justify-content: center; /* 水平方向に中央寄せ */
}
@media screen and (max-width:640px) {
	.headline01{
		padding: 1rem 1rem 1rem 2rem;
	}
}
.headline01 h1{
	font-size: 2.8rem;
	color: #FFF;
	width: 100%;
	max-width: 1080px;
	margin-left: 2rem;
	

}
@media screen and (max-width:640px) {
	.headline01 h1{
		margin-left: 0;
		font-size: 2.4rem;
		width: 100%;
	}
}
.headline01 p{
	content: "";
	position: absolute;
	top: -3rem;
	left: 4rem;
	width: 10rem;
}
@media screen and (max-width:640px) {
	.headline01 p{
		width: 6rem;
		top: -2rem;
		left: 1rem;
	}
}
.headline01 span.num_area{
	color: #FFF;
	background: #44546A;
	width: 100%;
	font-size: 3.5rem;
	font-weight: bold;
	position: relative;
	display: block;
	text-align: center;
	padding-top: 6rem;
	padding-bottom: 1.5rem;
}
.headline01 span.num_area::after{
	content: "";
	position: absolute;
	bottom: -8.5rem;
	left: 0;
	border: 5rem solid transparent;
	border-top: 2.5rem solid #44546A;
	padding-bottom: 1rem;
}
@media screen and (max-width:640px) {
	.headline01 span.num_area{
		font-size: 2.4rem;
		padding-top: 5rem;
	}
	.headline01 span.num_area::after{
		bottom: -5.5rem;
		border: 3rem solid transparent;
		border-top: 1.5rem solid #44546A;
	}
}
.headline01 .chpter_area{
	font-size: 1.2rem;
	text-align: center;
	color: #FFF;
	position: absolute;
	top: 4rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
@media screen and (max-width:640px) {
	.headline01 .chpter_area{
		top: 3rem;
	}
}
.headline02{/**/
	margin-top: 0;
    font-size: 2.6rem;
    padding: 1.4rem 2rem 1rem;
    line-height: 1;
    color: #00B050;
		border-left: 0.6rem solid #00B050;
}
@media screen and (max-width:640px) {
	.headline02{
		margin-top: 1rem;
		font-size: 2rem;
		padding-left: 2rem;
	}
}
.headline03{/**/
	margin-top: 0;
	margin-bottom: 2rem;
	font-size: 2.2rem;
	padding: 0.8rem 1em 0.4rem 1rem;
	line-height: 1.2;
	background: #E2F0D9;
	color: #00B050;
}
@media screen and (max-width:640px) {
	.headline03{
		margin-top: 1rem;
		margin-bottom: 1rem;
		font-size: 2rem;
		padding-left: 2rem;
	}
}
.headline03 span{
	line-height: 1.2;
  display: inline-block;
}
.headline03 .text_title{
	display: inline-block;
	position: relative;
	font-size: 2.6rem;
}
@media screen and (max-width:640px) {
	.headline03 .text_title{
		font-size: 2rem;
	}
}

.headline03 .text_label{
	position: absolute;
	content: "";
	padding: 0.8rem 1rem 0.5rem;
	top: 50%;
	left: 105%;
	transform: translateY(-50%);
	color: #FFF;
	background: #92D050;
	font-size: 1.6rem;
	border-radius: 1rem;
	width: 10rem;
	text-align: center;
}
@media screen and (max-width:640px) {
	.headline03 .text_label{
		position: relative;
		top: unset;
		left: unset;
		display: block;
    margin-top: 2rem;
	}
}
.headline03 .text_label.blue{
	background: #00B0F0;
}
.headline04{/**/
	margin-top: 0;
	margin-bottom: 2rem;
	font-size: 2.6rem;
	padding: 1rem 0.5em;
	line-height: 1.2;
	color: #FFF;
	background: #00B0F0;
}
@media screen and (max-width:640px) {
	.headline04{
		margin-top: 1rem;
		margin-bottom: 1rem;
		font-size: 2rem;
		padding-left: 2rem;
	}
}
.headline05{/**/
	margin-top: 0;
    font-size: 2.6rem;
    padding: 1.4rem 2rem 1rem;
    line-height: 1;
    color: #0070C0;
		border-left: 0.6rem solid #0070C0;
}
@media screen and (max-width:640px) {
	.headline05{
		margin-top: 1rem;
		font-size: 2rem;
		padding-left: 2rem;
	}
}

.headline06{/**/
	/*border-top: 3rem solid #FE5F24;
	background: linear-gradient(160deg, #FE5F24 0%, #FE5F24 60%, transparent 60%, transparent 100%);*/
	background: #44546A;
	color: #FFF;
	position: relative;
	padding: 1rem;
	font-size: 2rem;
	display: flex;
  justify-content: center; /* 水平方向に中央寄せ */
}
@media screen and (max-width:640px) {
	.headline06{
		padding: 1rem 1rem 1rem 2rem;
	}
}
.headline06 h1{
	font-size: 2.8rem;
	color: #FFF;
	width: 100%;
	max-width: 1080px;
	margin-left: 2rem;

}
@media screen and (max-width:640px) {
	.headline06 h1{
		margin-left: 0;
		font-size: 2.4rem;
		width: 100%;
	}
}
.headline06 p{
	content: "";
	position: absolute;
	top: -3rem;
	left: 4rem;
	width: 10rem;
}
@media screen and (max-width:640px) {
	.headline06 p{
		width: 6rem;
		top: -2rem;
		left: 1rem;
	}
}
.headline06 span.num_area{
	color: #FFF;
	background: #44546A;
	width: 100%;
	font-size: 3.5rem;
	font-weight: bold;
	position: relative;
	display: block;
	text-align: center;
	padding-top: 6rem;
	padding-bottom: 1.5rem;
}
.headline06 span.num_area::after{
	content: "";
	position: absolute;
	bottom: -8.5rem;
	left: 0;
	border: 5rem solid transparent;
	border-top: 2.5rem solid #44546A;
	padding-bottom: 1rem;
}
@media screen and (max-width:640px) {
	.headline06 span.num_area{
		font-size: 2.4rem;
		padding-top: 5rem;
	}
	.headline06 span.num_area::after{
		bottom: -5.5rem;
		border: 3rem solid transparent;
		border-top: 1.5rem solid #44546A;
	}
}
.headline06 .chpter_area{
	font-size: 1.2rem;
	text-align: center;
	color: #FFF;
	position: absolute;
	top: 4rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
@media screen and (max-width:640px) {
	.headline06 .chpter_area{
		top: 3rem;
	}
}
.headline07{/**/
	margin-top: 0;
	font-size: 2.6rem;
	padding: 1.4rem 2rem 1rem;
	line-height: 1.2;
	color: #44546A;
	border-left: 0.6rem solid #44546A;
}
@media screen and (max-width:640px) {
	.headline07{
		margin-top: 1rem;
		font-size: 2rem;
		padding-left: 2rem;
	}
}
.headline07 .min_font{
	font-size: 2.2rem;
}
@media screen and (max-width:640px) {
	.headline07 .min_font{
		font-size: 1.8rem;
	}
}
.headline08{/**/
	font-size: 2rem;
	color: #FFF;
	background-color: #0070C0;
	padding: 1rem 2rem 0.8rem;
	margin: 1rem auto 0;
	text-align: left;
}
@media screen and (max-width:640px) {
	.headline08{
		font-size: 2.1rem;
	}
}
.headline09{/**/
	/*border-top: 3rem solid #FE5F24;
	background: linear-gradient(160deg, #FE5F24 0%, #FE5F24 60%, transparent 60%, transparent 100%);*/
	background: #00B0F0;
	color: #FFF;
	position: relative;
	padding: 1rem;
	font-size: 2rem;
	display: flex;
  justify-content: center; /* 水平方向に中央寄せ */
}
@media screen and (max-width:640px) {
	.headline09{
		padding: 1rem 1rem 1rem 2rem;
	}
}
.headline09 h1{
	font-size: 2.8rem;
	color: #FFF;
	width: 100%;
	max-width: 1080px;
	margin-left: 2rem;

}
@media screen and (max-width:640px) {
	.headline09 h1{
		margin-left: 0;
		font-size: 2.4rem;
		width: 100%;
	}
}
.headline10{/**/
	margin-top: 0;
    font-size: 2.6rem;
    padding: 1.4rem 2rem 1rem;
    line-height: 1.2;
    color: #00B0F0;
		border-left: 0.6rem solid #00B0F0;
}
@media screen and (max-width:640px) {
	.headline10{
		margin-top: 1rem;
		font-size: 2rem;
		padding-left: 2rem;
	}
}
.headline11{/**/
	font-size: 2.2rem;
	color: #FFF;
	background-color: #8497B0;
	padding: 1rem 2rem 0.8rem;
	margin: 1rem auto 0;
	text-align: left;
}
@media screen and (max-width:640px) {
	.headline11{
		font-size: 2.1rem;
	}
}
.headline11 .min_font{
	font-size: 1.6rem;
}
.headline12{/**/
	font-size: 2.2rem;
	background: #DEEBF7;
	color: #5B9BD5;
	padding: 1rem 2rem 0.8rem;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-weight: bold;
}
@media screen and (max-width:640px) {
	.headline12{
		font-size: 2rem;
	}
}
.headline12.blue_label{
	background: #4472C4;
	color: #FFF;
}
.headline12.blue_r_label{
	background: #20AAEC;
	color: #FFF;
}
.headline12.gray_r_label{
	background: #8497B0;
	color: #FFF;
}
.headline12 .min_font{
	font-size: 1.9rem;
}
.headline13{
	font-size: 2rem;
	color: #00B0F0;
	text-align: left;
}
.headline14{/**/
	/*border-top: 3rem solid #FE5F24;
	background: linear-gradient(160deg, #FE5F24 0%, #FE5F24 60%, transparent 60%, transparent 100%);*/
	background: #FF6699;
	color: #FFF;
	position: relative;
	padding: 1rem;
	font-size: 2rem;
	display: flex;
  justify-content: center; /* 水平方向に中央寄せ */
}
@media screen and (max-width:640px) {
	.headline14{
		padding: 1rem 1rem 1rem 2rem;
	}
}
.headline14 h1{
	font-size: 2.8rem;
	color: #FFF;
	width: 100%;
	max-width: 1080px;
	margin-left: 2rem;

}
@media screen and (max-width:640px) {
	.headline14 h1{
		margin-left: 0;
		font-size: 2.4rem;
		width: 100%;
	}
}





.headline15{/**/
	font-size: 2.4rem;
	color: #C63450;
	border-bottom: 1px solid#C63450;
	padding: 1rem 2rem 0.8rem;
	margin: 1rem auto 3rem;
	text-align: left;
	font-weight: normal;
}
.headline16{/**/
	font-size: 2rem;
	color: #4c4625;
	border-bottom: 1px solid#E48AA0;
	padding: 1rem 2rem 0.8rem;
	margin: 1rem auto 3rem;
	text-align: center;
	font-weight: normal;
}

.headline17{/**/
	font-size: 2rem;
	color: #4c4625;
	background-color: #D9D9D9;
	padding: 1rem 1rem 0.8rem;
	margin: 0 auto 1rem;
	font-weight: normal;
}
.headline17.left_m{
	margin-left: 2rem;
}
@media screen and (max-width:640px) {
	.headline17.left_m{
		margin-left: 0;
	}
}

.headline18{
	font-size: 2.4rem;
	/* color: #C63450;
	border-bottom: 1px solid#C63450; */
	background-color: #8497B0;
	color: #FFF;
	padding: 1rem 2rem 0.8rem;
	margin: 1rem auto 3rem;
	text-align: center;
	font-weight: bold;
	width: 95%;
}
@media screen and (max-width:640px) {
	.headline18{
		font-size: 2.1rem;
	}
}

.headline19{
	font-size: 2.4rem;
	/* color: #C63450;
	border-bottom: 1px solid#C63450; */
	background-color: #4472C4;
	color: #FFF;
	padding: 1rem 2rem 0.8rem;
	margin: 1rem auto 3rem;
	text-align: center;
	font-weight: bold;
	width: 95%;
}
@media screen and (max-width:640px) {
	.headline19{
		font-size: 2.1rem;
	}
}

.orange_title{
	color: #FFF;
	font-size: 2.4rem;
	text-align: left;
	background: #FE5F24;
	padding: 0.5rem 1rem;
	margin: 0 auto 0.5rem;
	max-width: 700px;
}
.blue_r_title{
	color: #FFF;
	font-size: 2.4rem;
	text-align: left;
	background: #0EAECD;
	padding: 0.5rem 1rem;
	margin: 0 auto 0.5rem;
	max-width: 700px;
}

/*目次*/
#toc #outer { /*大枠*/
  width: 98%;
  max-width: 1000px;
  margin: 1rem auto 3rem;
  border: 2px solid #70AD47;
	background-color: #E2F0D9;
}
#toc #outer.r_gray { /*大枠*/
  border: 2px solid #44546A;
	background-color: #D6DCE5;
}
#toc #outer.r_pink{
	border: 2px solid #FF6699;
	background-color: #FFE7EF;
}
#toc #open_btn { /*チェックボックスは非表示*/
  display: none;
}
#toc #openclose { /*目次ボタン領域大枠*/
  width: 100%;
}
#toc #openclose #index {
  cursor: pointer;
  width: 100%;
  display: block;
  text-align: center;
  color: #002060;
  padding: 1rem 0;
}
#toc #openclose #index span::after {
  content: "[開く]　";
}
#toc #open_btn:checked ~ #openclose #index span::after {
  content: "[閉じる]";
}
#toc #containouter { /*表示領域大枠*/
  width: 100%;
  overflow: hidden;
  max-height: 0px;
	padding: 0 2rem;
}
#toc .container {
  padding: 2rem 0 2rem 2rem;
  text-align: left;
}
#toc #open_btn:checked ~ #containouter {
  max-height: 100%;
}
#toc .container {
  list-style-type: decimal;
}
#toc ul.container {
  list-style-type: none;
	padding-left:0 ;
}
#toc ol.container.disc {
  list-style-type: disc;
	padding-left:1rem ;
	color: #002060;
}
#toc .container li.square{
	margin-left: 0;
}
#toc .container li.square::before {
  content: "■";
	font-size: 100%;
}

#toc .container li a {
  color: #000;
  text-decoration: underline;
}
#toc .container .sub_list {
  list-style-type: disc;
  margin: 0 0 1rem 3rem;
}
#toc ul.container .no_disc{
	list-style-type: none;
}
ol.num {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
ol.num li {
  font-size: 1em;
  padding-left: 1.2em;
  position: relative;
}
ol.num li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: transparent;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1em;
  width: 1em;
  font-size: 1em;
  line-height: 1;
  position: absolute;
  top: 0.1em;
  left: 0;
}
ul.dash{
	padding-left: 1rem;
}
ul.dash li{
	list-style-type: none;
	padding-left:0 ;
	margin-left: 0;
}
ul.dash li::before {
  content: "-";
	font-size: 100%;
	margin-left: -0.5em;
}
.toc_scroll a {
	font-size: 1.6rem;
	color: #000;
	width: 96%;
	margin: auto;
	text-decoration: none;
}
/*コンテンツ内*/
.content_text{
	margin-bottom: 3rem;
	line-height: 2.4rem;
	font-size: 1.8rem;
}
@media screen and (max-width:640px) {
	.content_text{
		margin-bottom: 2rem;
	}
}
.content_text_small{
	display: block;
	font-size: 1.4rem;
}
@media screen and (max-width:640px) {
	.content_text_small,
	.content_text_small a{
		font-size: 1.6rem;
	}
}
.content_text_full{
	padding: 1rem 0;
	margin: 0 auto 2rem;
}
@media screen and (max-width:640px) {
	.content_text_full{
		padding: 1rem;
		margin-bottom: 2rem;
	}
}
.content_text_space{
	padding: 1rem 4rem;
	margin: 0 auto 2rem;
}
@media screen and (max-width:640px) {
	.content_text_space{
		padding: 1rem;
		margin-bottom: 2rem;
	}
}
.content_text_space p.center_min{
	font-size: 1.6rem;
	text-align: center;
}
.content_text_mid{
	width: 80%;
	margin: 0 auto;
}
@media screen and (max-width:640px) {
	.content_text_mid{
		width: 90%;
	}
}
.content_text_min{
	width: 70%;
	margin: 0 auto;
}
@media screen and (max-width:640px) {
	.content_text_min{
		width: 90%;
	}
}
.content_caption{
	margin-top: 1rem;
	margin-bottom: 4rem;
	font-size: 1.4rem;
	
}
.content_caption a{
	font-size: 1.4rem;
}
@media screen and (max-width:640px) {
	.content_caption{
		margin-top: 1rem;
    margin-bottom: 3rem;
    font-size: 1.4rem;
	}
	.content_caption a{
		font-size: 1.4rem;
	}
}
.flex_outer{
	display: flex;
}
.flex_area .inner .con_02{
	min-height: 20rem;
}
.flex_area .inner .block_box h3{
	line-height: 1;
}
.flex_area .inner .block_box h3 .min_font{
	font-size: 1.4rem;
}
.flex_area .inner .block_box ul{
	list-style: disc;
	margin-left: 4rem;
}
.flex_area .inner .block_box ul li{
	font-size: 1.6rem;
}
.flex_three{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	margin: 0 auto 1rem;
}
.flex_three .flex_three_box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
	width: 32%;
	margin: 0 auto 1rem;
}
@media screen and (max-width:640px) {
	.flex_three .flex_three_box{
		width: 98%;
	}
}
.flex_three .flex_three_box h4{
	text-align: left;
	color: #4472C4;
	font-size: 1.6rem;
}
.flex_three .flex_three_box .title_01{
	background: #DDE5F4;
}
.flex_three .flex_three_box .title_02{
	background: #BCE5F9;
}
.flex_three .flex_three_box .title_03{
	background: #DAE0E7;
}
.flex_three .flex_three_box p{
	font-size: 1.6rem;
}
.flex_three .flex_three_box .flex_three_bottom{

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.blue_area{
	background: #E8EEF8;
	padding-bottom: 2rem;
	margin-bottom: 3rem;
}
@media screen and (max-width:640px) {
	.blue_area{
		width: 98%;
		margin-bottom: 1rem;
	}
}
.blue_area h3{
	color: #FFF;
	font-size: 2rem;
	background: #8FAADC;
	text-align: center;
	padding: 1rem 1rem 0.6rem;
}
.blue_area p{
	color: #000;
	text-align: left;
	font-size: 1.8rem;
	padding: 1rem;
	font-size: 1.6rem;
}
.blue_bubble{
	border: 1px solid #4472C4;
	background: #DAE3F3;
	position: relative;
	z-index: 3;
	width: 65%;
}
.blue_bubble::before{
	content: "";
	position: absolute;
	border-top: 1.4rem solid transparent;
	border-right: 1rem solid transparent;
	border-bottom: 0.6rem solid transparent;
	border-left: 1rem solid #4472C4;
	left: 100%;
	top: 70%;
	z-index: 1;
}
.blue_bubble::after{
	content: "";
	position: absolute;
	border-top: 1.4rem solid transparent;
	border-right: 1rem solid transparent;
	border-bottom: 0.6rem solid transparent;
	border-left: 1rem solid #DAE3F3;
	left: calc(100% - 1px);
	top: 70%;
	z-index: 2;
}
.blue_bubble h4{
	background: #4472C4;
	color: #FFF;
	padding: 0.5rem;
	font-size: 1.2rem;
}
.blue_bubble p{
	color: #4472C4;
	padding: 0.5rem;
	font-size: 1.4rem;
	font-weight: bold;
}
.green_area{
	background: #ECF5E7;
	padding-bottom: 2rem;
	margin-bottom: 3rem;
}
@media screen and (max-width:640px) {
	.green_area{
		width: 98%;
		margin-bottom: 1rem;
	}
}
.green_area h3{
	color: #FFF;
	font-size: 2rem;
	background: #92D050;
	padding: 1rem 1rem 0.6rem;
}
.green_area p{
	color: #000;
	text-align: left;
	text-decoration-style: 1.8rem;
	padding: 1rem;
	font-size: 1.6rem;
}
.green_bubble{
	border: 1px solid #00B050;
	background: #E2F0D9;
	position: relative;
	z-index: 3;
	width: 65%;
}
.green_bubble::before{
	content: "";
	position: absolute;
	border-top: 1.4rem solid transparent;
	border-right: 1rem solid transparent;
	border-bottom: 0.6rem solid transparent;
	border-left: 1rem solid #00B050;
	left: 100%;
	top: 70%;
	z-index: 1;
}
.green_bubble::after{
	content: "";
	position: absolute;
	border-top: 1.4rem solid transparent;
	border-right: 1rem solid transparent;
	border-bottom: 0.6rem solid transparent;
	border-left: 1rem solid #E2F0D9;
	left: calc(100% - 1px);
	top: 70%;
	z-index: 2;
}
.green_bubble h4{
	background: #00B050;
	color: #FFF;
	padding: 0.5rem;
	font-size: 1.2rem;
}
.green_bubble p{
	color: #00B050;
	padding: 0.5rem;
	font-size: 1.4rem;
	font-weight: bold;
}

.orange_area{
	background: #FBE5D6;
	width: 49%;
	padding-bottom: 2rem;
}
@media screen and (max-width:640px) {
	.orange_area{
		width: 98%;
		margin-bottom: 1rem;
	}
}
.orange_area h3{
	color: #FFF;
	font-size: 2rem;
	background: #FE7700;
	text-align: center;
	padding: 1rem 1rem 0.6rem;
}
.orange_area p{
	color: #FE7700;
	font-weight: bold;
	text-align: center;
	text-decoration-style: 1.8rem;
	padding: 1rem 0 0;
	font-size: 1.6rem;
}
.blue_area p.nomal,
.orange_area p.nomal{
	color: #333;
	font-weight: normal;
	text-align: left;
	font-size: 1.6rem;
	padding: 1rem;
}
.green_h1{
	margin: 1rem 0 1rem;
	color: #72AC4D;
}
.green_h1 .marker_y{
	color: #72AC4D;
	font-size: 3rem;
}
@media screen and (max-width:640px) {
	.green_h1 .marker_y{
		font-size: 2.2rem;
	}
}
.green_h2 {
	color: #72AC4D;
	font-size: 2.4rem;
	margin-bottom: 2rem;
	padding-bottom: 0.2rem;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #72AC4D;
	margin-top: 6rem;
}
@media screen and (max-width:640px) {
	.green_h2 {
		font-size: 2rem;
		margin-top: 4rem;
	}
}
.blue_h2 {
	color: #4472C4;
	font-size: 2.8rem;
	margin-bottom: 2rem;
	padding-bottom: 0.2rem;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4472C4;
	margin-top: 6rem;
	font-weight: normal;
}
@media screen and (max-width:640px) {
	.blue_h2 {
		font-size: 2rem;
		margin-top: 4rem;
	}
}
.blue_h2_min {
	color: #4472C4;
	font-size: 2rem;
	margin-bottom: 1rem;
	padding-bottom: 0.2rem;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4472C4;
	font-weight: normal;
}
@media screen and (max-width:640px) {
	.blue_h2_min {
		font-size: 1.9rem;
		margin-top: 4rem;
	}
}
.blue_h3 {
	color: #4c4625;
	font-size: 2.4rem;
	padding: 1rem 1rem 0.8rem;
  margin: 1rem auto 3rem;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4472C4;
	text-align: left;
	font-weight: normal;
}
@media screen and (max-width:640px) {
	.blue_h3 {
		font-size: 2rem;
		margin-top: 4rem;
	}
}
.black_h2 {
	color: #333;
	font-size: 2.8rem;
	margin-bottom: 2rem;
	padding-bottom: 0.2rem;
	margin-top: 6rem;
	font-weight: normal;
}
@media screen and (max-width:640px) {
	.black_h2 {
		font-size: 2rem;
		margin-top: 4rem;
	}
}
.green_h3 {
	color: #099A79;
	font-size: 2.4rem;
	margin-bottom: 2rem;
	padding-bottom: 0.2rem;
	margin-top: 6rem;
	font-weight: bold;
	border-bottom: 1px solid #099A79;
}
.green_indent {
	margin-bottom: 0.5em;
	text-indent: -1em;
	padding-left: 1em;
}
.green_indent2{
	padding-left: 2em;
	text-indent: -1em;
}
@media screen and (max-width:640px) {
	.green_indent{
		font-size: 1.6rem;
	}
}
.green_bright_h1{
	color:#4a9245;
	background-color:#d6e2cc;
	margin:2rem auto 1rem;
	font-size: 2.8rem;
	border-radius: 10px 10px 0px 0px;
	padding: 1rem;
}
/*アイコン*/
.hv_icon {
	padding-top: 3rem;
	margin-bottom: 0;
	width: 6rem;
}
@media screen and (max-width:640px) {
	.hv_icon {
		margin-top: 2rem;
		width: 4rem;
	}
}
/*ポイントエリア*/
.point {
	background-color: #D6DCE5;
	padding: 3rem 1rem 3.5rem 3rem;
	width: 90%;
	margin: 6rem auto 2rem 7%;
}
@media screen and (max-width:640px) {
	.point {
		padding: 1rem 1rem 2.5rem 1rem;
		width: 93%;
		margin: 6rem auto 2rem 6%;
	}
}
.point-img{
	margin-top: -5rem;
	margin-left: -5rem;
	width: 6rem;
}
@media screen and (max-width:640px) {
	.point-img{
		margin-left: -4rem;
	}
}
.point-title{
	text-align: left;
	color: #333F50;
	font-size: 2.6rem;
	font-weight: 600;
	margin-bottom: 1rem;
}
@media screen and (max-width:640px) {
	.point-title{
		font-size: 2.2rem;
	}
}
.point-title-honbun {
	text-align: left;
	color: #333F50;
	font-size: 2.4rem;
	margin-bottom: 1rem;
}
@media screen and (max-width:640px) {
	.point-title-honbun {
		font-size: 1.8rem;
	}
}
.point-title-honbun ul{
	text-align: left;
	color: #333F50;
	font-size: 2.4rem;
	margin-bottom: 1rem;
	list-style:disc;
	padding-top: 1rem;
	padding-left: 2rem;
}
.point-title-honbun a{
	margin-bottom: 2rem;
}
.point_area{
	width: 100%;
	margin: 0 auto 2rem;
}
.point_area.w-90{
	width: 90%;
}
.point_area h3{
	background-image: linear-gradient(90deg, #4472C4 0%, #2fb7ec 100%);
	border-top: 2px solid #4472C4;
	border-left: 2px solid #4472C4;
	border-right: 2px solid #4472C4;
	color: #FFF;
	padding: 1rem 0 0.5rem;
}
.point_area h3 .img_area{
	display: inline-block;	
}
.point_area h3 span{
	vertical-align: top;
	display: inline-block;
	padding-top: 0.8rem;
	font-size: 2.2rem;
}
@media screen and (max-width:640px) {
	.point_area h3 span{
		padding-left: 1rem;
	}
}
.point_area h3 span.font_big{
	font-size: 2.3rem;
}
.point_area .point_text{
	border: 2px solid #4472C4;
	padding: 2rem;
}
@media screen and (max-width:640px) {
	.point_area .point_text{
		padding: 1rem;
	}
}
.point_area .point_text .point_flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.point_area .point_text .point_flex.flex_center{
	-webkit-align-items: stretch;
	align-items: stretch;
}
.point_area .point_text .point_flex .point_box{
	width: 50%;
	border-right: 1px dashed #8FAADC;
	padding: 0 2rem;
}
@media screen and (max-width:640px) {
	.point_area .point_text .point_flex .point_box{
		width: 100%;
	}
}
.point_area .point_text .point_flex .point_flex_box.left_box{
	width: 60%;
}
.point_area .point_text .point_flex .point_flex_box.right_box{
	width: 40%;
}
@media screen and (max-width:640px) {
	.point_area .point_text .point_flex .point_flex_box.left_box{
		width: 100%;
	}
	.point_area .point_text .point_flex .point_flex_box.right_box{
		width: 100%;
	}
}
.point_area .point_text .point_flex .point_flex_box.left_box2{
	width: 40%;
}
.point_area .point_text .point_flex .point_flex_box.right_box2{
	width: 60%;
}
@media screen and (max-width:640px) {
	.point_area .point_text .point_flex .point_flex_box.left_box2{
		width: 100%;
	}
	.point_area .point_text .point_flex .point_flex_box.right_box2{
		width: 100%;
	}
}
.point_area .point_text .point_flex .point_flex_box.left_box3{
	width: 70%;
}
.point_area .point_text .point_flex .point_flex_box.right_box3{
	width: 30%;
}
@media screen and (max-width:640px) {
	.point_area .point_text .point_flex .point_flex_box.left_box3{
		width: 100%;
	}
	.point_area .point_text .point_flex .point_flex_box.right_box3{
		width: 100%;
	}
}
.point_area .point_text .point_flex .point_flex_box.half_box{
	width: 50%;
}
@media screen and (max-width:640px) {
	.point_area .point_text .point_flex .point_flex_box.half_box{
		width: 98%;
		margin: 0 auto;
	}
}
.point_area .point_text .point_flex .point_box:last-child{
	border-right: 0;
}
.point_area .point_text .point_flex.border .point_flex_box.half_box.left{
	border-left: 2px solid #8497B0;
	border-bottom: 2px solid #8497B0;
}
.point_area .point_text .point_flex.border .point_flex_box.half_box.right{
	border-right: 2px solid #8497B0;
	border-bottom: 2px solid #8497B0;
}
@media screen and (max-width:640px) {
	.point_area .point_text .point_flex.border .point_flex_box.half_box.right{
		border-left: 2px solid #8497B0;
	}
}
.point_area .point_text .point_flex .point_box .title_area{
	width: 100%;
	border: 0;
	padding: 0.5rem 1rem;
}
.point_area .point_text .point_flex .point_box.left_box .title_area{
	background: #92D050;
	color: #FFF;
	font-size: 1.8rem;
}
.point_area .point_text .point_flex .point_box.right_box .title_area{
	background: #8FAADC;
	color: #FFF;
	font-size: 1.8rem;
}
.point_area .point_text .point_flex .point_box.noline{
	border: 0;
}
.point_area .point_text .left_box3 .text_p{
	padding: 1rem;
	font-size: 1.8rem;
}
.point_area .point_text .point_flex .title_gray {
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	background: #D6DCE5;
	width: 100%;
}
.point_area .point_text .point_flex .title_gray.color_g {
	background: #8497B0;
	color: #FFF;
}

.point_area .point_text .point_flex .title_gray .img_area{
	width: 50%;
}
.point_area .point_text .point_flex .title_gray .title_text{
	text-align: left;
	width: 50%;
	padding: 1rem 2rem;
	display: flex;
	align-items: center;
}
.point_area .point_text .point_flex.border .title_gray .title_text{
	text-align: center;
	width: 100%;
	display: block;
}
.point_area .point_text .point_flex .title_gray .title_text h5{
	color: #44546A;
	font-size: 1.6rem;
	text-align: left;
	display: contents;
}
.point_area .point_text .point_flex.border .title_gray .title_text h5{
	font-size: 1.6rem;
	text-align: center;
	display: block;
	color: #FFF;
}
.point_area .point_text .point_flex .list_block{
	padding: 2rem 1rem;
	width: 100%;
	height: 63%;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.point_area .point_text .point_flex.border .list_block{
	height: auto;
}
.point_area .point_text .point_flex.border .left .list_block{
	border-right: 2px solid #8497B0;
}
.point_area .point_flex_box.point_gray_bk{
	background: #D6DCE5;
}
.point_area .point_text .point_flex .right_b_w{
	border-left: 2px solid #FFF;
}
@media screen and (max-width:640px) {
	.point_area .point_text .point_flex .right_b_w{
		border-left: 0;
	}
}
.point_area .point_text .point_flex .left_b_w{
	border-right: 2px solid #FFF;
}
@media screen and (max-width:640px) {
	.point_area .point_text .point_flex .left_b_w{
		border-right: 0;
	}
}
.point_area .point_text .point_flex .right_b_b{
	border-left: 2px solid #D6DCE5;
}
@media screen and (max-width:640px) {
	.point_area .point_text .point_flex .right_b_b{
		border-left: 0;
	}
}
.point_area .point_text .point_flex ul.min_font li{
	font-size: 1.4rem;
}

.point_area .point_text .point_flex .point_box p{
	padding: 1rem 0;
	font-size: 1.6rem;
}
.point_area .point_text .point_blue_title{
	color: #4472C4;
}
.point_area .b_dash_area{
	border-bottom: 1px dashed #4472C4;
	padding: 1rem;
}
.point_area .b_dash_area:last-child{
	border-bottom: 0;
}
.point_area .point_bottom{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	background: #D6DCE5;
	padding: 1rem 2rem;
	margin: 2rem auto 0;
}
.point_area .point_bottom p{
	font-size: 2.2rem;
	font-weight: bold;
	color: #4472C4;
}
.point_area .point_bottom a{
	width: 40%;
	display: block;
}
@media screen and (max-width:640px) {
	.point_area .point_bottom a{
		width: 80%;
		margin: 1rem auto;
	}
}
.point_area .img_area_one{
	width: 10rem;
	height: auto;
	display: inline-block;
}
.point_area h5.blue_s_title{
	text-align: left;
	background: #DAE3F3;
	color: #4472C4;
	font-size: 2rem;
	padding: 0.5rem 1rem;
}
.s_point_area{
	width: 94%;
	margin: 0 auto 2rem;
	background: #FFF;
}
@media screen and (max-width:640px) {
	.s_point_area{
		width: 98%;
	}
}
.s_point_area.flex_type{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.s_point_area.flex_type .order1{order: 1;}
.s_point_area.flex_type .order2{order: 2;}
.s_point_area.flex_type .order3{order: 3;}
.s_point_area.flex_type .order4{order: 4;}
.s_point_area.flex_type .order5{order: 5;}
.s_point_area.flex_type .order6{order: 6;}
@media screen and (max-width:640px) {
	.s_point_area.flex_type .order1{order: 1;}
	.s_point_area.flex_type .order2{order: 2;}
	.s_point_area.flex_type .order3{order: 4;}
	.s_point_area.flex_type .order4{order: 5;}
	.s_point_area.flex_type .order5{order: 6;}
	.s_point_area.flex_type .order6{order: 3;}
}
.s_point_area h4{
	background-image: linear-gradient(90deg, #4472C4 0%, #2fb7ec 100%);
	color: #FFF;
	font-size: 2.4rem;
	padding: 1rem;
	border: 1px solid #FFF;
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
	line-height: 1.2;
	width: 100%;
}
@media screen and (max-width:640px) {
	.s_point_area h4{
		font-size: 2rem;
	}
}
.s_point_area h4.title{
	font-size: 2rem;
}
.s_point_area h4 .num_area{
	display: inline-block;
	padding: 0.7rem 0.5rem 0.2rem;
	text-align: center;
	background: #FFF;
	color: #4472C4;
	margin-right: 2rem;
	font-size: 2.2rem;
	line-height: 1;
	height: 4.8rem;
	width: 4.8rem;
  display: flex;
  align-items: stretch;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}
.s_point_area h4 .left_area{
	width: calc(100% - 6.8rem);
	margin: 0.4rem 0 0;
}
.s_point_area h4 .num_area .text_block{
	font-size: 1.4rem;
	line-height: 1;
	display: inline;
}
.s_point_area .text_p{
	width: 94%;
	margin: 1rem auto;
}
.s_point_area .img_inner{
	width: 60%;
	margin: 1rem auto;
}
@media screen and (max-width:640px) {
	.s_point_area .img_inner{
		width: 96%;
	}
}
.s_point_area .img_inner h5{
	width: 100%;
	text-align: center;
	background: #DAE3F3;
	color: #4472C4;
	font-size: 2rem;
}
.s_point_area .img_inner h5 .min_font{
	font-size: 1.6rem;
}
.s_point_area .blue_box{
	color: #4472C4;
	border: 1px solid #4472C4;
	background: #DAE3F3;
	font-size: 1.6rem;
	text-align: left;
	width: 70%;
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}
@media screen and (max-width:640px) {
	.s_point_area .blue_box{
		width: 90%;
		font-size: 1.4rem;
	}
}
.s_point_area .blue_box.w-100{
	width: 100%;
}
.orange_box{
	width: 100%;
	margin: 1rem auto 3rem;
	background: #FBE5D6;
}
.orange_box h3{
	font-size: 2.4rem;
	text-align: left;
	color: #FE7700;
	padding: 0;
}
@media screen and (max-width:767px) {
	.orange_box h3{
		font-size: 1.8rem;
	}
}
.orange_box h4{
	font-size: 2.4rem;
	text-align: center;
	color: #FFF;
	background: #FE7700;
	padding: 1rem;
}
@media screen and (max-width:767px) {
	.orange_box h4{
		font-size: 1.8rem;
	}
}
.orange_box p{
	margin: 0 0 3rem;
}
.orange_box p.nobttom{
	margin: 0;
}
.orange_box .inner_area{
	padding: 3rem 2rem;
}
.orange_box hr{
	border: 1px solid #FE7700;
	width: 70%;
	margin: 1rem 0;
}
.gray1_box{
	max-width: 700px;
	width: 100%;
	margin: 1rem auto 3rem;
	background: #F2F2F2;
}
.gray1_box h4{
	font-size: 2.4rem;
	text-align: center;
	color: #FFF;
	background: #8497B0;
	padding: 1rem;
}
@media screen and (max-width:767px) {
	.gray1_box h4{
		font-size: 1.8rem;
	}
}
.gray1_box p{
	margin: 0 0 3rem;
}
.gray1_box .inner_area{
	padding: 2rem;
}
.orange_bk{
	background: #FBE5D6;
}
.orange_bk h4{
	color: #FF5000;
	text-align: center;
}
.orange_bk h4 .min{
	font-size: 1.6rem;
	display: block;
}
/*比較表*/
.comparison-title {
	background-color: #5a5657;
	margin-top: 1rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 2rem;
	margin-bottom: 2px;
}
.comparison-title a{
	color: #FFF;
	cursor:pointer;
}
.comparison {
	width: 100%;
	margin-bottom: 0.5em;
	background-color: #fff;
	margin-bottom: 0.5em;
}
.comparison th{
	padding: 0.5em;
	color: #FFF;
	font-size: 15px;
	text-align: center;
	border: 1px solid #666;
}
.comparison td{
	padding: 0.5em;
	border: 1px solid #666;
	font-size: 15px;
	text-align: center;
}
.comparison th p,
.comparison td p{
	font-size: 1.5rem;
}
.comparison td:nth-child(1){
	width: 25%;
}
.comparison td:nth-last-child(1),
.comparison td:nth-last-child(2),
.comparison td:nth-last-child(3),
.comparison td:nth-last-child(4),
.comparison td:nth-last-child(5),
.comparison td:nth-last-child(6){
	width: 10em;
	min-width: 7em;
	max-width: 20em;
}
/*比較表の色*/
.bk_01{background-color: #5a5657;}
.bk_02{background-color: #33a750;}
.bk_03{background-color: #5e98c9;}
.bk_04{background-color: #4f71be;}
.bk_05{background-color: #755dca;}
.bk_06{background-color: #d6e9d0;}
.bk_07{background-color: #a8d190;}
.bk_08{background-color: #d5e5f4;}
.bk_09{background-color: #94bfde;}
.bk_10{background-color: #b8c6e4;}
.bk_11{background-color: #dfd9f2;}
/*開閉式表*/
#open{
	display:none;
	clear:both;
}

/*吹き出し*/
.speech_bubble{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	margin: 2rem auto;
}
.speech_bubble .left{
	width: 20%;
}
.speech_bubble .right{
	width: 80%;
}
.speech_bubble img{
	width: 100%;
}
.speech_bubble p{
	width: 90%;
	text-align: left;
	position: relative;
	display: block;
	z-index: 1;
	font-size: 2rem;
	padding: 3rem 2rem;
	background-color: #FFF;
	border: #ABC0E5 solid 1px;
	margin-right: 0;
	margin-left: 9%;
}
@media screen and (max-width:640px) {
	.speech_bubble p{
		width: 95%;
		font-size: 1.6rem;
		padding: 1rem;
		margin-right: 0;
		margin-left: 4%;
	}
}
.speech_bubble.blue p{
	color: #4472C4;
}
.speech_bubble p:before{
	content: '';
	position: absolute;
	display: block;
	z-index: 0;
	border-style: solid;
	border-color: #ABC0E5 transparent;
	border-width: 0 0 2.5rem 5.5rem;
	top: calc(20% + 0.1rem);
	left: -5.1rem;
	margin-left: -5px;
}
.speech_bubble p:after {
	content: '';
	position: absolute;
	display: block;
	z-index: 1;
	border-style: solid;
	border-color: #FFF transparent;
	border-width: 0 0 2.5rem 5.5rem;
	top: 20%;
	left: -5rem;
	margin-left: -1px;
}
@media screen and (max-width:640px) {
	.speech_bubble p:before{
		border-width: 0 0 1.5rem 3.5rem;
		top: calc(30% + 0.1rem);
		left: -3.1rem;
		margin-left: -5px;
	}
	.speech_bubble p:after {
		border-width: 0 0 1.5rem 3.5rem;
		top: 30%;
		left: -3rem;
		margin-left: -1px;
	}
}
/*テーブル関連*/
th,
td{
	padding: 0.5rem 1rem;
}
.table{
	border: 1px #FFF solid;
	margin:auto 1rem;
}
@media screen and (max-width:640px) {
	.table{
		white-space: normal;
		margin:auto;
	}
}
.table_normal{
	width: 100%;
	border: 1px #000 solid;
}
.table_normal th,
.table_normal td{
	border: 1px #000 solid;
	text-align: left;
}
.table_green{
	width: 100%;
}
.table_blue{
	width: 100%;
}
.table_gray{
	width: 100%;
	border: 1px #FFF solid;
}
.table_cell_white_green{
	color: #FFF;
	background-color: #099A79;
	border: 1px #FFF solid;
}
.table_cell_green_lightgreen{
	color: #099A79;
	background-color: #E2F0D9;
	border: 1px #FFF solid;

}
.table_cell_green_lightgreen a{
	color: #099A79;
	text-decoration: underline;
}
.table_cell_white_blue{
	color: #FFF;
	background-color: #5B9BD5;
	border: 1px #FFF solid;
}
/*
.table_cell_blue_skyblue_white{
	color: #5B9BD5;
	background-color: #DEEBF7;
	border: 2px #FFF solid;
}
*/
.table_cell_blue_skyblue_white{
	background-color: #D2DEEF;
	border: 1px #FFF solid;
}
.table_cell_blue_skyblue_white a{
	color: #099A79;
	text-decoration: underline;
}
.table_cell_blue_skyblue_blue{
	background-color: #EAEFF7;
	border: 1px #FFF solid;
}
.table_cell_white_gray{
	text-align: center;
	color: #FFFFFF;
	background-color: #A6A6A6;
}
.table_cell_white_gray_b{
	text-align: center;
	color: #FFFFFF;
	background-color: #BFBFBF;
	font-weight: bold;
}
.table_cell_white_blue_blue{
	color: #FFFFFF;
	background-color: #9DC3E6;
	border: 2px #5E9CD3 solid;
}
.table_cell_white_gray_blue{
	color: #FFFFFF;
	background-color: #A6A6A6;
	border: 2px #5E9CD3 solid;
}
.table_cell_white_gray_greem{
	text-align: center;
	color: #FFFFFF;
	background-color: #A6A6A6;
	border: solid 2px #099A79;
}
.table_cell_white_green_green{
	text-align: left;
	color: #FFFFFF;
	background-color: #099A79;
	border: solid 2px #099A79;
	
}
.table_cell_green_lightgreen_green{
	text-align: left;
	color: #099A79;
	background-color: #E2F0D9;
	border: solid 2px#099A79;
}
.table_cell_green_white_green{
	text-align: left;
	color: #099A79;
	background-color: #ffffff;
	border: solid 2px#099A79;
	
}
.table_cell_white_blue_vertical{
	color: #FFFFFF;
	background-color:  #4472C4;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 400;
}
.table_cell_white_skyblue_vertical{
	color: #FFFFFF;
	background-color:  #5B9BD5;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 400;
}

.table_cell_blue_white{
	color: #4472C4;
	background-color:  #FFFFFF;
}
.table_cell_blue_white_blue{
	color: #4472C4;
	background-color:  #FFFFFF;
	border: 2px #5E9CD3 solid;
}
.table_cell_black_blue{
	text-align: left;
	font-weight: 400;
	color: #333000;
	background-color:  #B4C7E7;
}
.table_cell_black_skyblue{
	text-align: left;
	font-weight: 400;
	color: #333000;
	background-color: #DEEBF7;
}
.table_cell_black_gray{
	text-align: left;
	font-weight: 400;
	color: #333000;
	background-color: #D9D9D9;
	border: 2px #FFF solid;
}
.table_cell_black_gray_r{
	text-align: left;
	font-weight: 400;
	color: #333000;
	background-color: #F2F2F2;
	border: 2px #FFF solid;
	vertical-align: top;
}

.table_minspace{
	width: 1%;
}
.table_nowrap{
	white-space: nowrap;
}
/*バナーボックス*/
.bannerbox{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.bannerbox a{
	width: 32.333%;
	height: auto;
	margin-right: 1%;
	margin-bottom: 1rem;
	border: 3px solid #FFF;
}
.bannerbox a:nth-child(3n){
	margin-right: 0;
}
@media screen and (max-width:640px) {
	.bannerbox a{
		width: 96%;
		height: auto;
		margin:1rem auto;
	}
	.bannerbox a:nth-child(3n){
		margin-right: auto;
	}
}
.bannerbox a img{
	width: 100%;
}
.absolute_area{
	width: 100%;
	height: auto;
	
}
@media screen and (max-width:640px) {
	.absolute_area{
		overflow-x: scroll;
	}
}
/*
.absolute_area::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  border-radius: 5px;
}
.absolute_area::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.absolute_area::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 10px rgb(255, 151, 233);
  border-radius: 5px;
}
*/
.absolute_inner{
	position: relative;
	width: 100%;
}
@media screen and (max-width:640px) {
	.absolute_inner{
		width: 640px;
	}
}
.absolute_area .bk_img{
	width: 100%;
	height: auto;
}
.absolute_img{
	position: absolute;
	content: "";
	display: block;
}
.absolute_img img{
	width: 100%;
	height: auto;
}
.absolute_img.img_01 {top: 9.5%;left: 10%;height: auto;width: 27%;}
.absolute_img.img_02 {top: 22%;left: 8%;height: auto;width: 20%;}
.absolute_img.img_03 {top: 24%;left: 33%;height: auto;width: 30%;}
.absolute_img.img_04 {top: 24%;left: 67%;height: auto;width: 31%;}
.absolute_img.img_05 {top: 39%;left: 6%;height: auto;width: 20%;}
.absolute_img.img_06 {top: 40%;left: 28%;height: auto;width: 20%;}
.absolute_img.img_07 {top: 56.5%;left: 9%;height: auto;width: 32%;}
.absolute_img.img_08 {top: 75%;left: 5%;height: auto;width: 29%;}
.absolute_img.img_09 {top: 89%;left: 6%;height: auto;width: 39%;}

.absolute_img.img_21 {top: 25%;left: 14.6%;height: auto;width: 14%;}
.absolute_img.img_22 {top: 55%;left: 9.5%;height: auto;width: 35%;}
.absolute_img.img_23 {top: 81%;left: 13.8%;height: auto;width: 31%;}


.absolute_img.img_31 {top: 25%;left: 10%;height: auto;width: 20%;}
.absolute_img.img_32 {top: 48%;left: 15%;height: auto;width: 24%;}
/* .absolute_img.img_33 {top: 49%;left: 12%;height: auto;width: 24%;}
.absolute_img.img_34 {top: 59%;left: 14%;height: auto;width: 24%;}
.absolute_img.img_35 {top: 71%;left: 10%;height: auto;width: 21%;} */
.absolute_img.img_36 {top: 75%;left: 6%;height: auto;width: 49%;}

.flex_area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: start;
	align-content: start;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.gray_area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: start;
	align-content: start;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	height: 100%;
	background-color: #D6DCE5;
	margin: 0 auto 3rem;
	padding: 1rem;
}
@media screen and (max-width:1080px) {
	.gray_area{
		height: auto;
		margin: 0 auto 1rem;
	}
}
.gray_area .title_h3{
	font-size: 2.4rem;
	text-align: left;
	background: #8497B0;
	color: #FFF;
	padding: 1rem;
	display: block;
	width: 100%;
	margin-bottom: 1rem;
}
@media screen and (max-width:640px) {
	.gray_area .title_h3{
		font-size: 2rem;
	}
}
.gray_area .h4_title{
	font-size: 2rem;
	color: #0070C0;
	border-bottom: 1px solid #0070C0;
	width: 96%;
	margin: 1rem auto;
	text-align: center;
	padding: 1rem;
}
@media screen and (max-width:640px) {
	.gray_area .h4_title{
		font-size: 1.6rem;
	}
}
.flex_two{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	margin: 1rem auto;
}
.flex_two .flex_two_box{
	width: 50%;
	margin: 0 auto 1rem;
	padding: 0 1rem 1rem;
}
@media screen and (max-width:640px) {
	.flex_two .flex_two_box{
		width: 100%;
	}
}
.flex_two .flex_two_box .title_h4{
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	font-weight: bold;
	padding: 1rem;
	margin: auto;
	display: block;
	width: 100%;
}
.flex_two .flex_two_box.right_line{
	border-right: 1px dashed #8497B0;
}
@media screen and (max-width:640px) {
	.flex_two .flex_two_box.right_line{
		border-right: 0;
		border-bottom: 1px dashed #8497B0;
	}
}
.flex_two .flex_two_box.left_box.noline{
	border-right: 0;
	border-bottom: 0;
}
.flex_two .flex_two_box.dash_bottom{
	border-bottom: 1px dashed #8497B0;
}
.flex_two .flex_two_box.left_box .title_h4{
	background: #8497B0;
}
.flex_two .flex_two_box.right_box .title_h4{
	background: #8FAADC;
}
.flex_two .flex_two_box p{
	padding: 1rem;
}
.flex_two_2{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	margin: 1rem auto;
}
.flex_two_2 .flex_two_box{
	width: 50%;
	margin: 0 auto 1rem;
	padding: 0 1rem 1rem;
}
@media screen and (max-width:640px) {
	.flex_two_2 .flex_two_box{
		width: 100%;
	}
}
.flex_two_2 .flex_two_box .title_h4{
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	font-weight: bold;
	padding: 1rem;
	margin: auto;
	display: block;
}

.flex_two_2 .flex_two_box.left_box .title_h4{
	background: #8497B0;
}
.flex_two_2 .flex_two_box.right_box .title_h4{
	background: #8FAADC;
}
.flex_two_2 .flex_two_box .title_h4.blue_h4{
	background: #DAE3F3;
	color: #4472C4;
	text-align: left;
	width: 100%;
}
.flex_two_2 .flex_two_box .title_h4 .min_font{
	font-size: 1.4rem;
}
.flex_two_2 .flex_two_box p{
	padding: 1rem;
}
.flex_two_3{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	margin: 1rem auto;
}
.flex_two_3 .flex_two_box{
	width: 50%;
	margin: 0 auto 1rem;
	padding: 0 1rem 1rem;
}
@media screen and (max-width:640px) {
	.flex_two_3 .flex_two_box{
		width: 98%;
	}
}
.flex_two_3 .flex_two_box.left_box{
	width: 45%;
}
.flex_two_3 .flex_two_box.right_box{
	width: 55%;
}
@media screen and (max-width:640px) {
	.flex_two_3 .flex_two_box.left_box{
		width: 100%;
	}
	.flex_two_3 .flex_two_box.right_box{
		width: 100%;
	}
}
.flex_two_3 .flex_two_box .title_h4{
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	font-weight: bold;
	padding: 1rem;
	margin: auto;
	display: block;
	width: 100%;
}
.flex_two_3 .flex_two_box.left_box{
	border-right: 1px dashed #8497B0;
}
@media screen and (max-width:640px) {
	.flex_two_3 .flex_two_box.left_box{
		border-right: 0;
		border-bottom: 1px dashed #8497B0;
	}
}
.flex_two_3 .flex_two_box.left_box.noline{
	border-right: 0;
	border-bottom: 0;
}
.flex_two_3 .flex_two_box.left_box .title_h4{
	background: #8497B0;
}
.flex_two_3 .flex_two_box.right_box .title_h4{
	background: #8FAADC;
}
.flex_two_3 .flex_two_box p{
	padding: 1rem;
}
.flex_two_4{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	margin: 1rem auto;
	width: 90%;
}
@media screen and (max-width:640px) {
	.flex_two_4{
		width: 100%;
	}
}
.flex_two_4 .flex_two_box{
	width: 50%;
	margin: 0 auto 1rem;
	padding: 0 1rem 1rem;
}
@media screen and (max-width:640px) {
	.flex_two_4 .flex_two_box{
		width: 100%;
	}
}
.flex_two_4 .flex_two_box .title_h4{
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	font-weight: bold;
	padding: 1rem;
	margin: auto;
	display: block;
	width: 100%;
}

.flex_two_4 .flex_two_box.left_box .title_h4{
	background: #D6DCE5;
	color: #44546A;
}
.flex_two_4 .flex_two_box.right_box .title_h4{
	background: #DAE3F3;
	color: #4472C4;
}
.flex_two_4 .flex_two_box p{
	padding: 1rem;
}
.flex_two_4 .flex_two_box.left_box.noline{
	border-right: 0;
	border-bottom: 0;
}
.flex_two_5{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	margin: 1rem auto;
	width: 90%;
}
.flex_two_5 .flex_two_box{
	width: 50%;
	margin: 0 auto;
	padding: 0 1rem;
}
@media screen and (max-width:640px) {
	.flex_two_5 .flex_two_box{
		width: 100%;
	}
}
.flex_two_5 .flex_two_box.full_box{
	width: 100%;
}
.flex_two_5 .flex_two_box .title_h4{
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	font-weight: bold;
	padding: 1rem;
	margin: auto;
	display: block;
	width: 100%;
}

.flex_two_5 .flex_two_box.left_box .title_h4{
	background: #ADB9CA;
}

.flex_two_5 .flex_two_box.right_box .title_h4{
	background: #B4C7E7;
}
.flex_two_5 .flex_two_box .title_h4.r_blue{
	background: #8FAADC;
}
.flex_two_5 .flex_two_box .title_h4.l_blue{
	background: #DEEBF7;
	color: #4472C4;
	font-size: 1.8rem;
}
.flex_two_5 .flex_two_box .title_h5{
	width: 100%;
	background: transparent;
	text-align: center;
	color: #4472C4;
	border-bottom: 1px solid #4472C4;
	font-size: 2rem;
	padding: 0.5rem 1rem;
}
.flex_two_5 .flex_two_box p{
	padding: 1rem;
}
.flex_two_5 .flex_two_box.left_box{
	border-right: 1px dashed #8497B0;
}
@media screen and (max-width:640px) {
	.flex_two_5 .flex_two_box.left_box{
		border-right: 0;
		border-bottom: 1px dashed #8497B0;
		margin-bottom: 2rem;
	}
}
.flex_two_5 .flex_two_box.left_box.noline{
	border-right: 0;
	border-bottom: 0;
}
.flex_two_6{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	margin: 1rem auto;
	width: 94%;
}
@media screen and (max-width:640px) {
	.flex_two_6{
		width: 100%;
	}
}
.flex_two_6 .flex_two_box{
	width: 50%;
	margin: 0 auto 1rem;
	padding: 0 1rem 1rem;
}
@media screen and (max-width:640px) {
	.flex_two_6 .flex_two_box{
		width: 100%;
	}
}
.flex_two_6 .flex_two_box .title_h4{
	text-align: center;
	color: #FFF;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 1rem;
	margin: auto;
	display: block;
}
.flex_two_6 .flex_two_box .title_h4 .min_font{
	font-size: 1.4rem;
}
.flex_two_6 .flex_two_box.left_box .title_h4{
	background: #EAEDF2;
	color: #0070C0;
}
.flex_two_6 .flex_two_box.right_box .title_h4{
	background: #EEF5FB;
	color: #00B0F0;
}
.flex_two_6 .flex_two_box p{
	padding: 1rem;
}
.flex_two_6 .flex_two_box.left_box.noline{
	border-right: 0;
	border-bottom: 0;
}
.flex_two_7{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	margin: 1rem auto;
	width: 98%;
}
.flex_two_7 .flex_two_box.left_box {
	width: 20%;
	margin: 0 auto 1rem;
	padding: 0 0 1rem;
}
.flex_two_7 .flex_two_box.right_box {
	width: 80%;
	margin: 0 auto 1rem;
	padding: 0 1rem 1rem;
}
@media screen and (max-width:640px) {
	.flex_two_7 .flex_two_box.left_box {
		width: 100%;
	}
	.flex_two_7 .flex_two_box.right_box {
		width: 100%;
	}
}
.flex_two_8{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	margin: 1rem auto;
	width: 98%;
}
.flex_two_8 .flex_two_box{
	width: 50%;
	margin: 0 auto;
	padding: 1rem 1rem;
}
@media screen and (max-width:640px) {
	.flex_two_8 .flex_two_box{
		width: 100%;
	}
}
.flex_two_8 .flex_two_box .title_h4{
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	font-weight: bold;
	padding: 1rem;
	margin: auto;
	display: block;
	width: 100%;
}
.flex_two_8 .flex_two_box.right_line{
	border-right: 1px dashed #8497B0;
}
@media screen and (max-width:640px) {
	.flex_two_8 .flex_two_box.right_line{
		border-right: 0;
		border-bottom: 1px dashed #8497B0;
	}
}
.flex_two_8 .flex_two_box.left_box.noline{
	border-right: 0;
	border-bottom: 0;
}
.flex_two_8 .flex_two_box.dash_bottom{
	border-bottom: 1px dashed #8497B0;
}
.flex_two_8 .flex_two_box.left_box .title_h4{
	background: #8497B0;
}
.flex_two_8 .flex_two_box.right_box .title_h4{
	background: #8FAADC;
}
.flex_two_8 .flex_two_box p{
	padding: 1rem;
}
.flex_thr{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	margin: 1rem auto;
	width: 98%;
}
.flex_thr .flex_thr_box{
	width: 32%;
	margin: 0 auto 1rem;
	padding: 0 1rem 1rem;
}
@media screen and (max-width:640px) {
	.flex_thr .flex_thr_box{
		width: 98%;
	}
}
.flex_thr .flex_thr_box .title_h4{
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	font-weight: bold;
	padding: 1rem;
	margin: auto;
	display: block;
	width: 100%;
	border: 0;
	background: transparent;
}
.flex_thr .flex_thr_box.left_box{
	border-right: 1px dashed #8497B0;
}
@media screen and (max-width:640px) {
	.flex_thr .flex_thr_box.left_box{
		border-right: 0;
		border-bottom: 1px dashed #8497B0;
	}
}
.flex_thr .flex_thr_box.left_box{
	border-right: 1px dashed #8497B0;
}
.flex_thr .flex_thr_box.left_box.noline{
	border-right: 0;
	border-bottom: 0;
}
.flex_thr .flex_thr_box.left_box{
	background: #EDF1F9;
}
.flex_thr .flex_thr_box.center_box{
	background: #FBE5D6;
}
.flex_thr .flex_thr_box.right_box{
	background: #E2F0D9;
}
.flex_thr .flex_thr_box .title_h4{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
	width: 94%;
	margin: 0 auto 1rem;
}
.flex_thr .flex_thr_box.left_box .title_h4{
	color: #4472C4;
	border-bottom: 1px solid #4472C4;
}
.flex_thr .flex_thr_box.center_box .title_h4{
	color: #ED7D31;
	border-bottom: 1px solid #ED7D31;
}
.flex_thr .flex_thr_box.right_box .title_h4{
	color: #00B050;
	border-bottom: 1px solid #00B050;
}
.flex_thr .flex_thr_box p{
	padding: 1rem 0.5rem;
}
.gray_in_box{
	background: #FFF;
	width: 100%;
}
.gray_in_box h6{
	border: 1px solid #FFF;
	font-size: 1.4rem;
	color: #FFF;
	background: #8497B0;
	padding: 0.5rem 1rem;
	font-weight: bold;
}
.gray_in_box p{
	color: #44546A;
	font-weight: bold;
	padding: 1rem;
	font-size: 1.4rem;
	text-align: center;
}

.gray_area .disc{
	list-style-type: disc;
	margin-left: 3rem;
}
.gray_area .s_point_area .section_block{
	/*width: 70%;*/
	margin: 1rem auto 3rem;
}
@media screen and (max-width:640px) {
	.gray_area .s_point_area .section_block{
		width: 96%;
		margin: 1rem auto 2rem;
	}
}
.section_block.width80{
	width: 80%;
	margin: 1rem 1rem auto 5rem;
}
@media screen and (max-width:640px) {
	.section_block.width80{
		width: 100%;
		margin: 1rem auto 3rem;
	}
}
.gray_area .s_point_area .section_block.width90{
	width: 90%;
	margin: 1rem auto 1rem;
}
@media screen and (max-width:640px) {
	.gray_area .s_point_area .section_block.point_bubble.width90{
		margin: 1rem auto 0;
	}
}
.gray_area .s_point_area .section_block.width95{
	width: 95%;
	margin: 1rem auto 3rem;
}
.gray_area .s_point_area .section_block.width100{
	width: 100%;
	margin: 1rem auto 3rem;
}
.gray_area .s_point_area .section_block.point_bubble .bubble_inner{
	text-align: center;
}
.gray_area .s_point_area li{
	font-size: 1.6rem;
}
.blue_list_box{
	border: 1px solid #4472C4;
	background: #FFF;
}
.blue_list_box h4{
	color: #4472C4;
	font-size: 1.6rem;
	background: #B4C7E7;
	margin: 0;
	border: 0;
}
.blue_list_box ul{
	padding: 1rem;
}
.blue_list_box ul li{
	font-size: 1.6rem;
}
.pink_area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	background-color: #E9D5D5;
	margin: 0 auto 0.5rem;
	padding: 1rem 1rem 1rem 2rem;
}
.box_area_img{
	width: 25%;
}
@media screen and (max-width:640px) {
	.box_area_img{
		width: 100%;
		margin:0 auto 1rem;
	}
}
.box_area_img img{
	width: 90%;
	margin-left: 0;
	margin-right: auto;
}
@media screen and (max-width:640px) {
	.box_area_img img{
		margin-left: auto;
		margin-right: auto;
	}
}
.box_area_text{
	width: 75%;
	padding-left: 3rem;
	color: #000;
	margin: 1rem 0;
}
@media screen and (max-width:640px) {
	.box_area_text{
		width: 100%;
		padding-left: 0;
		margin:auto;
	}
}
.box_area_text .flex_text{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-align-self: start;
	align-self: start;
	flex-wrap: wrap;
	height: 100%;
}
.box_area_text .text_box{
	margin: 2rem 0 1rem 1rem;
}
.box_area_text strong{
	font-size: 2.2rem;
}
.box_area_text .ul{
	list-style-type: disc;
	margin: 1rem 0 2rem 2rem;
}
/*ページ末尾のリンクバナー用*/
.banner_area{
	background-color: #F5DBDB;
	padding: 2rem;
	margin: 3rem auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
@media screen and (max-width:640px) {
	.banner_area{
		padding: 1rem;
	}
}
.banner_area_img{
	width: 40%;
}
.banner_area_img img{
	width: 100%;
}
@media screen and (max-width:640px) {
	.banner_area_img{
		width: 100%;
		margin:0 auto 1rem;
	}
}
.banner_area_honbun{
	width: 60%;
	padding-left: 2rem;
	color: #CF4963;
}
@media screen and (max-width:640px) {
	.banner_area_honbun{
		width: 100%;
		padding-left: 0;
		margin:auto;
	}
}
.banner_area_honbun .text_box{
	margin: 2rem 0 1rem 1rem;
}
.banner_area_honbun strong{
	font-size: 2.2rem;
}
.banner_area_honbun .ul{
	list-style-type: disc;
	margin: 0 0 2rem 2rem;
}
@media screen and (max-width:640px) {
	.banner_area_honbun .ul li{
		font-size: 1.4rem;
	}
}
/*ページ末尾のページャー*/
.pager{
	width: 100%;
	margin: 4rem auto;
	text-align: right;
}
@media screen and (max-width:640px) {
	.pager{
		width: 98%;
		text-align: center;
	}
}
.pager a{
	display: block;	
	border: 0.2rem solid #00B0F0;
	background: #DEEBF7;
	color: #0070C0;
	border-radius: 4rem;
	font-size: 3rem;
	padding: 1rem 2rem;
	width: 100%;
	transition: all 0.3s;
}
@media screen and (max-width:640px) {
	.pager a{
		font-size: 1.8rem;
	}
}
.pager a:hover{
	text-decoration: none;
	background-color: #00B0F0;
	color: #FFF;
}
/*見出し用*/
.list{
	margin: 0 0 1rem 0;
}
@media screen and (max-width:640px) {
	.list{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		-webkit-align-content: center;
		align-content: center;
		-webkit-align-self: center;
		align-self: center;
		flex-wrap: wrap;
	}
}
.pgreenbox{
	background-color: #CF4963;
	color: #FFF;
	display: inline;
	font-size: 2.2rem;
	padding: 0.4rem 1rem;
}
@media screen and (max-width:640px) {
	.pgreenbox{
		width: 30%;
		font-size: 1.6rem;
	}
}
.pboxsub{
	color: #CF4963;
	display: inline;
	font-size: 2.1rem;
	font-weight: bold;
}
@media screen and (max-width:640px) {
	.pboxsub{
		display: block;
		line-height: 1.2;
		width: 66%;
		font-size: 2.1rem;
	}
}
.pboxdetail{
	color: #CF4963;
	font-size: 2rem;
}
@media screen and (max-width:640px) {
	.pboxdetail{
		font-size: 1.4rem;
	}
}
.pboxdetail a{
	color: #CF4963;
	font-weight: bold;
	text-decoration: underline;
}
@media screen and (max-width:640px) {
	.pboxdetail a{
		font-size: 1.4rem;
	}
}
/*各ボックスエリア*/
.content_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
	margin: 1rem auto;
}
.left_box,
.right_box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: start;
	align-content: start;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
	width: 49%;
	padding: 0;
}
@media screen and (max-width:640px) {
	.left_box,
	.right_box{
		width: 98%;
		margin:1rem auto 2rem;
	}
}
.nomal_center{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content:center;
	align-content: center;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
	width: 49%;
	padding: 0;
}
@media screen and (max-width:640px) {
	.nomal_center{
		width: 98%;
		margin:1rem auto;
	}
}
.top_area{
	flex-wrap: wrap;
	background-color:#F2F2F2;
	text-align: center;
	padding: 2rem 1rem;
	margin-bottom: 0.3rem;
	height: 17rem;
	width: 100%;
}
.top_area_2{
	flex-wrap: wrap;
	text-align: center;
	padding: 2rem 1rem;
	margin-bottom: 0.3rem;
	height: 17rem;
	width: 100%;
}
@media screen and (max-width:640px) {
	.top_area_2{
		padding: 0;
		height: auto;
	}
}
.top_area img,
.top_area_2 img{
	margin-left: auto;
	margin-right: auto;
}
.bottom_area{
	height: 30rem;
	background-color:#E9D5D5;
	text-align: left;
	padding: 1rem 1rem;
	margin-bottom: 0.3rem;
	width: 100%;
}
@media screen and (max-width:640px) {
	.bottom_area{
		height: auto;
	}
}
.bottom_area_2{
	height: 15rem;
	background-color:#E9D5D5;
	text-align: left;
	padding: 1rem 2rem;
	margin-bottom: 0.3rem;
	margin-top: 2rem;
	width: 100%;
}
@media screen and (max-width:640px) {
	.bottom_area_2{
		height: auto;
	}
}
.bottom_area_2 h3{
	margin-bottom: 1rem;
	text-align: center;
	text-decoration: underline;
}

.bottom_area_3{
	background-color:#E9D5D5;
	text-align: left;
	padding: 1rem 2rem;
	margin-bottom: 0.3rem;
	margin-top: 2rem;
	min-height: 15rem;
}
@media screen and (max-width:640px) {
	.bottom_area_3{
		height: auto;
		min-height: unset;
		margin-top: 1rem;
	}
}
.bottom_area_3 h4.nomal{
	margin-bottom: 1rem;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	width: 100%;
}
.flex_between{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-align-self: start;
	align-self: start;
	flex-wrap: wrap;
	height: 100%;
}
.flex_between90{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.flex_p{
	padding: 1rem 2rem 2rem;
}

.flex_box_half{
	width: 49%;
}
@media screen and (max-width:640px) {
	.flex_box_half{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3rem;
	}
}
.flex_box_half.flex_box_half_nomal{
	background: #FFF;
	border: 1px solid #4472C4;
	padding: 1rem;
	margin-bottom: 1rem;
}
.flex_box_half.flex_box_half_nomal h4{
	color: #4472C4;
	background: unset;
	font-size: 2rem;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #4472C4;
	text-align: center;
	display: block;
	padding: 0;
}
.flex_box_half.flex_box_half_nomal h4 .min_font{
	font-size: 1.6rem;
}
.flex_box_half.flex_box_half_nomal p{
	font-size: 1.6rem;
}
.flex_box_half.flex_box_half_nomal.flex_w{
	background: #FFF;
}
.flex_box_half.flex_box_half_nomal.flex_b{
	background: #DAE3F3;
}
.flex_box_half.flex_box_half_nomal.flex_g{
	background: #F2F2F2;
	border: 0;
}
.flex_box_half.flex_box_half_nomal.flex_no{
	background: transparent;
	border: 0;
}
.top_text_area{
	min-height: 5.4rem;
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
}
@media screen and (max-width:640px) {
	.top_text_area{
		min-height: unset;
	}
}
.top_text_area.blue_color{
	color:#0070C0;
}
.top_text_area .min_text{
	font-size: 1.6rem;
}

.flex_box_half .text_area h4{
	font-size: 1.7rem;
	padding: 1rem;
	text-align: center;
}
.flex_box_half .text_area.type_green{
	background: #E2F0D9;
}
.flex_box_half .text_area.type_green h4{
	color: #00B050;
}
.flex_box_half .text_area.type_blue{
	background: #DEEBF7;
}
.flex_box_half .text_area.type_blue h4{
	color: #4472C4;
}
.flex_box_half.w_bk{
	background: #FFF;
	font-size: 1.6rem;
	color: #4472C4;
	padding: 1rem 2rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1rem;
}
@media screen and (max-width:640px) {
	.flex_box_half.w_bk{
		font-size: 1.8rem;
	}
}
.flex_box_half.w_bk .min_font{
	font-size: 1.2rem;
}
@media screen and (max-width:640px) {
	.flex_box_half.w_bk .min_font{
		font-size: 1.6rem;
	}
}
.flex_box_half .text_area .text_area_title{
	background: #FFF;
	color: #70AD47;
	font-size: 1.6rem;
	margin: 1rem 2rem;
	padding: 1rem;
	font-weight: bold;
}
.flex_box_half .text_area  .text_in{
	padding: 0 2rem;
}

.flex_box_2 h4{
	text-align: center;
	margin: 0 auto 2rem;
	font-weight: normal;
	width: 100%;
	font-size: 2rem;
}
@media screen and (max-width:640px) {
	.flex_box_2 h4{
		font-size: 2.2rem;
	}
}
.flex_box_2{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
	width: 49%;
	padding: 1rem 1rem 2rem 2rem;
	margin-bottom: 1rem;
}
@media screen and (max-width:640px) {
	.flex_box_2{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		padding: 1rem;
	}
}
.flex_box_2.start{
	-webkit-align-content: start;
	align-content: start;
}
.flex_box_2.center{
	-webkit-align-content: center;
	align-content: center;
}
.flex_box_2.right{
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
@media screen and (max-width:640px) {
	.flex_box_2.right{
		-webkit-justify-content: center;
		justify-content: center;
	}
}
.flex_box_2.gray{
	background-color: #F2F2F2;
}
.flex_box_2.gray h4{
	text-align: center;
	margin: 0 auto 2rem;
	font-weight: normal;
	font-size: 2rem;
	width: 100%;
}
@media screen and (max-width:640px) {
	.flex_box_2.gray h4{
		font-size: 2.2rem;
	}
}
.list_box.gray_area{
	display: block;
}
.list_box.gray_area h3{
	color:#D21E24;;
	font-weight: bold;
}

.list_box.gray_area.list_red ul{
	margin-left: 8rem;
	margin-bottom: 2rem;
	font-weight: bold;
}
@media screen and (max-width:640px) {
	.list_box.gray_area.list_red ul{
		margin-left: 2rem;
	}
}
.flex_box_3{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: start;
	align-content: start;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
	width: 32%;
	background-color: #F2F2F2;
	padding: 1rem 1rem 2rem 1rem;
}
@media screen and (max-width:640px) {
	.flex_box_3{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1rem;
	}
}
.flex_box_3 h4{
	color: #C63450;
	text-align: center;
	margin: 0 auto 2rem;
}
@media screen and (max-width:640px) {
	.flex_box_3 h4{
		font-size: 2.2rem;
	}
}
.flex_box_3.pink{
	background-color: #E9D5D5;
}
.flex_box_3.pink h4{
	font-weight: normal;
	font-size: 2rem;
}
@media screen and (max-width:640px) {
	.flex_box_3.pink h4{
		font-size: 2.2rem;
	}
}
.flex_box_3.pink ul{
	margin-left: 3rem;
}
.flex_box_3.gray{
	margin-bottom: 1rem;
}
.flex_box_3.gray h4{
	color: #C63450;
	text-align: center;
	margin: 0 auto 2rem;
	font-weight: normal;
	font-size: 2rem;
	width: 100%;
}
@media screen and (max-width:640px) {
	.flex_box_3.gray h4{
		font-size: 2.2rem;
	}
}
.flex_box_3.gray img{
	margin-left: auto;
	margin-right: auto;
}
.nomal_title{
	font-size: 2.2rem;
	font-weight: normal;
}

.flex_pinkbk{
	background-color: #E9D5D5;
	padding: 0.5rem 1rem 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-align-items: center;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
}
.flex_pinkbk h3{
	color: #D21E24;
	text-align: left;
	font-size: 2.6rem;
	font-weight: normal;
	width: 100%;
}
.flex_pinkbk .left,
.flex_pinkbk .right{
	width: 50%;
}
@media screen and (max-width:640px) {
	.flex_pinkbk .left,
	.flex_pinkbk .right{
		width: 100%;
	}
}
.flex_pinkbk .left img{
	width: 80%;
	margin: 9rem auto 1rem;
}
.flex_pinkbk .right{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
}

.blue_box{
	background-color: #DAE3F3;
	padding: 1rem 2rem;
	margin:0 auto 1rem;
}

@media screen and (max-width:640px) {
	.blue_box{
		width: 98%;
		margin:0 auto 4rem;
		padding: 1rem;
	}
}
.blue_box.border{
	border: 1px solid #0070C0;
}
.blue_box .title{
	padding: 0.5rem;
	border: 0;
	border-bottom: 1px solid #0070C0;
	color: #0070C0;
	background: transparent;

}
.blue_box .title_blue{
	padding: 0;
	border: 0;
	border-bottom: 1px solid #0070C0;
	color: #0070C0;
	background: transparent;
	display: inline-block;
	font-size: 2rem;
}
.blue_box .title p{
	color: #0070C0;
	font-size: 2.2rem;
	font-weight: bold;
}
.blue_box ul{
	margin-top: 1rem;
}
.blue_box li{
	color: #0070C0;
	font-size: 2rem;
}
.blue_box .text{
	padding: 2rem 2rem 1rem 2rem;
	text-align: left;
}
.blue_box div.text{
	padding: 1rem 0 1rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.blue_box .left{
	width: 40%;
}
.blue_box .right{
	width: 60%;
	padding: 0 2rem 1rem 4rem;
}
@media screen and (max-width:640px) {
	.blue_box .left,
	.blue_box .right{
		width: 100%;
		padding: 1rem 0 1rem 0;
	}
}
.blue_box .right img{
	width: 100%;
}
.blue_box .min_font{
	font-size: 1.6rem;
}
.gray_box{
	background-color: #D9D9D9;
	padding: 1rem 2rem;
	margin:0 auto 6rem;
}
@media screen and (max-width:640px) {
	.gray_box{
		width: 98%;
		margin:0 auto 4rem;
		padding: 1rem;
	}
}
.gray_box.border{
	border: 1px solid #44546A;
}
.gray_box .title{
	padding: 0.5rem;
	/*border-bottom: 1px solid #767171;*/
	text-decoration: underline;
}
.gray_box .title.inline{
	display: inline-block;
}
.gray_box .title p{
	color: #767171;
	font-size: 2.2rem;
	font-weight: bold;
}
.gray_box .text{
	padding: 2rem 2rem 1rem 2rem;
	text-align: left;
}
.gray_box.text_g_blue {
	color:#44546A;
}
.gray_box .min_font{
	font-size: 1.6rem;
}
.gray_box div.text{
	padding: 2rem 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.gray_box .left{
	width: 40%;
}
.gray_box .right{
	width: 60%;
	padding: 0 2rem 1rem;
}
.gray_box .left.w3-7{
	width: 30%;
}
.gray_box .right.w3-7{
	width: 70%;
}
@media screen and (max-width:640px) {
	.gray_box .left,
	.gray_box .right,
	.gray_box .left.w3-7,
	.gray_box .right.w3-7{
		width: 100%;
		padding: 1rem 0 1rem 0;
	}
	.gray_box .left.w3-7 img{
		width: 80%;
		margin: auto;
	}
}
.gray_box .right img{
	width: 100%;
}
.gray_block{
	background-color: #D6DCE5;
	max-width: 900px;
	margin: auto;
}
.gray_block h4{
	text-align: left;
	color: #FFF;
	font-size: 1.8rem;
	background: #8497B0;
	padding: 1rem;
	width: 100%;
}
.gray_block .gray_inner{
	padding: 2rem 3rem;
}
@media screen and (max-width:640px) {
	.gray_block .gray_inner{
		padding: 1rem;
	}
}
.gray_block .left_area{
	width: 49%;
	background: #E8EEF8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
}
.gray_block .left_area h5{
	padding: 0.5rem 1rem;
	line-height: 1.6;
	text-align: center;
	background: #8FAADC;
	color: #FFF;
	width: 100%;
}
.gray_block .left_area .text_area{
	width: 100%;
}
.gray_block .left_area p{
	padding: 1rem;
	width: 100%;
}
.gray_block .right_area{
	width: 49%;
	background: #ECF5E7;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
}
.gray_block .right_area h5{
	padding: 0.5rem 1rem;
	line-height: 1.6;
	text-align: center;
	background: #92D050;
	color: #FFF;
	width: 100%;
}
.gray_block .right_area .text_area{
	width: 100%;
}
.gray_block .right_area p{
	padding: 1rem;
	width: 100%;
}
.gray_block_02{
	background: #F2F2F2;
	max-width: 900px;
	width: 98%;
	margin: 0 auto 1rem;
}
.gray_block_02 h3{
	background: #8497B0;
	padding: 1rem;
	color: #FFF;
}
.gray_block_02 p{
	padding: 1rem 1rem 2rem;
}
.gray_block_02 .flex_box_01{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
	width: 98%;
	margin: 0 auto 1rem;
}
.gray_block_02 .flex_box_01.min_inner{
	padding: 0 2rem;
}
.gray_block_02 .flex_box_01 .flex_box_inner{
	width: 49%;
	background: #FFF;
	margin-bottom: 1rem;
}
@media screen and (max-width:640px) {
	.gray_block_02 .flex_box_01 .flex_box_inner{
		width: 100%;
	}
}
.gray_block_02 .flex_box_01 .flex_box_inner h4{
	font-size: 1.8rem;
	text-align: center;
	padding: 1rem;
	background: #D6DCE5;
	border-bottom: 1px solid #000;
}
.gray_block_02 .flex_box_01 .flex_box_inner h4.gray_font{
	color: #44546A;
}
.gray_block_02 .flex_box_01 .flex_box_inner h4.pink_font{
	color: #FF0066;
}
.gray_block_02 h4.gray_font{
	color: #44546A;
	background: transparent;
}
.gray_block_02 .flex_box_01 .flex_box_inner .des_text{
	font-size: 1.5rem;
}
.gray_block_02 .flex_box_01 .flex_box_left{
	width: 20%;
}
.gray_block_02 .flex_box_01 .flex_box_right{
	width: 80%;
}
.bw_block{
	max-width: 880px;
	width: 98%;
	margin: 0 auto 1rem;
	-webkit-align-items: flex-start;
  align-items: flex-start;
}
.bw_box{
	width: 49%;
	margin: 0 auto 1rem;

}
@media screen and (max-width:640px) {
	.bw_box{
		width: 100%;
	}
}
.bw_box h3{
	background: #D1F1FF;
	color: #0070C0;
	font-size: 1.6rem;
	text-align: left;
	padding: 1rem;
}
.bw_text{
	padding: 1rem;
}
.bw_text .text_area{
	width: 65%;
	padding: 0 1rem;
}
.bw_text .text_area p{
	font-size: 1.6rem;
}
.flex_box_03{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
}
.flex_box_03 .left_box{
	width: 55%;
}
.flex_box_03 .right_box{
	width: 45%;
}
@media screen and (max-width:640px) {
	.flex_box_03 .left_box{
		width: 100%;
	}
	.flex_box_03 .right_box{
		width: 100%;
	}
}
.flex_box_03 .right_box .right_text_title{
	text-align: left;
	border-bottom: 1px solid #4CC7EF;
}
.flex_box_03 .right_box .right_text_title h5{
	background: #4CC7EF;
	display: inline-block;
	color: #FFF;
	padding: 0.5rem 1rem 0.3rem;
}
.flex_box_03 .right_box .right_text_des{
	background: #D2F1FB;
	padding: 1rem;
}
.flex_box_03 .right_box .right_text_des ul{
	list-style: disc;
	margin-left: 2rem;
}
.flex_box_03 .right_box .right_text_des ul li{
	color: #002060;
	font-size: 1.4rem;
}
.gray_box_simple{
	width: 96%;
	margin: 1rem auto;
	border: 1px solid #8497B0;
}
.gray_box_simple h4{
	background: #8497B0;
	text-align: center;
	font-size: 2rem;
	color: #FFF;
	padding: 0.8rem 1rem 0.5rem;
  line-height: 1.8;
}
.gray_box_simple p{
	padding: 1rem;
}
.blue_box_simple{
	width: 96%;
	margin: 1rem auto;
	border: 1px solid #8FAADC;
}
.blue_box_simple h4{
	background: #8FAADC;
	text-align: center;
	font-size: 2rem;
	color: #FFF;
	padding: 0.8rem 1rem 0.5rem;
  line-height: 1.8;
}
.blue_box_simple .inner{
	padding: 1rem;
}
.table_area{
	width: 96%;
	margin: 0 auto;
}
.simple_table{
	min-width: 700px;
	margin-bottom: 1rem;
	width: 100%;
}
.simple_table th,
.simple_table td{
	vertical-align: middle;
	font-size: 1.4rem;
}
.simple_table th{
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.simple_table th.center_text{
	text-align: center;
}
.simple_table th.left_text{
	text-align: left;
}
.simple_table th.bottom_text{
	vertical-align: bottom;
}
.simple_table th.gray_th{
	background: #8497B0;
	color: #FFF;
}
.simple_table th.pink_th{
	background: #FF0066;
	color: #FFF;
}
.simple_table td{
	background: #FFF;
	border-right: 1px dashed #8497B0;
	border-bottom: 1px solid #8497B0;
	text-align: center;
}
.simple_table td.left_text{
	text-align: left;
}
.simple_table td.right_text{
	text-align: right;
}
.simple_table td.blue_font{
	color: #4472C4;
}
.simple_table td.pink_font{
	color: #FF0066;
	border-right: 0;
}
.simple_table td.blue_td{
	color: #000;
	background: #D6DCE5;
}
.simple_table .font_min{
	font-size: 1rem;
}
.simple_table .font_black{
	color: #000;
	font-size: 1.4rem;
}
.simple_table.type_02 td{
	font-size: 1.6rem;
	line-height: 1;
}

.gray_table{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.gray_table .table_th{
	padding: 1rem;
	background: #8497B0;
	color: #FFF;
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 1.6rem;
	width: 15%;
}
.gray_table .table_td{
	padding: 2rem 1rem;
	text-align: center;
	background: #EAEDF2;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	width: 85%;
}
@media screen and (max-width:640px) {
	.gray_table .table_th,
	.gray_table .table_td{
		width: 100%;
	}
}
.gray_table ul{
	list-style: disc;
	margin-left: 3rem;
}
.gray_table ul li{
	text-align: left;
}
.profile_area{
	width: 60%;
	margin: 1rem auto;
}
@media screen and (max-width:640px) {
	.profile_area{
		width: 90%;
	}
}
.profile_title{
	font-size: 2.2rem;
	font-weight: bold;
	color: #4472C4;
}
.profile_table{
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	width: 100%;
}
.profile_table th,
.profile_table td{
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	font-size: 1.6rem;
}
.profile_table th{
	background: #8FAADC;
	color: #FFF;
	font-weight: bold;
}
.profile_table td{
	background: #DAE3F3;
	color: #000;
}

.viewmore_blue_area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	background: #D6DCE5;
	padding: 1rem 2rem;
	margin: 2rem auto 0;
}
.viewmore_blue_area p{
	font-size: 2.2rem;
	font-weight: bold;
	color: #4472C4;
}
.viewmore_blue_area a{
	width: 40%;
	display: block;
}
@media screen and (max-width:640px) {
	.viewmore_blue_area a{
		width: 80%;
		margin: 1rem auto;
	}
}
.viewmore_blue_area .img_area{
	width: 100%;
}


/*table*/
.graylist{/**/
	width: 100%;
}
.graylist .cell01{
	background-color: #F2F2F2;
}
.graylist .cell02{
	background-color: #D9D9D9;
}
.graylist .cell03{
	background-color: #F2F2F2;
	text-align: center;
	font-size: 1.4rem;
}

.graylist .cell04{
	background-color: #BFBFBF;
}
.graylist .cell05{
	background-color: #FFF;
}
.graylist .cell06{
	background-color: #F2F2F2;
	text-align: left;
	font-size: 1.8rem;
}
.graylist th{
	color: #FFF;
	background-color: #A6A6A6;
	border: 1px solid #FFF;
}
.graylist td{
	border: 1px solid #FFF;
}
.graylist td.blockend{
	border-bottom: 1px solid #A6A6A6;
}
.graylist .br_border{
	border-bottom: 1px solid #A6A6A6;
	border-right: 1px solid #A6A6A6;
}
.graylist .r_border{
	border-right: 1px solid #A6A6A6;
}
.pinklist{
	width: 100%;
}
.pinklist td{
	background-color: #F2F2F2;
	border: 1px solid #FFF;
}
.pinklist th{
	color: #FFF;
	background-color: #DF8798;
	border: 1px solid #FFF;
}
.pinklist td.blockend{
	border-bottom: 1px solid #DF8798;
}
.bluelist{
	width: 100%;
}
.bluelist.min th,
.bluelist.min td{
	font-size: 1.8rem;
}
.bluelist th{
	color: #FFF;
	background-color: #8497B0;
	border: 1px solid #FFF;
}
.bluelist td{
	background-color: #D6DCE5;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-top: 1px solid #8497B0;
	border-bottom: 1px solid #8497B0;
}
.bluelist td.blockend{
	border-bottom: 1px solid #8497B0;
}
.colorful_list{
	width: 100%;
}
.colorful_list th,
.colorful_list td,
.colorful_list td span,
.colorful_list td li,
.colorful_list td p{
	font-size: 1.4rem;
}
.colorful_list .gray_d{
	background-color: #7F7F7F;
	color: #FFF;
	font-weight: bold;
	border: 2px solid #000;
	text-align: center;
}
.colorful_list .gray_r{
	background-color: #F2F2F2;
	border: 2px solid #000;
	text-align: center;
}
.colorful_list .pink_d{
	background-color: #E48AA0;
	color: #FFF;
	font-weight: bold;
	border: 2px solid #000;
	text-align: center;
}
.colorful_list .blue_d{
	background-color: #5B9BD5;
	color: #FFF;
	font-weight: bold;
	border: 2px solid #000;
	text-align: center;
}

.colorful_list .gray_r{
	background-color: #D9D9D9;
	border: 2px solid #000;
}
.colorful_list .pink_r{
	background-color: #E9D5D5;
	border: 2px solid #000;
}
.colorful_list .blue_r{
	background-color: #D9D9D9;
}
.colorful_list .gray_rr{
	background-color: #F2F2F2;
	border: 2px solid #000;
}
.colorful_list .color_none{
	background-color: transparent;
	border: 2px solid #000;
}
.colorful_list.border_lr_none{
	border: 0;
	
}
.colorful_list.border_lr_none th,
.colorful_list.border_lr_none td{
	border-left:1px solid #FFF ;
	border-right: 1px solid #FFF ;
	vertical-align: top;
}
.colorful_list.border_lr_none tr th:nth-child(1){
	border-left:0;
}
.colorful_list.border_lr_none tr th:nth-child(3){
	border-right:0;
}
.colorful_list.border_lr_none tr:not(.th_line) td:nth-child(1){
	border-left:0;
	background-color: #D9D9D9;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
.colorful_list.border_lr_none tr:not(.th_line) td:nth-child(2){
	background-color: #F2F2F2;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
.colorful_list.border_lr_none tr:not(.th_line) td:nth-child(3){
	border-right:0;
	background-color: #E9D5D5;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

/*おすすめボックス*/
.recommendation-head {
	padding: 1rem;
	text-align:left;
	font-size: 2.2rem;
	font-weight: 600;
	width: 95%;
	margin:1rem auto 0;
}
.recommendation-box	{
	padding: 1rem;
	box-sizing: border-box;
	margin-bottom: 2rem;
	width: 95%;
	margin:0 auto 1rem;
}
.recommendation-box	ul{
	list-style-type: disc;
	margin-left: 3rem;
}
.recommendation-head.border_radius{
	border-radius: 1rem 1rem 0 0;
}
.recommendation-box.border_radius{
	border-radius: 0 0 1rem 1rem;
}
.recommendation-head.center{
	text-align: center;
}
.recommendation-head.blue {
	color: #FFF;
	background-color: #0070C0;
}
.recommendation-box.blue	{
	border: 1px solid #0070C0;
	background-color: #D6DCE5;
}
.recommendation-head.orenge {
	color: #FFF;
	background-color: #EB7D3C;
}
.recommendation-box.orenge	{
	border: 1px solid #EB7D3C;
	background-color: #FBE5D6;
}
.recommendation-head.green {
	color: #FFF;
	background-color: #72AC4D;
}
.recommendation-box.green	{
	border: 1px solid #72AC4D;
	background-color: #EBF1E9;
}
.recommendation-box.green_w{
	border: 1px solid #72AC4D;
	background-color: #FFF;
}
.recommendation-head.green_b {
	color: #FFF;
	background-color: #099A79;
	font-size: 2.8rem;
}
@media screen and (max-width:640px) {
	.recommendation-head.green_b {
		font-size: 2rem;
	}
}
.recommendation-box.green_b{
	border: 1px solid #099A79;
	background-color: #FFF;
}
.recommendation-box.green_b p{
	font-size: 2rem;
	padding: 2rem;
}
.recommendation-box.green_b p.half{
	width: 60%;
}
.recommendation-box.green_b p span{
	font-size: 2rem;
}
.recommendation-box.green_b .img_area{
	width: 40%;
	height: auto;
}
.recommendation-box.green_b ul{
	margin: 1rem auto;
	width: 96%;
}
.recommendation-box.green_b li{
	width: 49%;
	list-style: none;
	border: 0;
}
@media screen and (max-width:640px) {
	.recommendation-box.green_b li{
		width: 98%;
		margin: 1rem auto;
	}
}
.recommendation-head.gray {
	color: #FFF;
	background-color: #7F7F7F;
}
.recommendation-box.gray	{
	border: 1px solid #7F7F7F;
	background-color: #FFF;
}
.recommendation-head.l_gray {
	color: #8497B0;
	background-color: #D9D9D9;
	text-align: center;
}
.recommendation-box.l_gray{
	border: 0;
	background-color: transparent;
}
.gray2_box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	font-size: 1rem;
	background: #D6DCE5;
	padding: 3rem 2rem;
	margin-bottom: 2rem;
}
.gray2_box .left{
	padding-right: 1rem;
}
.gray2_box .right{
	margin-bottom: 0;
}
.gray2_box .right img{
	margin-bottom: 0.5rem;
}
.gray2_box .right span{
	font-size: 1.4rem;
	display: block;
	text-align: center;
	font-weight: bold;
}
.gray2_box .right .min_font{
	font-size: 1.2rem;
	font-weight: normal;
}
.gray3_box{
	padding: 2rem 2rem 3rem;
	background-color: #F2F2F2;
}
.gray3_box h2{
	text-align: center;
	color: #44546A;
	font-size: 2rem;
	margin-bottom: 2rem;
}
.gray3_box ul{
	list-style: disc;
	margin-left: 2.5rem;
}

/*リスト*/
ul.circle_num{
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}
ul.circle_num li {
  font-size: 1.8rem;
  line-height: 1.5;
  padding-left: 3rem;
  position: relative;
}
@media screen and (max-width:640px) {
	ul.circle_num li {
		padding-left: 2rem;
	}
}
ul.circle_num li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid #333;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.6rem;
  width: 1.6rem;
  color: #333;
  font-size: 1.3rem;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
	padding-top: 1px;
}
ul.disc{
	list-style: disc;
	margin-left: 2rem;
}
ul.no_style li{
	list-style: none;
	margin-left: 1rem;
}
ul.dashed {
  list-style-type: none;
}
ul.dashed > li {
  text-indent: -1rem;
}
ul.dashed > li:before {
  content: "-";
  text-indent: -1rem;
}
/*ボタン*/
.btn_center,
.btn_right{
}
.btn_center {
	text-align: center;
	width: 100%;
}
.btn_center a{
	max-width: 40rem;
	text-align: center;
	margin: 2rem auto 0;
	display: block;
	padding: 1rem 5rem;
	font-size: 2rem;
	border: 1px solid #E48AA0;
	border-radius: 4rem;
	color: #E48AA0;
	background-color: #FFF;
	transition: all 0.3s;
}
.btn_center a:hover{
	opacity: 1;
	text-decoration: none;
	color: #FFF;
	background-color: #E48AA0;
	transition: all 0.3s;
}

.btn_right {
	text-align: right;
	width: 100%;
}
.btn_right a{
	max-width: 40rem;
	text-align: center;
	text-decoration: none;
	margin: 2rem 0 0 auto;
	display: block;
	padding: 1rem 5rem;
	font-size: 2rem;
	border: 1px solid #E48AA0;
	border-radius: 4rem;
	color: #E48AA0;
	background-color: #FFF;
	transition: all 0.3s;
}
.btn_right a:hover{
	opacity: 1;
	text-decoration: none;
	color: #FFF;
	background-color: #E48AA0;
	transition: all 0.3s;
}
.btn_left {
	text-align: right;
	width: 100%;
}
.btn_left a{
	max-width: 40rem;
	text-align: center;
	margin: 2rem auto 0 0;
	display: block;
	padding: 1rem 5rem;
	font-size: 2rem;
	border: 1px solid #E48AA0;
	border-radius: 4rem;
	color: #E48AA0;
	background-color: #FFF;
	transition: all 0.3s;
}
.btn_left a:hover{
	opacity: 1;
	text-decoration: none;
	color: #FFF;
	background-color: #E48AA0;
	transition: all 0.3s;
}
a.ask_nwbox{
	display: block;
	font-size: 2.6rem;
	font-weight: 600;
	padding: 2rem 2rem;
	background-color: #DF8798;
	color: #ffffff;
	text-align: center;
	transition: all 0.3s;
}
a.ask_nwbox:hover{
	opacity: 0.7;
	text-decoration: none;
}
.q_btn{
	width: 100%;
	margin: 4rem auto;
	text-align: center;
}
@media screen and (max-width:640px) {
	.q_btn{
		width: 98%;
		text-align: center;
	}
}
.q_btn a{
	display: block;	
	border: 0.2rem solid #CF4963;
	background: #F2F2F2;
	color: #CF4963;
	border-radius: 4rem;
	font-size: 3rem;
	padding: 1rem 2rem;
	width: 100%;
	transition: all 0.3s;
}
@media screen and (max-width:640px) {
	.q_btn a{
		font-size: 1.8rem;
	}
}
.q_btn a:hover{
	text-decoration: none;
	background-color: #CF4963;
	color: #FFF;
}
.pro_btn{
	width: 100%;
	margin: 4rem auto 1rem;
	text-align: center;
}
.pro_btn a{
	display: block;	
	border: 0.2rem solid #CF4963;
	background: #FFF;
	color: #CF4963;
	border-radius: 4rem;
	font-size: 3rem;
	padding: 1rem 2rem;
	width: 100%;
	transition: all 0.3s;
}
@media screen and (max-width:640px) {
	.pro_btn a{
		font-size: 1.8rem;
	}
}
.pro_btn a:hover{
	text-decoration: none;
	background-color: #CF4963;
	color: #FFF;
}
.min_btn a{
	font-size: 1.2rem;
	padding: 0.5rem 1rem;
	background: #FFF;
	text-align: center;
	border-radius: 3rem;
	display: inline-block;
	font-weight: bold;
}
.min_btn{
	text-align: right;
	padding: 0 1rem 1rem;
}
.min_btn.green_btn a{
	border: 2px solid #00B050;
	color: #00B050;
}
.min_btn.blue_btn a{
	border: 2px solid #4472C4;
	color: #4472C4;
}

/*縦書き*/
.vertical-rl{
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	white-space: pre;
	display:inline;
	width: 10rem;
}
/*注意書き*/
.attention{
	color:#333;
	margin: 0.5rem auto 1rem;
	text-align: left;
	font-size: 1.6rem;
	display: block;
}
.section_block .flex_area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.movie_area{
	padding: 1rem 2rem;
	background: #FBE5D6;
	margin-bottom: 3rem;
}
.movie_area .movie_area_top{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.movie_area .movie_area_top .img_movie{
	width: 55%;
}
@media screen and (max-width:640px) {
	.movie_area .movie_area_top .img_movie{
		width: 100%;
	}
}
.movie_area .movie_area_top .text_area{
	width: 45%;
	padding: 2rem 1rem;
}
@media screen and (max-width:640px) {
	.movie_area .movie_area_top .text_area{
		width: 100%;
	}
}
.movie_area .movie_area_top .text_area h4{
	text-align: center;
	font-size: 2.2rem;
	font-weight: bold;
	padding: 1rem;
	border-bottom: 1px solid #FF5000;
	color: #FF5000;
}
@media screen and (max-width:640px) {
	.movie_area .movie_area_top .text_area h4{
		font-size: 1.8rem;
	}
}
.movie_area .movie_area_top .text_area .qr_area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	padding: 1rem;
}
.movie_area .movie_area_top .text_area .qr_area .qr_text{
	width: 60%;
}
.movie_area .movie_area_top .text_area .qr_area .qr_text p{
	font-size: 2rem;
	margin: 1rem 1rem 1rem 2rem;
	position: relative;
}
.movie_area .movie_area_top .text_area .qr_area .qr_text p::before{
	content: "※";
	font-size: 2rem;
	position: absolute;
	top: 0;
	left: -2rem;
}
.movie_area .movie_area_top .text_area .qr_area .qr_img{
	width: 40%;
}
.movie_area .movie_area_top .text_area .qr_area .qr_img img{
	width: 70%;
	margin: 1rem;
}
.movie_area .movie_area_bottom{
	padding: 1rem 3rem;
}
@media screen and (max-width:640px) {
	.movie_area .movie_area_bottom{
		padding: 1rem ;
	}
}
.movie_area .movie_area_bottom .url_area{
	background-color: #FFF;
	font-size: 2rem;
	padding: 0.2rem 1rem;
}
.movie_area .movie_area_bottom p{
	padding: 1rem 3rem;
	font-size: 2.2rem;
}
@media screen and (max-width:640px) {
	.movie_area .movie_area_bottom p{
		padding: 1rem;
	}
}

/*吹き出し*/
.section_block {
	position: relative;
	z-index: 1;
}
.section_block .bubble_area .selfintro_bubble_outer {
	position: relative;
	padding: 2rem 1rem;
	min-height: 6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: start;
	justify-content: start;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	border-radius: 3rem;
}

.section_block .left .selfintro_bubble_outer {
	background-color: #FFFDE8;
}

.section_block .right .selfintro_bubble_outer {
	background-color: #FDE6E3;
}

@media screen and (min-width: 768px) {
.section_block .left .selfintro_bubble_outer {
z-index: -2;
width: 70%;
margin-left: -10rem;
padding-left: 10rem;
	}	
}
@media screen and (min-width: 768px) {
.section_block .right .selfintro_bubble_outer {
margin-left: auto;
z-index: -2;
width: 70%;
/* margin-left: -10rem; */
padding-left: 3rem;
	}	
} 

.section_block .bubble_area {
  margin: 1rem auto 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: start;
  justify-content: start;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: start;
  align-content: start;
  -webkit-align-self: start;
  align-self: start;
  flex-wrap: wrap;
}
.section_block .bubble_area.top_minus1, .section_block .bubble_area.top_minus2, .section_block .bubble_area.top_minus3, .section_block .bubble_area.top_minus4, .section_block .bubble_area.top_minus5 {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .section_block .bubble_area.top_minus1 {
    margin-top: -1rem;
  }
  .section_block .bubble_area.top_minus2 {
    margin-top: -2rem;
  }
  .section_block .bubble_area.top_minus3 {
    margin-top: -3rem;
  }
  .section_block .bubble_area.top_minus4 {
    margin-top: -4rem;
  }
  .section_block .bubble_area.top_minus5 {
    margin-top: -5rem;
  }
}
.section_block .bubble_area .bubble_outer {
  position: relative;
  padding: 2rem 1rem;
  min-height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: start;
  justify-content: start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-align-self: center;
  align-self: center;
  flex-wrap: wrap;
}
.section_block .bubble_area .bubble_outer .bubble_inner{
	position: relative;
}
.section_block .bubble_area .bubble_outer .bubble_inner,
.section_block .bubble_area .bubble_outer .bubble_inner span {
  font-size: 1.8rem;
  line-height: 1.4;
	word-break: break-all;
}
@media screen and (min-width: 768px) {
  .section_block .bubble_area .bubble_outer .bubble_inner,
	.section_block .bubble_area .bubble_outer .bubble_inner span {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 768px) {
  .section_block .bubble_area .bubble_outer .bubble_inner,
	.section_block .bubble_area .bubble_outer .bubble_inner span.fontsize16rem {
    font-size: 1.6rem;
  }
}
.section_block .bubble_area .bubble_outer .bubble_inner .s_small {
  font-size: 1.4rem;
  padding: 1rem 0 0;
}
.section_block .bubble_area .bubble_outer .bubble_inner .small {
  font-size: 1.6rem;
  padding: 1rem 0 0;
}
.section_block .bubble_area .bubble_outer .bubble_inner .big {
  font-size: 2rem;
}
@media screen and (min-width: 768px) {
	.section_block .bubble_area .bubble_outer .bubble_inner .big {
		font-size: 2.4rem;
	}
}
.section_block .bubble_area .bubble_outer .bubble_inner .bigbig {
  font-size: 2.2rem;
}
@media screen and (min-width: 768px) {
	.section_block .bubble_area .bubble_outer .bubble_inner .bigbig {
		font-size: 2.8rem;
	}
}
.section_block .bubble_area .bubble_outer .bubble_inner a {
  display: inline;
  color: #0070C0;
  text-decoration: underline;
  font-size: 1em;
}
@media screen and (min-width: 768px) {
  .section_block .bubble_area .bubble_outer .bubble_inner a {
    font-size: 100%;
  }
}


.section_block .bubble_area .in_img {
  width: 17%;
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: start;
  justify-content: start;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: start;
  align-content: start;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  flex-wrap: wrap;
}
.section_block .bubble_area.min_bubble .in_img {
  width: 20%;
}
.section_block .bubble_area .in_img_selfintro {
	width: 20%;
	overflow: visible;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: start;
	justify-content: start;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: start;
	align-content: start;
	-webkit-align-self: flex-end;
	align-self: flex-end;
	flex-wrap: wrap;
}
.section_block .bubble_area .in_img.w25{
	width: 25%;
	margin-right: 5%;
}
.section_block .bubble_area .in_img img {
  width: 100%;
  height: auto;
}

.section_block .bubble_area .in_text {
  width: 83%;
  text-align: left;
}
.section_block .bubble_area.min_bubble .in_text {
  width: 75%;
  text-align: left;
}
.section_block .bubble_area .in_text_selfintro {
	width: 80%;
	text-align: left;
}
.section_block .bubble_area .in_text.w70 {
  width: 70%;
  text-align: left;
}

.section_block .left .bubble_outer {
  background-color: #E2F0D9;
  border: #00B050 2px solid;
  box-shadow: 4px 4px 0px 0 #00B050;
}
.section_block .left .bubble_outer::before {
  content: "";
  position: absolute;
	top: unset;
  bottom: 4rem;
  right: calc(100% - 2px);
  margin-top: -0.66rem;
  border: 0.8rem solid transparent;
  border-right: 1.2rem solid #E2F0D9;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .section_block .left .bubble_outer::before {
		top: 4rem;
		bottom: unset;
    right: calc(100% - 2px);
    border-right: 2rem solid #E2F0D9;
  }
}
.section_block .left .bubble_outer::after,
.section_block .left .bubble_outer .shadow {
  content: "";
  position: absolute;
	top: unset;
  bottom: calc(4rem - 4px);
  right: 100%;
  margin-top: calc(-0.66rem + 2px);
  border: calc(0.8rem + 2px) solid transparent;
  border-right: calc(1.2rem + 4px) solid #00B050;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .section_block .left .bubble_outer::after,
  .section_block .left .bubble_outer .shadow {
		top: calc(4rem - 4px);
		bottom: unset;
    right: 100%;
    border-right: calc(2rem + 4px) solid #00B050;
  }
}
.section_block .left .bubble_outer .shadow {
	top: unset;
  bottom: calc(4rem + 1px);
  right: calc(100% - 4px);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .section_block .left .bubble_outer .shadow {
		top: calc(4rem + 1px);
		bottom: unset;
    right: calc(100% - 4px);
  }
}
.section_block .left .bubble_outer .bubble_inner{
	font-size: 1.8rem;
	color: #00B050;
	font-weight: bold;
	width: 100%;
}
.section_block .bubble_outer .bubble_inner .large_font{
	font-size: 2rem;
	font-weight: bold;
	width: 100%;
}
.section_block .left .bubble_outer .bubble_inner .big_title{
	font-size: 2.2rem;
	border-bottom: 1px solid #00B050;
	width: 100%;
}
/*
.section_block .left .bubble_outer .bubble_inner .mid_title{
	font-size: 2rem;
	border-bottom: 1px solid #00B050;
	width: 100%;
}
	*/

.section_block .left .name {
  margin: 0.2rem 1rem;
  text-align: left;
  font-size: 0.9rem;
}

.section_block .blue .bubble_outer {
  background-color: #DAE3F3;
  border: #4472C4 2px solid;
  box-shadow: 4px 4px 0px 0 #4472C4;
}

.section_block .bk_white .bubble_outer {
  background-color: #FFF;
}

.section_block .blue .bubble_outer::before {
  content: "";
  position: absolute;
  top: unset;
	bottom: 4rem;
  right: calc(100% - 2px);
  margin-top: -0.66rem;
  border: 0.8rem solid transparent;
  border-right: 1.2rem solid #DAE3F3;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .section_block .blue .bubble_outer::before {
    right: calc(100% - 2px);
    border-right: 2rem solid #DAE3F3;
		top: 4rem;
		bottom: unset;
  }
}
.section_block .bk_white .bubble_outer::before {
	border-right: 1.2rem solid #FFF;
}
@media screen and (min-width: 768px) {
  .section_block .bk_white .bubble_outer::before {
		border-right: 2rem solid #FFF;
	}
}
.section_block .right.bk_white .bubble_outer::before {
	border-left: 1.2rem solid #FFF;
}
@media screen and (min-width: 768px) {
  .section_block .right.bk_white .bubble_outer::before {
		border-left: 2rem solid #FFF;
	}
}

.section_block .blue .bubble_outer::after{
  content: "";
  position: absolute;
	top: unset;
  bottom: calc(4rem - 2px);
  right: 100%;
  margin-top: calc(-0.66rem + 2px);
  border: calc(0.8rem + 2px) solid transparent;
  border-right: calc(1.2rem + 2px) solid #4472C4;
  z-index: 1;
}
.section_block .blue .bubble_outer .shadow {
  content: "";
  position: absolute;
	top: unset;
  bottom: calc(4rem - 4px);
  right: 100%;
  margin-top: calc(-0.66rem + 2px);
  border: calc(0.8rem + 2px) solid transparent;
  border-right: calc(1.2rem + 4px) solid #4472C4;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .section_block .blue .bubble_outer::after{
    right: 100%;
    border-right: calc(2rem + 4px) solid #4472C4;
		top: calc(4rem - 4px);
		bottom: unset;
  }
  .section_block .blue .bubble_outer .shadow {
    right: 100%;
    border-right: calc(2rem + 4px) solid #4472C4;
		top: calc(4rem - 4px);
		bottom: unset;
  }
}
.section_block .blue .bubble_outer .shadow {
  top: unset;
  right: calc(100% - 5px);
  z-index: -1;
	bottom: calc(4rem - 6px);
}
@media screen and (min-width: 768px) {
  .section_block .blue .bubble_outer .shadow {
		top: calc(4rem + 1px);
    right: calc(100% - 4px);
		bottom: unset;
  }
}
.section_block .blue .bubble_outer .bubble_inner{
	font-size: 1.6rem;
	color: #4472C4;
	font-weight: bold;
	width: 100%;
}
.section_block .blue .bubble_outer .bubble_inner p.min_font{
	font-size: 1.4rem;
}
.section_block .blue .bubble_outer .bubble_inner.min_font,
.section_block .blue .bubble_outer .bubble_inner.min_font span,
.section_block .blue .bubble_outer .bubble_inner.min_font li{
	font-size: 1.4rem;
}
.section_block .blue .bubble_outer .bubble_inner.min_font .font_min{
	font-size: 1.3rem;
}
.section_block .blue .bubble_outer .bubble_inner .big_font1{
	font-size: 2rem;
}
.section_block .blue .bubble_outer .bubble_inner .big_font2{
	font-size: 2.2rem;
}
.section_block .blue .bubble_outer .bubble_inner .big_title{
	font-size: 2.2rem;
	/*border-bottom: 1px solid #4472C4;*/
	text-decoration: underline;
	width: 100%;
	line-height: 1.6;
}

.section_block .blue .name {
  margin: 0.2rem 1rem;
  text-align: left;
  font-size: 0.9rem;
}
.section_block .black .bubble_outer {
  border: #44546A 2px solid;
  box-shadow: 4px 4px 0px 0 #44546A;
}
.section_block .blue_one .bubble_outer {
  background-color: #8FAADC;
  border: 0;
  box-shadow: unset;
}
.section_block .blue_one .bubble_outer .bubble_inner{
	color: #FFF;
}
.section_block .blue_one.left .bubble_outer::before {
  content: "";
  position: absolute;
	top: unset;
  bottom: 4rem;
  right: calc(100% - 2px);
  margin-top: -0.66rem;
  border: 0.8rem solid transparent;
  border-right: 1.2rem solid #8FAADC;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .section_block .blue_one.left .bubble_outer::before {
		top: 4rem;
		bottom: unset;
    right: calc(100% - 2px);
    border-right: 2rem solid #8FAADC;
  }
}
.section_block .blue_one.left .bubble_outer::after,
.section_block .blue_one.left .bubble_outer .shadow {
  content: "";
  position: absolute;
	top: unset;
  bottom: calc(4rem - 4px);
  right: 100%;
  margin-top: calc(-0.66rem + 2px);
  border: calc(0.8rem + 2px) solid transparent;
  border-right: calc(1.2rem + 4px) solid #8FAADC;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .section_block .blue_one.left .bubble_outer::after,
  .section_block .blue_one.left .bubble_outer .shadow {
		top: calc(4rem - 4px);
		bottom: unset;
    right: 100%;
    border-right: calc(2rem + 4px) solid #8FAADC;
  }
}


.section_block .black .bubble_outer::before {
  content: "";
  position: absolute;
  top: unset;
	bottom: 4rem;
  right: calc(100% - 2px);
  margin-top: -0.66rem;
  border: 0.8rem solid transparent;
  border-right: 1.2rem solid #FFF;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .section_block .black .bubble_outer::before {
    right: calc(100% - 2px);
    border-right: 2rem solid #FFF;
		top: 4rem;
		bottom: unset;
  }
}

.section_block .black .bubble_outer::after,
.section_block .black .bubble_outer .shadow {
  content: "";
  position: absolute;
	top: unset;
  bottom: calc(4rem - 2px);
  right: 100%;
  margin-top: calc(-0.66rem + 2px);
  border: calc(0.8rem + 2px) solid transparent;
  border-right: calc(1.2rem + 2px) solid #44546A;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .section_block .black .bubble_outer::after,
  .section_block .black .bubble_outer .shadow {
    right: 100%;
    border-right: calc(2rem + 4px) solid #44546A;
		top: calc(4rem - 4px);
		bottom: unset;
  }
}
.section_block .black .bubble_outer .shadow {
  top: calc(5rem + 2px);
	right: calc(100% - 3px);
	z-index: -1;
	bottom: unset;
}
@media screen and (min-width: 768px) {
  .section_block .black .bubble_outer .shadow {
    top: calc(4rem + 1px);
		right: calc(100% - 4px);
  }
}
.section_block .black .bubble_outer .bubble_inner{
	font-size: 1.6rem;
	color: #44546A;
	font-weight: bold;
	width: 100%;
}
.section_block .black .bubble_outer .bubble_inner.min_font,
.section_block .black .bubble_outer .bubble_inner.min_font span,
.section_block .black .bubble_outer .bubble_inner.min_font li{
	font-size: 1.4rem;
}
.section_block .black .bubble_outer .bubble_inner .big_title{
	font-size: 2.2rem;
	border-bottom: 1px solid #44546A;
	width: 100%;
}
.section_block .bubble_outer .bubble_inner .mid_title p{
	font-size: 2rem;
	border-bottom: 1px solid #4472C4;
	display: inline-block;
}


.section_block .bubble_area.right{
	flex-direction: row-reverse;
}
.section_block .bubble_area.right .bubble_outer {
  border: #4472C4 2px solid;
  box-shadow: 4px 4px 0px 0 #4472C4;
}
.section_block .bubble_area.right .bubble_outer::before {
  content: "";
  position: absolute;
  bottom: 4rem;
  left: calc(100% - 1px);
  margin-top: -0.66rem;
  border: 0.8rem solid transparent;
  border-left: 1.2rem solid #DAE3F3;
	border-right: calc(0.8rem + 2px) solid transparent;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .section_block .bubble_area.right .bubble_outer::before {
    top: 4rem;
		bottom: unset;
    left: calc(100% - 2px);
    border-left: 2rem solid #DAE3F3;
  }
}
.section_block .bubble_area.right.bk_white .bubble_outer::before {
	border-left: 2rem solid #FFF;
}
.section_block .bubble_area.right .bubble_outer::after,
.section_block .bubble_area.right .bubble_outer .shadow {
  content: "";
  position: absolute;
  bottom: calc(4rem - 4px);
  right: unset;
	left: 100%;
  margin-top: calc(-0.66rem + 2px);
  border: calc(0.8rem + 2px) solid transparent;
  border-left: calc(1.2rem + 4px) solid #4472C4;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .section_block .bubble_area.right .bubble_outer::after,
  .section_block .bubble_area.right .bubble_outer .shadow {
    left: 100%;
    border-left: calc(2rem + 2px) solid #4472C4;
		top: calc(4rem - 4px);
		bottom: unset;
  }
}
.section_block .bubble_area.right .bubble_outer .shadow {
  top: unset;
  bottom: calc(3rem + 3px);
  right: calc(100% - 4px);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .section_block .bubble_area.right .bubble_outer .shadow {
		top: calc(4rem - 0px);
		right: calc(100% - 4px);
		bottom: unset;
  }
}
.bubble_inner .red{
	color: #FF5050;
}
.bubble_inner .orange{
	color:#ED7D31;
}
.bubble_inner .big{
	font-size: 2rem;
}
@media screen and (min-width: 768px) {
	.bubble_inner .big{
		font-size: 2.4rem;
	}
}
.bubble_inner .bold{
	font-weight: bold;
}
.bubble_inner .center{
	text-align: center;
}

.gray_bubble{
	font-weight: bold;
	margin: 1rem 1rem 3rem;
	font-size: 1.4rem;
	padding: 1rem;
	color: #44546A;
	border: 1px solid #44546A;
	background: #D6DCE5;
	box-shadow: 5px 5px 0 #44546A;
	position: relative;
}
.gray_bubble::after{
	border-top: 2rem solid #D6DCE5;
	border-left: 2.8rem solid transparent;
	border-bottom: 0.5rem solid transparent;
	border-right: 1.8rem solid transparent;
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: 50%;
	filter: drop-shadow(0 5px 0 #44546A);
}
.blue_bubble_02{
	font-weight: bold;
	margin: 1rem 1rem 3rem;
	font-size: 1.4rem;
	padding: 1rem;
	color: #4472C4;
	border: 1px solid #4472C4;
	background: #DAE3F3;
	box-shadow: 5px 5px 0 #4472C4;
	position: relative;
}
.blue_bubble_02::after{
	border-top: 2rem solid #DAE3F3;
	border-left: 2.8rem solid transparent;
	border-bottom: 0.5rem solid transparent;
	border-right: 1.8rem solid transparent;
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: 50%;
	filter: drop-shadow(0 5px 0 #4472C4);
}

.bubble_area.no_shadow {
    margin: 1rem auto 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: start;
    align-content: start;
    -webkit-align-self: start;
    align-self: start;
    flex-wrap: wrap;
}
.bubble_area.no_shadow .in_img {
	width: 15%;
}
.bubble_area.no_shadow .in_text {
	width: 82%;
	margin-top: 2rem;
}
.bubble_area.no_shadow .shadow{
	display: none;
}
.bubble_area.no_shadow .bubble_outer{
	background-color: #FFF;
	box-shadow: unset;
	padding: 1rem;
}
.bubble_area.no_shadow .bubble_outer::before {
    top: unset;
    bottom: 2rem;
    right: calc(100% - 1px);
    margin-top: -0.66rem;
    z-index: 2;
}
.bubble_area.no_shadow .bubble_outer::after{
	top: unset;
	bottom: calc(2rem - 2px);
	right: 100%;
	margin-top: calc(-0.66rem + 2px);
	border: calc(0.8rem + 2px) solid transparent;
	z-index: 1;
}
.bubble_area.blue_r .bubble_outer{border: #00B0F0 2px solid;}
.bubble_area.blue_r .bubble_outer .bubble_inner{color: #00B0F0;}
.bubble_area.blue_r .bubble_outer::before {border-right: 1.2rem solid #FFF;}
.bubble_area.blue_r .bubble_outer::after{border-right: calc(1.2rem + 4px) solid #00B0F0;}

.bubble_area.blue_m .bubble_outer{border: #4472C4 2px solid;}
.bubble_area.blue_m .bubble_outer .bubble_inner{color: #4472C4;}
.bubble_area.blue_m .bubble_outer::before {border-right: 1.2rem solid #FFF;}
.bubble_area.blue_m .bubble_outer::after{border-right: calc(1.2rem + 4px) solid #4472C4;}

.bubble_area.pink_r .bubble_outer{border: #FF6699 2px solid;}
.bubble_area.pink_r .bubble_outer .bubble_inner{color: #FF6699;}
.bubble_area.pink_r .bubble_outer::before {border-right: 1.2rem solid #FFF;}
.bubble_area.pink_r .bubble_outer::after{border-right: calc(1.2rem + 4px) solid #FF6699;}

.bubble_area.gray_r .bubble_outer{border: #8497B0 2px solid;}
.bubble_area.gray_r .bubble_outer .bubble_inner{color: #44546A;}
.bubble_area.gray_r .bubble_outer::before {border-right: 1.2rem solid #FFF;}
.bubble_area.gray_r .bubble_outer::after{border-right: calc(1.2rem + 4px) solid #8497B0;}

/*キャラ*/
.section_block .bubble_area .in_img img.img1-0 {
	margin: -2rem 10% 0 0;
	width: 94%;
}
.section_block .bubble_area .in_img img.img1-1 {
	margin: 0rem -25% 0 22px;
	width: 100%;
}
.section_block .bubble_area .in_img img.img1-2 {
	margin: 1rem 10% 0 -2rem;
	width: 100%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-2 {
		margin: -3rem 10% 0 0;
	}
}
.section_block .bubble_area .in_img img.img1-3 {
	margin: -1rem 0 0 1rem;
  width: 80%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-3 {
		margin: 0 auto 0 -1rem;
		width: 100%;
	}
}
.section_block .bubble_area .in_img img.img1-4 {
	margin: -2rem 10% 2rem -1rem;
	width: 90%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-4 {
		margin: -3rem 10% 0 -1rem;
	}
}
.section_block .bubble_area .in_img img.img1-5 {
	margin: 1rem 0 0 1rem;
	width: 120%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-5 {
		margin: 0 0 0 0;
	}
}
.section_block .bubble_area .in_img img.img1-6 {
	margin: -4rem 10% 0rem 0;
  width: 97%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-6 {
		margin: -8rem 10% 0rem 0;
	}
}
.section_block .bubble_area .in_img img.img1-7 {
	margin: 4rem 10% 0rem -7%;
  width: 97%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-7 {
		margin: 4rem 10% 0rem -7%;
	}
}
.section_block .bubble_area .in_img img.img1-8 {
	margin: 4rem -7% 0rem 10%;
  width: 97%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-8 {
		margin: 4rem -7% 0rem 10%;
	}
}
.section_block .bubble_area .in_img img.img1-9 {
	margin: -1rem 10% 0rem -12%;
  width: 97%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-9 {
		margin: -1rem 10% 0rem -12%;
	}
}
.section_block .bubble_area .in_img img.img1-10 {
	margin: -2rem -7% 0rem 10%;
  width: 97%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-10 {
		margin: -2rem -7% 0rem 10%;
	}
}
.section_block .bubble_area .in_img img.img1-11 {
	margin: -1rem 0% 0rem 0%;
  width: 97%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-11 {
		margin: -1rem 0% 0rem 0%;
  	width: 97%;
	}
}
.section_block .bubble_area .in_img img.img1-12{
	margin: -1rem -16% 0rem 17%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-12 {
		margin: -1rem -16% 0rem 17%;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-13{
	margin: -1rem 0 0rem -17%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-13 {
		margin: -1rem -0 0rem -17%;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-14{
	margin: -8rem 0 8rem 5%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-14 {
		margin: -1rem 0 0rem 15%;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-15{
	margin: 0rem 0 0 -5%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-15 {
		margin: -1rem 0 0rem 0;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-16{
	margin: -1rem -5% 0rem 0;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-16 {
		margin: -1rem -5% 0rem 0;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-17{
	margin: -1rem -5% 0rem 0;
	width: 70%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-17 {
		margin: -1rem -5% 0rem 0;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-18{
	margin: -1rem -5% 0rem 10%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-18 {
		margin: -1rem -5% 0rem 10%;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-19{
	margin: -1rem -5% 0rem 10%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-19 {
		margin: -1rem -5% 0rem 10%;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-20{
	margin: -1rem -5% 0rem 0;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-20 {
		margin: -1rem -5% 0rem 0;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-21{
	margin: -1rem -5% 0rem 10%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-21 {
		margin: -1rem -5% 0rem 10%;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-22{
	margin: 1rem -5% 0rem 26%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-22 {
		margin: 1rem -5% 0rem 20%;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-23{
	margin: 1rem;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-23 {
		margin: 1rem;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-24{
	margin: -1rem 0 1rem 0;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-24 {
		margin: -1rem 13% 1rem 0;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-25{
	margin: -1rem -15% 1rem 15%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-25 {
		margin: -1rem -15% 1rem 15%;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-26{
	margin: -1rem -15% 1rem 15%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-26 {
		margin: -1rem -15% 1rem 15%;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-27{
	margin: -1rem -1% 1rem 1%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-27 {
		margin: -1rem -1% 1rem 1%;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-28{
	margin: -1rem 1% 1rem -7%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-28 {
		margin: -1rem 1% 1rem -7%;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-29{
	margin: -1rem -10% 1rem 10%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-29 {
		margin: -1rem -20% 1rem 20%;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-30{
	margin: 0 0 0 10%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-30 {
		margin: 0 0 0 0;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-31{
	margin: 0 -15% 0 15%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-31 {
		margin: 0 0 0 0;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-32{
	margin: 0 10% 0 -10%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-32 {
		margin: 0 0 0 0;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-33{
	margin: 0 -10% -2rem 10%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-33 {
		margin: 0 0 0 0;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-34{
	margin: 0 -10% -2rem 10%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-34 {
		margin: 0 0 0 0;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-35{
	margin: 0 15% -2rem -15%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-35 {
		margin: 0 0 0 0;
		width: 99%;
	}
}
.section_block .bubble_area .in_img img.img1-36{
	margin: 0 15% -2rem -15%;
	width: 99%;
}
@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img img.img1-36 {
		margin: 0 0 0 0;
		width: 99%;
	}
}

.section_block .bubble_area .in_img_selfintro img.img2-0 {
	margin: -5rem auto 0 -50%;
	width: 100%;
}


@media screen and (max-width:767px) {
	.section_block .bubble_area .in_img_selfintro img.img2-0 {
		margin: -1rem auto 0 10%;
		width: 90%;
	}
}
.section_block .bubble_area .in_img img.img2-1 {
    margin: -1rem auto 0 10%;
    width: 90%;
}
.section_block .bubble_area .in_img img.img2-2 {
	margin: -6rem auto 1rem 10%;
	width: 100%;
}
.section_block .bubble_area .in_img img.img2-3 {
	margin: -6rem auto 1rem 10%;
	width: 100%;
}
.netapp_technologies-download{
	margin: 5rem auto;
	max-width: 1080px;
}
@media screen and (max-width:767px) {
	.netapp_technologies-download{
		margin: 3rem auto;
	}
}
.flex_point_blue_box{
	width: 32%;
	padding: 1rem;
	background:#DAE3F3;
}
@media screen and (max-width:640px) {
	.flex_point_blue_box{
		width: 90%;
		margin: 0.5rem auto;
	}
}
.flex_point_blue_box h5{
	text-align: center;
	font-size: 1.3rem;
	color: #4472C4;
	border-bottom: 1px solid #4472C4;
	margin-bottom: 1rem;
}
@media screen and (max-width:640px) {
	.flex_point_blue_box h5{
		font-size: 1.4rem;
	}
}
.flex_point_blue_box p{
	font-size: 1.1rem;
}
@media screen and (max-width:640px) {
	.flex_point_blue_box p{
		font-size: 1.4rem;
	}
}

.flex-box-s{
	width: 96%;
	margin-top: 1em;
	margin-bottom: 6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	margin: 0 auto;
}
.flex-box-s .left_area{
	width: 45%;
}
@media screen and (max-width:640px) {
	.flex-box-s .left_area{
		width: 100%;
	}
}
.flex-box-s .right_area{
	width: 55%;
}
@media screen and (max-width:640px) {
	.flex-box-s .right_area{
		width: 100%;
	}
}
/*特長エリア*/
.features_area{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
}
.features_area .features_box{
	width: 24%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
}
@media screen and (max-width:640px) {
	.features_area .features_box{
		width: 100%;
	}
}
.features_area .features_title{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: start;
	justify-content: start;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
	width: 100%;
	background: #00B0F0;
	margin-bottom: 0.5rem;
	padding: 0.5rem 1rem;
	min-height: 5.4rem;
}
.features_area .features_num{
	text-align: center;
	color: #FFF;
	font-size: 1.6rem;
	border: 2px solid #FFF;
	margin-right: 1rem;
	line-height: 1;
	padding: 0 0.6rem;
}
.features_area .features_num span{
	color: #FFF;
	font-size: 1rem;
}
.features_area h4{
	font-size: 1.5rem;
	color: #FFF;
}
@media screen and (max-width:640px) {
	.features_area h4{
		font-size: 1.7rem;
	}
}
.features_area h4 .min_font{
	font-size: 1.2rem;
}
.features_area .features_content{
	background: #F2F2F2;
	height: 90%;
	padding: 2rem 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
}
.features_area .features_text{
	padding: 1rem;
	min-height: 48%;
}
.features_area .features_text p,
.features_area .features_text span{
	font-size: 1.6rem;
}


/* -----------------------------------------------------------------
フッター
------------------------------------------------------------------ */
.footer_menu{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0px;
	background: #D6DCE5;
}
.footer_menu_inner{
	width: 96%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	color: #000;
}
@media screen and (max-width:640px) {
	.footer_menu_inner{
		display: block;
	}
}
.footer_menu_box{
	padding: 1rem;
}
.footer_menu_box a{
	color: #000;
	font-size: 1.4rem;
	display: block;
	padding-bottom: 0.5rem;
}
.footer_menu_box li{
	font-size: 1.4rem;
}
.footer_menu_top{
	width: 96%;
	max-width: 1200px;
	margin: 1rem auto 0;
	padding: 3rem 1rem 0;
}
.footer_menu_top a{
	color: #000;
	font-size: 1.4rem;
}
.footer_title{
	color: #000;
	border-bottom: 1px solid #000;
	margin-bottom: 1rem;
}
.footer_flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	min-width: 30rem;
}
@media screen and (max-width:640px) {
	.footer_flex{
		min-width: unset;
	}
}
.footer_flex .footer_flex_box{
	width: 49%;
}
.footer_flex .footer_flex_box ul{
	margin-bottom: 2rem;
}
@media screen and (max-width:640px) {
	.footer_flex .footer_flex_box ul{
		margin-bottom: 0rem;
	}
}
.footer_flex .footer_flex_box ul li{
	font-size: 1.4rem;
}
.footer_sub_title{
	color: #000;
	border-bottom: 1px solid #000;
	display: inline-block;
	margin: 0.5rem 0 1rem;
}
.footer_sub_title a{
	padding-bottom: 0;
}
#footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0px;
	background: #44546A;
}
@media screen and (max-width:640px) {
	#footer {
		padding-top: 0;
		padding-bottom: 2.5rem;
	}
}
.footer_inner {
	width: 96%;
	max-width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 3rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	color: #FFF;
}
.footer_inner .sitemap_area {
	text-align: left;
	margin-bottom: 6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: start;
	align-items: start;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	width: 100%;
	gap: 5%;
}	
@media screen and (max-width:640px) {
	.footer_inner .sitemap_area {
		margin-bottom: 3rem;
	}
}
.footer_inner .sitemap_area .in_box{
	width: 28%;
	line-height: 1;
}
.footer_inner .sitemap_area .in_box:nth-child(1){width: 22%;}
.footer_inner .sitemap_area .in_box:nth-child(2){width: 32%;}
.footer_inner .sitemap_area .in_box:nth-child(3){width: 28%;}
.footer_inner .sitemap_area .in_box:nth-child(4){width: 26%;}
.footer_inner .sitemap_area .in_box:nth-child(5){width: 22%;}
@media screen and (max-width:640px) {
	.footer_inner .sitemap_area .in_box{
		width: 98%;
		margin: 1rem auto;
	}
	.footer_inner .sitemap_area .in_box:nth-child(1),
	.footer_inner .sitemap_area .in_box:nth-child(2),
	.footer_inner .sitemap_area .in_box:nth-child(3),
	.footer_inner .sitemap_area .in_box:nth-child(4),
	.footer_inner .sitemap_area .in_box:nth-child(5){
		width: 98%;
	}
}
.footer_inner .sitemap_area .in_box a{
	color: #FFF;
	font-size: 1.2rem;
}
.footer_inner .sitemap_area .in_box p{
	border-bottom: dashed 1px #FFF;
	padding: 0.4rem;
}
.footer_inner .sitemap_area .in_box ul{
	padding: 0.4rem;
}
.footer_inner .sitemap_area .in_box ul{
	margin: 0.4rem 0;
}
.footer_inner .foot_left {
	width: 64%;
	order: 1;
}

.footer_inner .foot_left a{
	color: #FFF;
	font-size: 1.4rem;
}
@media screen and (max-width:640px) {
	.footer_inner .foot_left {
		width: 96%;
		order: 2;
		color: #FFF;
	}
	.footer_inner .foot_left .link_area,
	.footer_inner .foot_left .link_area a,
	.footer_inner .foot_left .sitemap_area,
	.footer_inner .foot_left .sitemap_area a  {
	  font-size: 0.8rem;
		text-align: center;
	}
}
@media screen and (max-width:640px) {
	.footer_inner .foot_left .link_area a {
		display: inline-block;
		font-size: 1.2rem;
	}
}

.footer_inner .foot_left .foot_title {
	text-align: left;
	margin-bottom: 1rem;
}
@media screen and (max-width:640px) {
	.footer_inner .foot_left .foot_title {
		text-align: center;
	}
}

.footer_inner .foot_left .foot_title h3 {
	font-size: 3.6rem;
	padding: 1rem 0 0 1rem;
	font-weight: normal;
}
.footer_inner .foot_left .foot_title span {
	font-size:6rem;
	font-weight: normal;
}

@media screen and (max-width:640px) {
  .footer_inner .foot_left .foot_title h3 {
	text-align: center;
	font-size: 2.6rem;
	display: inline-block;
  }
}
.footer_inner .foot_left .copy {
	text-align: left;
}
@media screen and (max-width:640px) {
  .footer_inner .foot_left .copy {
	text-align: center;
	margin-bottom: 1rem;
  }
}
.footer_inner .foot_left #footer-copy {
	font-size: 1.4rem;
}
@media screen and (max-width:640px) {
	.footer_inner .foot_left #footer-copy {
		font-size: 1rem;
		text-align: center;
	}
}

.footer_inner .foot_right {
	width: 36%;
	order: 2;
}
@media screen and (max-width:640px) {
  .footer_inner .foot_right {
	width: 96%;
	order: 1;
	margin: 0 auto 2rem;
  }
}

.footer_inner .foot_right .sns_area {
	text-align: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.footer_inner .foot_right .sns_area span {
	font-size: 1.4rem;
	display: inline-block;
}
.footer_inner .foot_right .sns_area a {
	display: inline-block;
	width: 3rem;
	margin-left: 1rem;
}
.footer_inner .foot_right .sns_area a img {
	width: 100%;
}
.footer_inner .foot_right .q_btn {
	width: 100%;
	margin: 0.6rem 0.2rem;
}
@media screen and (max-width:640px) {
	.footer_inner .foot_right .q_btn {
		width: 80%;
		margin: 0.6rem auto;
	}
}
.footer_inner .foot_right .q_btn a {
	display: block;
	border-radius: 5rem;
	font-weight: bold;
	background: #FFF;
	color: #44546A;
	border: #44546A 1px solid;
	font-size: 1.6rem;
	text-align: center;
	padding: 1.2rem 0.5rem;
	transition: all 0.3s;
}
.footer_inner .foot_right .q_btn a.row2_btn {
	padding: 1rem 0.5rem 0.6rem;
	line-height: 1.2;
}
.footer_inner .foot_right .q_btn.dub a {
	padding: 0.2rem 0.5rem;
}
@media screen and (max-width:640px) {
	.footer_inner .foot_right .q_btn a {
		font-size: 1.4rem;
	}
}
.footer_inner .foot_right .q_btn a:hover {
	background: #44546A;
	color: #FFF;
	border: #FFF 1px solid;
	opacity: 1;
}

/* page top */
.pagetop {
	position: fixed;
	top: 200px;
	right: 10px;
	display: none;
}
@media screen and (max-width:640px) {
	.pagetop {
		top: auto;
		bottom: 0;
		right: 10px;
		width: 5rem;
	}
}
.pagetop a {
    display: block;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.pagetop a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* -----------------------------------------------------------------
共通パーツ
------------------------------------------------------------------ */
.clear{
	clear:both;
}
.text_indent1{
	padding-left: 1em;
	text-indent: -1em;
}
.text_indent2{
	padding-left: 2em;
	text-indent: -1em;
}
.text_ll_small{
	font-size: 2rem;
}
.text_l_small{
	font-size: 1.6rem;
}
.text_small{
	font-size: 1.4rem;
}
.text_r_small{
	font-size: 1rem;
}
#sp-header,
.globalMenuSp,
.hamburger{
	display: none;
}
@media screen and (max-width:640px) {
	#sp-header,
	.globalMenuSp,
	.hamburger{
		display: block;
	}
	#sp-header{
		padding-right: 15%;
	}
	#sp-header a{
		display: inline;
	}
	.sp_logo{
		width: 50%;
		float: left;
	}
	.sp_sns{
		width: 15%;
		float: right;
		vertical-align: middle;
	}
}
.facebook,
.twitter-share-button{
  vertical-align: bottom;
}
/*ヘッダー固定の為、アンカーリンクが隠れてしまう対応*/
.anchor_link{
  margin-top: -60px;
  padding-top: 80px;
	pointer-events: none;
}

@media screen and (max-width: 640px) {
	.anchor_link{
		margin-top: -40px;
		padding-top: 40px;
	}
}

.anchor_sub{
	margin-top: -20px;
	padding-top: 20px;
}

@media screen and (max-width: 640px) {
	.anchor_link,
	.anchor_sub{
		margin-top: -580px;
		padding-top: 40px;
	}
}


/*flexbox系*/
.flex_blue{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.flex_blue_box{
	background-color: #5B9BD5;
	color: #FFF;
	border-radius: 1rem;
	padding: 1.5rem;
	display: block;
	width: 30%;
}
.flex_blue_detail{
	width: 70%;
	padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}
@media screen and (max-width:640px) {
	.flex_blue_box{
		width: 100%;
		margin: auto;
	}
	.flex_blue_detail{
		width: 100%;
		margin: 1rem auto 3rem;
	}
}
.flex_center {/**/
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: centern;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.flex_between {
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: space-between;
	align-content: space-between;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
}
/*グリッド*/
.grid_2_3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
}
@media screen and (max-width:640px) {
	.grid_2_3 {
		display: block;
	}
}
.grid_item_1_1 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1;
}
.grid_item_1_2 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2;
}
.grid_item_1_3 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3;
}
.grid_item_2_1 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1;
}
.grid_item_2_23 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  grid-row: 2 / 4;
}

/*色やサイズ設定など*/
.gray_bk{
	background-color: #F2F2F2;
	padding: 1rem;
}
.green_bk{
	padding:0.5em;
	background-color:#4d8f4c;
	color:#fff;
	text-align:center;
}
.green_bk_r{
	background-color:#EDF7E1;
	color: #85BD5F;
}
.blue_bk_r{
	background-color:#E1EDF1;
}
.marker_y {
	background: linear-gradient(transparent 60%, #f9eb98 60%);
}
.kome{
	font-size: 1.6em;
	margin: 0 1rem 0 2rem;
	position: relative;
	display: block;
	line-height: 1.8;
}
.kome::before{
	content: "※";
	font-size: 1em;
	position: absolute;
	top: 0em;
	left: -1.2em;
}
.kome a{
	display: inline;
	font-size: 1.6rem;
	line-height: 1.4;
	word-break: break-all;
}
.kome.min_font{
	font-size: 1.3rem;
}

.color-y {color: #FF0;}
.color-w {color: #fff;}
.color-bl {color: #4472C4;}
.color-bm {color:#0070C0;}
.color-bb {color: #5B9BD5;}
.color-br {color: #00B0F0;}
.color-g {color: #4a9245;}
.color-g-l {color: #099A79;}
.color-g-r {color: #00B050;}
.color-bk {color: #4c4625;}
.color-bkb {color: #000;}
.color-o {color: #e9552d;}
.color-r {color: #FF0000;}
.color-p {color: #FF0066;}
.color-p-r {color:#CF4963;}
.color-p-p {color:#D21E24;}
.color-p-l {color:#C63450;}
.color-p-ll {color: #D18181;}
.color-p-li {color:#DF8798;}
.color-p-le {color:#D64E6E}
.fontsize60{font-size: 60%;}
.fontsize70{font-size: 70%;}
.fontsize80{font-size: 80%;}
.fontsize110{font-size: 110%;}
.fontsize120{font-size: 120%;}
.fontsize130{font-size: 130%;}
.fontsize140{font-size: 140%;}
.fontsize13rem{font-size: 1.3rem;}
.fontsize14rem{font-size: 1.4rem;}
.fontsize16rem{font-size: 1.6rem;}
.fontsize2rem{font-size: 2rem;}
.fontsize22rem{font-size: 2.2rem;}
.fontsize24rem{font-size: 2.4rem;}
.fontsize3rem{font-size: 3rem;}

.text_break{
	word-break: break-word;
}
.text_left{text-align: left !important;}
.text_center{text-align: center !important;}
.text_right{text-align: right !important;}
.font_bold{font-weight: bold;}
.font_bold_no{font-weight: normal;}
.nopadding{padding: 0 !important;}
.underline{text-decoration: underline;}
.margin_auto{margin-left: auto;margin-right: auto;}
.con_title{
	font-size: 2.2rem;
}
.indent{
	margin-left: 5rem;
}
@media screen and (max-width:640px) {
	.indent{
		display: block;
		margin-left: 1rem;
	}
}
.pc100{width: 100%;height: auto;margin: 0 auto 2rem;}
.pc95{width: 95%;height: auto;margin: 0 auto 2rem;}
.pc90{width: 90%;height: auto;margin: 0 auto 2rem;}
.pc80{width: 80%;height: auto;margin: 0 auto 2rem;}
.pc70{width: 70%;height: auto;margin: 0 auto 2rem;}
.pc60{width: 60%;height: auto;margin: 0 auto 2rem;}
.pc50{width: 50%;height: auto;margin: 0 auto 2rem;}
.pc40{width: 40%;height: auto;margin: 0 auto 2rem;}
.pc20{width: 20%;height: auto;margin: 0 auto 2rem;}
@media screen and (max-width:640px) {
	.sp100{width: 100%;height: auto;margin: 0 auto 2rem;}
	.sp90{width: 90%;height: auto;margin: 0 auto 2rem;}
	.sp80{width: 80%;height: auto;margin: 0 auto 2rem;}
	.sp70{width: 70%;height: auto;margin: 0 auto 2rem;}
	.sp60{width: 60%;height: auto;margin: 0 auto 2rem;}
	.sp50{width: 50%;height: auto;margin: 0 auto 2rem;}
}
.m-auto{margin: auto;}
.mt-0{margin-top: 0 !important;}
.mt-1{margin-top: 1rem;}
.mt-2{margin-top: 2rem;}
.mt-3{margin-top: 3rem;}
.mt-4{margin-top: 4rem;}
.mt-5{margin-top: 5rem;}
.mb-0{margin-bottom: 0 !important;}
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 3rem;}
.mb-4{margin-bottom: 4rem;}
.mb-5{margin-bottom: 5rem;}
.mb-6{margin-bottom: 6rem;}
.mb-7{margin-bottom: 7rem;}
.mb-8{margin-bottom: 8rem;}
.ml-1{margin-left: 1rem;}
.ml-2{margin-left: 2rem;}
.ml-3{margin-left: 3rem;}
.ml-4{margin-left: 4rem;}
.ml-5{margin-left: 5rem;}
.ml-6{margin-left: 6rem;}
.ml-7{margin-left: 7rem;}
.ml-8{margin-left: 8rem;}
.ml-9{margin-left: 9rem;}
.ml-10{margin-left: 10rem;}
.ml-14{margin-left: 14rem;}
.mr-1{margin-right: 1rem;}
.mr-2{margin-right: 2rem;}
.mr-3{margin-right: 3rem;}
.mr-4{margin-right: 4rem;}
.mr-5{margin-right: 5rem;}
.mr-6{margin-right: 6rem;}
.mr-7{margin-right: 7rem;}
.mr-8{margin-right: 8rem;}
.mr-9{margin-right: 9rem;}
.mr-10{margin-right: 10rem;}

@media screen and (max-width:640px) {
	.sp_mt-3{
		margin-top: 3rem;
	}
}

.w-100{width: 100%;}
.w-95{width: 95%;}
.w-90{width: 90%;}
.w-85{width: 85%;}
.w-80{width: 80%;}
.w-70{width: 70%;}
.w-60{width: 60%;}
.w-50{width: 50%;}
.w-45{width: 45%;}
.w-40{width: 40%;}
.w-35{width: 35%;}
.w-30{width: 30%;}
.w-25{width: 25%;}
.w-20{width: 20%;}
.w-15{width: 15%;}
.w-10{width: 10%;}
.w-5{width: 5%;}


.v_top{
	vertical-align: top;
}

/* -----------------------------------------------------------------
レスポンシブ
------------------------------------------------------------------ */
.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width: 640px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}

/*非表示設定*/
/*
.header_nav03,
.header_nav06,
.sub05_03,
.sub05_04,
.footmenu_03,
.footmenu_06
{
	display:none !important;
}
*/

