@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* 基本設定 */
body{
	font-family: 'Noto Sans JP', sans-serif;
	background-color: rgb(246, 233, 202);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

:focus {
	outline: none;
}

#single {
	text-align:center;
	
}
	
.sp_single {
		width: 100%;
		max-width: 750px;
		background-color: white;
}

#responsive {
	max-width:750px;
	width: 100%;
	margin : 0 auto;
}

img {
	display: block !important;
	max-width: 100%;
	margin : 0 auto;
}

/* リンク設定 */
a{
	transition: color 0.3s;
}

a:link {
	color: White;
	text-decoration:none;
}

a:visited {
	color: White;
}

a:hover {
	color: #FFCC00;
}

/* ボタン基本設定 */
*,
*:before,
*:after {
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.btn,
a.btn,
button.btn {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 4rem;
	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;
	border-radius: 0.8rem;
	border: 4px solid #ee9a65;
}

/* フッター設定 */

footer{
	max-width:960px;
	margin: 0 auto;
	text-align: center;
	background-color: White;
}
.footer_copy{
	padding-top: 30px;
	color: #004da0;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5rem;
}

.footer_btn{
	padding-top: 30px;
}

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #ef6925;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f8993b;
}

.footer_caption{
	margin: 0 auto;
	max-width:90%;
	font-size: 0.8rem;
	line-height: 1.2rem;
	padding: 20px;
	text-align: justify;
}

.footer_attention{
	margin: 0 auto;
	max-width:100%;
	font-size: 0.8rem;
	line-height: 1.2rem;
	padding: 30px;
	text-align: justify;
	margin-top: 20;
	margin-bottom: 20px;
	background-color: #fff6e0;
}

.footer_attention p{
	font-size: 0.9srem;
	font-weight: bold;
	text-align:center
}



.footer_syaken{
	margin: 0 auto;
	max-width:80%;
}

.footer_syaken img{
	padding: 20px;
	border-top: 2px solid #004da0;
	border-bottom: 2px solid #004da0;
	margin: 0 20px 20px;
}

.footer_info{
	background-color: #004da0;
	padding:35px;
	color: #fff;
}

.footer_logo img{
	width: 400px;
 }

.footer_access{
	font-size: 0.8rem;
	margin-top: 10px;
	line-height: 1.2rem;
}

.footer_policy{
	font-size: 1.0rem;
	font-weight: 400;
	margin-top: 10px;
}

.footer_copyright{
	font-size: 0.8rem;
	margin-top: 20px;
}

/* PC表示 */
@media (min-width: 768px) {

.pc { 
	display: block !important;
	width: 100%;
}
.sp { 
	display: none !important;
}



.footer_access .access{
	padding-left: 15px;
}

}

/* SP表示 */
@media (max-width: 767px) {
	
.pc { 
	display: none !important;
}
.sp { 
	display: block !important;
	width: 100%;
}

body{
	background-color: transparent;
}

.footer_copy{
	color: #004da0;
	font-size: 1.1rem;
}
.footer_caption{
	max-width:100%;
	font-size: 0.7rem;
	line-height: 1.0rem;
	padding: 10px 20px;
}

.footer_attention{
	max-width:100%;
	font-size: 0.7rem;
	line-height: 1.0rem;
	padding: 10px 20px;
	margin-top: 20;
	margin-bottom: 20px;
	background-color: #fff6e0;
}

.footer_attention p{
	font-size: 0.8rem;
	font-weight: bold;
	text-align:center
}



.footer_btn{
	padding-top: 20px;
	padding-bottom: 10px;
}

.btn,
a.btn,
button.btn {
	padding: 0.6rem 4rem;
}

.button.btn {
	width:100%;
}

.footer_syaken{
	max-width:90%;
}

.footer_syaken img{
	padding: 15px 0;
	border-top: 1px solid #004da0;
	border-bottom: 1px solid #004da0;
	margin: 0 20px 20px;
}

.footer_info{
	padding: 25px;
}

.footer_access{
	font-size: 0.6rem;
	line-height: 0.8rem;
}
.footer_policy{
	font-size: 0.8rem;
}

.footer_copyright{
	font-size: 0.6rem;
	margin-top: 20px;
}
}


.footer_box {
    max-width:85%;
    margin: 0 auto;
	margin-top:20px;
	margin-bottom:30px;
	padding: 10px;
    border: 1px solid #000000;
    border-radius: 5px;
    color: #333333;
	font-size: 0.7rem;
	line-height: 1.0rem;
	text-align:left
}


.footer_box div {
    display: inline-flex;
    column-gap: 4px;
    position: relative;
    top: 0px;
    left: -8px;
    margin: 0 20px;
    padding: 0 8px;
    background: #fff;
    color: #000000;
    font-weight: 600;
}


.footer_box div::before {
    width: 22px;
    height: 22px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z' fill='%23f06060'%3E%3C/path%3E%3C/svg%3E");
}

.footer_box p {
    margin: 0;
    padding: 0 1.5em 1em;
}