@charset "UTF-8";
/* CSS Document */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ *
TITLECOPIES
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

#titlecopies
	{
	background: url("../img/contact/titleback.jpg") center right no-repeat;
	background-size: cover;
	}
	
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ *
H201
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.contents_1column>.h201
	{
	margin:0 auto 0;
	font-family: 'Oswald', sans-serif;
	font-size: 4rem;
	text-align: center;
	line-height: 160%;
	}	

/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1920px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1680px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1280px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 880px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 768px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 480px) {
 /* ************** */
 /* *************** */
	}


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ *
UL
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.contents_1column .text01
	{
	margin:8% auto 0;
	padding:0 5% 0;
	width: 100%;
	max-width: 1260px;
	text-align: justify;
	text-justify: inter-character;
	font-size: 1.6rem;
	line-height: 178%;
	color:#434343;
	}
	
.contents_1column .text01 span
	{
	color:#DB2626;
	}
	
.contents_1column ul
	{
	margin:9% auto 0;
	padding:0 5% 12%;
	width: 100%;
	max-width: 1280px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	}
	
.contents_1column ul li
	{
	margin:0 0;
	width: 48.5%;
	}
	
.contents_1column ul li a , .contents_1column ul li p
	{
	display: block;
	cursor: pointer;
	border-radius: 10px;
	text-align: center;
	width: 100%;
	line-height: 420%;
	font-size: 1.6rem;
	background: #3A89BB;
	color:#ffffff;
	transition: all .4s;
	}
	
.contents_1column ul li a:hover , .contents_1column ul li p:hover
	{
	background:#3dc32f;
	transition: all .4s;
	}
	
.contents_1column ul li p::before/* FontAwesomでリストの後にアローを追加 */
	{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f057";
	padding-right: 12px;
	}
	
.contents_1column ul li a::before/* FontAwesomでリストの後にアローを追加 */
	{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f2ea";
	padding-right: 12px;
	}

/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1920px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1680px) {
 /* ************** */
.contents_1column .text01
	{
	margin:8% auto 0;
	max-width: 1200px;
	font-size: 1.5rem;
	}
	
.contents_1column ul
	{
	margin:9% auto 0;
	padding:0 5% 12%;
	max-width: 1220px;
	}
	
.contents_1column ul li
	{
	margin:0 0;
	width: 48.5%;
	}
	
.contents_1column ul li a , .contents_1column ul li p
	{
	border-radius: 10px;
	line-height: 420%;
	font-size: 1.5rem;
	}
	
.contents_1column ul li p::before , .contents_1column ul li a::before/* FontAwesomでリストの後にアローを追加 */
	{
	padding-right: 12px;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1480px) {
 /* ************** */
.contents_1column .text01
	{
	margin:9% auto 0;
	max-width: 1120px;
	font-size: 1.4rem;
	}
	
.contents_1column ul
	{
	margin:10% auto 0;
	padding:0 5% 14%;
	max-width: 1180px;
	}
	
.contents_1column ul li
	{
	margin:0 0;
	width: 48.5%;
	}
	
.contents_1column ul li a , .contents_1column ul li p
	{
	border-radius: 8px;
	line-height: 440%;
	font-size: 1.4rem;
	}
	
.contents_1column ul li p::before , .contents_1column ul li a::before/* FontAwesomでリストの後にアローを追加 */
	{
	padding-right: 10px;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1280px) {
 /* ************** */
.contents_1column .text01
	{
	margin:9% auto 0;
	padding:0 6%;
	max-width: 100%;
	font-size: 1.3rem;
	}
	
.contents_1column ul
	{
	margin:10% auto 0;
	padding:0 5% 14%;
	max-width: 100%;
	}
	
.contents_1column ul li
	{
	margin:0 0;
	width: 48.5%;
	}
	
.contents_1column ul li a , .contents_1column ul li p
	{
	border-radius: 8px;
	line-height: 440%;
	font-size: 1.3rem;
	}
	
.contents_1column ul li p::before , .contents_1column ul li a::before/* FontAwesomでリストの後にアローを追加 */
	{
	padding-right: 10px;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 880px) {
 /* ************** */
.contents_1column .text01
	{
	margin:10% auto 0;
	padding:0 6%;
	font-size: 1.2rem;
	}
	
.contents_1column ul
	{
	margin:12% auto 0;
	padding:0 5% 16%;
	}
	
.contents_1column ul li
	{
	margin:0 0;
	width: 48.5%;
	}
	
.contents_1column ul li a , .contents_1column ul li p
	{
	border-radius: 8px;
	line-height: 480%;
	font-size: 1.2rem;
	}
	
.contents_1column ul li p::before , .contents_1column ul li a::before/* FontAwesomでリストの後にアローを追加 */
	{
	padding-right: 7px;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 768px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 480px) {
 /* ************** */
.contents_1column .text01
	{
	margin:15% auto 0;
	padding:0 9%;
	font-size: 1.1rem;
	line-height: 190%;
	}
	
.contents_1column ul
	{
	margin:18% auto 0;
	padding:0 5% 16%;
	display: block;
	}
	
.contents_1column ul li
	{
	margin:0 auto 3.6%;
	width: 100%;
	}
	
.contents_1column ul li a , .contents_1column ul li p
	{
	border-radius: 6px;
	line-height: 480%;
	font-size: 1.2rem;
	}
	
.contents_1column ul li p::before , .contents_1column ul li a::before/* FontAwesomでリストの後にアローを追加 */
	{
	padding-right: 7px;
	}
 /* *************** */
	}
	
	
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ *
dl_btn
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

.dlbtn
	{
	margin:3% auto 0;
	width: 90%;
	max-width: 1000px;
	}
	
.dlbtn dt
	{
	margin:0 auto 0;
	text-align: center;
	width: 32%;
	max-width: 100px;
	animation: flash 1.5s linear infinite;
	}
	
@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0.62;
  }
}

.dlbtn dd
	{
	margin:5% auto 0;
	width: 100%;
	max-width: 900px;
	}
	
.dlbtn dd a
	{
	display: block;
	text-align: center;
	line-height: 250%;
	width: 100%;
	font-size: 3.5rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	color: #3A89BB;
	background: #FFF;
	border:solid 6px #3A89BB;
	transition: all .4s;
	}
	
.dlbtn dd a:hover
	{
	color: #FFF;
	background: #3A89BB;
	border:solid 6px #3A89BB;
	transition: all .4s;
	border-radius: 18px;
	}
	

/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1920px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1680px) {
 /* ************** */
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1280px) {
 /* ************** */
.dlbtn
	{
	margin:3% auto 0;
	width: 90%;
	max-width: 900px;
	}
	
.dlbtn dt
	{
	width: 30%;
	max-width: 90px;
	}

.dlbtn dd
	{
	margin:5% auto 0;
	width: 90%;
	max-width: 800px;
	}
	
.dlbtn dd a
	{
	line-height: 250%;
	width: 100%;
	font-size: 3.2rem;
	border:solid 5px #3A89BB;
	}
	
.dlbtn dd a:hover
	{
	color: #FFF;
	background: #3A89BB;
	border:solid 5px #3A89BB;
	border-radius: 18px;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 1024px) {
 /* ************** */
.dlbtn
	{
	margin:5% auto 0;
	width: 88%;
	max-width: 100%;
	}
	
.dlbtn dt
	{
	width: 40%;
	max-width: 80px;
	}

.dlbtn dd
	{
	margin:5% auto 0;
	width: 90%;
	max-width: 800px;
	}
	
.dlbtn dd a
	{
	line-height: 270%;
	width: 100%;
	font-size: 3rem;
	border:solid 4px #3A89BB;
	}
	
.dlbtn dd a:hover
	{
	color: #FFF;
	background: #3A89BB;
	border:solid 4px #3A89BB;
	border-radius: 18px;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 640px) {
 /* ************** */
.dlbtn
	{
	margin:8% auto 0;
	width: 88%;
	max-width: 100%;
	}
	
.dlbtn dt
	{
	width: 40%;
	max-width: 80px;
	}

.dlbtn dd
	{
	margin:7% auto 0;
	width: 90%;
	max-width: 800px;
	}
	
.dlbtn dd a
	{
	line-height: 270%;
	width: 100%;
	font-size: 2.8rem;
	}
 /* *************** */
	}
	
/* ▼▼▼▼▼▼▼▼MaxWidth1980(tablet)▼▼▼▼▼▼▼▼ */


@media screen and (max-width: 480px) {
 /* ************** */
 /* *************** */
	}