@charset "utf-8";
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
img {
  border: 0;
  width: 100%;
}
/* add base */
body {
  overflow-x: hidden;
  margin: 0;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
  font-size: 12px;
  font-size: 3.75vw;
  color: #333333;
  line-height: 1;
  box-sizing: border-box;
}
p, li {
  line-height: 1.5;
}
a:hover, a:active {
  opacity: 0.8;
}
/* ------------------------------------
	* 共有
* ------------------------------------ */
.c-indent {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 11px;
  font-size: 3.125vw;
}
.c-red {
  color: #e51632;
}
.c-arrow {
    position: relative;
}
.c-arrow:after {
  content: "";
  display: inline-block;
  width: 3vw;
  height: 5vw;
  background: url(../images/ic01.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: 5vw;
  top: 35%;
}
.mt_0{
	margin-top: 0!important;
}
.mt_3{
	margin-top: 3%!important;
}
.mt_5{
	margin-top: 5%!important;
}
.mt_7{
	margin-top: 7%!important;
}
.txt_c{
	text-align: center;
	font-size: 3.125vw;
}
.txt_r{
	text-align: right;
	font-size: 3.125vw;
}
.txtl_blue{
	color: #0e3d8c;
	text-decoration: underline!important;
}
.indent_01 {
    font-size: 3.125vw;
    text-indent: -3.2vw;
    padding-left: 3.2vw;
}
.sp {
	display: block;
}

.pc {
	display: none;
}
.contents_block03 .contents_block_inner_txt {
    margin-top: 4vw;
}

@media only screen and (min-width: 769px) {
	body {
        font-size: 20px;
    }
	.txt_r {
    font-size: 16px;
}
	.txt_c {
    font-size: 16px;
}
    .c-arrow:after {
        width: 20px;
        height: 30px;
        right: 40px;
    }
    .c-indent {
        padding-left: 20px;
        font-size: 16px;
    }
	.indent_01 {
    font-size: 20px;
    text-indent: -20px;
    padding-left: 20px;
}
	.mt_5 {
    margin-top: 50px !important;
}
	.mt_7 {
    margin-top: 70px !important;
}
	.sp {
		 display: none;
	}
	
    .pc {
			display: block;
	}
}
/* ------------------------------------
	* メインコンテンツ
* ------------------------------------ */

/*contents_block01*/
.contents_block01 {
    margin: 0 auto;
    padding: 4% 6.6% 6%;
    background: #e5f7ff;
}
.btn_box{
	margin: 0 auto;
    max-width: 500px;
}
.contents_block01_btn_txt{
	    width: 92%;
    margin: 0 auto;
}
@media only screen and (min-width: 769px) {

    .contents_block01 {
        padding: 30px 70px 45px;
    }
}








/*contents_block02*/
.contents_block02 {
    padding: 11% 6.6% 4%;
    background: #00b2db;
}
.contents_block02_inner{
	padding: 3vw;
	background-color: #fff;
	border-radius: 3vw;
}
.contents_block02_title{
	margin-top: -9vw;
}
.blueline_box{
	border: solid 3px #00b2db;
	border-radius: 3vw;
	padding: 3vw;
	margin: 7vw 0 5vw;
}
.blueline_box_title{
	width: 30%;
	margin: -8vw auto 3vw;
}
.contents_block02_procedure_title{
	width: 97%;
    margin: 0 auto -4vw;
}
.contents_block02_procedure_box{
	border: solid 3px #ffde00;
	border-radius: 3vw;
	padding: 4.8vw 6.3vw 5.3vw;
}
.contents_block02 .ar_01 {
    width: 20%;
    margin: 2vw auto;
}
@media only screen and (min-width: 769px) {
.contents_block02 {
    padding: 80px 70px 30px;
}
.contents_block02_inner {
    padding: 30px 90px;
    background-color: #fff;
    border-radius: 30px;
    max-width: 900px;
    margin: 0 auto;
}
	.contents_block02_title {
    margin-top: -90px;
    width: 80%;
    margin: -75px auto 0;
}
	.blueline_box_title {
    width: 243px;
    margin: -101px auto 30px;
}
	.blueline_box {
	border: solid 5px #00b2db;
    border-radius: 30px;
    padding: 30px 90px;
    margin: 100px 0 30px;
}
	.contents_block02_procedure_box {
	border: solid 5px #ffde00;
    border-radius: 30px;
    padding: 60px 80px 60px;
}
	.contents_block02 .ar_01 {
    margin: 20px auto;
}
	.contents_block02_procedure_title {
    width: 92%;
    margin: 0 auto -55px;
}
}







/*contents_block03*/
.contents_block03 {
    padding: 7% 6.6% 7%;
    background-color: #fff;
}
.cpNotesBtnWrap {
	position: relative;
    padding: 1.5vw 3vw 2vw;
    font-size: 1.2em;
    font-weight: 600;
    text-align: left;
    border: solid 3px #d00f31;
    border-radius: 4px;
	-webkit-box-shadow: 0px -4px 0px 0px #d00e31 inset;
    box-shadow: 0px -4px 0px 0px #d00e31 inset;
}
.cpNotesBtnWrap.shadowJs {
    border-radius:4px 4px 0 0;
    -webkit-box-shadow: 0px 0px 0px 0px #d00e31 inset;
    box-shadow: 0px 0px 0px 0px #d00e31 inset;
}

.cpNotesFlame {
    display: none;
    border-right: 3px solid #d00e31;
    border-left: 3px solid #d00e31;
    border-bottom: 3px solid #d00e31;
    margin-top: 0vw;
    padding: 1vw 3vw 6vw;
    border-radius: 0 0 4px 4px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px -4px 0px 0px #d00e31 inset;
    box-shadow: 0px -4px 0px 0px #d00e31 inset;
    font-size: 14px;
    font-weight: 400;
}
.cpNotesSubttl{
	font-size: 5vw;
    font-weight: bold;
    color: #d00e31;
	margin-top: 3vw;
}
@media only screen and (min-width: 769px) {
	.contents_block03 {
    padding: 45px 60px 30px;
}
.cpNotesBtnWrap {
	max-width: 700px;
    margin: 0 auto;
    position: relative;
    padding: 10px 40px 20px;
    font-size: 1.2em;
    font-weight: 600;
    text-align: left;
    border: solid 5px #d00f31;
    border-radius: 4px;
    -webkit-box-shadow: 0px -4px 0px 0px #d00e31 inset;
    box-shadow: 0px -6px 0px 0px #d00e31 inset;
}
	.cpNotesFlame {
    max-width: 700px;
    margin: 0 auto;
    border-right: 5px solid #d00e31;
    border-left: 5px solid #d00e31;
    border-bottom: 5px solid #d00e31;
    padding: 10px 50px 50px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0px -6px 0px 0px #d00e31 inset;
    box-shadow: 0px -6px 0px 0px #d00e31 inset;
    font-size: 16px;
    font-weight: 400;
}
	.cpNotesSubttl {
    font-size: 25px;
    margin-top: 30px;
}
	.contents_block03_txtbox{
		max-width: 900px;
		margin: 0 auto;
	}
}







/*contents_block04*/
.contents_block04 {
    padding: 9% 6.6% 5%;
	background-color: #e0f6ff;
    }
.contents_block04_inner{
	background-color: #fff;
	padding: 3vw;
	border-radius: 3vw;
}
.contents_block04_txt{
	margin-top: -7vw;
}
.contents_block04 .btn_box{
	width: 70%;
	margin-top: 7vw;
}
/*アコーディオン03*/
.ac-title03 {
	 position: relative;
    cursor: pointer;
    padding: 3vw 13vw 3vw 2vw;
    transition: all .5s ease;
	background-color: #00a7eb;
	border-radius: 4vw;
}
	/*アイコンの＋と×*/
.ac_btn03 {
	position: absolute;
	top: 33%;
    right: 4.5vw;
	width: 7.5vw;
	height: 7.5vw;
}
.ac_btn03:after {
	display: block;
	content: '';
	background-color: #00a7eb;
	position: absolute;
	width: 3vw;
	height: 0.8vw;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.ac_btn03:after {
    content: "";
    display: block;
    position: absolute;
    background-image: url("../images/icon_02.png");
    background-repeat: no-repeat;
    background-size: 100%;
    top: 0%;
    right: 5%;
    width: 6vw;
    height: 6vw;
	 transform: rotate(180deg); 
}
.ac-title03.selected .ac_btn03::after {
	transform: rotate(0deg); 
}
/*アコーディオンで現れるエリア*/
.ac-box03 {
    display: none;
    padding: 4vw 5vw 5vw;
    background-color: #fff;
    border-radius: 4vw;
    margin-top: 3vw;
    border-top: none;
}


.floatbtn {
  width: 100vw;
  margin: 0 auto;
  padding: 3vw 10vw 4vw;
background-color: #ffffff;
}


@media only screen and (min-width: 769px) {
.contents_block04 {
    padding: 70px 70px 30px;
    }
.contents_block04_inner {
    max-width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 60px 100px;
    border-radius: 30px;
}
	.contents_block04_txt {
    margin-top: -99px;
}
	.contents_block04 .btn_box {
    margin-top: 70px;
}
	.contents_block04_title{
		max-width: 700px;
		margin: 0 auto;
	}
	/*アコーディオン03*/
.ac-title03 {
        padding: 20px 95px 20px 30px;
        border-radius: 30px;
        max-width: 760px;
        margin: 0 auto;
}
	/*アイコンの＋と×*/
.ac_btn03 {
	top: 50%;
        right: 25px;
        width: 50px;
        height: 50px;
}
.ac_btn03:before, .ac_btn03:after {
	        width: 50px;
        height: 50px;
        top: -21px;
        left: 10px;
}
.ac_btn03:before {
	width: 7px;
        height: 22px;
}
/*アコーディオンで現れるエリア*/
.ac-box03 {
    padding: 30px 30px 40px;
        border-radius: 30px;
        max-width: 760px;
        margin: 30px auto 0;
}
	.floatbtn {
  padding: 10px 0px 15px;
}
	

}