@charset "utf-8";
p,li,a,th,tr,td,h1,h2,h3,h4,h5,span {
	font-family: Arial,Meiryo,"メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a:hover {
	text-decoration: none;
}
form input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #00BBAB inset;
}
input:focus{
    border:0;
    outline:none;
    box-shadow:none;
}
#header .cloudnavi_main .cloudnavi_inner{
	position: relative;
}
#header .cloudnavi_main.hide-sp .cloudnavi_item,#header .cloudnavi_logo{
		position: absolute;
	}
#header .cloudnavi_main.hide-sp .cloudnavi_item {
	z-index: 9999;
}
.cloudnavi_ttl {
		text-align: center;
		font-size: 30px;
		font-weight: bold;
		color: #2670B0;
		position: relative;
	}
.cloudnavi_ttl span {
		font-weight: normal;
		color: #666666;
		display: block;
	}
.cloudnavi_txt {
		font-weight: bold;
		color: #000000;
	}
#header .cloudnavi_main.hide-sp .cloudnavi_item>li .searchWrap3 .searchbox3,#header .cloudnavi_main.hide-sp .cloudnavi_item>li .langBox{
		color: #FFFFFF;
	}
	::-webkit-input-placeholder {
	  color: #FFFFFF;
	}
	::-moz-placeholder {
	  color: #FFFFFF;
	 opacity: 1;
	}
	:-ms-input-placeholder {
	  color: #FFFFFF;
	}
#header input#q.searchbox3 {
    background-color: #00BBAB !important;
}
.cloudnavi_tag.type_beginner {
		background-color: #0062B1;
	}
	.cloudnavi_tag.type_tech {
		background-color: #2B867D;
	}
	.cloudnavi_tag.type_words {
		background-color: #003A60;
	}
.cloudnavi_tag.type_matome {
		background-color: #cc21a4;
	}
/*--------------検索ページスタイル↓----------------*/
#cloudnavi_container em {
	background-color: #FED501;
}
#cloudnavi_container ._record {
	padding: 10px;
}
#cloudnavi_container ._record ._title,#cloudnavi_container ._record ._nearby {
	margin-bottom: 5px;
}
#cloudnavi_container ._record ._nearby {
	font-size: 0.9em;
}
#cloudnavi_container ._pbox-search-status {
	margin-bottom: 10px;
}
#cloudnavi_container ._pbox-search-status span {
	font-weight: bold;
}
#cloudnavi_container .pbox-pagenav {
	text-align: center;
	margin-top: 10px;
}
#cloudnavi_container ._pbox-pagenav ._page {
    font-size: 1.1em;
    margin: 0 5px;
}
#cloudnavi_container ._pbox-pagenav ._page._cur {
    font-weight: bold;
}
/*--------------個別ページスタイル↓----------------*/
	.txt_red {
		color: #ED1E79;
	}
	.txt_green {
		color: #00A99D;
	}
	.txt_blue {
		color: #004672;
	}
	.cloudnavi_table {
		border: solid 1px #EAEAEA;
		margin-top: 25px;
		width: 100%;
	}
	.cloudnavi_table th,.cloudnavi_table td {
		padding: 7px;
		border-right: 1px solid #EAEAEA;
	}
	.cloudnavi_table tr {
		border-bottom: solid 1px #EAEAEA;
	}
	.cloudnavi_table th {
		background-color: #0071BC;
		color: #FFFFFF;
		font-weight: normal;
	}
	.readbox p a, section p a,.link-pdf-01 a {
		font-weight: bold;
		color: #0071BC;
		text-decoration: underline;
	}
.box-l03 .cloudnavi_list01 li a{
	font-weight: bold;
		color: #0071BC;
		text-decoration: underline;
}
.box-l03 .cloudnavi_list01 li{
		margin-bottom: 4px;
}
.box-l03 .cloudnavi_list01 {
	margin-top: 0;
}
.box-l03.link {
	display: block;
}
	.cloudnavi_page .index_box {
		padding: 20px;
		border: solid 3px #EAEAEA;
		margin: 15px auto 5px;
	}
	.cloudnavi_page .index_box .index_ttl {
		position: relative;
		padding-left: 10px;
		margin-bottom: 10px;
	}
	.cloudnavi_page .index_box .index_ttl:before {
		position: absolute;
		content: "";
		display: inline-block;
		background-color: #0062B1;
		width: 5px;
		height: 14px;
		left: 0;
		bottom: 5px;
	}
.cloudnavi_list01 {
	margin-top: 20px;
}
	.cloudnavi_list01 li {
		position: relative;
		padding-left: 10px;
	}
	.cloudnavi_list01 li a{
		color: #333333;
	}
	.cloudnavi_list01 li:before {
		position: absolute;
		content: "";
		display: inline-block;
		width: 5px;
		height: 5px;
		background-color: #0071BC;
		top: 10px;
		left: 0;
		border-radius: 3px;
	}
hr {
		display: block;
		width: 30px;
		height: 1px;
		border-color: #FFFFFF;
		background-color: #666666;
		text-align: left;
		margin-left: 0;
		margin-top: 20px;
}
.cloudnavi_titlebox hr {
		width: 54px;
		height: 2px;
		border-color: #FED501;
		background-color: #FED501;
		text-align: left;
		margin-left: 0;
		margin-top: 0;
	}
.moreinfo.sns {
	border-bottom: solid 1px #EAEAEA;
	border-top: solid 1px #EAEAEA;
	margin: 15px 0 20px;
}
.cloudnavi_info_sns ul {
	display: flex;
	margin: 0 auto;
	width: 252px;
	align-items: center;
	padding: 12px 0;
}
.cloudnavi_info_sns ul li:first-of-type {
	margin-left: 0;
}
.cloudnavi_info_sns ul li {
	margin-left: 4px;
	height: 24px;
	line-height: 1;
}
.cloudnavi_side li {
		border-bottom: solid 1px #E6E6E6;
		padding-top: 15px;
	}
	.cloudnavi_side li a{
		display: flex;
		margin-bottom: 0;
	}
	.cloudnavi_side li a .img {
		width: 35%;
		margin-left: 10px;
	}
	.cloudnavi_side li a .side_txt_box {
		width: 60%;
		margin-left: calc(100% - 95% + 5px);
	}
	.cloudnavi_side li a .side_txt_box .cloudnavi_tag {
		margin-top: 0;
		font-size: 12px;
		padding-bottom: 2px;
	}
	.cloudnavi_side li a .side_txt_box .cloudnavi_txt {
		font-size: 13px;
	}
	.cloudnavi_side li a .side_txt_box .cloudnavi_subtxt {
		border: none;
	}
.cloudnavi_relatedpage ul li .img{
	width: 100px;
}
.cloudnavi_relatedpage ul li .side_txt_box {
	width: calc(100% - 100px);
}
.cloudnavi_relatedpage .cloudnavi_relatedttl {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: solid 1px #B3B3B3;
	position: relative;
}
.cloudnavi_relatedpage .cloudnavi_relatedttl:after {
	position: absolute;
	display: inline-block;
	content: "";
	width: 94px;
	height: 1px;
	bottom: -1px;
	left: 0;
	background-color: #FED501;
}
.cloudnavi_page section p,.readbox>p,.list-d01,.list-r01,.list-a01,.list-a02,.list-n01{
		margin-top: 20px;
	}
.pocket-btn iframe {
	width: 60px;
}
.readopenbt{
	display:block;
	max-width:240px;
	margin:20px auto;
	padding:10px 45px 10px 40px;
	background: -webkit-linear-gradient(left, #1e5799 0%,#29a2d9 0%,#009e94 100%);
	background: linear-gradient(to right, #1e5799 0%,#29a2d9 0%,#009e94 100%);
	border:2px solid #fff;
	color:#fff;
	text-align:center;
	border-radius:25px;
	transition-duration: 0.3s;
	position: relative;
}
.readopenbt:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 22px;
	top: 18px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7px 0 7px;
	border-color: #ffffff transparent transparent transparent;
}
.readopenbt.readbtup:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 22px;
	top: 17px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 8px 7px;
	border-color: transparent transparent #ffffff transparent;
}
.readopenbt:hover{
    cursor:pointer;
     background: -webkit-linear-gradient(left, #1e5799 0%,#29a2d9 0%,#009e94 100%);
    background: linear-gradient(to right, #1e5799 0%,#29a2d9 0%,#009e94 100%);
    color:#FFFFFF;
	transform: translateY(5px);
}
.cloudnavi_side .cloudnavi_widt {
	transition: 0.6s;
}
.cloudnavi_side .cloudnavi_widt:hover {
background-color: #EDF9F9;
}
.link-arr-01 a {
	text-decoration: none;
	background-position: left center;
	color: #007ACF;
}
h4 {
	line-height: 1.1;
    padding-left: 9px;
    margin-top: 20px;
    border-left: 4px solid #009e94;
    font-weight: bold;
}
h5 {
	font-weight: bold;
	font-size: 1.6rem;
	margin: 10px 0 5px;
}
.box-l01{
	padding:5px 25px 25px;
	margin-top: 20px;
}
.box-l03{
	background-color: #EDEDED;
	padding:20px 25px 25px;
	margin-top: 40px;
	display: flex;
}
.box-l03 .img_l {
	display: block;
}
.box-l03 p{
	font-size: 13px;
}
.box-quote {
	background-color: #EDEDED;
	padding: 10px 30px 30px;
	margin-top: 20px;
}
.box-quote ul {
	margin-top: 20px;
}
.box-quote a,.box-quote .tx_r {
	font-weight: normal;
	font-size: 12px;
}
#navi_side_bnr ul .inner {
	text-align: center;
	margin-top: 12px;
}
#navi_side_article ul.cloudnavi_side {
	margin-bottom: 25px;
}
.matome.cloudnavi_widt {
	border: solid 2px #EAEAEA;
	padding: 0;
	margin-top: 15px;
}
	.matome.cloudnavi_widt>a,.matome.cloudnavi_widt.bnr {
		display: flex;
		padding: 0 16px 7px;
		margin-bottom: 0;
	}
	#matome.matome.cloudnavi_widt>a,#matome.matome.cloudnavi_widt.bnr {
		display: flex;
		padding: 15px 16px 7px;
		margin-bottom: 0;
	}
.matome.cloudnavi_widt>a .img,.matome.cloudnavi_widt.bnr .img {
	width: 30%;
}
.matome.cloudnavi_widt>a .side_txt_box,.matome.cloudnavi_widt.bnr .side_txt_box {
	width: calc(70% - 30px);
	margin-left: 30px;
}
	.matome .cloudnavi_txt {
		font-size: 18px;
		line-height: 1.4;
		padding: 0;
		margin: 0;
	}

@media screen and (min-width:751px),print{
	.contentsInner {
		max-width: 1000px;
	}
	#header .cloudnavi_main.hide-sp .cloudnavi_inner{
		background: url("../images/cloudnavi_bg_01.jpg") no-repeat center top / cover;
		padding: 20px 0 30px;
		text-align: center;
	}
	#header .cloudnavi_logo {
		top: 20px;
		left: 30px;
		width: 144px;
		z-index: 9999;
	}
	#header .cloudnavi_main.hide-sp .cloudnavi_item {
		top: 20px;
		right: 30px;
		display: flex;
	}
	#header .cloudnavi_main.hide-sp .cloudnavi_item>li {
		margin-left: 12px;
	}
	#header .cloudnavi_main.hide-sp .cloudnavi_item>li .searchWrap3,#header .cloudnavi_main.hide-sp .cloudnavi_item>li .langBox{
		background-color: #00BBAB;
		border-radius: 0;
		border: none;
	}
	#header .cloudnavi_main.hide-sp .cloudnavi_item>li .searchWrap3 .searchbox3 {
		opacity: 1;
		background-image: none;
	}
	#header .cloudnavi_main.hide-sp .cloudnavi_item>li .searchWrap3 .searchbtn{
		background: url("../images/cloudnavi_search_icon_01.png") no-repeat right 5px center / 14px 12px;
	}
	#header .cloudnavi_main.hide-sp .cloudnavi_item>li .langBox {
		background: url("../images/cloudnavi_icon_01.png") no-repeat right 5px center / 10px 7px,#00BBAB;
	}
	.footpath {
		padding: 3px 0 20px;
	}
	.cloudnavi_navi {
		background-color: #003A60;
	}
	.cloudnavi_navi ul{
		display: flex;
		width: 370px;
		margin: 0 auto;
	}
	.cloudnavi_navi li,.cloudnavi_navi li a {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 16px;
	}
	.cloudnavi_navi li {
		position: relative;
		margin: 15px;
	}
	.cloudnavi_navi li:before {
		content: "";
		position: absolute;
		display: inline-block;
		width: 2px;
		height: 16px;
		background-color: #FFFFFF;
		left: -14px;
		top: 5px;
	}
	.cloudnavi_navi li:first-of-type:before {
		display: none;
	}
	.cloudnavi_navi li.current:after,.cloudnavi_navi li a:hover:after {
		content: "";
		position: absolute;
		display: inline-block;
		width: 100%;
		height: 3px;
		background-color: #FED501;
		left: 0;
		bottom: -3px;
	}
	.cloudnavi_navi li a:hover {
		text-decoration: none;
	}
	.cloudnavi_ttl {
		font-size: 30px;
		margin-bottom: 60px;
	}
	.cloudnavi_ttl span {
		font-size: 14px;
	}
	.cloudnavi_ttl:after {
		content: "";
		position: absolute;
		display: inline-block;
		width: 75px;
		height: 5px;
		background-color: #FED501;
		left: 50%;
		margin-left: -37px;
		bottom: -11px;
	}
	.lay-cloudnavi {
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
	}
	.lay-cloudnavi li{
		width: calc(100% / 3 - 15px);
		margin: 0 0 50px 20px;
		position: relative;
	}
	.lay-cloudnavi li:first-of-type,.lay-cloudnavi li:nth-of-type(3n+1){
		margin-left: 0;
	}
	.cloudnavi_tag {
		font-size: 12px;
		color: #FFFFFF;
		width: 88px;
		border-radius: 16px;
		padding: 3px;
		text-align: center;
		margin: 15px 0 10px;
	}
	.cloudnavi_widt>a:hover {
		text-decoration: none;
	}
	.cloudnavi_widt>a {
		margin-bottom: 45px;
		display: block;
	}
	.cloudnavi_txt {
		font-size: 20px;
		line-height: 1.4;
		padding: 6px;
	}
	.cloudnavi_subtxt {
		position: absolute;
		bottom: 0;
		border-top: solid 1px #E6E6E6;
		width: calc(100% - 20px);
		font-size: 10px;
		color: #808080;
		padding: 8px 0 15px 23px;
		background: url("../images/cloudnavi_icon_02.png") no-repeat left 5px top 10px / 11px 11px;
	}
	/*--------------リンク体裁↓----------------*/
	.lay-cloudnavi li {
		transition-duration: 0.5s;
	}
	.lay-cloudnavi li:hover {
		box-shadow: 4px 8px 8px 2px rgba(0,0,0,0.07);
		transform: translateY(-5px);
	}
	.lay-cloudnavi li .cloudnavi_tag,.lay-cloudnavi li .cloudnavi_txt{
		margin-left: 5px;
	}
	.cloudnavi_sidebnr a {
		transition-duration: 0.4s;
	}
	.cloudnavi_sidebnr a:hover {
		opacity: 0.8;
	}
	.footpath a:hover, .index_box li a:hover {
		text-decoration: underline;
	}
	/*--------------footer体裁揃え↓----------------*/
	.footMenuArea a:hover{
		text-decoration: underline;
	}
	/*--------------個別ページスタイル↓----------------*/
	.cloudnavi_page .cloudnavi_subtxt {
		position: relative;
		border: none;
	}
	.cloudnavi_page .cloudnavifloat {
		display: flex;
		margin-bottom: 110px;
	}
	.cloudnavi_page .cloudnavifloat .float_left {
		width: 70%;
	}
	.cloudnavi_page .cloudnavifloat .float_right {
		width: 25%;
		margin-left: calc(100% - 95%);
	}
	.float_right .cloudnavi_sidettl{
		font-weight: bold;
		padding: 13px 0 10px;
		border-bottom: solid 1px #B3B3B3;
		position: relative;
	}
	.float_right .cloudnavi_sidettl:after {
		content: "";
		display: inline-block;
		position: absolute;
		width: 40px;
		height: 1px;
		background-color: #FED501;
		bottom: -1px;
		left: 0;
	}
	.cloudnavi_page .cloudnavi_titlebox {
		margin-bottom: 30px;
	}
	h1.cloudnavi_txt {
		font-size: 34px;
	}
	.readbox, section {
		padding-bottom: 80px;
		background: url("../images/cloudnavi_pageicon_01.png") no-repeat center bottom 35px / 26px 14px;
	}
	.cloudnavi_page section h2 {
		font-size: 24px;
		font-weight: bold;
		border-bottom: solid 1px #E6E6E6;
		padding-bottom: 5px;
	}
	.cloudnavi_page section h3 {
		font-size: 20px;
		font-weight: bold;
		position: relative;
		padding:30px 0 20px;
	}
	.cloudnavi_page section h3:after {
		position: absolute;
		content: "";
		display: inline-block;
		width: 45px;
		height: 2px;
		background-color: #FED501;
		bottom: 10px;
		left: 0;
	}
	.box-l03 .float_r{
	width: calc(100% - 200px);
}
}
@media screen and (max-width:750px){
	section .contents_img .img_r,section .contents_img .img_l {
		float: none;
		display: block;
		margin: 0 auto;
		text-align: center;
}
	 body {
    overflow: inherit!important;
}
	#header {
		border: none;
	}
	.hide-pc {
		position: relative;
	}
	.cloudnavi_logo {
		width: 89px;
		margin: 18px 15px;
		z-index: 99;
	}
	.sp_menu_btn{
		width: 23px;
		height: 21px;
		position: absolute;
		right: 15px;
		top: 18px;
		background: url("../images/cloudnavi_sp_open_01.png") no-repeat center top / 23px 21px;
		z-index: 9999;
	}
	.sp_menu_btn.active{
		background: url("../images/cloudnavi_sp_close_01.png") no-repeat center top / 23px 21px;
	}
	.sp_menu_btn:hover {
		cursor: pointer;
	}
	.searchWrap3,.languageBox,.languageBox .langBox {
		float: none;
		width: 100%;
		margin: 0;
		background-color: #00BBAB;
		border: none;
		border-radius: 0;
	}
	.cloudnavi_sp_menu {
		background-color: #003A60;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 999;
	}
	.spmenu_logo {
		width: 178px;
		padding: 17px 13px;
	}
	.cloudnavi_sp_menu .cloudnavi_navi li {
		padding: 13px;
	}
	.cloudnavi_sp_menu .cloudnavi_navi li.current a{
		color: #FED501;
	}
	.cloudnavi_sp_menu .cloudnavi_navi li a {
		display: block;
	}
	.cloudnavi_sp_menu .cloudnavi_navi li a,.cloudnavi_sp_menu .cloudnavi_navi li,.hide-pc .cloudnavi_item>li .langBox {
		color: #FFFFFF;
		font-weight: bold;
		font-size: 16px;
	}
	.hide-pc .cloudnavi_item>li .searchWrap3 .searchbtn{
		background: url("../images/cloudnavi_search_icon_01.png") no-repeat right 15px center / 23px 20px;
		width: 40px;
	}
	.hide-pc .cloudnavi_item>li .searchWrap3 {
		padding: 13px 3px;
	}
	.hide-pc .cloudnavi_item>li .searchWrap3 input{
		opacity: 1;
		background: none;
		font-weight: bold;
	}
	.hide-pc .cloudnavi_item>li .langBox {
		background: url("../images/cloudnavi_icon_01.png") no-repeat right 40px center / 17px 12px,#00BBAB;
		padding: 13px;
		line-height: 1;
	}
	.hide-pc .cloudnavi_item>li .searchWrap3 .searchbox3 {
		width: calc(100% - 40px);
	}
	.cloudnavi_ttl {
		font-size: 32px;
		padding-bottom: 8px;
		margin-bottom: 28px;
	}
	.cloudnavi_ttl:after {
		content: "";
		display: inline-block;
		position: absolute;
		width: 85px;
		height: 2px;
		background-color: #FED501;
		bottom: 0;
		left: 50%;
		margin-left: -42px;
	}
	.cloudnavi_ttl span{
		font-size: 12px;
	}
	.cloudnavi_tag {
		font-size: 13px;
		color: #FFFFFF;
		width: 97px;
		border-radius: 16px;
		padding: 3px;
		text-align: center;
		margin: 15px 0 10px;
	}
	.cloudnavi_txt {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.cloudnavi_subtxt {
		font-size: 11px;
		color: #808080;
		padding: 10px 20px;
		background: url("../images/cloudnavi_icon_02.png") no-repeat left top 13px / 12px 12px;
		border-top: solid 1px #E6E6E6;
		margin-bottom: 20px;
	}
		.matome .cloudnavi_txt {
		font-size: 14px;
		line-height: 1.4;
		padding: 0;
		margin: 0;
	}

	.languageBox .langBox .langInBox li a {
    text-decoration: none;
    display: block;
    padding: 12px;
		color: #808080;}
	.languageBox .langBox .langInBox {
		top: 46px;
	}
	/*--------------個別ページスタイル↓----------------*/
	.cloudnavi_titlebox .cloudnavi_tag {
		margin-top: 0;
	}
	.cloudnavi_titlebox .cloudnavi_txt {
		font-size: 25px;
		margin-bottom: 0;
	}
	.cloudnavi_titlebox .cloudnavi_subtxt {
		border: none;
		margin-bottom: 0;
	}
	.cloudnavi_titlebox hr {
		height: 1px;
		margin-top: 6px;
	}
	.readbox {
		margin-top: 20px;
	}
	.readbox, section {
		padding-bottom: 50px;
		background: url("../images/cloudnavi_pageicon_01.png") no-repeat center bottom 18px / 30px 16px;
	}
	.cloudnavi_page section h2 {
		font-size: 18px;
		font-weight: bold;
		border-bottom: solid 1px #E6E6E6;
		padding-bottom: 5px;
	}
	.cloudnavi_page section h3 {
		font-size: 16px;
		font-weight: bold;
		position: relative;
		padding:30px 0 20px;
	}
	.cloudnavi_page section h3:after {
		position: absolute;
		content: "";
		display: inline-block;
		width: 45px;
		height: 2px;
		background-color: #FED501;
		bottom: 10px;
		left: 0;
	}
	.cloudnavi_relatedpage ul li .cloudnavi_txt,.cloudnavi_relatedpage ul li .cloudnavi_subtxt {
		margin-bottom: 0;
	}
	.cloudnavi_info_sns .sns .textright{
		max-width: 251px;
		flex-wrap: wrap;
		width: 100%;
	}
	.cloudnavi_widt a .side_txt_box p:hover,.cloudnavi_side li a .side_txt_box p:focus {
		text-decoration: none;
	}
	.box-l03{
		display: block;
	}
	.box-l03 .img_l{
		width: 100%;
	}
}