@charset "UTF-8";
/*
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
*/
@import url("normalize.css"); 
@import url("desktop.css") print,screen and (min-width:641px); 
@import url("mobile.css") screen and (max-width:640px);

* {
	margin:0;
	padding:0;
}

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


body {
	width:100%;
	font-family: 'Rounded Mplus 1c', sans-serif;
	/*font-family:Meiryo,メイリオ,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS PGothic",arial,helvetica,sans-serif;*/
/*    background-color: #FFF5E0;*/
}

.pagetop {
	position: fixed;
	bottom: 50px;
	right: 20px;
	width: 50px;
	height: 50px;
	z-index: 100;
	text-align: center;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #9fb7d4;
	color: #fff;
	font-size: 22px;
	line-height: 50px;
	text-decoration:none;
}
.pagetop a:hover {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #4776AF;
}
.btn a {
	display:block;
	width:88%;
	border-radius:8px;
	background-color:#1EAA39;
	line-height: 1.8;
	color:#FFF;
	padding:1rem 0;
	margin:1em auto;
	text-align:center;
	text-decoration:none;
	box-shadow: 0px 5px rgba(0,0,0,0.4);
	position:relative;
	max-width:700px;
}
.btn a:after {
	content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    right: 5%;
    width: 1em;
    height: 1em;
    border-top: #FFF 2px solid;
    border-right: #FFF 2px solid;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.t_center {text-align:center;}
.t_left{text-align: left;}
.present_box p {
	text-align:center;
	line-height:1.6;
}
.present_name {
	color:#F36;
	font-weight:bold;
}
.atn {
	padding:0 5px 10px;
	text-align:center;
	font-size:80%;
}
/*CVボタン*/
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.btn2,
a.btn2,
button.btn2 {
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}

.btn-wrap {
    margin: 20px auto 1rem;
    width: 90%;}

a.btn-c {
  position: relative;

  padding: 0.25rem 1rem 1rem;

  color: #fff;
  background: #e94919;
  -webkit-box-shadow: 0 5px 0 #d44114;
  box-shadow: 0 5px 0 #d44114;
 width: 90%;
    max-width: 700px;
}

a.btn-c span {
  font-size: 1rem;

  position: absolute;
  top: -1.25rem;
  left: calc(50% - 150px);

  display: block;

  width: 300px;
  padding: 0.2rem 0;

  color: #d44114;
  border: 2px solid #d44114;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.btn-c span:before,
a.btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);

  content: "";
}

a.btn-c span:before {
  bottom: -10px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #d44114 transparent transparent transparent;
}

a.btn-c span:after {
  bottom: -7px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

a.btn-c i {
  margin-right: 1rem;
}

a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #eb5b30;
  -webkit-box-shadow: 0 2px 0 #d44114;
  box-shadow: 0 2px 0 #d44114;
}