@charset "UTF-8";




/* トップページ
------------------------------------------- */
.relaxing{
margin:1em auto;
max-width:300px;
}


/* ボタン
-------------------------------------- */

.button-col{
margin:1.5em auto 1em;
text-align:center;
}


.button-col a{
display:flex;
align-items:center;
margin:1em;
padding:0.5em 1em 0.5em 0.5em;
font-size:140%;
text-decoration:none;
color:#333;
position:relative;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}

.button-col a:hover{
filter:brightness(90%) contrast(120%);
}


.button-col a:nth-child(1){
border:rgba(255,187,221,1) solid 8px;
background-color:rgba(255,187,221,0.1);			
}

.button-col a:nth-child(2){
border:rgba(162,206,242,1) solid 8px;
background-color:rgba(162,206,242,0.1);		
}


.button-col a > div{
margin:5px;
}

.button-col a span:after{
position:absolute;
right:1.5%;
top:50%;
content:'\f138';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:25px;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translateY(-50%);
}


.button-col a:nth-child(1) span:after{
color:rgba(255,187,221,1);
}

.button-col a:nth-child(2) span:after{
color:rgba(162,206,242,1);	
}



.button-col a div.img{
flex:0 0 40%;
}

.button-col a div.txt{
flex:0 0 60%;	
padding-top:0.4em;
text-align:left;
vertical-align:top;
height:100%;
font-family: 'Noto Sans JP', sans-serif;
font-weight:700;
}

.txt span{
display:block;
padding-top:1em;
padding-right:2em;
font-size:80%;
font-weight:normal;
}

.confirmation{
clear:both;
margin:1em;
padding:1em;
border:#FC6 dotted 3px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
background-color:#FFFDF2;
}

.confirmation p{
max-width:780px;
margin:1em auto;
padding:1em;
font-size:140% !important;
}

.intermediary-support-image{
margin:0 auto;
text-align:center;
}


dl.definition{
clear:both;
margin:1em 0.8em;
padding:0.5em;
font-size:120%;
color:#900;
background-color:#FFFDF2;
border:#FC6 dotted 3px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

dl.definition dt{
margin:1em 0.5em 0;
font-weight:700;
}

dl.definition dt:first-child{
margin:0em 0.5em 0;
}

dl.definition dt:before{
padding-right:0.4em;
display:inline-block;
margin:0 0.05em 0 0.2em;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f111";
font-size:80%;
}


dl.definition dt.rv:before{
color:rgba(255,187,221,1);
}

dl.definition dt.ck:before{
color:rgba(162,206,242,1);	
}

dl.definition dd{
color:#000;
margin-left:2em;
}


.documents-wrap{
max-width:700px;
margin:15px auto;
padding:0.5em;
font-size:120%;
background-color:#FDEBCA;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}

.docu-title{
width:10em;
background-color:#F90;
color:#FFF;
font-size:120%;
margin:0.5em auto;
padding:0.2em 0.5em;
-webkit-border-radius:50;
-moz-border-radius:50px;
border-radius:50px;
text-align:center;
}

.documents{
display:flex;
flex-direction:column;
align-items:center;
}

.documents a{
position:relative;
flex:1;
display:block;
width:80%;
border:#FF9900 solid 1px;
margin:0.5em;
padding:0.5em;
height:auto;
padding-left:40px;
background-image:url(../images/transfer/documents/pdf-icon.png) ;
background-repeat:no-repeat;
background-position:left 50%;
vertical-align:middle;
background-color:#FFFFFF;
color:#000000;
text-decoration:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

.documents a:after{
position:absolute;
right:2%;
top:50%;
content:'\f138';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:100%;
color:#FF9900;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translateY(-50%);
}

.documents a:hover{
background-color:#FBFAD7
}



/* 個別ページ
------------------------------------------- */

.overview{
margin:1em auto;
padding:1em;
background-color:#FEFAE9;
border:#FC0 solid 5px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
text-align:left;
}

#receive .overview{
border:rgba(255,187,221,1) solid 5px;
background-color:rgba(255,187,221,0.1);	
}

#cannot-keep .overview{
border:rgba(162,206,242,1) solid 5px;
background-color:rgba(162,206,242,0.1);	
}



.catch-col{
display:flex;
align-items:center;
margin-bottom:1em;
}

.catch-cola div.img-col{
flex:0 0 50%;
}

.catch-col div.text-col{
flex:0 0 50%;	
padding-top:0.4em;
text-align:left;
font-size: clamp(1.125rem, -3.875rem + 11.4286vw, 3.125rem);
font-family: 'Noto Sans JP', sans-serif;
font-weight:700;
}



.step{
position:relative;
width:90%;
margin:1em auto 4em;
padding:0;
}


.step:before{
position:absolute;
bottom:-55px;
left:50%;
border:solid transparent;
content:" ";
border-width:15px;
margin-left:-15px;
border-top-color:#F90;
}

/*

#receive .step:before{
border-top-color:rgba(255,187,221,1); 
}

#cannot-keep .step:before{
border-top-color:rgba(162,206,242,0.5);
}

*/

.step:last-child:before{
display:none;
}




.step .step-num{
font-size:200%;
font-family: 'League Spartan', sans-serif;
text-align:center;
}

.step .step-num + p{
font-size:160% !important;
font-family: 'Noto Sans JP', sans-serif;
font-weight:700;
}



#receive .step .step-num{
background-color:rgba(255,187,221,0.5); 
}

#cannot-keep .step .step-num{
background-color:rgba(162,206,242,0.5);
}



#receive .step{
border:rgba(255,187,221,0.8) dotted 3px;
background-color:rgba(255,187,221,0.2);	
}

#cannot-keep .step{
border:rgba(162,206,242,0.5) solid 5px;
background-color:rgba(162,206,242,0.2);
}


.cont-wrap{
margin:0 1em 1em;
padding:0.5em;
background-color:#FFF;		
}


.commitments,
.commitments-02{
margin:0 1em 1em;
padding:1em;
border:#999 solid 1px;
font-size:120%;
background-color:#FFF;	
}

.commitments h3,
.commitments-02 h3{
margin:0.5em 0 0 !important;
}



.commitments li{
margin-left:1em;
margin-bottom:0.5em;
text-indent:-1.7em;
padding:0.5em;
}

.commitments li input[type="checkbox"]{
transform: scale(1.4);
}

.commitments li label{
margin-left:0.4em;
}



.commitments-02 ul{
margin:0.5em 1em;
padding:0.5em 1em;
}

.commitments-02 li{
margin-left:1em;
margin-bottom:0.3em;
text-indent:-1.4em;
padding:0.3em;
}

.commitments-02 li:last-child{
margin-bottom:0;
padding:0.3em 0.3em 0;
}

.commitments-02 li:before{
margin-right:0.5em;
content:'\f14a';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
color:#F66;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}




.button-col{
margin:0 auto;
text-align:center;
}

.questionnaire-link{
position:relative;
width:10em !important;
margin:1em;
padding:10px 30px;
font-size:120%;
color:#FFF;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,sans-serif;
background-color:#F90;
border-style:none;
cursor:pointer;
letter-spacing:0.1em;
}

.questionnaire-link:after{
position:absolute;
right:5%;
top:50%;
content:'\f138';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:120%;
color:#FFF;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translateY(-50%);
}

.questionnaire-link:hover{
background-color:#FC0;
position:relative;
left:1px;
top:1px;
}


.inactive{
background-color:#CCC;
color:#999;
cursor:default;
}

.inactive:after{
position:absolute;
right:5%;
top:50%;
content:'\f138';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:120%;
color:#EEE;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translateY(-50%);
}

.inactive:hover{
background-color:#CCC;
position:relative;
left:0;
top:0;
}




.additional-information{
position:relative;
border:dashed 2px white;
margin:2em 0.5em 0.5em;
padding:0.2em 0.5em;
color:#000;
background: rgba(147,209,16,0.3);
box-shadow: 0px 0px 0px 5px rgba(147,209,16,0.3);	
}

.additional-information:after{
position:absolute;
content:'';
left:-7px;
top:-7px;
border-width:0 0 15px 15px;
border-style:solid;
border-color: #fff #fff rgba(147,209,16,0.8);
box-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);
}


.additional-information ul{
margin:1em;
font-size:140%;
}

.additional-information ul li{
margin-left:1em;
margin-bottom:0.3em;
text-indent:-1.4em;
padding:0.3em;
}

.additional-information ul li:before{
margin-right:0.5em;
content:'\f111';
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
color:rgba(147,209,16,0.8);
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}


/* .link-wrap
----------------------------------------------------*/

.link-wrap{
display:flex;
flex-wrap:wrap;
margin:0.5em auto;
max-width:600px;
}

.link-wrap > div{
flex:1;
margin:0 0.3em;
padding:0;
text-align:center;
background-color:#BC5B9E;
background-color:rgba(188,91,158,0.8);
}

.link-wrap > div a{
position:relative;
display:block;
text-decoration:none;
padding:8px 0;
color:#FFF;
}


.link-wrap > div a span:after{
position:absolute;
right:1%;
top:50%;
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:100%;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f0da";
margin-right:3px;
color:#FF0;
transform:translateY(-50%);
}

.link-wrap > div a:hover{
text-decoration:none;
background-color:rgba(188,91,158,0.6);
}

.link-wrap > div a:hover span:after{
position:absolute;
right:1%;
top:50%;
}


.link-wrap > div a:hover, .link-wrap > div a::focus {
filter:brightness(90%) contrast(120%);
}



@media all and (min-width:700px) {
	
	
/* トップページ
------------------------------------------- */

.relaxing{
max-width:200px;
}


.layout-left{
float:left;
margin:0 0 1em 1em !important;
padding-right:1em;
}

.layout-right{
float:right;
margin:1em 0 0 1em !important;
}


dl.definition{
display:flex;
flex-wrap:wrap;
align-items:center;
}

dl.definition dt{
flex:20%;
}

dl.definition dd{
flex:70%;
}

dl.definition dt{
margin:0em 0.5em 0;
}


.documents{
display:flex;
flex-direction:row;
align-items:center;
}

.documents a{
flex:1;
display:block;
width:100%;
}


/* ボタン
-------------------------------------- */
.button-col{
clear:both;
margin:3em auto;
display:flex;
flex-wrap:wrap;
justify-content:space-around;
}

.button-col a{
flex:1;
margin:10px;
}

.button-col a div.txt{
padding-top:1em;
}


/* 個別ページ
------------------------------------------- */
.catch-col div.img-col{
flex:0 0 35%;
}

.catch-col div.text-col{
flex:0 0 65%;	
}


.step{
position:relative;
margin:1em auto 4em;
}

.step .step-num{
font-size:300%;
}

.step .step-num + p{
font-size:200%!important;
font-family: 'Noto Sans JP', sans-serif;
text-align:center;
}


/* .link-wrap
----------------------------------------------------*/

.link-wrap{
justify-content:space-between;
margin:1em auto;
}


.link-wrap div{
margin:0 1em;
font-size:120%;
}

}


@media all and (min-width:960px) {




}