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

/* ************************************************************
block01
************************************************************ */
#block01{
margin:10% auto;
width:100%;
position:relative;
}

#block01 .main-service{
margin:0 auto;
width:100%;
max-width:1100px;
}

#block01 .main-service li{
margin:10% auto;
width:100%;
display:flex;
justify-content: space-between;
flex-flow: row nowrap;
align-items: center;
}

#block01 .main-service li .pic{
margin:0 auto;
width:50%;
}

#block01 .main-service li:nth-of-type(2) .pic{
order:2;
text-align: right;
}

#block01 .main-service li dl{
margin:0 auto;
width:50%;
}

#block01 .main-service li dl dt{
font-size:25px;
color:#274873;
line-height:1.6;
border-bottom:1px solid #274873;
padding:10px 5px;
letter-spacing: 0.08em;
}

#block01 .main-service li dl dd{
margin:5% auto 0;
font-size:16px;
line-height:2;
letter-spacing: 0.05em;
padding:0 2%;
}


/*****サブリスト*****/

#block01 .sub-list{
margin:6% auto 0;
width:100%;
max-width:1200px;
display:flex;
justify-content: space-between;
flex-flow: row wrap;
}

#block01 .sub-list li{
margin:5% auto;
width:50%;
}

#block01 .sub-list li .title{
margin:0 auto;
width:100%;
text-align: center;
font-size:23px;
line-height:1.5;
color:#274873;
letter-spacing: 0.1em;
}

#block01 .sub-list li .photo{
margin:2% auto;
width:100%;
text-align: center;
}

#block01 .sub-list li .text{
margin:4% auto 0;
width:100%;
text-align: justify;
padding:0;
max-width:450px;
font-size:16px;
line-height:1.6;
letter-spacing: 0.05em;
}


/***LINK***/

#block01 a{
margin:4% auto 0;
width:100%;
max-width:400px;
text-align: left;
font-size:14px;
line-height:1.5;
padding:12px 12px 12px 90px;
border:1px solid #326443;
display:block;
position:relative;
font-size:17px;
letter-spacing: 0.08em;
color:#326443;
}

#block01 a:after{
content:" ";
position:absolute;
top:41%;
left:260px;
width: 70px;
height: 9px;
border-bottom: 1px solid #326443;
border-right: 1px solid #326443;
transform: skew(50deg);
}

#block01 a:hover{background:#e4e5e4}




/* *********** MaxWidth1200(pc)*********** */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */

#block01{padding:0 5%;}

#block01 .main-service li .pic{
margin:0 auto;
width:45%;
}

#block01 .main-service li dl{
width:45%;
}
#block01 .main-service li dl dt{
font-size:23px;
}

#block01 .main-service li dl dd{
font-size:14px;
}

#block01 .sub-list li{
width:45%;
}

#block01 .sub-list li .text{
font-size:14px;
}

/***LINK****/
#block01 a{
margin:4% auto 0;
max-width:350px;
font-size:16px;
}

#block01 a:after{left:240px;}
 /* ---------------------------------- */
}
/* ***********MaxWidth1024(tablet)*********** */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */

#block01 .main-service li dl{
width:45%;
}

#block01 .main-service li dl dt,
#block01 .sub-list li .title{
font-size:22px;
}

#block01 .main-service li dl dd,
#block01 .sub-list li .text{
font-size:12px;
}

/***LINK****/
#block01 a{
margin:8% auto 0;
max-width:350px;
font-size:16px;
}

#block01 a:after{
left:240px;
width: 55px;
}

 /* ---------------------------------- */
}

/* ***********MaxWidth768(tablet)*********** */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */

#block01 .main-service li{
display:block;
}

#block01 .main-service li .pic{
margin:0 auto;
width:90%;
text-align: center;
}

#block01 .main-service li:nth-of-type(2) .pic{
order:2;
text-align: center;
}

#block01 .main-service li dl{
margin:5% auto;
width:80%;
}

#block01 .main-service li dl dd{
font-size:13px;
}

#block01 .sub-list li{
margin:5% auto;
width:80%;
}
#block01 .sub-list li .text{
line-height:2;
font-size:13px;
}
/***LINK****/
#block01 a{
margin:6% auto 0;
max-width:300px;
padding:12px 12px 12px 70px;
font-size:14px;
}

#block01 a:after{
left:200px;
}

 /* ---------------------------------- */
}

/* ***********MaxWidth600(mobile)*********** */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */



 /* ---------------------------------- */
}

/* ***********MaxWidth480(mobile)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */

#block01 .main-service li dl{
width:85%;
}

#block01 .main-service li dl dt,
#block01 .sub-list li .title{
font-size:18px;
text-align: center;
}

#block01 .sub-list li{
margin:10% auto;
width:80%;
}

#block01 .sub-list li .text{
line-height:1.7;
padding:0 2%;
}
/***LINK****/
#block01 a{
margin:8% auto 0;
max-width:280px;
}

#block01 a:after{
left:200px;
width: 60px;
}
 /* ---------------------------------- */
}
/* ***********MaxWidth380(mobile)*********** */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */
 
 #block01 .sub-list li{
margin:10% auto;
width:90%;
}
/***LINK****/
#block01 a{
max-width:250px;
padding:12px 12px 12px 50px;
}

#block01 a:after{
left:160px;
}
 /* ---------------------------------- */
}


/* ************************************************************
block02
************************************************************ */
#block02{
margin:8% auto;
width:100%;
max-width:1400px;
position:relative;
border-top:1px solid #274873;
padding:8% 0 0 0;
text-align: center;
}

#block02 h3{
margin:0 auto;
width:100%;
color:#274873;
font-size:25px;
letter-spacing: 0.07em;
line-height:1.5;
}

#block02 p{
margin:1% auto;
width:100%;
font-size:15px;
letter-spacing: 0.07em;
line-height:1.8;
}

/* *********** MaxWidth1500(pc)*********** */
@media screen and (max-width: 1500px) {
 /* ---------------------------------- */

#block02{
margin:10% auto;
width:90%;
}
 /* ---------------------------------- */
}

/* *********** MaxWidth1200(pc)*********** */
@media screen and (max-width: 1200px) {
 /* ---------------------------------- */
#block02{
margin:15% auto;
}

#block02 p{
margin:2% auto;
}

 /* ---------------------------------- */
}
/* ***********MaxWidth1024(tablet)*********** */
@media screen and (max-width: 1024px) {
 /* ---------------------------------- */
#block02{width:85%;}

#block02 p{
margin:2% auto;
text-align: justify;
padding:0 5%;
}

 /* ---------------------------------- */
}

/* ***********MaxWidth768(tablet)*********** */
@media screen and (max-width: 768px) {
 /* ---------------------------------- */
#block02{
margin:20% auto;
padding:12% 0 0 0;
}

#block02 h3{line-height:1.8;}
#block02 p br{display:none;}

#block02 p{
margin:4% auto;
font-size:14px;
}

 /* ---------------------------------- */
}

/* ***********MaxWidth600(mobile)*********** */
@media screen and (max-width: 600px) {
 /* ---------------------------------- */

#block02 h3{font-size:20px;}
#block02 p{
font-size:13px;
}

 /* ---------------------------------- */
}

/* ***********MaxWidth480(mobile)*********** */
@media screen and (max-width: 480px) {
 /* ---------------------------------- */




 /* ---------------------------------- */
}
/* ***********MaxWidth380(mobile)*********** */
@media screen and (max-width: 380px) {
 /* ---------------------------------- */


 /* ---------------------------------- */
}