/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */


body {
	background: none !important;
	font-family: Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'Noto Sans JP', "メイリオ", Meiryo, arial, sans-serif;
	text-align: center;
}

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

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
ヘッダー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
#header .header-wrap {
	background: #00c0b6;
}

#header .header_small_menu {
	display: none;
	background: #00c0b6;
}

#header .header_small_menu #description {
	font-size: 0.6rem;
}

#header .header-logo {
	width: auto;
	max-width: 1366px;
	padding: 0 0.5rem;
}

#header .drawer-nav-btn:hover {
	opacity: 0.8;
	cursor: pointer;
	transition: all 0.2s;
}

#header .drawer-nav-btn::before,
#header .drawer-nav-btn::after {
	border-color: #fff !important;
}

#header .drawer-nav-btn span {
	background: #fff !important;
}

#header #logo img {
	height: 55px;
	padding: 0;
}

#header #nav_fixed .logo img {
	height: 55px;
	margin: 0;
}

#header .contact {
	margin-left: auto;
}

#header .contact img {
	margin: 0.5em 0;
	padding: 0.3em 0;
}

#header nav ul {
	display: flex;
	max-width: 1016px;
	font-size: 0.9rem;
	justify-content: space-around;
}

#header nav ul li a {
	color: #0048a8;
	font-size: 0.9rem;
	line-height: 1.5;
}

#header nav ul li a:hover {
	opacity: 1;
}

#header nav ul li span {
	display: block;
	font-size: 0.8rem;
}

#header #nav_fixed {
	background: #00c0b6;
}

#header #nav_fixed a {
	color: #fff;
	font-size: 0.9rem !important;
	line-height: 1.5 !important;
}

@media screen and (max-width: 960px) {
#header {
	background: #00c0b6;
}

#header .header_small_menu {
	display: block;
}

#header #logo img {
	margin-top: 0;
}

#header #nav {
	display: none !important;
}

#header #onlynav {
	display: block !important;
}

#header .drawer-nav-btn-wrap,
#header .drawer-nav-btn {
	display: block !important;
}

#header .contact {
	display: none;
}

#header nav ul {
	margin: 0;
	background: #00c0b6;
	font-size: 0.7rem;
}

#header nav ul li {
	width: 19%;
	margin-right: 1%;
	background: #fff;
}

#header nav ul li:first-of-type {
	display: none;
}

#header nav ul li:last-of-type {
	margin: 0;
}

#header nav ul li a {
	display: block;
	height: 100%;
	padding: 0.3rem 0.1rem;
	font-size: 0.7rem;
	white-space: normal;
}

#header nav ul li span {
	display: none;
}
}

@media screen and (max-width: 480px) {
#header nav ul li i {
	display: inline-block;
}

#header nav ul li:nth-of-type(2) a {
	padding-left: 0;
	font-size: 10px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
フッター
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
#footer {
	background: #1d2b80 !important;
	color: #fff !important;
}

#footer .footer_content {
	width: auto;
	max-width: 1016px;
	padding: 15px 0.5rem;
}

#footer .footer_navi{
	display: none;
}

#footer .footer-navigation {
	display: flex;
	overflow: hidden;
}

#footer .footer-navigation ul {
	margin-right: 1.5rem;
	font-size: 0.9rem;
	line-height: 2;
	text-align: left;
}

#footer .footer-navigation ul li::before {
	content: "▶";
}

#footer .footer-navigation ul li a {
	color: #fff;
}

#footer .footer-image {
	clear: both;
	margin: 1rem 0;
}

#footer .footer-image > a img {
	float: left;
}

#footer .footer-image div img {
	float: right;
	margin: 1rem 0 0 0.5rem;
}

#footer #copyright {
	float: none;
	clear: both;
	font-size: 0.5rem;
}

#footer .fixed-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

#footer .fixed-footer div {
	display: none;
	padding: 0.5rem;
	background: #fff;
	font-size: 0;
}

#footer .fixed-footer img {
/*	width: 33.3%;*/
	width: 100%;
}

#footer .fixed-footer img.faq {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	width: 20%;
	max-width: 150px;
}

#footer .fixed-footer img.faq:hover {
	opacity: 0.8;
	transition: all 0.2s;
}

#page-top a {
	padding: 15px 0;
	border-radius: 0;
	background: rgba(140, 140, 140, 0.7) !important;
}

#page-top a i {
	display: block;
	width: 40px;
	height: 40px;
	margin: auto;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(-45deg);
}

#page-top a i::before {
	display: block;
	margin: 20px 20px 0 0;
	font-size: 0.8rem;
	content: "TOP";
	transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
#footer {
	padding-bottom: 32vw;
}

#footer .footer-navigation ul {
	margin-right: 0.8rem;
	font-size: 0.8rem;
}

#footer .fixed-footer img.faq {
	bottom: 103%;
	left: 0.2rem;
}

#footer .fixed-footer div {
	display: block;
}

#page-top {
	right: 0.5rem;
	bottom: 32vw !important;
}

#page-top a {
	width: 70px;
}
}

@media screen and (max-width: 480px) {
#footer .footer-navigation {
	justify-content: space-between;
}

#footer .footer-navigation ul {
	margin: 0;
	font-size: 2.6vw;
}

#footer .footer-image div {
	clear: both;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
メイン
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
#main-wrap {
/* 	width: 100%; */
	width: 1420px;
	padding: 0 !important;
	margin: 0 auto;
}
@media screen and (max-width: 768px){
	#main-wrap {
		width: 100%!important;
		margin: 5px auto;
	}
}

main .content section {
	clear: both;
	max-width: 1366px;
	margin: 0 auto 1.5rem;
}

main .content .inner {
	max-width: 1016px;
	margin: auto;
	padding: 0 0.5rem;
}

.page_title {
	display: none;
}

article {
	box-shadow: none !important;
}

.single-post-main {
	padding: 0;
}

.content {
/*	margin-bottom: 3rem;*/
	color: #4d4d4d !important;
}

.content header {
	display: flex;
	height: 250px;
	margin-bottom: 1rem;
	padding: 0.5rem;
	background-size: cover !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.content header h1 {
	width: 100%;
	padding: 0;
	background: linear-gradient(to bottom, #000, #1d2b80 4%, #438fce);
	-webkit-background-clip: text;
	color: transparent;
	font-size: 3.4rem;
	line-height: 1.2;
}

.content header p {
	width: 100%;
	margin-top: 1rem;
	font-weight: normal;
	line-height: 1.3;
	text-align: center;
}

.content h1 {
	margin: 0;
	padding: 1.5rem 0.5rem;
	color: #1d2b80;
	font-weight: bold;
	font-size: 2rem;
	font-family: "A-OTF 新ゴ Pro", "A-OTF Shin Go Pro", "M PLUS 1p", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, arial, sans-serif;
	line-height: 1.2;
}

.content .main_h2 {
	width: 100% !important;
	margin: 0 auto;
	padding: 1.5rem 0.5rem 1rem;
	background: none;
	color: #1d2b80;
	font-weight: bold;
	font-size: 2rem;
	font-family: "A-OTF 新ゴ Pro", "A-OTF Shin Go Pro", "M PLUS 1p", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, arial, sans-serif;
	line-height: 1.2;
	text-align: center !important;
}

.content h3 {
	margin: 1rem 0;
	padding: 0 0.5rem;
	color: #1d2b80;
	font-weight: bold;
	font-size: 2rem;
	font-family: "A-OTF 新ゴ Pro", "A-OTF Shin Go Pro", "M PLUS 1p", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, arial, sans-serif;
}

.content p {
	font-size: 1rem;
}

.content dl {
	font-size: 1rem;
}

.content dl dd {
	border: none;
	color: #4d4d4d;
}

.content img {
	margin: 0;
}

table {
	max-width: 1016px;
	margin: auto;
	font-size: 1rem;
}

table th {
	padding: 1.5rem !important;
	border: 1px solid #898989 !important;
	background: #2c90e9 !important;
	color: #fff;
}

table td {
	padding: 1.5rem;
	border: 1px solid #898989;
}

main img.image-right {
	float: right;
}

main img.image-left {
	float: left;
}

main .content .contact {
	max-width: 1016px;
	margin: auto;
	padding: 0 0.5rem;
	border: none !important;
}

main .content .contact img {
	width: 49%;
	margin: 0 !important;
}

@media screen and (max-width: 768px) {
main .content .contact img {
	width: 100%;
}

.content header br {
	display: none;
}

.content header h1 {
	font-size: 2.4rem;
}

.content h1 {
	font-size: 1.6rem;
}

.content .main_h2 {
	font-size: 1.6rem;
}

.content h3 {
	font-size: 1.4rem;
}

table {
	font-size: 0.9rem;
}

table th {
	width: 30% !important;
	padding: 0.5rem !important;
}

table td {
	padding: 0.5rem;
}

main img.image-right,
main img.image-left {
	display: block;
	float: none;
	margin: 1rem auto !important;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
ホーム
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.home header .header-text p {
	font-size: 0.9rem;
}

article.home .main_h2  {
	padding: 0 0.5rem 2rem;
	font-size: 4rem;
	line-height: 1.1;
	box-shadow: none;
	background: none;
}

article.home .main_h2:before,
article.home .main_h2:after  {
	content: "";
	border: none;
}

article.home .main_h2 span {
	display: block;
	font-size: 2rem;
}

article.home section:first-of-type img {
	width: 24%;
}

article.home .feature {
	color: #fff;
}

article.home .feature .main_h2 {
	font-size: 3.4rem;
}

article.home .feature .main_h2 span {
	display: inline;
	color: #ff9437;
	font-size: 4rem;
}

article.home .feature figcaption {
	overflow: hidden;
	padding: 1rem;
	background: #61d8d2;
}

article.home .feature figcaption h3 {
	margin: 0 0 0.5rem;;
	border: none;
	background: #61d8d2;
	color: #fff;
	line-height: 1.4;
}

article.home .feature figcaption h3 span {
	display: block;
	background: url("/images/common/heading.png") center 90% / 10rem no-repeat;
	color: #bfefed;
	font-size: 4.5rem;
}

article.home .feature figcaption p {
	max-width: 460px;
	margin: auto;
	text-align: left;
}

article.home .news .tab-container *,
article.home .news .tab-container *::before,
article.home .news .tab-container *::after {
	box-sizing: border-box;
}

article.home .news .tab-container > input[type="radio"] {
	display: none;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background: none;
	outline: none;
	-webkit-appearance: none;
	        appearance: none;
}

article.home .news .tab-container .tab {
	display: none;
}

article.home .news .tab-container > input:nth-child(1):checked ~ .tab-panel > .tab:nth-child(1),
article.home .news .tab-container > input:nth-child(3):checked ~ .tab-panel > .tab:nth-child(2),
article.home .news .tab-container > input:nth-child(5):checked ~ .tab-panel > .tab:nth-child(3),
article.home .news .tab-container > input:nth-child(7):checked ~ .tab-panel > .tab:nth-child(4),
article.home .news .tab-container > input:nth-child(9):checked ~ .tab-panel > .tab:nth-child(5) {
	display: block;
}

article.home .news .tab-container > label {
	display: inline-block;
	position: relative;
	width: 20%;
	padding: 5px 0;
	border-top: 2px solid #d7d7d7;
	background: #d7d7d7;
	color: #0048a8;
	font-size: 0.9rem;
	vertical-align: bottom;
	cursor: pointer;
}

article.home .news .tab-container > label:last-of-type {
	width: 16%;
	padding: 2px 0;
	border-top: 2px solid #66d9d3;
	background: #66d9d3;
	color: #fff;
	line-height: 1rem;
}

article.home .news .tab-container > label:hover,
article.home .news .tab-container > input:focus + label {
	opacity: 0.6;
}

article.home .news .tab-container > input:checked + label {
	border-top: 2px solid #d7d7d7;
	background: #fff;
	color: #0048a8;
}


article.home .news .tab-container > label span {
	display: block;
	font-size: 0.5rem;
}

article.home .news .tab-container .tab-panel {
	overflow: hidden;
	margin: 1rem auto;
	font-size: 1rem;
	text-align: left;
}

article.home .news .tab-container dl dt {
	float: left;
	font-weight: normal;
}

article.home .news .tab-container dl dt::before {
	content: "▶";
}

article.home .news .tab-container dl dd {
	padding-left: 10rem;
	border-bottom: 2px solid #bdbdbd;
}

article.home .news .tab-container dl dd span {
	display: inline-block;
	width: 2.5rem;
	margin-right: 0.5rem;
	padding: 0.1rem 0;
	background: #ff9437;
	color: #fff;
	font-size: 0.5rem;
	text-align: center;
	vertical-align: middle;
}

.introduction {
	padding-bottom: 0;
	border-bottom: none;
	width: 400px;
}

article.home .access p {
	text-align: left;
}

article.home .access .address {
	text-align: left;
}

article.home .access iframe {
	width: 100%;
}

article.home .access dl {
	line-height: 1;
}

article.home .access dl dt {
	float: left;
	font-weight: normal;
}

article.home .access dl dd {
	margin-left: 7rem;
}

@media screen and (min-width: 481px) {
article.home header .header-text br {
	display: inline;
}
}

@media screen and (min-width: 769px) {
article.home header {
	height: 472px;
	background: url("/images/home/h1-1.png") center center no-repeat,
							url("/images/home/h1-2.jpg") center bottom no-repeat;
}

article.home header .header-text {
	margin-right: 40%;
}

article.home .feature figure {
	display: flex;
}

article.home .feature figure:nth-of-type(2n) {
  flex-flow: row-reverse;
}

article.home .feature figcaption {
	width: 50%;
}

article.home .feature figure img {
	width: 50%;
	object-fit: cover;
	object-position: center center;
}

.introduction .inner {
	display: flex;
	margin: auto;
	align-items: flex-start;
	justify-content: space-around;
}

.introduction iframe {
	width: 100%;
	height: 330px;
}

.introduction img.facebook {
	display: none;
}

.introduction .video {
	width: 46%;
}

article.home .access .address {
	display: flex;
	justify-content: space-between;
}

article.home .access iframe {
	width: 50%;
}
}

@media screen and (max-width: 768px) {
article.home header {
	height: auto;
	background: url("/images/home/h1-2.jpg") center center no-repeat;
}

article.home header .header-text {
	width: 100%;
	margin-top: 1rem;
}

article.home header .header-image {
	width: 100%;
	height: 60vw;
	background: url("/images/home/h1-1.png") 90% center no-repeat;
	background-size: 200% auto;
}

article.home .main_h2  {
	font-size: 3rem;
}

article.home .main_h2 span {
	font-size: 1.4rem;
}

article.home section:first-of-type img {
	width: 49%;
}

article.home .feature .main_h2 {
	font-size: 2.4rem;
}

article.home .feature .main_h2 span {
	font-size: 3rem;
}

article.home .feature figcaption {
	padding: 1rem 0.5rem;
}

article.home .feature figcaption h3 span {
	font-size: 3.5rem;
}

article.home .feature figure img {
	width: 100%;
	object-fit: cover;
	object-position: center center;
}

article.home .news .tab-container > label {
	width: 19%;
	font-size: 0.5rem;
}

article.home .news .tab-container > label:last-of-type {
	width: 16%;
}

article.home .news .tab-container dl dt {
	font-size: 0.8rem;
}

article.home .news .tab-container dl dd {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

article.home .news .tab-container dl dd span {
	display: block;
}

.introduction {
	display: none;
}

.introduction iframe {
	display: none;
}

.introduction img.facebook {
	margin-top: 2rem;
}
}


@media screen and (max-width: 480px) {
article.home header .header-text p {
	text-align: left;
}

article.home header .header-text br {
	display: none;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
「tool+」とは
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.about header {
	background: url("/images/about/h1.jpg") center center no-repeat;
}

.about header h1 span {
	color: #ff0000;
	text-shadow: 1px 1px 0 #1d2b80;
}

.about .main_h2 {
	background: url("/images/common/heading.png") center 95% / 10rem no-repeat !important;
}

.about section p {
	color: #000;
	font-weight: bold;
	text-align: left;
}

.about section:nth-of-type(1) .image {
	overflow: hidden;
	padding: 1rem 0;
	background: #61d8d2;
}

.about section:nth-of-type(2) img {
	width: 28%;
}

.about section:nth-of-type(2) img + span::before {
	color: #66d9d3;
	font-size: 3rem;
	content: "▶";
}

.about section:nth-of-type(3) {
	background: #a6e9e5;
}

.about section:nth-of-type(3) .figure {
	padding: 1.5rem 0.5rem 0;
	background: #fff;
}

.about section:nth-of-type(3) figcaption {
	margin-bottom: 1rem;
	color: #1d2b80;
	font-weight: bold;
	font-size: 1.5rem;
	font-family: "A-OTF 新ゴ Pro", "A-OTF Shin Go Pro", "M PLUS 1p", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, arial, sans-serif;
	line-height: 1.2;
}

.about section:nth-of-type(3) figure + span {
	display: block;
	width: 150px;
	height: 150px;
	margin: -50px auto 50px;
	border-top: 2px solid #ff1d25;
	border-right: 2px solid #ff1d25;
	transform: rotate(135deg);
}

.about section:nth-of-type(4) {
	padding-bottom: 12rem;
	background: url("/images/about/differentiation.jpg") center center no-repeat;
	background-size: cover;
}

.about section:nth-of-type(4) .main_h2 {
	color: #fff;
}

.about section:nth-of-type(4) h3 {
	max-width: 600px;
	margin: 3rem auto 0;
	border: none;
	background: none;
	color: #61d8d2;
	font-size: 1.5rem;
	line-height: 1.2;
}

.about section:nth-of-type(4) h3::after {
	display: block;
	width: 70%;
	margin: 1.5rem auto 0;
	border-bottom: 20px solid #61d8d2;
	content: "";
}

.about section:nth-of-type(4) p {
	color: #fff;
}

.about section:nth-of-type(5) img {
	width: 49%;
}

@media screen and (min-width: 769px) {
.about section:nth-of-type(1) .image img:nth-of-type(1) {
	max-width: 52.6%;
	margin: 0 -3%;
}

.about section:nth-of-type(1) .image img:nth-of-type(2) {
	max-width: 47.4%;
	margin: 0 -3%;
}

.about section:nth-of-type(3) .figure {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.about section:nth-of-type(3) figcaption {
	text-align: left;
}

.about section:nth-of-type(3) figure + span {
	margin: auto 50px auto -50px;
	transform: rotate(45deg);
}
}

@media screen and (max-width: 960px) {
.about header h1 {
	font-size: 2.8rem;
}
}

@media screen and (max-width: 768px) {
.about header {
	background-position: 10% center;
}

.about section:nth-of-type(1) .image {
	padding: 1rem 0.5rem;
}

.about section:nth-of-type(1) .image img:nth-of-type(1) {
	float: left;
}

.about section:nth-of-type(1) .image img:nth-of-type(2) {
	float: right;
	margin-top: 0.5rem;
}

.about section:nth-of-type(2) img {
	display: block;
	width: 100%;
	max-width: 280px;
	margin: auto;
}

.about section:nth-of-type(2) img + span::before {
	content: "▼";
}

.about section:nth-of-type(3) figcaption {
	font-size: 1.2rem;
}

.about section:nth-of-type(4) {
	display: none;
}
}

@media screen and (max-width: 480px) {
.about header h1 {
	font-size: 2rem;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
安心とサポート環境
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.support header {
	background: url("/images/support/h1.jpg") center center no-repeat;
}

.support header h1 {
	font-size: 4rem;
}

.support header h1 span {
	color: #ff0000;
	text-shadow: -1px 2px 0 #1d2b80;
}

.support header p {
	color: #036eb8;
}

.support section {
	overflow: hidden;
	border-top: 2px solid #e2e2e2;
}

.support .main_h2 {
	margin-top: 0.5rem;
	background: url("/images/common/heading.png") center 95% / 10rem no-repeat !important;
}

.support h3 {
	margin: 0;
	padding-bottom: 0.3rem;
	border-bottom: none !important;
	background: url("/images/support/heading.png") center center / 12rem !important;
	color: #fff;
	line-height: 1.5;
}

.support p {
	color: #000;
	font-weight: bold;
	text-align: left;
}

.support section img {
	margin: 0 1rem 1rem;
}

.support section:nth-of-type(1) {
	margin: 0 auto;
	border: none;
}

.support section:nth-of-type(1) .main_h2 {
	margin-bottom: 0;
	background: #4cd3cc !important;
	background: linear-gradient(transparent 95%, #00c0b6 50%, #00c0b6), 
							linear-gradient(90deg, transparent 95%, #00c0b6 50%, #00c0b6) #4cd3cc !important;
	background-size: 10px 10px !important;
	color: #fff;
}

.support section:nth-of-type(1) .main_h2 span {
	display: block;
	margin-top: 1rem;
	padding-bottom: 0.5rem;
	font-size: 1.2rem;
}

.support section:nth-of-type(1) .image {
	padding: 2rem 0;
	background: #fff;
	background: linear-gradient(to top left, #fff 50%, #c7f1ef 50%) top left / 25% 50% no-repeat,
							linear-gradient(to bottom right, #fff 50%, #c7f1ef 50%) top left / 125% 250% no-repeat;
}

.support section:nth-of-type(1) .image img {
	width: 31%;
	margin: 0.5%;
}

.support section:nth-of-type(1) .image img.person {
	margin-bottom: -8%;
}

.support section:nth-of-type(2) img {
	margin: 1rem 0;
}

.support section:nth-of-type(3) {
	margin: 0 auto;
	padding-bottom: 2rem;
	background: #c7f1ef;
	background: linear-gradient(#c7f1ef 30%, transparent 30%), 
							linear-gradient(to top left, #fff 50%, #c7f1ef 50%) top left / 40% 80% no-repeat, 
							linear-gradient(to bottom right, #fff 50%, #c7f1ef 50%) top left / 127% 254% no-repeat;
}

.support section:nth-of-type(3) .image {
	padding: 1% 2%;
	border: 2px solid #61d8d2;
	background: #fff;
}

.support section:nth-of-type(3) .image img {
	width: 31%;
	max-width: 288px;
	margin: 1rem 0.2rem;
}

.support section:nth-of-type(4) p {
	width: 400px;
}

@media screen and (max-width: 768px) {
.support header {
	background-position: 80% center;
}

.support header h1 {
	font-size: 2.8rem;
}

.support section:nth-of-type(3) {
	display: none;
	background: linear-gradient(#c7f1ef 40%, transparent 30%), 
							linear-gradient(to top left, #fff 50%, #c7f1ef 50%) top left / 40% 80% no-repeat, 
							linear-gradient(to bottom right, #fff 50%, #c7f1ef 50%) top left / 127% 254% no-repeat;
}

.support section:nth-of-type(4) p {
	width: auto;
}
}

@media screen and (max-width: 480px) {
.support section:nth-of-type(1) .image img {
	width: 48%;
}

.support section:nth-of-type(3) .image {
	padding: 0.5rem;
}

.support section:nth-of-type(3) .image img {
	display: block;
	width: 98%;
	margin: 1rem auto;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
ブログ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.blog header {
	background: radial-gradient(#fff, rgba(255, 255, 255, 0) 80%), url("/images/blog/h1.jpg") center center no-repeat;
}

article.blog header span {
	color: #f83a48;
	text-shadow: 2px 2px 0 #1d2b80;
}

article.blog header p {
	color: #3f99e5;
}

section.blog img {
	width: 46%;
	max-width: 456px;
	margin: 1%;
}

@media screen and (max-width: 480px) {
section.blog {
	background: #bfefed;
}

section.blog img {
	width: 100%;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
アフィリエイトコラム
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.affiliate header {
	background: url("/images/affiliate/h1.jpg") center center no-repeat;
}

section.affiliate .tab-container *,
section.affiliate .tab-container *::before,
section.affiliate .tab-container *::after {
	box-sizing: border-box;
}

section.affiliate {
	width: 1100px;
	margin: 0 auto;
}

main.affiliate {
	width: 72% !important;
	margin: 0 auto !important;
}

section.affiliate .tab-container {
	margin: 1rem auto;
}

section.affiliate .tab-container > input[type="radio"] {
	display: none;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background: none;
	outline: none;
	-webkit-appearance: none;
	        appearance: none;
}

section.affiliate .tab-container .tab {
	display: none;
}

section.affiliate .tab-container > input:nth-child(1):checked ~ .tab-panel > .tab:nth-child(1),
section.affiliate .tab-container > input:nth-child(3):checked ~ .tab-panel > .tab:nth-child(2),
section.affiliate .tab-container > input:nth-child(5):checked ~ .tab-panel > .tab:nth-child(3),
section.affiliate .tab-container > input:nth-child(7):checked ~ .tab-panel > .tab:nth-child(4),
section.affiliate .tab-container > input:nth-child(9):checked ~ .tab-panel > .tab:nth-child(5) {
	display: block;
}

section.affiliate .tab-container > label {
	display: inline-block;
	width: 22%;
	position: relative;
	padding: 5px 0.1rem;
	font-size: 1rem;
	white-space: nowrap;
	cursor: pointer;
}

section.affiliate .tab-container > label:nth-of-type(1) {
	width: 9%;
	background: #e8f3fd;
}

section.affiliate .tab-container > label:nth-of-type(2) {
	background: #fdc4c8;
}

section.affiliate .tab-container > label:nth-of-type(3) {
	background: #fbe9b5;
}

section.affiliate .tab-container > label:nth-of-type(4) {
	background: #ddf4cb;
}

section.affiliate .tab-container > label:nth-of-type(5) {
	background: #bfefed;
}

section.affiliate .tab-container > label:hover,
section.affiliate .tab-container > input:focus + label {
	opacity: 0.6;
}

section.affiliate .tab-container > input:checked + label {
	padding-top: 10px;
}

section.affiliate .tab-container .tab-panel {
	overflow: hidden;
	margin: 2rem 0;
}

section.affiliate .tab-container .figure {
	background: #f1f1f1;
}

section.affiliate .tab-container figure {
	margin-bottom: 1%;
	border: 1px solid #f1f1f1;
	background: #fff;
	text-align: left;
}

section.affiliate .tab-container figure img {
	width: 100%;
}

section.affiliate .tab-container .figcaption {
	padding: 0.5rem;
}

section.affiliate .tab-container figcaption {
	display: -webkit-box;
	overflow: hidden;
	height: 3rem;
	color: #000;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.5;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

section.affiliate .tab-container figure .category {
	margin-right: 1rem;
	color: #edcda0;
	font-size: 0.7rem;
}

section.affiliate .tab-container figure .date {
	color: #ccc;
	font-size: 0.7rem;
	white-space: nowrap;
}

section.affiliate .side {
	overflow: hidden;
	max-width: 300px;
	margin: 2rem auto;
}

section.affiliate .side .ranking {
	margin-top: 1rem;
	padding: 0.5rem;
	border: 2px solid #bcbcbc;
	background: #fff;
}

section.affiliate .side .ranking p {
	margin: auto;
}

section.affiliate .side .ranking figure {
	width: auto;
	margin: 0 0 1% 0 !important;
	border: none;
}

section.affiliate .side .ranking figure:nth-of-type(n+2) img {
	width: 49%;
}

section.affiliate .side .ranking figure:nth-of-type(n+2) .figcaption {
	float: right;
	width: 49%;
	padding: 0 0.2rem;
	line-height: 1;
}

section.affiliate .side .ranking figure:nth-of-type(n+2) figcaption {
	height: 2.6rem;
	font-size: 0.8rem;
	line-height: 1.3rem;
}

.affiliate.contact {
	clear: both;
	max-width: 100%;
	margin: auto;
	padding: 5rem 0.5rem;
	border: none !important;
}

.affiliate .contactbtn {
	width: 70%;
	max-width: 100%;
	margin: auto;
	padding: 5rem 0.5rem;
}

.affiliate.contact img {
	width: 45%;
	margin: 0 0.5rem !important;
}

.affiliate.contact.width {
	padding: 0 0 2rem;
}

.affiliate.contact.width img {
	width: 100%;
}

.grid_post-box {
	text-align: justify;
}

#recent-posts-2 ul li,
#recent-posts-2 ul li a {
	text-align: justify;
}

@media screen and (min-width: 481px) {
section.affiliate .tab-container .figure {
	display: flex;
	float: left;
	width: 100%;
	flex-wrap: wrap;
}

section.affiliate .tab-container figure {
	width: 49%;
}

section.affiliate .tab-container figure:nth-of-type(2n+1) {
	margin-right: 1%;
}

section.affiliate .tab-container figure:nth-of-type(2n) {
	margin-left: 1%;
}
}

@media screen and (min-width: 769px) {
section.affiliate .tab-container .tab-panel {
	float: left;
	width: 100%;
	margin-right: -300px;
	padding-right: 320px;
}

section.affiliate .side {
	float: right;
}
}

@media screen and (max-width: 768px) {
article.affiliate header {
	background-position: 80% center;
}

section.affiliate .tab-container > label {
	width: 20%;
	font-size: 0.7rem;
}

section.affiliate .tab-container > label:nth-of-type(1) {
	width: 11%;
}

section.affiliate .tab-container > label:nth-of-type(4) {
	width: 27%;
}

section.affiliate .tab-container > label:nth-of-type(5) {
	width: 13%;
}
section.affiliate {
	width: 96%;
	margin: 0 auto;
}

main.affiliate {
	width: 96% !important;
}

.affiliate.contact {
	padding: 2rem 0;
}

.affiliate.contact img {
	width: 100%;
	margin: 10px 0 !important;
}

.affiliate.contact.width {
	padding: 0;
}

.affiliate.contact.width img {
	width: 100%;
}

.affiliate .contactbtn {
	width: 100%;
	padding: 1rem 0.5rem;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
記事
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
#single-main {
	text-align: justify;
}

.single-post-main .content {
	padding: 1em 20px;
}

.single-post-main .content h2 {
	margin-left: -30px;
	margin-right: -30px;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
よくあるご質問
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.faq header {
	background: url("/images/faq/h1.jpg") center center no-repeat;
}

article.faq header br {
	display: inline;
}

section.faq {
	text-align: left;
}

section.faq dl {
	margin: auto;
	padding: 0 182px;
}

section.faq dl dt {
	position: relative;
	margin: 2.5rem 1rem 1rem 0;
	padding: 1.5rem;
	border-radius: 1rem;
	background: #e3f8f7;
	color: #1d2b80;
	font-weight: bold;
	font-size: 2rem;
	font-family: "A-OTF 新ゴ Pro", "A-OTF Shin Go Pro", "M PLUS 1p", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, arial, sans-serif;
	line-height: 1.3;
}

section.faq dl dt::before {
	display: block;
	position: absolute;
	top: 10px;
	left: -15px;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-right: 25px solid #e3f8f7;
	border-bottom: 15px solid transparent;
	content: '';
}

section.faq dl dt img {
	position: absolute;
	top: 0;
	left: -182px;
	width: 162px;
}

section.faq dl dd {
	position: relative;
	margin: 1.5rem 0 1rem 1rem;
	padding: 1.5rem;
	border-radius: 1rem;
	background: #fff0f4;
	color: #000;
	font-weight: bold;
}

section.faq dl dd::before {
	display: block;
	position: absolute;
	top: 10px;
	right: -15px;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 25px solid #fff0f4;
	content: '';
}

section.faq dl dd img {
	position: absolute;
	top: 0;
	right: -182px;
	width: 162px;
}

@media screen and (max-width: 768px) {
article.faq header {
	background-position: 90% center;
}

section.faq dl {
	padding: 0;
}

section.faq dl dt {
	margin-top: 120px;
	padding: 1rem;
	font-size: 1.6rem;
}

section.faq dl dt::before {
	top: -30px;
	left: 110px;
	border-top: 10px solid transparent;
	border-right: 25px solid transparent;
  border-bottom: 20px solid #e3f8f7;
}

section.faq dl dt img {
	top: -90px;
	left: 0;
	width: 100px;
}

section.faq dl dd {
	margin-top: 100px;
	padding: 1rem;
}

section.faq dl dd::before {
	top: -30px;
	right: 110px;
	border-top: 10px solid transparent;
	border-left: 25px solid transparent;
  border-bottom: 20px solid #fff0f4;
}

section.faq dl dd img {
	top: -90px;
	right: 0;
	width: 100px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
会社概要
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.company header {
	background: url("/images/company/h1.jpg") center center no-repeat;
}

.company .main_h2 {
	padding: 2rem 0.5rem;
	background: url("/images/common/heading.png") center 75% / 10rem no-repeat #c7f1ef !important;
}

.company table {
	margin: 2rem auto;
}

.company .access {
	border-top: 2px solid #e2e2e2;
}

.company .access .main_h2 {
	background: url("/images/common/heading.png") center 75% / 10rem no-repeat !important;
}

.company .access iframe {
	width: 100%;
	max-width: 700px;
	height: 400px;
}

.company .access .address {
	margin-top: 1rem;
	text-align: left;
}

.company .access p {
	max-width: 400px;
}

.company .access dl {
	line-height: 1;
}

.company .access dl dt {
	float: left;
	font-weight: normal;
}

.company .access dl dd {
	margin-left: 7rem;
}

.company .vision {
	margin: 2rem auto;
	padding-bottom: 5rem;
	background: url("/images/company/vision.jpg") center center no-repeat;
	background-size: cover;
}

.company .vision h3 {
	margin-bottom: 0;
	border: none;
	background: url("/images/common/heading.png") center bottom / 10rem no-repeat;
}

.company .vision p {
	text-align: left;
}

.company .vision p.firstmsg {
	color: #000;
	font-weight: bold;
}

.company .vision img.ceo {
	float: right;
	margin: 1rem 0 3rem;
}

.company .vision p.nextmsg {
	clear: both;
	color: #1d2b80;
	font-weight: bold;
	font-size: 1.5rem;
	font-family: "A-OTF 新ゴ Pro", "A-OTF Shin Go Pro", "M PLUS 1p", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, arial, sans-serif;
	line-height: 1.2;
}

@media screen and (min-width: 769px) {
.company .access .address {
	display: flex;
	justify-content: space-between;
}
}

@media screen and (max-width: 768px) {
.company header h1 {
	font-size: 2.4rem;
}

.company .vision p.nextmsg {
	font-size: 1.2rem;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
特定商取引法に基づく表記
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.law h1 {
	background: url("/images/common/heading.png") center 80% / 10rem no-repeat #c7f1ef;
}

.law table {
	margin: 2rem auto;
}

.law table th {
	width: 32%;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
プライバシーポリシー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.privacy h1 {
	margin-bottom: 1rem;
	background: url("/images/common/heading.png") center 80% / 10rem no-repeat #c7f1ef;
}

.privacy section {
	text-align: left;
}

.privacy dl {
	border-top: 3px solid #e2e2e2;
}

.privacy dl dt {
	padding-top: 1rem;
	color: #1d2b80;
	font-weight: bold;
	font-size: 1.5rem;
	font-family: "A-OTF 新ゴ Pro", "A-OTF Shin Go Pro", "M PLUS 1p", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, arial, sans-serif;
	line-height: 1.2;
}

.privacy dl dd {
	padding-bottom: 1rem;
	border-bottom: 3px solid #e2e2e2;
}

#pickup_posts_container .swiper-wrapper {
	text-align: center !important;
}

@media screen and (max-width: 768px) {
.privacy dl dt {
	font-size: 1.2rem;
}
}

@media all and (-ms-high-contrast: none) {
.content header h1 {
	background: none;
	color: #1d2b80;
}

.content h1 {
	margin: 0;
	padding-top: 2rem;
}

article.home header h1 {
	padding-top: 0;
}

.law h1 {
	background-position: center 75% !important;
}

.privacy h1 {
	margin-bottom: 1.5rem;
	background-position: center 75% !important;
}

.content .main_h2 {
	margin: 0;
	padding-top: 2rem;
	background-position: center 85% !important;
}

article.home .main_h2 {
	padding-top: 1.5rem;
}

.company .main_h2,
.company .access .main_h2 {
	background-position: center 70% !important;
}

.content h3 {
	padding: 1rem 0.5rem 0;
}

article.home .feature figcaption h3 span {
	background-position: center 65%;
}

.company .vision h3 {
	background-position: center 90%;
}
}

.newstext {
	width: 60%;
	margin: 0 auto;
	text-align: justify;
}

@media screen and (max-width: 480px) {
.newstext {
	width: 90%;
}
}

.blogimgwd {
	max-width:600px !important;
	width:600px !important;
}

@media screen and (max-width: 640px) {
.blogimgwd {
	max-width:100% !important;
	width:100% !important;
}
}

.top_link_ct {
	margin-top: 2rem;
}
@media screen and (max-width: 640px) {
	.top_link_ct {
		display: none;
	}
    .affiliate.contact {
		display: none;
    }
    main .content .contact {
		display: none;
    }
}

.content .affiliate.contact {
	width: 100%;
	text-align: center;
}