@charset "utf-8";
/* CSS Document */
/*font*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600;700;900&display=swap');

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {
}
#wrap {
}

.pcNone{ display:none;}
.spNone{ display:block;}
.dispFlex{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {}
#headerAreaLogo{}
#headerAreaLogo h1{}

#headerArea #headerLink{
    width: 248px;
}

.appTop {
	font-size: 35%;
    float: right;
    padding-left: 1em;
    padding-top: 3em;
	font-weight: bold;
	color: black;
	font-family: auto;
}
/*.appTop a:link{
	font-weight: bold;
	color: black;
}
*/
/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea { width:950px; margin:0 auto;}
#contentsAreaInner {}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner{}
#footerAreaLogo{}
#footerAreaLink{}

#footerCopyright{ margin-top:25px;}



/*----------------------------------------------------------------------------
 ***                                                                frontPage
----------------------------------------------------------------------------*/
/*font*/
.frontPage body, .frontPage h1, .frontPage h2, .frontPage h3, .frontPage td, .frontPage th, .frontPage p, .frontPage li{
	font-family: YuMincho, 'Yu Mincho', serif;
}

.contentsInner{ width: 950px; margin: 0 auto;}
.notosans{ font-family: 'Noto Sans JP', sans-serif;}
.hiragino-serif {font-family:'Hiragino Mincho Pro',serif;}
.bg_main{background-image: url("../images/bg_main.png"); background-position: center;}
.bg{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position:relative;width: 100vw;
	position: relative;left: 50%;
	transform: translateX(-50%);
	position: relative;
}
.bg:before{
	content: "";
	position: absolute;
	top: 1%; 
	width: 100%;
	height: 98%; 
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
	z-index: -1;
}
.bg_white{position: relative;}
.bg_white:before{
	content: "";
	position: absolute;
	top: 0; 
	width: 100%;
	height: 100%; 
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%);
	z-index: -1;
}

.bg04.bg_white:before{top: 5%; height: 36%;}
.bg02{background-image: url("../images/bg02.jpg");}
.bg03{background-image: url("../images/bg03.jpg");}
.bg04{background-image: url("../images/bg04.jpg");}

/*wrap*/
.frontPage img{width: 220px; height: auto;}
.btn{text-align: center;}
.btn img{width: 290px;}
.frontPage h2{text-align: center; font-size: 2.4em; color: #42210B; margin-bottom: 0.6em; font-family: 'Noto Serif JP', serif, 'Hiragino Mincho Pro'; font-weight: 900}
.borderYellow{position: relative; z-index: 0;}
.borderYellow:before{position: absolute; content: ""; border-bottom: solid 0.5em yellow; width: 100%; bottom: 0; z-index: -1;}
.colorRed{color: red;}
.contents{padding: 60px 0;}

.frontPage #headerArea{margin: 0 auto; border: none; background: #F1EDE6; padding: 10px 0;}
.frontPage #headerTitle{width: 100%;justify-content: space-between;}
.frontPage .topSec{	
	height: 590px;
	background: #F1EDE6;
	width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%); 
	padding: 0;
}
.frontPage .topSec:before{
	background-image: url("../images/bg_top.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat; 
	position: absolute;
	content: "";
	height: 75%; 
	width: 100%;
}
.frontPage .topSec:after{background: #F1EDE6; position: absolute; content: "";height: 160px; width:100% ;bottom: 0;}
.frontPage .topSec .contentsInner{padding-top: 70px;position: relative;}
.frontPage .topSec .contentsInner:before{
	content: "";
	width: 0;height: 0;
	border-style: solid;
	border-width: 40px 40px 0 40px;
	border-color: #F1EDE6 transparent transparent transparent;
	position: absolute;
	bottom: -60px;
	left: 0; 
	right: 0;
	margin: auto;
}
.frontPage .topBox{	position: relative; z-index: 1;}
.frontPage .topBox .btn{margin: 20px auto;}
.frontPage .topBox p{text-align: center; color: #603813}
.frontPage .topBox .txt_top{ font-size: 1.2em; font-weight: 600; }
.frontPage .topBox .topBox_topic{justify-content: center;}
.frontPage .topBox .topBox_topic li{ margin: 0 20px; background: #F1EDE6; border: solid 6px #603813; text-align: center; width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #603813}
.frontPage .topBox .topBox_topic li p{margin: 0 auto; font-size: 0.9em;}
.frontPage .topBox .topBox_topic li .ttl{margin: 1em auto 0.5em;}
.frontPage .topBox .topBox_topic li span{font-size: 1.5em; font-weight: 900; font-family: 'Noto Serif JP', serif, 'Hiragino Mincho Pro'; line-height: 1.2em;}
.frontPage .ttl_top01 img{width: 420px}
.frontPage .ttl_top02{position: absolute; top: -78px; left: -30px;}
.frontPage .ttl_top03{position: absolute; top: -60px; right: -130px;}
.frontPage .ttl_top03 img{width: 330px;}

.frontPage .mainSec{}
.frontPage .mainSec li{width: 85%; height: 280px;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;margin-left: 5%;}
.frontPage .mainSec li:nth-child(2){margin-left: 10%}
.frontPage .mainSec li p{position: absolute;top: 60px; right: 60px; width: 48%; font-size: 0.9em; }
.frontPage .mainSec li:nth-child(2) p{left: 100px;}
.frontPage .mainSec li p span{font-size: 1.4em; font-weight: 900; line-height: 1.4em;font-family: 'Noto Serif JP', serif, 'Hiragino Mincho Pro';}
.frontPage .mainSec li:nth-child(1){background-image: url("../images/img_main01.png");}
.frontPage .mainSec li:nth-child(2){background-image: url("../images/img_main02.png");}
.frontPage .mainSec li:nth-child(3){background-image: url("../images/img_main03.png");}

.frontPage .stepSec .stepBox{margin: 20px auto; position: relative;}
.frontPage .stepSec .stepBox:before{content: ""; position: absolute; border: dashed 2px #42210B; height: 105%; left: 13%; z-index: -1}
.frontPage .stepSec .stepBox05:before{ border:none;}
.frontPage .stepSec .ttl_step{width: 80%; margin: 0 auto;}
.frontPage .stepSec .ttl_step img{width: 100%;}
.frontPage .stepSec .list_step{justify-content: center; align-items: flex-end;}
.frontPage .stepSec .list_step p{margin: 10px 10px}
.frontPage .stepSec .list_step03{justify-content: flex-end; width: 90%; margin: 0 auto;}
.frontPage .stepSec .list_step03 p{margin-top: -0.5em; font-size: 1.1em;}
.frontPage .stepSec .list_step03 span{font-size: 1.4em; font-weight: 900; line-height: 2.2em;font-family: 'Noto Serif JP', serif, 'Hiragino Mincho Pro';}
.frontPage .stepSec .list_step03 li{font-size: 0.8em; width: 23%; height: auto; margin: 10px; background: #F1EDE6; padding: 20px;}
.frontPage .stepSec .img_step04_02{width: 110px;}
.frontPage .stepSec .list_step05 p{display: flex; flex-direction: column; font-weight: 600; font-size: 1.1em;}
.frontPage .stepSec .txt_step05{text-align: center; font-size: 1.8em; font-weight: 900; color: #42210B;}

.frontPage .topicSec .topicBox{background: #f1ede6;padding: 30px 90px; margin-bottom: 20px;}
.frontPage .topicSec .topicBox h3{font-size: 1.5em;font-family: 'Noto Serif JP', serif, 'Hiragino Mincho Pro'; font-weight: 900;}
.frontPage .topicSec .topicBox h3,
.frontPage .topicSec .topicBox p{text-align: center;}

.frontPage .topicSec .topicBox_white {background: #fff; padding: 30px 40px; margin-top: 20px;}
.frontPage .topicSec .topicBox_white p{text-align: left;}
.frontPage .topicSec .topicBox_white ul{justify-content: space-between;}
.frontPage .topicSec .topicBox_white li img{width: 165px;}
.frontPage .topicSec .topicBox_white02 {position: relative; padding: 65px 40px;}
.frontPage .topicSec .topicBox_white02 .txt{width: 60%;}
.frontPage .topicSec .topicBox_white02 .img{margin: 0; position: absolute; bottom: 0; right: 5%}

.frontPage .dojoSec{}
.frontPage .dojoSec .txt{text-align: center;}
.frontPage .dojoSec .btnList{justify-content: center; margin-bottom: 40px;}
.frontPage .dojoSec .btnList li{margin: 0 10px;}
.frontPage .dojoSec .btnList img{width: 320px}
.frontPage .dojoSec .dojoBox{background: #fff; width: 750px; margin: 0 auto 40px;}
.frontPage .dojoSec .dojoBox h3{background: #42210B; padding: 0.5em 2em; margin: 0 auto;}
.frontPage .dojoSec .dojoBox p{padding: 10px 5%;}
.frontPage .dojoSec .dojoBox .img img{width: 100%;}
.frontPage .dojoSec .dojoBox .otherBox{align-items: center; justify-content: center; width: 95%; margin: 0 auto;}
.frontPage .dojoSec .dojoBox .txt_other{width: 55%; padding: 10px 0;}
.frontPage .dojoSec .dojoBox .txt_other.w100{width: 100%; margin-bottom: 0;}
.frontPage .dojoSec .dojoBox .img_other{width: 43%; padding: 10px 1%;}
.frontPage .dojoSec .dojoBox .img_other img{width: 310px;}
.frontPage .dojoSec .dojoBox .ttl_other {background: #736357; color: #fff; font-weight: 600; width: 80%; margin: 0 auto;}
.frontPage .dojoSec .dojoBox dl{width: 88%; margin: 1em auto 0;}
.frontPage .dojoSec .dojoBox dt,
.frontPage .dojoSec .dojoBox dd{display: inline-block; margin-bottom: 0.3em; border-bottom: dashed 2px #736357; font-size: 0.8em; line-height: 2em;}
.frontPage .dojoSec .dojoBox dt{width: 40%;}
.frontPage .dojoSec .dojoBox dd{width: 59%;}
.frontPage .dojoSec .dojoBox03 img {width: 100%;}


.frontPage #footerArea {padding-top: 50px;}
.frontPage #footerArea .txt{color: #42210B; font-size: 1.2em; margin-bottom: 0; position: relative; z-index: 1;}
.frontPage #footerArea .img_fee{text-align: center; margin-top: -0.5em;}
.frontPage #footerArea .img_fee img{width: 470px;}
.frontPage #footerArea .img_fee02{ width: 120px; margin-left: 1em;}
.frontPage #footerArea p{text-align: center; margin-bottom: 40px; font-size: 1.4em; font-weight: 600;}
.frontPage #footerArea .box_policy{justify-content: center;}
.frontPage #footerArea .box_policy li{margin: 0 1em; text-align: center;}
.frontPage #footerArea .box_policy li a{color: #fff;}
.frontPage #footerAreaInner h2{margin-top: 20px;}
#footerCopyright{background: #000 !important;}



#risusapuSec {background: url("../images/img_contents32_back.png") bottom center no-repeat; margin-top: 80px; padding-top: 1px;}
#risusapuSec .risusapuInner{ margin-top: -30px;}
#risusapuSec .risusapuInner img{ margin: 0 auto; padding-left: 3em; width: auto;}


/*----------------------------------------------------------------------------
 ***                                                                policySec
----------------------------------------------------------------------------*/

#policySec { padding-bottom:30px;}
#policySec h2{ text-align:center; font-size:28px; color:#e91e63; padding:5px 0 25px;}
#policySec p{ font-size:14px; margin:15px 0 6px 0;}
#policySec h3{ font-size:18px; border-left:10px solid #e91e63; padding-left:0.3em; line-height:2em; margin-bottom:10px;}
#policySec .txtBox { font-size:12px; line-height:1.5em; margin:2px 0 4px 0;}
#policySec .section{ margin:20px 0 0;}

/*----------------------------------------------------------------------------
 ***                                                               infomation
----------------------------------------------------------------------------*/
#news{ width:750px; margin:0 auto 40px; border:3px #c5c5c5 solid;}
#news ul{ margin:25px 100px;}
#news ul li{ border-bottom:1px #c5c5c5 dashed; padding:5px 0 5px 0;margin-bottom: 1em;}
#news ul li:last-child{ border:none;}
#news span{ padding-right:15px;}
#news .kiji dl dt{margin-bottom: 0.5em;}
#news .kiji dl dd{padding-left:1em;margin-bottom: 0.5em;}
#news .kiji dl dd span{color: #e91e63; display:initial;}

/*----------------------------------------------------------------------------
 ***                                                                     about
----------------------------------------------------------------------------*/
#aboutSec{ padding-bottom:30px;}
#aboutSec #titleBox h2{ text-align:center; font-size:28px; color:#e91e63; padding:5px 0 10px; }
#aboutSec #titleBox p{ text-align:center;}
#aboutSec h3{ font-size:18px; border-left:10px solid #e91e63; padding-left:0.3em; line-height:2em; margin-bottom:10px;}
#aboutSec p{ font-size:14px; margin:15px 0 6px 0;}
#aboutSec section{ margin:35px 0 20px;}
#aboutSec .txtBox { font-size:12px; line-height:1.4em; margin:2px 0 4px 0;}
.appFunction{ background:#F5F5F5; border-radius:15px; padding:15px 25px; margin-bottom:13px;}
.appFunction h4 { color:#e91e63; padding-bottom:5px;}
.appFunction #smallTxt{ font-size:12px;}

/*----------------------------------------------------------------------------
 ***                                                                faqSec
----------------------------------------------------------------------------*/

#faqSec { padding-bottom:30px;}
#faqSec h2{ text-align:center; font-size:28px; color:#e91e63; padding:5px 0 25px;}
#faqSecc p{ margin:15px 0 6px 0;}
#faqSec h3{ font-size:18px;line-height:2em; margin-bottom:10px; background:#fff1f6; border-bottom:1px solid #e91e63; padding-left:0.5em;}
#faqSec h3 span{ font-size:25px; padding-right:0.4em; color:#e91e63;}
#faqSec .txtBox { font-size:14px; line-height:1.6em; margin:0; padding:0 1.5em;}
#faqSec .section{ margin:20px 0 0; padding-bottom:10px;}


/*----------------------------------------------------------------------------
 ***                                                                transactions
----------------------------------------------------------------------------*/

#transactionsSec{}
#transactionsSec #titleBox h2{text-align: center; color: #e91e63;}
#transactionsSec .section{ margin: 15px auto 0; display: flex; width: 607px;}
#transactionsSec h3{font-size: 18px; padding: 0 0.5em 0 0.5em; line-height: 2em; margin: 0 15px 5px 0; width: 130px; background: #f3f3f3;}
#transactionsSec .txtBox{font-size: 12px; line-height: 1.5em; margin: 2px 0 4px 0;}