@charset "UTF-8";
/*
Theme Name: すらすらぷりんと2025
Version: 2025
Author: DESIGN WOLF CO.,LTD.
*/

/* reset  -------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#222;text-decoration:none;}mark{background-color:#ff9;color:#222;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
a {
	text-decoration: none;
	transition: all 0.3s ease;
}
@media screen and (min-width: 801px) { a:hover { cursor: pointer; } }
ul, li { list-style: none;}
img { width: 100%; height: auto; }
img[src$=".svg"] { width: 100%; }
a:focus { outline: none; }
body, h1, h2, h3, h4 { font-weight: bold; }
* {
	box-sizing: border-box;
}

/* clearfix ----------------------*/

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

/* img hover ----------------------*/

a img { transition: all 0.3s ease; }
@media screen and (min-width: 961px) { a:hover img { opacity: 0.3; } }

/* color ----------------------*/

body { color: #222; }

/* font ----------------------*/

body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ",arial, sans-serif;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.1rem;
	font-weight: bold;
}
@media screen and (max-width: 600px) {
	body { letter-spacing: 0; }
}

/* font-size ----------------------*/

html { font-size: 62.5%;  }

/* image pc or mobile ----------------------*/

.image_mobile { display: none; }
@media screen and (max-width: 600px) {
	.image_mobile { display: block; }
	.image_pc { display: none; }
}

/* link point ---------------------- */

.link_point { margin: -80px 0 0 0; padding: 80px 0 0 0; }
@media screen and (max-width: 800px) { .link_point { margin: -60px 0 0 0; padding: 60px 0 0 0; } }

/* share  ---------------------- */

.share_box { margin: 0 -15px; }
.share { display: table; width: 100%; table-layout: fixed; *overflow:auto; }
.share section { display: table-cell; vertical-align: top; *float:left; padding: 0 15px; }
@media screen and (max-width: 1200px) {
	.share_box { margin: 0 -10px; }
	.share section { padding: 0 10px; }
}
@media screen and (max-width: 600px) {
	.share, .share section { display: block; padding: 0; }
	.share_box { margin: 0; }
}

/* space ---------------------- */

.space_topbottom { padding: 80px 0; }
.space_top { padding: 80px 0 0 0; }
.space_bottom { padding: 0 0 80px 0; }
.space_bottom60 { padding: 0 0 60px 0; }
.space_bottom30 { padding: 0 0 30px 0; }
@media screen and (max-width: 600px) {
	.space_topbottom { padding: 60px 0; }
	.space_top { padding: 60px 0 0 0; }
	.space_bottom { padding: 0 0 60px 0; }
}

/* z-index ---------------------- */

.dw_surapuri_moji { z-index: 0; }
.dw_header { z-index: 100; }
.dw_header_logo { z-index: 101; }
.dw_header_logo_hide { z-index: 102; }
.dw_header_nav { z-index: 103; }
#menuButton { z-index: 104; }

/* centents ---------------------- */

.dw_contents { padding: 150px 0 0 0;  }
.dw_contents_center00 { max-width: 360px; padding: 0 20px; margin: 0 auto; }
.dw_contents_center01 { max-width: 800px; padding: 0 20px; margin: 0 auto; }
.dw_contents_center02 { max-width: 1200px; padding: 0 20px; margin: 0 auto; }

@media screen and (max-width: 800px) {
	.dw_contents { padding: 120px 0 0 0; }
	.dw_contents_center_mobile { padding: 0 40px; }
}

/* header ---------------------- */

.dw_header {
	position: fixed;
	width: 100%;  height: 80px; background: #fff; 
}
.dw_header_logo, .dw_header_logo_hide {
	width: 280px; position: fixed; top: 20px; left: 0; right: 0; margin: auto; 
}
.dw_header_logo_hide { transition: all 0.5s ease; }
.scroll .dw_header_logo_hide { display: none; }
@media screen and (max-width: 960px) {
	.dw_header { height: 60px; }
	.dw_header_logo, .dw_header_logo_hide {
	width: 200px; top: 15px;
	}
}
@media screen and (max-width: 600px) {
	.dw_header_logo, .dw_header_logo_hide {
		top: 15px; left: 20px; right: auto; margin: 0;
	}
}

/* dw_header_nav */

.dw_header_nav {
	width: 100%; background: #00aeeb;
	display: table-cell; text-align: center; vertical-align: middle;
	position: fixed; top: 0; left: -100%;
	overflow: auto; transition: all 0.5s ease;
}
.dw_header_nav_active { position: fixed; top: 0; left: 0; }
.dw_header_nav_contents {
	width: 800px; height: 580px;
	position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
}
.dw_header_nav_contents div { float: left; padding: 5px 0; }
.dw_header_nav01 ul li, .dw_header_nav02 ul li { display: inline-block; padding: 8px 3px; }
.dw_header_nav01 ul, .dw_header_nav02 ul { }
.dw_header_nav01, .dw_header_nav03 { width: 100%; }
.dw_header_nav02 { width: 50%; }

.dw_header_nav_x { position: absolute; bottom: 0; left: 0; width: 100%; }
.dw_header_nav_x a { display: block;  text-align: center; }
.dw_header_nav_x img { width: 140px; }

.dw_header_nav_title {
	display: block; padding: 15px 0 5px 0;
	font-size: 2.4rem; color: #fff; font-weight: bold;
	position: relative;
}
.dw_header_nav_title::before {
	content: "";
	position: absolute; top: 5px; left: 0; right: 0;  margin: auto;
	width: 180px; height: 2px; background: #fff;
}
.dw_header_nav01 li a, .dw_header_nav02 li a { 
	font-size: 1.8rem; line-height: 30px; height: 30px; color: #000; padding: 0 10px;
	display: inline-block; background: #fff; border-radius: 20px;
	transition: all 0.2s ease;
}
.dw_header_nav03 li { display: inline-block; padding: 10px; }
.dw_header_nav03 li a {
	font-size: 2.2rem; line-height: 46px; height: 46px; color: #000; width: 240px;
	display: inline-block; background: #fff; border-radius: 23px;
	transition: all 0.2s ease;
}
@media only screen and (min-width: 961px) {
	.dw_header_nav01 li a:hover, .dw_header_nav02 li a:hover { transform: scale(1.4); z-index: +1; }
	.dw_header_nav03 li a:hover { transform: scale(1.2); z-index: +1; }
}
@media screen and (max-width: 820px) {
	.dw_header_nav {  }
	.dw_header_nav_contents {
		width: 95%; height: auto; padding: 80px 0 40px 0;
		position: relative; top: auto; bottom: auto; left: auto; right: auto; 
	}
	.dw_header_nav02 { width: 100%; }
	.dw_header_nav_title { padding: 20px 0 10px 0; }
	.dw_header_nav_title::before { width: 100%; }
	.dw_header_nav_x { position: relative; bottom: auto; left: auto;  }
}

/* menuButton */

#menuButton {
	display: block;  background: #222; border-radius: 50%;
	position: fixed; width: 120px; height: 120px; top: 20px; right: 20px;
}
#menuButton span {
    background: #fff;
    position: absolute; left: 35px; width: 50px; height: 3px;
	transition: all 0.4s;
}
#menuButton span:first-child { top: 40px; }
#menuButton span:nth-child(2) { margin-top: -1px; top: 50%; width: 30px; }
#menuButton span:last-child { bottom: 40px; }
#menuButton span:nth-child(2) { background: #fff; }
#menuButton.active span:first-child,
#menuButton.active span:last-child { width: 30px; }
#menuButton.active span:nth-child(2) { width: 50px; }
@media screen and (max-width: 960px) {
	#menuButton { width: 60px; height: 60px; top: 10px; right: 10px; }
	#menuButton span { left: 15px; width: 30px; height: 3px; }
	#menuButton span:nth-child(2) { width: 15px; }
	#menuButton span:first-child { top: 18px; }
	#menuButton span:last-child { bottom: 18px; }
	#menuButton.active span:first-child,
	#menuButton.active span:last-child { width: 15px; }
	#menuButton.active span:nth-child(2) { width: 30px; }
}

/* footer ---------------------- */

.dw_footer { padding: 100px 0 0 0; }
.dw_footer_image { width: 70%; margin: 0 auto; padding: 0 0 20px 0; }
@media screen and (max-width: 1280px) { .dw_footer_image { width: 100%; } }
.dw_footer_nav { 
	text-align: center; background: #00aeeb; padding: 50px 0 0 0;
}
.dw_footer_nav ul { width: 100%; letter-spacing: -0.4em;  }
.dw_footer_nav ul li { display: inline-block; padding: 20px; letter-spacing: normal; }
.dw_footer_nav  a {
	display: block; font-size: 2.2rem; line-height: 80px; height: 80px; width: 240px;
	color : #222; background: #fff;
	border-radius: 40px; position: relative;
}
@media only screen and (min-width: 961px) {
	.dw_footer_nav a:hover { transform: scale(1.2); z-index: +1; }
}
.dw_footer_copyright {
	font-size: 1.4rem; line-height: 180%; padding: 200px 0 30px 0;
}

/* title copy ---------------------- */

.section-title {
	font-size: 3.6rem; line-height: 160%; padding: 0 0 30px 0;
}
.dw_contents h2 {
	font-size: 2.8rem; line-height: 160%; padding: 20px 0; margin: 50px 0 20px 0;
	border-top: solid 3px #222;
}
.dw_contents h3 {
	font-size: 2.4rem; line-height: 160%; padding: 20px 0; margin: 50px 0 30px 0;
	position: relative; font-weight: bold;
}
.dw_contents h3::before {
	content: "";
	position: absolute; top: -40px; left: 20px; margin: auto;
	width: 120px; height: 120px; border-radius: 50%;
	background: #d2ecfa; z-index: -1;
}
.dw_contents p {
	font-size: 1.8rem; line-height: 180%; text-align: justify;
	padding: 0 0 30px 0;
}
.dw_contents p img {
	border-top: solid 30px #ccc;
	border-bottom: solid 30px #ccc;
	border-left: solid 50px #ccc;
	border-right: solid 50px #ccc;
}
.dw_contents p a { color: #de514f; }
.dw_contents p.al-r { padding: 20px 0 0 0; }
@media only screen and (min-width: 961px) { .dw_contents p a:hover { color: #00aeeb; } }

.dw_title01 {
	font-size: 5rem; line-height: 130%; text-align: center;
	padding: 0 0 60px 0;
}
.dw_title01 span { display: inline-block; }
.dw_copy01 {
	font-size: 2.2rem; line-height: 180%; text-align: justify;
	padding: 0 0 30px 0;
}

@media screen and (max-width: 600px) {
	.section-title { font-size: 3rem; } 
	.dw_contents p { padding: 0 0 20px 0; }
	
	.dw_title01 { font-size: 3.5rem ;}
	.dw_copy01 { font-size: 1.8rem ;}
}



/* リスト ---------------------- */

.study_point {
	padding: 20px 30px; margin: 0 0 30px 0;
	background: #faebcd; border-radius: 20px;
}
.study_point ul li, .study_point ol li { font-size: 1.8rem; position: relative; }
.study_point ul li {  line-height: 180%; padding: 10px 0 10px 25px; }
.study_point ul li::before {
	content: "";
	position: absolute; top: 21px; left: 0;
	display: block; width: 10px; height: 10px; background: #222;
	border-radius: 50%;
}
.study_point ol { counter-reset: li; }
.study_point ol li {  line-height: 180%; padding: 7px 0 7px 30px; }
.study_point ol li::before {
	content:counter(li);
	counter-increment:li;
	position:absolute; top: 7px; left: 0;
	font-size: 2.5rem; font-weight: bold;  color: #222;
}
.study_point strong { color: #de514f; }

/* 表 ---------------------- */

.dw_contents_table { width: 100%; margin: 0 0 30px 0; }
.dw_contents_table td {
	font-size: 1.8rem; line-height: 160%; padding: 10px 15px;;
	border: solid 1px #222;
}
.dw_contents_table tr td:first-child  { width: 155px; background: #faebcd;  }

/* トップページ  ---------------------- */

/* dw_top_main */
.dw_top_main { width: 100%; position: relative; /*background: #ccc; */}
.dw_top_main_image {
	position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; 
	width: 105vh; height: 84vh;
	transition: all 0.4s;
	animation-duration: 1s; animation-name: motion_zoom; animation-iteration-count: 1; 
}
.scroll .dw_top_main_image { /*transform: scale(0.7);*/ }
@media screen and (max-width: 1200px) { .dw_top_main_image { width: 90vw; height: 72vw; } }
@media screen and (max-width: 600px) { .dw_top_main_image { width: 90vw; height: 117vw; } }
/* top_printimage */
.dw_top_printimage {
	background: #00aeeb; border-radius: 30px; text-align: center;
	padding: 20px;
}
.dw_top_printimage img { max-width: 600px; }
/* dw_merit */
.dw_merit, .dw_merit .dw_copy01{ text-align: center; }
.dw_merit .dw_copy01{ text-align: center; line-height: 150%; }
.dw_merit img { padding: 0 50px 20px 50px; }
.dw_merit h3 {
	font-size: 4rem; line-height: 130%; text-align: center;
	padding: 0 0 10px 0;
}
.dw_merit_number {
	display: block; border-top: dashed 3px #222;
	padding: 10px 0; margin: 20px 0 0 0;
}
.dw_merit_number span {
	font-size: 5rem; color: #00aeeb;
	font-family: Arial, Helvetica, "sans-serif";
}
@media screen and (max-width: 600px) {
	.dw_merit h3 { font-size: 3rem ;}
}

/* dw_toppagenav */
.dw_toppagenav {}
.dw_toppagenav_title { position: relative; padding: 15px 0 50px 70px; font-size: 3.6rem; }
.dw_toppagenav_title::before {
	content: url("../2025_images/icon_search.svg");
	position: absolute; top: 0; left: 0;
	width: 60px; height: 60px;
}
.dw_toppagenav table { width: 100%; border-top: dashed 3px #222; margin: 0 0 50px 0;  }
.dw_toppagenav tr { border-bottom: dashed 3px #222; letter-spacing: -0.4em; }
.dw_toppagenav th, .dw_toppagenav td { letter-spacing: normal; vertical-align: middle; }
.dw_toppagenav th { font-size: 3rem; text-align: left; }
.dw_toppagenav td { padding: 20px 0; width: 410px; }
.dw_toppagenav a {
	display: inline-block; font-size: 2rem; text-align: center;  line-height: 44px; height: 50px; width: 180px;
	color : #222; background: #fff; border: solid 3px #222;
	border-radius: 25px; position: relative; margin: 10px;
}
@media only screen and (min-width: 961px) {
	.dw_toppagenav a:hover { transform: scale(1.3); z-index: +1; }
}

.dw_toppagenav_image { width: 460px; margin: 0 auto; }
@media screen and (max-width: 620px) {
	.dw_toppagenav_title { font-size: 3rem; }
	.dw_toppagenav th { width: 160px; font-size: 2.6rem; }
	.dw_toppagenav td { width: auto;  }
	.dw_toppagenav a { margin: 5px; width: 100%; }
	.dw_toppagenav_image { width: 100%; }
}

/*dw_composition*/
.dw_composition {
	width: 100%; text-align: left; border-top: dashed 3px #222;
	table-layout: fixed;
}
.dw_composition tr { border-bottom: dashed 3px #222; }
.dw_composition th, .dw_composition td { vertical-align: middle; padding: 15px 0; }
.dw_composition th span {
	display: inline-block; color: #fff; border-radius: 10px; /* border-radius: 0 35px 35px 0;*/
	font-size: 3rem; line-height: 70px; height: 70px; width: 280px; padding: 0 20px;
}
.dw_composition01 { background: #00aeeb; }
.dw_composition02 { background: #66be96; }
.dw_composition03 { background: #f29600; }
.dw_composition04 { background: #ed8599; }
.dw_composition05 { background: #cb7db0; }
.dw_composition th strong {
	display: inline-block; vertical-align: middle; margin: 0 15px 6px 0; 
	font-size: 3.4rem; font-family: Arial, Helvetica, "sans-serif"; text-align: center;
	width: 46px; height: 46px; line-height: 46px; color: #000; background: #fff;
	border-radius: 50%;
}
.dw_composition td {
	font-size: 1.8rem; line-height: 180%; 
}
@media screen and (max-width: 720px) {
	.dw_composition tr, .dw_composition th, .dw_composition td { display: block; }
	.dw_composition th { text-align: center; padding: 15px 0 10px 0;  }
	.dw_composition td { text-align: center; padding: 0 0 15px 0;  }
	.dw_composition th span {
		font-size: 2.6rem; line-height: 60px; height: 60px; width: 100%;
		position: relative;
	}
	.dw_composition th strong {
		font-size: 2.6rem; width: 38px; height: 38px; line-height: 38px;
		position: absolute; top: 0; bottom: 0; left: 20px; margin: auto;
	}
}
@media screen and (max-width: 400px) { .dw_composition th span { width: 100%; } }


/* パンくずリスト  ---------------------- */

.breadcrumbs { padding: 0 0 20px 0; }
.breadcrumbs li { display: inline; }
.breadcrumbs li a {
	font-size: 1.4rem; line-height: 160%; color: #222; padding: 0 16px 0 0;
	position: relative;
}
.breadcrumbs li a::after {
	content: "";
	position: absolute; top: 0; bottom: 0; right: 8px; margin: auto;
	display: block; width: 6px; height: 6px; 
	border-right: 2px solid #999; border-bottom: 2px solid #999; 
	transform: rotate(-45deg);
}
.breadcrumbs li:last-child a::after { display: none; }
@media only screen and (min-width: 961px) { .breadcrumbs li a:hover { color: #00aeeb; } }

/* キャラクターコメント  ---------------------- */

.talker { 
	width: 180px; height: 180px; margin: 20px auto; position: relative; }
.talker img { display: none; }
.talker::after {
	content: url("../2025_images/icon01.svg");
	position: absolute; top: 0; left: 0;
	width: 180px; height: 180px;
}
.bubble-in {
	border: solid 3px #00aeeb; border-radius: 20px; color: #00aeeb;
	position: relative; padding: 20px 25px; margin: 0 0 30px 0;
}
.bubble-in p { padding: 0; text-align: center; }
.bubble-in::before {
	content: "";
	position: absolute; top: -18px; left: 0; right: 0; margin: auto;
	background: #00aeeb;
	height: calc(tan(40deg) * 40px / 2); width: 20px;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.bubble-in::after {
	content: "";
	position: absolute; top: -13px; left: 0; right: 0; margin: auto;
	background: #fff;
	height: calc(tan(40deg) * 40px / 2); width: 20px;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.bubble-in strong { font-size: 130%; }
@media screen and (max-width: 600px) { .bubble-in { padding: 10px 15px; } }

/* 目次  ---------------------- */

.table-of-contents { border: solid 1px #222; border-radius: 20px; margin: 30px 0; }
.table-of-contents p {  padding: 10px 0 10px 20px; }
.index_type {
	font-size: 1.4rem; border-bottom: dashed 1px #222;
}
.table-of-contents ul { padding: 20px; }
.table-of-contents ul li ul { padding: 0; }
.table-of-contents li a {
	font-size: 1.6rem; line-height: 160%; color: #222;
}
.table-of-contents li ul { text-indent: 20px; }

/* PDFリンク（まとめ）  ---------------------- */

.cast-box03, .cast-box {
	background: #00aeeb; /*border-bottom: solid 2px #fff;*/
	border-radius: 20px; margin: 0 0 10px 0;
	transition: all 0.3s; position: relative;
}
.cast-box03 { height: 180px; padding: 0 100px 0 240px ; }
.cast-box { height: 267px; padding: 0 120px 0 200px ; }
.cast-box03::after, .cast-box::after {
	content: url("../2025_images/icon_download.svg");
	position: absolute; top: 0; bottom: 0; right: 20px; margin: auto;
	width: 80px; height: 104px;
}
@media only screen and (min-width: 961px) {
	.cast-box03:hover, .cast-box:hover { transform: scale(1.2); z-index: +1; }
	.cast-box03:hover img, .cast-box:hover img { opacity: 1; }
}
.cast-box03 a, .cast-box a {
	font-size: 1.6rem; line-height: 160%; color: #222;
}
.cast-box03 a:hover img { opacity: 1; }
/*サムネイル*/
.cast-headshot { 
	position: absolute; top: 20px; bottom: 0; left: 20px;
}
.cast-box03 .cast-headshot { width: 200px; }
.cast-box .cast-headshot { width: 160px; }

.cast-box03 .cast-name { padding: 45px 0 0 0; }
.cast-box .cast-name { padding: 75px 0 0 0; }

.cast-profile { font-size: 1.4rem; }
.cat {
	display: inline-block; color: #00aeeb; background: #222;
	padding: 0 5px; margin: 10px 0 5px 0; font-size: 1.2rem;
}
@media screen and (max-width: 680px) {
	.cast-box03, .cast-box { height: auto; text-align: center; }
	.cast-box03 { padding: 175px 15px 90px 15px; }
	.cast-box { padding: 250px 15px 90px 15px; }
	.cast-headshot {
		top: 20px; bottom: 0; left: 0; right: 0; margin: auto;
		width: 160px;
	}
	.cast-box .cast-headshot { width: 150px; }
	.cast-box03::after, .cast-box::after {
		top: auto; bottom: 15px; left: 0; right: 0; margin: auto;
		width: 50px; height: 65px;
	}
	.cast-box03 .cast-name, .cast-box .cast-name { padding: 0; }
}

/* ページリンクとPDFリンク（個別） ---------------------- */

.dw_page_link { border-top: dashed 2px #00aeeb; }
.dw_page_link li  { border-bottom: dashed 2px #00aeeb; }
.dw_page_link li a  {
	display: block; color: #222; background: #fff; position: relative;
	font-size: 1.8rem; line-height: 160%;  padding: 15px 30px 15px 0;
}
.dw_page_link li a span  { font-size: 80%; color: #00aeeb; padding: 0 0 0 5px; }
.dw_page_link li a::after {
	content: "";
	position: absolute; top: 0; bottom: 0; right: 10px; margin: auto;
	display: block; width: 8px; height: 8px; 
	border-right: 2px solid #00aeeb; border-bottom: 2px solid #00aeeb; 
	transform: rotate(-45deg);
}

.dw_pdf_link li a { padding: 15px 30px 15px 50px; }
.dw_pdf_link li a::before {
	content: url("../2025_images/icon02.svg");
	position: absolute; top: 0; bottom: 0; left: 0; margin: auto;
	width: 40px; height: 40px;
}
.dw_page_link li a span.dw_page_link_copy {
	display: block; color: #8095a6; padding: 10px 0 0 0;
	line-height: 160%;
}
@media only screen and (min-width: 961px) {
	.dw_page_link li a:hover { transform: scale(1.2); z-index: +1; }
}

/*  リンクボタン　次の単元へ ---------------------- */

.dw_page_nav { text-align: center; padding: 50px 0; }
.dw_page_nav a {
	display: inline-block; margin: 10px; padding: 0 30px;
	font-size: 2.4rem; line-height: 64px; height: 70px;
	color : #222; border: solid 3px #00aeeb;
	border-radius: 35px; position: relative;
}
@media only screen and (min-width: 961px) {
	.dw_page_nav a:hover { transform: scale(1.2); z-index: +1; }
}
@media only screen and (max-width: 600px) {
	.dw_page_nav a {
		font-size: 1.8rem; line-height: 54px; height: 60px; 
		border-radius: 30px; margin: 10px; padding: 0 20px;
	}
}

/* お問い合わせフォーム ---------------------- */

.table-block, .table-block thead, .table-block tbody, .table-block tfoot,
.table-block tr, .table-block th, .table-block td { display: block;  }
input[type="text"], textarea, .w60 { border: none; outline: none; 
}
.table-block { width: 100%; }
.w60 { width: 50%; }
.table-block textarea { width: 100%; }

.table-block th {
	font-size: 1.8rem; text-align: left; padding: 30px 0 10px 0; 
}
.table-block td {
	background: #d2ecfa; border-radius: 20px; padding: 20px;
	font-size: 1.8rem; line-height: 160%; text-align: justify;
}
.table-block small { display: block; font-size: 1.4rem; padding: 10px 0 0 0; }
.table-block input, .table-block select, .table-block textarea { font-size: 1.6rem;  }
.table-block input, .table-block textarea, .table-block select {
	padding: 15px; border-radius: 10px;
}
.dw_form_button { text-align: center; padding: 30px 0; letter-spacing: -0.4em; }
.dw_form_button button {
	letter-spacing: normal;
	display: inline-block; margin: 5px; padding: 0 30px;
	font-size: 1.8rem; line-height: 60px; height: 60px;
	color : #fff; background: #00aeeb; border: none;
	border-radius: 30px; position: relative;
	transition: all 0.3s; font-weight: bold;
	cursor : pointer;
}
.dw_form_button .dw_form_button_back { background: #999; }
@media only screen and (min-width: 961px) {
	.dw_form_button button:hover { transform: scale(1.2); z-index: +1; }
}
.dw_form_thanks {
	margin: 100px auto 300px auto; width: 400px;
	animation-duration: 1s; animation-name: motion_zoom; animation-iteration-count: 1; 
}
@media only screen and (max-width: 600px) {
	.w60 { width: 100%; }
	.dw_form_thanks { width: 90%; }
}

/* モーション ---------------------- */

@keyframes motion_zoom {
	0% { opacity: 0; transform: scale(0.5); }
	100% { opacity: 1; transform: scale(1); }
}

/* PC 左右のすらぷり ---------------------- */

@media only screen and (min-width: 1161px) {
.dw_surapuri_moji_left, .dw_surapuri_moji_right {
	position: fixed; top: 0; bottom: 0; margin: auto;
	width: 40vw; height: 40vw;
}
.dw_surapuri_moji_left { left: -23vw; }
.dw_surapuri_moji_right { right: -23vw;  }
}
	
@media only screen and (max-width: 1160px) {
	.dw_surapuri_moji, .dw_surapuri_moji_left, .dw_surapuri_moji_right { display: none;  }
}

/* 運営会社 ---------------------- */

.dw_jump_logo { padding: 0 80px; }

.dw_jump_image {
	background: #e6eced; padding: 50px 100px 0 100px; margin: 50px 0;
	border-radius: 30px;
}
.dw_jump_logo, .dw_jump_image {
	animation-duration: 1s; animation-name: motion_zoom; animation-iteration-count: 1; 
}
@media only screen and (max-width: 600px) {
	.dw_jump_logo { padding: 0 10px; }
	.dw_jump_image { padding: 60px 10px 0 10px; margin: 30px 0; }
}