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

#title {
	width:100%;
	padding:42px 0;
	text-align:center;
	background-color:#e7e1d3;
}
#title h1 {
	color:#604C3F;
	font-size:25px;
	font-size:2.5rem;/* =25px */
	line-height:29px;
	line-height:2.9rem;/* =29px */
	font-weight:bold;
	letter-spacing:1.0rem;
}

#content {
	width:100%;
	padding-bottom:64px;
}
.content-info {
	width:1050px;
	margin:0 auto;
}
.breadcrumb li:first-child {
	background-image:url(../../common/img/icon_breadcrumb01.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:auto 14px;
}

#summary {
	margin-top:-162px;
	padding-top:162px;
}
.summary {
	position:relative;
	width:100%;
	padding:46px 0 30px 0;
	text-align:center;
}
.summary h2 {
	color:#00a9ce;
	font-size:24px;
	font-size:2.4rem;/* =24px */
	line-height:32px;
	line-height:3.2rem;/* =28px */
	font-weight:bold;
	margin-bottom:28px;
}
.summary p {
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Sawarabi Mincho", serif;
	color:#3E3A39;
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:32px;
	line-height:3.2rem;/* =32px */
	font-weight:normal;
}
.summary a.chita_link {
    display: inline-block;
    margin-top: 20px;
    padding: 0.5em 1.5em;
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "Sawarabi Mincho", serif;
	color:#3E3A39;
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:32px;
	line-height:3.2rem;/* =32px */
	font-weight:normal;
    border: 1px solid #000;
}
.soyokaze_link {
	position:absolute;
	top:0;
	right:0;
	width:180px;
}
.soyokaze_link a {
	display:inline-block;
	width:100%;
	padding:18px 0;
	text-align:center;
	color:#3f98ef;
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:22px;
	line-height:2.2rem;/* =22px */
	font-weight:normal;
	background:#fff;
	border:1px solid #3f98ef;
	border-radius:15px;
}

.sub_title {
	clear:both;
	width:100%;
	text-align:center;
	background-color:#DEEDEB;
}
.sub_title h3 {
	color:#595757;
	font-size:20px;
	font-size:2rem;/* =16px */
	line-height:47px;
	line-height:4.7rem;/* =28px */
	font-weight:bold;
	letter-spacing:1rem;
}

.criterion {
	width:100%;
	margin-bottom:70px;
	border-bottom:1px solid #898989;
}
.criterion th,
.criterion td {
	border-top:1px solid #898989;
}
.criterion th {
	width:16.6%;
	color:#604C3F;
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:16px;
	line-height:1.6rem;/* =16px */
	font-weight:normal;
	background-color:#eeefef;
	padding:18px 0;
}
.criterion td {
	width:83.4%;
	color:#231815;
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:normal;
	padding:18px 0 18px 36px;
}
.criterion th.first,
.criterion td.first {
	text-align:center;
	padding:14px 0;
	color:#231815;
	font-size:15px;
	font-size:1.5rem;/* =15px */
	line-height:15px;
	line-height:1.5rem;/* =15px */
	font-weight:bold;
}

#flow {
	margin-top:-162px;
	padding-top:162px;
}
.flow {
	width:100%;
	padding:46px 0 68px 0;
	background-image:url(../img/img01.png);
	background-position:top 38px right 38px;
	background-repeat:no-repeat;
	background-size:82px auto;
}
.flow p.flow_summary {
	color:#231815;
	font-size:17px;
	font-size:1.7rem;/* =17px */
	line-height:26px;
	line-height:2.6rem;/* =26px */
	font-weight:normal;
    margin-bottom: 30px;
}
.flow-info {
	width:100%;
    margin-bottom: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flow-info div:first-child {
	width:23.33%;
}
.flow-info div:first-child h4 {
	position: relative;
	display: inline-block;
	width:100%;
	margin-bottom:25px;
	text-align:center;
	color: #3E3A39;
	font-size:19px;
	font-size:1.9rem;/* =19px */
	line-height:26px;
	line-height:2.6rem;/* =26px */
	font-weight:bold;
	padding:12px 0;
	border-top:1px dashed #00A9CE;
	border-bottom:1px dashed #00A9CE;
}
.flow-info div:first-child h4:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #00A9CE;
}
.flow-info div:first-child h5 {
	text-align:center;
	color: #3E3A39;
	font-size:19px;
	font-size:1.9rem;/* =19px */
	line-height:26px;
	line-height:2.6rem;/* =26px */
	font-weight:bold;
	padding:12px 0;
	border-top:1px dashed #00A9CE;
	border-bottom:1px dashed #00A9CE;
}
.flow-info div:last-child {
	width:71.23%;
}
.flow-info div:last-child p {
	color:#231815;
	font-size:17px;
	font-size:1.7rem;/* =17px */
	line-height:26px;
	line-height:2.6rem;/* =26px */
	font-weight:normal;
}
.flow-info div:last-child p strong {
	font-size:19px;
	font-size:1.9rem;/* =19px */
	line-height:40px;
	line-height:4rem;/* =40px */
	font-weight:bold;
}
.flow-info div:last-child p span {
	font-size:12px;
	font-size:1.2rem;/* =12px */
	line-height:22px;
	line-height:2.2rem;/* =22px */
	font-weight:normal;
}
.flow h6 {
	clear:both;
	color:#00A9CE;
	font-size:20px;
	font-size:2rem;/* =20px */
	line-height:25px;
	line-height:2.5rem;/* =25px */
	font-weight:bold;
	margin-top: 0;
	margin-right: 200px;
}

#documents {
	margin-top:-162px;
	padding-top:162px;
}
.documents {
	width:100%;
	padding-top:40px;
}
.documents_left {
	width:49.9%;
	float:left;
	border-right:1px dashed #00A9CE;
}
.documents_right {
	width:49.9%;
	float:right;
}
.documents_left h3,
.documents_right h3 {
	text-align:center;
	color:#604C3F;
	font-size:18px;
	font-size:1.8rem;/* =18px */
	line-height:20px;
	line-height:2rem;/* =20px */
	font-weight:bold;
	margin-bottom:26px;
}
.documents_left ul,
.documents_right ul {
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.documents_left li,
.documents_right li {
	width:25%;
}
.documents_left li a,
.documents_right li a {
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:normal;
}
.documents_left li a img,
.documents_right li a img {
	width:80%;
}
.documents_right p {
	text-align:center;
	font-size:18px;
	font-size:1.8rem;/* =18px */
	line-height:20px;
	line-height:2rem;/* =20px */
	font-weight:bold;
	margin-top:60px;
}

#soyokaze {
	clear:both;
	margin-top:-162px;
	padding-top:200px;
}
.soyokaze_summary {
	width:100%;
	margin:0 auto;
	padding:20px 0;
}
.soyokaze_summary ul.step {
	width:100%;
	display: -webkit-flex;
	display: flex;
}
.soyokaze_summary ul.step li {
	text-align:left;
	font-size:22px;
	font-size:2.2rem;
	line-height:28px;
	line-height:2.8rem;
	font-weight:600;
}
.soyokaze_summary ul.step li:first-child {
	width:10%;
}
.soyokaze_summary ul.step li:last-child {
	width:40%;
}
.soyokaze_summary p {
    margin-bottom: 30px;
	text-align:left;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	font-weight:normal;
}
.soyokaze_summary ul.support_office {
	width:100%;
    margin: 30px 0;
}
.soyokaze_summary ul.support_office li {
    margin-bottom: 20px;
	text-align:left;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:28px;
	line-height:2.8rem;/* =28px */
	font-weight:normal;
    text-indent: -0.5em;
    padding-left: 1em;
}
.soyokaze_summary ul.support_office li::before {
    display: inline-block;
    content: '●';
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:28px;
	line-height:2.8rem;/* =28px */
	font-weight:normal;
}
.soyokaze_summary ul.support_office li:last-child {
    margin-bottom: 0;
}

.orientation {
	width:90%;
	margin:0 auto;
}
.orientation h3 {
	text-align:center;
	font-size:24px;
	font-size:2.4rem;/* =24px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:bold;
	letter-spacing:-0.5px;
	padding:30px 0;
}
.orientation table {
	border-top:1px solid #898989;
}
.orientation th,
.orientation td {
	border-bottom:1px solid #898989;
}
.orientation th {
	width:20%;
	vertical-align:middle;
	color:#595757;
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:20px;
	line-height:2.0rem;/* =20px */
	font-weight:bold;
	background-color:#F2EFE9;
}
.orientation td {
	width:78%;
	color:#231815;
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:20px;
	line-height:2.0rem;/* =20px */
	font-weight:normal;
	padding:20px 0 20px 2%;
}

.conditions {
	width:90%;
	text-align:center;
	margin:50px auto;
}
.conditions h3 {
	font-size:24px;
	font-size:2.4rem;/* =24px */
	line-height:38px;
	line-height:3.8rem;/* =38px */
	font-weight:normal;
	letter-spacing:-0.5px;
}
.conditions p {
	font-size:20px;
	font-size:2.0rem;/* =20px */
	line-height:38px;
	line-height:3.8rem;/* =38px */
	font-weight:normal;
}

.certificate_of_recipient {
	text-align:left;
	padding:6px 10px;
	background-color:#fff;
	border:2px solid #F00;
}
.certificate_of_recipient h4 {
	font-size:20px;
	font-size:2.0rem;/* =20px */
	line-height:28px;
	line-height:2.8rem;/* =28px */
	font-weight:bold;
	margin-bottom:10px;
}
.certificate_of_recipient p {
	font-size:16px;
	font-size:1.6rem;/* =16px */
	line-height:20px;
	line-height:2.0rem;/* =20px */
	font-weight:normal;
}
.certificate_of_recipient p span {
	display:block;
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:18px;
	line-height:1.8rem;/* =18px */
	font-weight:normal;
	padding-left: 5em;
	text-indent: -5em;
	margin-top:10px;
}

.soyokaze_documents {
	width:80%;
	margin:0 auto;
	padding-top:40px;
}
.soyokaze_documents ul {
	width:100%;
	max-width: 700px;
	flex-wrap: wrap;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.soyokaze_documents li {
	width:25%;
	padding: 0 4px;
	margin-bottom: 15px;
}
.soyokaze_documents li a {
	display:inline-block;
	width:100%;
	text-align:center;
	font-size:15px;
	font-size:1.5rem;/* =16px */
	line-height:24px;
	line-height:2.4rem;/* =24px */
	font-weight:normal;
}
.soyokaze_documents li a img {
	width:80%;
}


@media screen and ( max-width:959px ){
	.content-info {
		width:96%;
		margin:0 auto;
	}
	
	#summary {
		margin-top:-75px;
		padding-top:75px;
	}
	#flow {
		margin-top:-75px;
		padding-top:75px;
	}
	.flow {
		width:100%;
		padding:46px 0 68px 0;
		background-image:url(../img/img01.png);
		background-position:top 38px right 38px;
		background-repeat:no-repeat;
		background-size:82px auto;
		padding-top: 0;
	}
	.flow-info div:first-child {
		width:29%;
	}
	.flow-info div:last-child {
		width:69%;
	}
	.flow h6 {
		clear:both;
		color:#00A9CE;
		font-size:18px;
		font-size:1.8rem;/* =18px */
		line-height:20px;
		line-height:2.0rem;/* =20px */
		font-weight:bold;
		margin-top:20px;
		margin-right: 120px;
	}
	#documents {
		margin-top:-75px;
		padding-top:75px;
	}
	
	.soyokaze_summary ul {
		display: -webkit-block;
		display: block;
	}
	.soyokaze_summary li {
		width:100%;
	}
	.soyokaze_summary li:first-child {
		margin-bottom:20px;
	}
	
	.orientation th {
		width:28%;
	}
	.orientation td {
		width:70%;
	}
	
	#soyokaze {
		clear:both;
		margin-top:-75px;
		padding-top:75px;
	}
}


@media screen and ( max-width:600px ){
	.criterion td {
		padding:18px 0 18px 16px;
	}
	
	#summary {
		margin-top:-65px;
		padding-top:65px;
	}
    .summary a.chita_link {
        margin-top: 20px;
        margin-bottom: 30px;
    }
	
	.soyokaze_link {
		position:inherit;
		width:160px;
		margin:6px 0 0 auto;
	}
	.soyokaze_link a {
		display:inline-block;
		width:100%;
		padding:12px 0;
		text-align:center;
		color:#3f98ef;
		font-size:14px;
		font-size:1.4rem;/* =14px */
		line-height:20px;
		line-height:2.0rem;/* =20px */
		font-weight:normal;
		background:#fff;
		border:1px solid #3f98ef;
		border-radius:15px;
	}

	#flow {
		margin-top:-65px;
		padding-top:65px;
	}
    .flow {
        display: block;
        width: 94%;
        margin: 0 auto;
        padding: 98px 0 68px 0;
        background-image: url(../img/img01.png);
        background-position: top 8px right 2px;
        background-repeat: no-repeat;
        background-size: 62px auto;
				padding-top: 0;
    }
    .flow-info div:first-child {
        width:100%;
    }
    .flow-info div:first-child h4 {
        margin-bottom:0;
    }
    .flow-info div:first-child h4:before {
        display: none;
    }
    .flow-info div:last-child {
        width:100%;
    }
    .flow-info div:last-child p {
        position: relative;
        width:100%;
        margin-bottom:25px;
        display: inline-block;
        padding:12px 0;
        border-bottom:1px dashed #00A9CE;
    }
    .flow-info div:last-child p:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #00A9CE;
    }
		.flow h6 {
			margin-top: 20px;
			margin-right: 80px;
		}
	
	#documents {
		margin-top:-65px;
		padding-top:65px;
	}
	.documents_left {
		width:100%;
		float:none;
		border-right:none;
		padding-bottom:20px;
		border-bottom:1px dashed #00A9CE;
		margin-bottom:20px;
	}
	.documents_right {
		width:100%;
		float:none;
	}
	
    .soyokaze_summary {
        width:100%;
        margin:0 auto;
        padding:20px 0;
    }
    .soyokaze_summary ul.step li {
        text-align:left;
        font-size:22px;
        font-size:2.2rem;
        line-height:28px;
        line-height:2.8rem;
        font-weight:600;
    }
    .soyokaze_summary ul.step li:first-child {
        width:20%;
    }
    .soyokaze_summary ul.step li:last-child {
        width:80%;
    }
	
	.orientation th {
		width:32%;
	}
	.orientation td {
		width:66%;
	}
	
	.conditions h3 {
		font-size:20px;
		font-size:2.0rem;/* =20px */
		line-height:28px;
		line-height:2.8rem;/* =28px */
		font-weight:normal;
		letter-spacing:-0.5px;
	}
	.conditions p {
		font-size:16px;
		font-size:1.6rem;/* =16px */
		line-height:20px;
		line-height:2.0rem;/* =20px */
		font-weight:normal;
	}
	
	#soyokaze {
		clear:both;
		margin-top:-65px;
		padding-top:65px;
	}
	
	.soyokaze_documents {
		width:100%;
	}
	.soyokaze_documents ul {
		flex-wrap: wrap;
	}
}