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


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) https://allabout.co.jp/gm/gc/451911/2/ */
/* --------------------------------------------- */

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

.point_img{
width: 95%;
position: relative;
margin: 40px auto 0 auto
}
@media (min-width: 640px) {
.point_img{
width: 85%;
margin: 50px auto 0 auto
}
}


.point_title{
color:#52c3f1;
margin: 0 0 12px 0;
font-size: 22px;
line-height: 1.4em
}
@media (min-width: 640px) {
.point_title{
font-size: 23px;
margin: 0 0 10px 0;
line-height: 1.6em
}
}

.point_txt{
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.5em;
    text-align: justify;
}
@media (min-width: 640px) {
.point_txt{
    width: 80%;
    font-size: 16px;
    line-height: 1.8em;
}
}

.yachin{
font-size: 136%;
font-weight: 600;
margin: 10px 0
}
@media (min-width: 640px) {
.yachin{
font-size: 180%;
}
}

.bold{
font-weight: 600
}

#header_title{
background:#52C3F1;
color: #fff;
padding: 7px 0 7px 0;
line-height: 1.2em;
font-size: 100%;
font-style: italic;
}
@media (min-width: 640px) {
#header_title{
padding: 9px 0 10px 0;
font-size: 20px
}
}


body{
	margin:0 auto;
	padding:0;
	text-align:center;
	position:relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	letter-spacing:0.01em;
}

* {
  margin: 0;
  padding: 0; 
}

img{
	width:100%;
	vertical-align:bottom
}


/*
#yane{
	background-image:url(../img/yane.svg);
	background-repeat: no-repeat;
	background-size:cover;
}
*/


/********************メインビジュアル********************/
#header_logo{
	width:100%;
}



#osusume{
/*font-family: 'Kosugi Maru', sans-serif;
font-weight:bold;
*/
font-weight:600;
font-size: 5vw;
/*color:#df1313;*/
color:#f04c82;
margin: 10px 0 0 0;
text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
font-style: italic;
letter-spacing: -0.02em;
font-family: 'Noto Serif JP', serif;
font-weight: 700
}
#osusume span{
font-size: 80%;
}

@media (min-width: 640px) {
#osusume{
font-size: 28px !important;
}
}


main{
	background-image:url(../img/main_bg.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	min-height:100%;
    padding: 0 0 190px 0;
    display:block
}

#main_catch{
	font-size: 6vw;
	font-weight:400;
	margin:10px auto 0px auto;
	line-height: 1.8em;
}

#main_catch span{
	font-size:140%;
	font-weight:500
}

#sano_main{
	margin-left:auto;
	padding-right: 2%;
    width: 93vw;
}

.marker_main{
background: linear-gradient(transparent 75%, #9ce3ff 75%);
}
	
b{
	color:#52C3F1;
	font-weight: bold;
}

/********************コンテンツ********************/	


#fufu{
	    width: 310px;
    margin: -74px auto 0 auto;
}

.question{
	font-size: 6vw;
    font-weight: 400;
    line-height: 1.6em;
    margin: 10px auto;
}
@media (min-width: 640px) {
#fufu{
	width:380px;
	margin: -95px auto 0 auto
}

.question{
	font-size: 36px;
    line-height: 1.6em;
    margin: 20px auto 40px auto;
}	
}

#no{
	font-size: 9vw;
    font-weight: 600;
	line-height: 1.3em;
	background-image:url(../img/no.svg);
	background-repeat: no-repeat;
	background-size:70%;
	background-position:center center;
	min-height:100%;
	padding:20px 10px;
	margin:20px 0
	
}
@media (min-width: 640px) {
#no{
	font-size: 50px;
	height:160px	
}	
}

#tatoe{
	font-size: 9vw;
    font-weight: 400;
    line-height: 1.6em;
    margin: 30px auto 30px auto;
}
@media (min-width: 640px) {
#tatoe{
	font-size: 50px;
	margin:50px 0	
}
}

.case{
	border:1px #9f9f9f solid;
	border-radius:6px;
	width:90%;
	margin:0 auto 30px auto;
	text-align:center
	
}

.case_title{
	background:#52c3f1;
	color:#fff;
	border-radius: 6px 6px 0 0;
	font-family: 'Montserrat', sans-serif;
	font-size:6vw;
	font-weight:300;
	display:flex;
	align-items:center;
	justify-content:center	
}


.case_no{
	font-size:8vw;
	margin-left:4px
}

@media (min-width: 640px) {
.case_title{
	font-size:36px;
}
.case_no{
	font-size:44px;
	margin-left:4px
}
}



.case_txt{
	padding:20px 20px 10px 20px;
	line-height:1.8em;
	text-align:justify;
	font-size:4vw
}
@media (min-width: 640px) {
.case_txt{
	padding:30px 30px 20px 30px;
	line-height:1.8em;
	font-size:20px
}	
}	



.illust{
	width: inherit;
    margin: 20px auto 10px auto;
}
@media (min-width: 640px) {
.illust{
	width: 430px;
}	
}


.ribbon{
	background:url(../img/ribbon.svg);
	background-repeat:no-repeat;
	background-size:94%;
	background-position:center;
	color:#fff;
	text-align:center;
	font-style:italic;
	padding:4px 0 18px 0;
	width:100%;
	margin:60px auto 0 auto;
	font-size:5.5vw;
	letter-spacing:0.1em
}
@media (min-width: 640px) {
.ribbon{
	font-size:34px;
	padding:7px 0 30px 0;
	margin:90px auto 0 auto;
}
}


.soudan_text{
	width:90%;
	text-align:justify;
	margin:10px auto 15px auto;
	font-size:14px;
	font-weight:normal
}
@media (min-width: 640px) {
.soudan_text{	
	font-size:20px;
}
}

.sano_soudan{
	width:90%;
	margin:0 auto;
}
@media (min-width: 640px) {
.sano_soudan{
	width:460px;
	margin:0 auto;
}

}


#sano_data{
	background-size: auto auto;
	background-color: rgba(218, 242, 252, 1);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 14px, rgba(237, 249, 254, 1) 14px, rgba(237, 249, 254, 1) 16px );/*https://css-stripe-generator.firebaseapp.com/*/
	border-radius:6px;
	width:90%;
  	margin:30px auto;
	padding:20px 0
}
@media (min-width: 640px) {
#sano_data{
	    padding: 20px 0 30px 0;
}	
}


.keireki{
	font-weight: 600;
    font-size: 5vw;
    line-height: 1.3em;
    margin-bottom: 15px;	
}
@media (min-width: 640px) {
.keireki{
    font-size:24px;	
}	
}


ul,li{
	margin:0;
	padding:0;
	list-style:none;
}

.keireki_list{
	width:90%;
	margin:0 auto;
	font-size:14px
}
@media (min-width: 640px) {
.keireki_list{
	font-size:18px;
}

}


.keireki_list li{
	border-bottom:2px #959595 dotted;
	padding: 14px 6px;
    text-align: left;
}

.keireki_list li:first-child{
	border-top:2px #959595 dotted;
	padding: 14px 6px;
    text-align: left;
}

.kaisu_year{
	display:flex;
	align-items:center;
	margin: 0 0 4px 0
}


.kaisu{
	background: #52c3f1;
    color: #fff;
    text-align: center;
    display: table;
    border-radius: 14px;
    padding: 0 14px 1px 14px;
    /* height: 12px; */
    line-height: 1.4em;
    font-weight: 600;
    margin: 0 4px 0 0;
}

.year{
	color:#52c3f1;
	font-weight: 700;
}



#yakusoku{
	background:url(../img/yakusoku_bg.jpg);
	background-repeat:no-repeat;
    background-size: contain;
    margin: 0 auto;
    width: 100%;
    padding: 20px 0 0px 0;
    min-height: 67vh;
}
@media (min-width: 768px) {
#yakusoku{
	margin-top:40px;
	padding:35px 0 0px 0;
	height: 770px;
}
}
@media (max-width: 320px) {
#yakusoku{
	    margin-top: 40px;
    padding: 1px 0 0px 0;
    height: 400px
}
}

#yakusoku_lead{
	font-size: 4.5vw;
    font-weight: 400;
	width: 100%;
	margin-top: 7%;
}
@media (min-width: 768px) {
#yakusoku_lead{
	font-size: 24px;
	margin-top: 68px;
}	
	
}

#yakusoku_lead span{
	font-size: 180%;
    font-weight: 600;
    color: #ab7f48;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.2em;
}
@media (min-width: 768px) {
#yakusoku_lead span{
	font-size:165%;	
}	
}


#yakusoku_list{
	font-family: 'Noto Serif JP', serif;
	font-size:6.5vw;
	font-weight:600;
	width: 90%;
    margin: 0 auto;
	display: block;
}
#yakusoku_list li{
	line-height:1.1em;
	margin-top:20px
}
@media (min-width: 768px) {
#yakusoku_list{
	font-size:42px;
}
	
#yakusoku_list li{
	margin-top:47px
}	
}



@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500;600&display=swap');
.brown{
	color:#ab7f48;
	font-size:170%;
	font-family: 'EB Garamond', serif;
	font-weight:500
}

asset{
	display:block;
}

#mokuteki{
	text-align: justify;
    font-size: 3.8vw;
    color: #fff;
    padding: 6px 10px;
    width: 72%;
    margin: 17px auto 0 auto;
    line-height: 1.4em;
    background: rgba(82,195,241,.8);
    display: block;
}
@media (min-width: 640px) {
#mokuteki{
	text-align: justify;
    font-size: 18px;
	line-height:1.6em;
	margin-top:40px	
}
}


.loan_title{
	font-size:7vw;
	font-weight:400;
	line-height: 1.4em;
    margin: 40px 0 20px 0;
}
@media (min-width: 640px) {
.loan_title{
	font-size: 36px;
    line-height: 1.3em;
	margin:90px 0 20px 0
}
}


#case_bg{
	background:url(../img/case_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding:20px 5px
}
@media (min-width: 640px) {
#case_bg{
	padding:38px 5px
}
}



#white_bg{
	background:rgba(255,255,255,.9);
	width:82%;
	margin:0 auto;
	padding:15px 18px 25px 18px
}

.kazoku_title{
	text-align:center;
	font-weight:600;
	font-size:5vw;
	margin:10px auto 10px auto
}
@media (min-width: 640px) {
.kazoku_title{
	font-size:28px;
	margin:30px auto 20px auto
}
}


.case_img{
	margin:0 auto 15px auto;
	width:70% ;
}

.c_txt{
		font-size:14px;
		text-align:justify;
		line-height:1.6em;
}
@media (min-width: 640px) {
.c_txt{
		font-size:18px;
		line-height:1.8em;
		width: 90%;
   		margin: 0 auto;
}
}


/********************社長********************/

#president_data{
	background-size: auto auto;
	background-color: rgba(218, 242, 252, 1);
	border-radius:6px;
	width:90%;
  	margin:30px auto;
	padding:20px 0
}
@media (min-width: 640px) {
#president_data{
	padding:40px 0	
}	
}


.president_lead{
	font-family: 'Noto Serif JP', serif;
	font-weight:600;
	font-size: 5.5vw;
    letter-spacing: 0.01em;
	text-align: center;
	margin: 10px 0;
}
@media (min-width: 640px) {
.president_lead{	
	font-size: 32px;
	line-height: 1.2em
}
}


.yamashita{
	width:44%;
	margin:15px auto 20px auto;
}
@media (min-width: 640px) {
.yamashita{
	width:34%;
	margin:25px auto 30px auto;
}
}


.president_list{
	width:90%;
	margin:0 auto;
	font-size:16px;
	font-weight:400;
	padding-bottom:10px
}
@media (min-width: 640px) {
.president_list{
	font-size:18px;	
}
}


.balloon2 {
      position: relative;
    display: inline-block;
    margin: 1.5em 0 6px 0;
    padding: 15px 18px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #FFF;
    border: solid 1px #757575;
    box-sizing: border-box;
    width: 90%;
    border-radius: 7px;
    text-align: left;
    line-height: 1.6em;
	font-weight: 500
}
@media (min-width: 640px) {
.balloon2 {
    margin: 1.5em 0 6px 0;
    padding: 16px 30px 19px 30px;
    font-size: 18px;
} 
}

.balloon2:before {
      content: "";
    position: absolute;
    bottom: -21px;
    left: 50%;
    margin-left: -15px;
    border: 11px solid transparent;
    border-top: 10px solid #FFF;
    z-index: 2;
}

.balloon2:after {
      content: "";
    position: absolute;
    bottom: -26px;
    left: 50%;
    margin-left: -17px;
    border: 13px solid transparent;
    border-top: 13px solid #757575;
    z-index: 1;
}

.balloon2 p {
  margin: 0;
  padding: 0;
}



.assist_title{
	font-size:5.5vw;
	font-weight:400;
	line-height: 1.5em;
    margin: 0px 0 25px 0;
}
@media (min-width: 640px) {
.assist_title{
	font-size:36px;
	 margin: 20px 0 35px 0;
	 line-height: 1.4em;
}
}
.assist_mini{
font-size: 75%
}


.president_list li:first-child{
	border-top:2px #959595 dotted;
	padding-top:10px;
	
}

.president_list li{
	padding:3px 6px;
    text-align: left;
	text-indent:-1em;
	padding-left:1em
}


.assist_logo{
	width:70%;
	margin:50px auto 10px auto
}
@media (min-width: 640px) {
.assist_logo{
	width:50%;	
	margin:50px auto 10px auto
}
}


#ruikei{
	font-weight:400;
	font-size:5vw;
	margin: 10px 0 18px 0;
    line-height: 1.8em;
}
@media (min-width: 640px) {
#ruikei{
	font-size:30px;
	line-height: 1.8em;
}	
}


#jisseki{
	font-size:160%;
	position:relative
}

#jisseki::before{
	content:"";
	background:url(../img/sen.png);
	background-repeat:no-repeat;
	width: 31px;
    height: 35px;
    display: inline-block;
}
#jisseki::after{
	content:"";
	background:url(../img/sen.png);
	background-repeat:no-repeat;
	width: 31px;
    height: 35px;
    display: inline-block;
    transform: scale(-1, 1);
    margin: 0px 0 -3px 0;
}
@media (min-width: 640px) {
#jisseki::before{
	width: 35px;
    height: 59px;
    position: absolute;
    top: 6px;
	left: 89px;
}
#jisseki::after{
	width: 35px;
    height: 59px;
    position: absolute;
    top: 6px;
	right: 89px;
}	
}


#s80000{
	font-size: 150%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

.blue{
	color:#53c3f1;
}
.ken{
	font-weight:600;
}

#flow_title{
	 background: url(../img/flow_title.jpg) no-repeat;
    background-size: cover;
    height: 109px;
    color: #fff;
    font-size: 6vw;
    line-height: 4.5em;
    font-weight: 400;
    /* padding: 63px 0 0 0; */
    margin: 60px 0 30px 0;
    font-weight: 600;
}
@media (min-width: 640px) {
#flow_title{
	font-size:28px;
	margin: 100px 0 40px 0;
	 background-size: cover;
    height: 128px;
}
}


.icon{
width: 80%;
margin: 10px auto 10px auto
}

@media (min-width: 640px) {
.icon {
width:350px;
margin: 10px auto 10px auto
}
}

.step{
font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #fff;
    background: #52c3f1;
    font-size: 22px;
    width: 90%;
    border-radius: 30px;
    margin: 0px auto 11px auto;
	padding: 4px 0
}
@media (min-width: 640px) {
.step{
 	font-size: 26px;
    width: 84%;
	padding: 4px 0
}
}
/********************フォーム********************/
#form_title{
	background:#23a2ee;
	color:#fff;
	font-size:6vw;
	line-height:1.2em;
	font-weight:400;
	padding:14px 0;
	margin:60px 0 10px 0;
	font-weight: 600;
}
@media (min-width: 640px) {
#form_title{
	font-size:28px;
	margin: 100px 0 20px 0;
}
}


#hensai_title{
	background:#23a2ee;
	color:#fff;
	font-size:6vw;
	line-height:1.2em;
	font-weight:400;
	padding:14px 0;
	margin:60px 0 10px 0;
	font-weight: 600;
}
#hensai_title span{
    position: relative;
    padding-left: 16px;
}
#hensai_title span::before {
   content: "";
    display: inline-block;
    width: 20px;
    height: 41px;
    background: url(../img/dentaku.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 1px;
    margin-left: -28px;
}
@media (min-width: 640px) {
#hensai_title{
	font-size:36px;
	margin: 100px 0 20px 0;
	line-height:1.2em;
	padding:20px 0 25px 0;
}

#hensai_title span{
    position: relative;
    padding-left: 33px;
}
#hensai_title span::before {
       content: "";
    display: inline-block;
    width: 31px;
    height: 52px;
    background: url(../img/dentaku.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 5px;
    margin-left: -38px;
}

}

#simulation{
font-weight: 600;
font-size: 22px
}
@media (min-width: 640px) {
#simulation{
font-size: 28px
}
}

.uchiwake{
width: 90%;
    margin: 9px auto;
    font-size: 13px;
	text-align: left;
	font-weight: 400;
}

@media (min-width: 640px) {
.uchiwake{
	width: 73%;
    margin: 9px auto;
	font-size: 16px;
}
}

.yen{
font-size: 80%;
}
.data{
border: 1px #000 dotted;
text-align: left;
padding: 8px 15px 10px 15px;
display: inline-block;
margin: 20px auto 15px auto;
font-size: 18px;
}
@media (min-width: 640px) {
.data{
    padding: 8px 30px 10px 33px;
    display: block;
    font-size: 22px;
	margin: 35px auto 15px auto;
    width: 280px;
}
}

.shiki{
text-align: left;
margin: 0 auto;
display: inline-block;
}
.border{
border-bottom: 1px #000 solid;
width: 88%;
margin: 6px auto 4px auto
}

.kariire{
margin-left: 22px
}

.gaku{
background: #df1313;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    padding: 13px 0 16px 0;
	outline: 1px solid #FFFFFF;
    outline-offset: -5px /* どれだけ内側に線を表示したいかを負の値で指定 */;
}
@media (min-width: 640px) {
.gaku{
    width: 466px;
    margin: 0 auto;
    padding:15px 0 17px 0;
}
}



.fa-caret-right{
color: #52c3f1;
margin-right: 4px
}

.gaku .point_txt{
margin-top: 6px;
font-weight: 400
}
@media (min-width: 640px) {
.gaku .point_txt{
margin-top: 6px;
    line-height: 1.6em;
    width: 87%;
}
}

.arrow_orange{
width: 60px;
margin:5px auto 14px auto
}
.arrow_orange_flow{
width: 60px;
margin:12px auto 14px auto
}
.form_txt{
	width:90%;
	margin:0 auto;
	font-size:14px;
	line-height:1.6em;
	text-align:justify;
}

.aka{
color:#df1313;
font-weight: 800
}

@media (min-width: 640px) {
.form_txt{	
	font-size:18px;
	line-height:1.8em
}
}



.red{
	color:#ff0000}




.soushinbtn{
    border: none;
    position: relative;
    line-height: 12px;
    display: block;
    width:90%;
    font-size: 24px;
    margin:30px auto  0 auto;
	font-family: 'Noto Sans JP', sans-serif;
	background-color:#52C3F1;
	padding:17px 40px 20px 40px;
	text-decoration:none;
	color:#fff;
	box-shadow:0px 6px 0px #0096DE;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	transition:ease-in-out 0.3s
}

	



.soushinbtn:hover{
	opacity:0.7;
}
	

#kojin{
	width: 90%;
    margin: 10px auto 0px auto;
    text-align: justify;
    font-size: 14px;
}
@media (min-width: 640px) {
#kojin {
    width: 100%;
	margin: 10px auto 0px auto;
    font-size: 16px;
    line-height: 1.6em;
}	
}


.check{
	font-size:14px;
}

/********************会社概要********************/
#company_title {
    border:1px solid #23a2ee;
    color: #23a2ee;
    font-size: 6vw;
    line-height: 1.2em;
    font-weight: 400;
    padding: 8px 0 10px 0;
    margin: 60px auto 30px auto;
	width:100%
}
@media (min-width: 640px) {
#company_title {
	  font-size:28px;
	  margin: 90px auto 30px auto;	
}
}

.bill_img{
	width:200px;
	margin:30px auto
}
@media (min-width: 640px) {
.bill_img{
	width:300px;	
}	
}


	
.company_list{
	width:90%;
	margin:0 auto;
	font-size:14px;
	border-top: 2px #959595 dotted;
}
@media (min-width: 640px) {
.company_list{
	font-size:18px;	
}	
}



.company_list li {
    border-bottom: 2px #959595 dotted;
    padding: 14px 10px;
    text-align: left;
}
.company_list li p{
	font-weight:600;
	margin-bottom: 4px;
}


copy{
	font-size:12px;
	font-family: 'Montserrat', sans-serif;
	margin: 30px auto 130px auto;
    display: block;
}
@media (min-width: 640px) {
copy{
	font-size:14px;
	margin: 60px auto 60px auto;
}


}

@media screen and (min-width:768px) and ( max-width:1024px) {
copy {
    font-size: 14px;
    margin: 30px auto 180px auto;
}
}
/********************フッター********************/
footer {
  width: 100%;
  height: auto;
  background-color: none;
  position: fixed;
  bottom: 0;
  transition: 0.5s;
  z-index:2
  }
 
 
.sp{
	display:inline;
}
.pc{
	display:none;
} 
  
#wrap{
	margin:0 auto 100px auto
}


.fade{
	animation: fadeIn 1s ease 2s 1 backwards;

}
@keyframes fadeIn { /*animation-nameで設定した値を書く 【保存版】CSSアニメーションの種類・使い方・サンプル*/

  0% {opacity: 0} /*アニメーション開始時は不透明度0%*/

  100% {opacity: 1} /*アニメーション終了時は不透明度100%*/

}


/* -------------------------------------------- */
/* ▼タブレット用デザインとして付け足すデザイン */
/* -------------------------------------------- */
@media (min-width: 640px) {
#main_catch{
	font-size:34px;
	margin:20px auto 0 auto;
	line-height: 1.7em;
}

#sano_main{
	margin-left: 0;
    padding-right: 0;
    width: 416px;
    text-align: center !important;
    display: block;
    margin: 10px 28px 0 auto;
}




main{
	padding: 0 0 300px 0;
	background-position: bottom;
}

img{
		width:100%;
	}
	
#wrap{
	width:640px ;
	margin:0 auto 100px auto
}

footer {
  width: 640px;

  }


#main2{
	width:250px;
	
}	

.sp{
	display:none;
}
.pc{
	display:inline;
}
	
　
}



a:link,a:visited{
	color:#52C3F1;
	text-decoration: underline;
	transition:0.3s ease-in-out
}

a:hover{
	opacity:0.7;
	text-decoration:none
}

#pc_menu_title{
	width:96%;
	margin:0 auto
}
@media (min-width: 640px) {
#pc_menu_title{
	width:95%;
}	
}


#pc_menu{
	display:flex;
}
#pc_menu{
	width:94%;
	margin:5px auto 10px auto
}

#pc_menu li{
	width:calc(100%/2);
	margin:0 0.4%
}


#thanks{
	font-size:6vw;
	line-height:1.4em;
	margin:20px 0 10px 0
}

#thanks_logo{
	margin:120px auto 0 auto !important;
}
@media (min-width: 640px) {
#thanks{
	font-size:30px;
	line-height:1.4em;
	margin:20px 0 10px 0
}

#thanks_logo{
	margin:220px auto 0 auto !important;
}	
	
	
}


/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media (min-width: 1024px) {
#wrap{
	width:640px;
	margin:0 auto 0px auto
}

	
}