@charset "UTF-8";

body {
	font-family: Meiryo,メイリオ,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN","YuGothic","游ゴシック",Helvetica,Arial,sans-serif;
	font-size: 0.875rem;
	line-height: 1.8;
	background-color:#fff;
	color:#202020;
	overflow: hidden;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	transition: all 0.2s ease;
	opacity: 0.8;
}

img {
	width: 100%;
	height: auto;
}

/* Heading */
h1, .h1, h2, .h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size:inherit;
}

/*h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size:inherit;
}*/

ul, ol {
	list-style-type: none;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="image"],
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
	appearance: none;
	border: none;
	outline: none;
	border-radius:0;
}

input[type="checkbox"],
input[type="radio"] {
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right:3px;
}

select {
	border-radius:0;
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}

.dib {
	display: inline-block;
}
/*レスポンシブ対応前崩れ防止

header,main,footer {
	min-width:768px;
}
*/

/* ttl buttton */

.ttl01 {
	font-size: 1.5rem;
	font-weight: bold;
	padding: 0 20px 6px;
	border-bottom: solid 3px #73c0eb;
	margin-bottom: 30px;
}

.ttl01 span {
	display: inline-block;
}

.btn01 {
	display: inline-block;
	padding: 15px 0;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #006198;
	border-radius: 10px !important;
}

.btn01.nolink {
	background-color: #ececed;
	pointer-events: none;
}

.btn02 {
	display: inline-block;
	padding: 15px 0;
	font-weight: bold;
	text-align: center;
	color: #006198;
	border: solid 1px #006198 !important;
	border-radius: 10px !important;
}

.btn03 {
	display: inline-block;
	padding: 15px 0;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #20edc4;
	border-radius: 10px !important;
}


.btn01:hover,
.btn02:hover {
	transition: all 0.2s ease;
	opacity: 0.8;
}


/* header */

header {
	position: fixed;
	background-color: #fff;
	z-index: 9999999;
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	font-weight: bold;
}

@media screen and (max-width: 1000px) {
	header {
		font-size: 1.4vw;
	}
}

.logo {
	margin:0 5%;
	width: 26%;
	max-width: 261px;
}

nav li.nolink a {
	color: #ececed !important;
	pointer-events: none;
}

header nav {
	flex: 1;
	height: 100%;
}

header nav>div {
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header nav>div>ul:first-child {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

header nav>div>ul:first-child li {
	margin:5px 20px 5px 0;
}
header nav>div>ul:first-child li.last {
	margin:5px 0 5px 0;
}
header nav>div>ul:first-child li.sky,
header nav>div>ul:first-child li.blue {
	display: none;
}

header nav>div>ul:last-child {
	display: flex;
	width: 40%;
	max-width: 300px;
	height: 100%;
	margin-left: 5%;
}
header nav>div>ul:last-child li {
	width: 50%;
	height: 100%;
}
header nav>div>ul:last-child li a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
header nav>div>ul:last-child li:first-child a {
	background-color: #73c0eb;
	color: #006198;
}
header nav>div>ul:last-child li:last-child a {
	background-color: #006198;
	color: #fff;
}

/* main */

main {
	padding-top: 100px;
}

.content {
position: relative;
	width:90%;
	max-width:1040px;
	margin: 0 auto;
}

.flex {
display: flex;
flex-wrap: wrap;
}

.content-left {
width: 80%;
padding-right: 30px;
}

.content-right {
width: 20%;
background-color: #f8f8f8;
padding: 15px;
}

.widget-archives ul {
list-style: disc;
margin-left: 20px;
}

.widget-archives li {
margin-bottom: 5px;
font-size:85%;
}
/*20210513*/

.widget-header {
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
}

/* common */

.common_link {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.common_link>li {
	width: 49.3%;
	background-color: #fff;
	padding: 2% 5%;
	max-width: 510px;
	max-height: 200px;
margin-bottom: 1.4%;
}

.common_link>li p span {
	display: inline-block;
}

.common_link>li.ptn01 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.common_link>li.ptn01>p {
	width: 30%;
}

.common_link>li.ptn01 div {
	width: 60%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}

.common_link>li.ptn01 div p {
	width: 100%;
}

.common_link>li.ptn01 div p:first-of-type {
	font-weight: bold;
}

.common_link>li.ptn01 div a {
	width: 100%;
	margin-top: 10px;
	align-self: flex-end;
}

.common_link>li.ptn02 {
	display: flex;
	flex-wrap: wrap;
}

.common_link>li.ptn02 p {
	width: 100%;
}

.common_link>li.ptn02 p:first-of-type {
	font-size: 1.0rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.common_link>li.ptn02 p span {
	font-size: 0.75rem;
	margin-left: 10px;
	color: #0090e1;
}

.common_link>li.ptn02 a {
	width: 60%;
	margin-top: 10px;
	margin-left: auto;
	align-self: flex-end;
}

.common_link>li.ptn03 {
	display: flex;
	flex-wrap: wrap;
text-align:center;
}

.common_link>li.ptn03>div {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.common_link>li.ptn03>div img {
	width: 11%;
}

.common_link>li.ptn03>div div {
	width: 84%;
}

.common_link>li.ptn03>div div p:first-of-type {
	font-size: 1.0rem;
	font-weight: bold;
}

.common_link>li.ptn03>a {
	width: 60%;
margin: 15px auto 0;
}

.common_link>li.ptn04 {
	padding: 0;
	display: flex;
	align-items: center;
}

.common_link>li.ptn04.cta01 { background-color: #378cd3; }
.common_link>li.ptn04.cta02 { background-color: #a1d7e7; }
.common_link>li.ptn04.cta03 { background-color: #4a64cc; }

/* top */

.top_wrapper01 {
	padding: 52px 0 30px;
	background-color: #eff7fc;
}

.slide_main {
	margin: 0 -0.5% 40px;
}

.slide_cell {
	width: 49%;
	margin: 0 0.5%;
}

.top_link01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.top_link01>li {
	width: 24%;
	border-radius: 10px;
	background-color: #fff;
}

.top_link01>li a {
	display: block;
	width: 100%;
	height: 100%;
}
.top_link01>li div {
	padding: 4% 6%;
	font-size: 0.75rem;
}

.top_link01>li div p:first-of-type {
	font-weight: bold;
	color: #006198;
	font-size: 0.875rem;
	text-align: center;
	margin-bottom: 10px;
}

.top_link01>li div ul li {
	padding-left: 1.0em;
	position: relative;
}

.top_link01>li div ul li::before {
	position: absolute;
	left: 0;
	content: ">";
	color: #006198;
}

.top_wrapper02 {
	padding: 30px 0 20px;
	background-color: #ececed;
}

/* second */

.second_wrapper01 {
	background-color: #eff7fc;
}

.second_ttl {
	padding: 30px 0;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	min-height: 330px;
}

.second_ttl.terms,
.second_ttl.contact,
.second_ttl.contact-form,
.second_ttl.contact-thanks,
.second_ttl.search {
	min-height: auto;
}

.second_ttl.about {	background-image: url("../img/about/bg.png"); }
.second_ttl.term01,
.second_ttl.download,
.second_ttl.download-thanks { background-image: url("../img/about/bg.png"); }
.second_ttl.term02 { background-image: url("../img/words/bg.png"); }
.second_ttl.words { background-image: url("../img/words/bg.png"); }
.second_ttl.useful { background-image: url("../img/useful/bg.png"); }
.second_ttl.principle {	background-image: url("../img/principle/bg.png"); }
.second_ttl.shindan { background-image: url("../img/about/bg.png"); }

@media(max-width:480px){
.second_ttl.shindan {
    background-image: url(../img/about/bg.png);
    background-position: 115% 115%;
    background-size: 200px 130px;
}
}


.second_ttl ul {
	margin-bottom: 25px;
	font-size: 0.75rem;
	text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff;
}

.second_ttl ul li {
	display: inline-block;
	padding-right: 5.0em;
	position: relative;
}

.second_ttl ul li::after {
	position: absolute;
	right: 2em;
	content: ">";
}

.second_ttl ul li:last-child {
	padding-right: 0;
}

.second_ttl ul li:last-child::after {
	display: none;
}

.second_ttl h1 {
	margin-bottom: 10px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #006198;
	text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,-1px 0 0 #fff,1px 0 0 #fff;
}

.second_ttl>div {
	width: 460px;
	background-color: none;
	padding: 20px 50px 20px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.second_ttl div.shindan {
	width: 460px;
background-color: none;/*#eff7fc*/
	padding: 20px 50px 20px 30px;
	display: flex;
	justify-content: space-between;
}

.second_ttl>div img {
	width: 25%;
}

.second_ttl>div div {
	width: 65%;
	text-align: center;
}
.second_ttl div.shindan div {
	width: 100%;
	text-align: left;
}

@media(max-width:768px){
.second_ttl div.shindan div {
	width: 70%;
	text-align: left;
}

}


.second_ttl>div div p span {
	display: inline-block;
}

.second_ttl>div div p span.fwb {
	font-weight: bold;
}

.second_ttl>div div a {
	width: 100%;
	margin-top: 10px;
}
/*shindan*/
.second_ttl div.shindan a.btns {
	border:2px solid #e0a279;
	border-radius:10px;
	width: 460px;
	margin: 10px 0px 10px 10px;
	padding:10px 120px;
	text-align:center;
	background-color: #ffe8d9;
	font-weight: bold;
	font-size: 150%;
	color:#cc5c11;
}

@media(max-width:768px){
.second_ttl div.shindan a.btns {
	border:2px solid #e0a279;
	border-radius:10px;
	width: 460px;
	margin: 10px 0px 10px 10px;
	padding:10px 80px;
	text-align:center;
	background-color: #ffe8d9;
	font-weight: bold;
	font-size: 150%;
	color:#cc5c11;
}
}


div#shindanCpt {
	font-size: 110%;
}

div#shindanCpt h3.shinb {
	margin-top:30px;
	border-bottom :1px solid #e7e7e7;
	padding-left:15px;
	padding-bottom: 10px;
}

div#shindanCpt p.scaps {
	margin:15px 10px;
}

div#shindanCpt span.shfb {
	font-weight: bold;
}
.shbox01{
	width:32%;
	float:left;
	border:2px solid #dee2e7;
	border-radius:7px;
	margin-top:15px;
	margin-left:1%;
	padding:17px 20px;
	color:#236296;
	background-color: #f6f7f8;
	font-size:110%;
}

.shbox02{
	width:32%;
	float:left;
	border-radius:7px;
	margin-top:15px;
	margin-left:1%;
	padding:17px 10px;
	color:#236296;
	background-color: #eeeeee;
	font-size:110%;
	text-align: center;
}



.shbox02 p.shpics{
	text-align: center;
}

.shbox02 p.shpics img {
	width:80%;
}

.shbox03{
	width:46%;
	float:left;
	margin-top:15px;
	margin-left:2%;
	padding:17px 10px;
	font-size:110%;
}

.second_ttl div.shindan span.bigf {
	font-size:120%;
}

.clear {
	clear: both;
}
.shwrap {
	display: flex;
	margin-top:15px;
}

.umekomibox {
	width:96%;
	margin:15px;
	padding:30px;
	border:1px solid #efefef;
}



.second_wrapper02 {
	padding: 30px 0;
	background-color: #ececed;
}

.second_wrapper03 {
	padding: 30px 0;
}

.second_wrapper03.search .content {
max-width: 900px;
}

.useful_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
}

.useful_list li {
	width: 31.33%;
	margin: 0 1% 20px;
}

.useful_list li a {
	display: block;
}

.useful_list li p {
	padding: 4.5% 3% 0;
}

.useful_list li.large {
	width: 48%;
	margin: 0 1% 20px;
}

.useful_list li.large div {
	padding: 5px;
	background-color: #f3f3f3;
}

.useful_list li.large div p {
	padding: 3% 3% 0;
	font-weight: bold;
}

.pagenavi {
	display: flex;
	justify-content: center;
	align-items: center;
}

.pagenavi p {
	width: 1.0em;
	min-width: 1.0em;
}

.pagenavi ul {
	padding: 0 10px;
	text-align: center;
}

.pagenavi ul li {
	display: inline-block;
	padding: 5px;
	margin: 0 5px;
	line-height: 1.5;
}

.pagenavi ul li.atv {
	background-color: #0090e2;
	color: #fff;
}

.term_list {
	padding: 4% 6%;
	border-bottom: solid 1px #d9d9d9;
}

.term_list:last-child {
	border-bottom: none;
}

.term_list>li {
	display: flex;
}

.term_list>li p {
	font-size: 1.0rem;
	font-weight: bold;
	width: 3em;
	margin-right: 3%;
}

.term_list>li ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	line-height: 1.4;
}

.term_list>li ul li {
	display: inline-block;
	width: 17%;
	margin-right: 20px;
	margin-bottom: 20px;
}

.term_list>li ul li:last-child {
	margin-bottom: 40px;
}

.term_list>li ul li a {
	text-decoration: underline;
}

.term_list>li ul li a:hover {
	text-decoration: none;
}

.term_eng {
	color: #006198;
	padding: 0 7% 20px;
}

.term_eng p:nth-of-type(1) {
	font-weight: bold;
	display: inline-block;
	margin-right: 3em;
}

.term_eng p:nth-of-type(2) {
	display: inline-block;
}

.entry p:first-child img {
    width: 260px;
    height: 190px;
    -o-object-fit: cover;
    object-fit: cover;
}


.term_txt01 {
	padding: 0 7% 30px;
}

.term_txt02 {
	padding: 0 3%;
}

.term_txt02 p {
	padding: 2.5% 4.5%;
	background-color: #f9f9f9;
}

.heading {
	padding: 3% 6%;
	background-color: #f3f3f3;
	margin-bottom: 35px;
}

.heading>p {
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.heading ul li {
	display: flex;
	flex-wrap: wrap;
	margin-left: 1%;
}

.heading ul li p:first-child {
	width: 6em;
	min-width: 6em;
}

.heading ul li p:last-child {
	flex: 1;
}

.heading ul li p a {
	text-decoration: underline;
}

.heading ul li p a:hover {
	text-decoration: none;
}

.principle_list>li {
	font-size: 1.0rem;
	padding-top: 110px;
    margin-top:-110px;
	margin-bottom: 40px;
}

.principle_list>li>h2 {
	font-weight: bold;
	padding: 0 15px 10px 15px;
	border-bottom: solid 2px #73c0eb;
	margin-bottom: 25px;
}

.principle_list li h2 span {
	display: inline-block;
}

.principle_list li ul {
	margin: 0 4% 20px;
	font-size: 1.125rem;
	line-height: 2.0;
}

.principle_list li ul li {
	margin-left: 1em;
	text-indent: -1em;
}

.principle_list li ul li span {
	padding: 0 5px;
	background-color: #e1f4ff;
	color: #006198;
	font-weight: bold;
	line-height: 1.1;
}

.principle_list li div {
	margin: 0 4%;
	padding: 15px 20px;
	background-color: #eff7fc;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.principle_list li div p:first-child {
	width: 11em;
	min-width: 11em;
	text-align: center;
	color: #006198;
	font-size: 0.8125rem;
	font-weight: bold;
	padding: 3px 10px;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
}

.principle_list li div p:first-child::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 10px;
	border: 4px solid transparent;
	border-left: 10px solid #fff;
	transform: rotate(-260deg);
}

.principle_list li div p:last-child {
	flex: 1;
	font-size: 1.6875rem;
	font-weight: bold;
	margin-left: 10%;
}

.right-to-left {
	opacity: 0;
	transform: translateX(100px);
	transition: all 1.5s;
}
.right-to-left.scrollin {
	opacity: 1;
	transform: translate(0);
}

/* footer */

.footer_wrapper01 {
	padding: 30px 0;
	background-color: #eff7fc;
	font-size: 0.75rem;
}

.footer_link01 {
	position: relative;
	padding: 0 2%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.footer_link01>p {
	width: 100%;
	margin-bottom: 20px;
}

.footer_link01>p img {
	max-width: 260px;
}

.fl01 {
	width: 26%;
}

.fl01 li {
	margin-left: 10px;
	color: #006198;
}

.fl01 li.nolink {
	color: #959697;
	pointer-events: none;
}

.fl02 {
	width: 50%;
	display: flex;
}

.fl02 li {
	width: 50%;
	padding: 0 3%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
}

.fl02 li p {
	width: 100%;
}

.fl02 li p span {
	display: inline-block;
}

.fl02 li a {
	margin: 10px auto 0;
	width: 90%;
	align-self: flex-end;
}

.footer_link01>div {
	width: 17%;
	margin-left: auto;
}

.footer_link01>div ul {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.footer_link01>div ul li {
	width: 30%;
}

.footer_wrapper02 {
	background-color: #006198;
	font-size: 0.75rem;
	color: #fff;
}

.footer_link02 {
	padding: 0 2%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.footer_link02 ul {
	padding: 10px 0;
	display: flex;
}

.footer_link02 ul li {
	margin-right: 25px;
}

.footer_link02 p {
	margin-left: auto;
	padding-bottom: 10px;
}

/* pagetop */

.pagetop p {
	transition: all 1s;
	transform: translate(0, 0);
	opacity: 1;
	position:fixed;
	right:25px;
	bottom:90px;
	width:60px;
	z-index:400;
}

.pagetop p.move {
	transform: translate(100px, 0);
	opacity: 0;
}

.nav_prev-next {
border-top: 1px solid #CCC;
display: flex;
align-item: center;
justify-content: center;
margin-top: 30px;
padding-top: 20px;
}
.nav_prev-next div {
padding: 0 10px;
}

.entry p a {
color: #006198;
text-decoration: underline;
}

.entry p a:hover {
text-decoration: none;
}

.entry p.p1 {
margin-bottom: 15px;
}

.entry h3.p1 {
font-size: 1.4rem;
font-weight: bold;
}
.entry h3.p1 + ol {
list-style-type: decimal;
margin-left: 20px;
}

.list-dot {
list-style-type: disc;
margin-left: 20px;
}

.bg-gray {
background-color: #f3f3f3;
}

.mt20 {
margin-top: 20px;
}

.mb20 {
margin-bottom: 20px;
}

.pd20 {
padding: 20px;
}
.pt20 {
padding-top: 20px;
}
.pb20 {
padding-bottom: 20px;
}
.pl15 {
padding-left: 20px;
}
.pr15 {
padding-right: 20px;
}

.downloadimg {
float: left;
margin: 0 20px 20px 0;
width: 300px;
height: auto;
}

.bgpink {
/*border:1px solid #d6001e;*/
background:#fff0f2;
text-align:center;
border-radius: 10px;
}

.TitRedbld {
color:#d6001e;
font-weight:bold;
}

.search-wrap {
position: absolute;
top: 24px;
right: 0;
z-index: 100;
}

.search-wrap form {
display: flex;
}

.search-wrap .search_input input {
background-color: #fff;
border:1px solid #eee;
border-radius: 5px;
font-size: 16px;
padding: 2px 10px;
display: inline-block;
margin-right: 5px;
width: 250px;
}

.search-wrap .search_btn {
background-color: #eff7fc;
border: 1px solid #006198;
border-radius: 4px;
color: #006198;
padding: 3px 8px;
}

header .search-wrap {
position: relative;
top: auto;
left: auto;
display: none;
}

.top_wrapper01 .search-wrap {
top: -42px;
}

.second_ttl.search ul {
margin-bottom: 0;
}
.search-results ul {
margin-bottom: 20px;
}

.search-results li {
border-bottom: 1px solid #dcdddd;
padding: 20px;
}

.search-results li:first-child {
padding-top: 0;
}

.search-results time {
display: block;
color: #666;
}

.search-results a {
color: #274a78;
font-size: 18px;
font-weight: bold;
}

.no-result {
background-color: #f3f3f3;
text-align: center;
padding: 40px 20px;
}

.pagination {
text-align: center;
}

.agreeBtns {
text-align: center;
margin-top: 30px;
}


.agreeBtns input {
background-color: #006198;
border-radius: 4px;
color: #fff;
padding: 5px 10px;
}
.agreeBtns input:nth-child(2) {
background-color: #eee;
color: #333;
}

.words-index {
background-color: #f3f3f3;
display: flex;
flex-wrap: wrap;
margin: 0 6%;
padding: 10px 20px 0;
}

.words-index li {
margin-bottom: 10px;
margin-right: 10px;
}


/*シェアボタン追加*/
.Socialbtn {
  border-bottom: 1px solid #999;
  margin-top: 30px;
  margin-bottom: 20px;
  padding-bottom: 30px;
}
.Socialbtn {
display:flex;
align-items:center;
}
@media(max-width:768px){
.Socialbtn {
justify-content:center;
}
}
.Socialbtn .share{
color:#fff;
background:#a1a1a1;
padding:3px 16px;
font-size:10px;
display:inline-block;
margin-right:23px;
border-radius:4px;
}
.Socialbtn img{
align-self:center;
width:auto;
}
.Socialbtn .Tweet{
	padding-right:14px;
}
.Socialbtn .Facebook{
	padding-right:14px;
}
.Socialbtn .Line{
	padding-right:14px;
}