@charset "utf-8";
/* 
中ページのコンテンツ部分の共通CSSを定義する。
single用に定義しているsingle.cssみたいなもの
・見出し（h2,h3,h4）
・リスト（ul,ol）
・
*/

.pageCon{
    margin: 50px 20px;
}
.nakaCon {
        /*font-weight: 300;*/
    }
.con{
    margin-top: 45px;
}

.nakaCon a{
    text-decoration: underline;
    transition-duration: 0.2s;
} 
.nakaCon a:hover{
    opacity: 0.7;
    text-decoration: underline;
}
a.urlLink{
    color: mediumblue;
    text-decoration: underline;
}

a.urlLink::after{
    content: url("/wp/wp-content/themes/kamakiri/img/icon/blank.png");
    margin-left: 3px;
}
.pageCon strong {
    background:linear-gradient(transparent 60%, #ccfcb9 60%);
    font-weight: 500;
}

/*midashi
==================================================*/
.nakaCon h2{
color: #444444;
border-left: 4px solid #031972;
background-color: #f9f7f9;
font-size: 20px;
line-height: 32px;
padding: 11px 0 11px 15px;
margin: 0 0 18px 0;
}


.nakaCon h3{
font-weight: 500;
border-bottom: solid 2px #d2cecb;
position: relative;
font-size:20px;
padding: 0 0 20px 0;
margin: 60px 0 10px 0;
}
.nakaCon h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #031972;
bottom: -2px;
width: 160px;
}


/*list*/
ul.check{
border:3px solid #CCCCCC;
padding: 0 20px 0 20px;
margin: 10px 0 10px 0;
margin-bottom:10px;
font-weight:500;
}

ul.check li {
border-bottom:1px dashed #CCCCCC;
padding: 10px 0 10px 40px;
background-image:url(/wp/wp-content/themes/kamakiri/img/icon/check_gr.png);
background-repeat:no-repeat;
background-size:20px auto;
background-position:center left 10px;
}
ul.check li:last-child{
border:none;
}

.nakaCon ol{
counter-reset: item;
list-style-type: none;
margin-bottom:20px;
border:3px solid #CCCCCC;
padding: 0 20px 0 20px;
font-weight:500;
margin: 10px 0 10px 0;
}
.nakaCon ol li{
text-indent: -1.3em;
padding: 10px 0 10px 1.3em;
border-bottom:1px dashed #CCCCCC;
}

.nakaCon ol li:before {
counter-increment: item;
content: counter(item)'.';
/* 以下は自由に装飾... */
padding-right:7px;
color: #259e58;
font-weight: 500;
}
.nakaCon ol li:last-child{
border:none;
}



/**/
.responTable{
	width:100%;
	padding-bottom:60px;
	padding-top:0px;
	box-sizing:border-box;
}

.responTable .head{
	padding-bottom:40px;
}

.responTable .title{
	margin-bottom:5px;
    border-bottom: 1px solid #031972;
    font-weight: 500;
}


/*flow図
----------------------------------------------------------------*/
.stepbar {
  margin: 0 auto;
  width: 100%;
}

.stepbar .stepbarwrap {
  margin: 2em 0;
  position: relative;
}

.stepbar .stepbarwrap .steptitle {
  display: inline-flex;
  align-items: center;
}

.stepbar .stepbarwrap .steptitle .stepcircle {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  content: "";
  border-radius: 50%;
  background-color: #fff;
  border: 3px solid #1a6e4c;
box-sizing: border-box;
}

.stepbar .stepbarwrap .steptitle .stepnum {
  padding-left: 1em;
  font-size: 0.8em;
  color: #333;
    font-weight:500;
    color: #AAAAAA;
}

.stepbar .stepbarwrap .steptxt {
  padding-left: 2em;
}

.stepbar .stepbarwrap .steptxt .title {
  margin: 0.5em 0;
  font-size: 1em;
    font-weight: 500;
    color: #031972;
}

.stepbar .stepbarwrap .steptxt .txt {
  font-size: 0.9em;
}

.stepbar .stepbarwrap .stepline {
  width: 2px;
  height: calc(100% + 1em);
  background-color: #CCCCCC;
  position: absolute;
  top: 1em;
  left: 0.5em;
  z-index: -1;
}

.stepbarwrap:last-of-type .stepline:last-of-type {
  display: none;
}
/*----------------------------------------------------------------*/
@media only screen and (min-width: 680px) {


   .pageCon{
        width: 1100px;
        margin: 80px auto;
        display: flex;/*サイド追随のため必要*/
    }

    .nakaCon {
        width: 750px;
        float: right;
        /*font-weight: 300;*/
    }
    .con{
        margin-top: 90px;
    }
    
    
    /*midashi
==================================================*/

    .nakaCon h2{
        color: #444444;
        border-left: 4px solid #031972;
        background-color: #f9f7f9;
        font-size: 23px;
        line-height: 23px;
        padding: 13px 0 15px 25px;
        margin: 0 0 35px 0;
    }
    
    .nakaCon h3{
        border-bottom: solid 2px #d2cecb;
        position: relative;
        font-size: 22px;
        padding: 0 0 10px 0;
        margin: 40px 0 15px 0;
    }

    .nakaCon h3:after {
        position: absolute;
        content: " ";
        display: block;
        bottom: -2px;
        width: 240px;
        border-bottom: solid 2px #031972;
    }
    
    
    
    /**/
    .responTable{
	width:750px;
	padding-left:0px;
	padding-right:0px;
}

.responTable .responTableCon{
	width:750px;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
}
.responTable .head{
	padding-bottom:25px;
    
}
.responTable .title{
	width:175px;
	float:left;
	text-align:left;
	margin-bottom:0px;
	font-size:14px;
    border-top: 2px solid #031972;
    border-bottom:none;
    padding-top: 25px;
    
}

.responTable .conArea{
	width:575px;
	float:left;
    border-top: 2px solid #cccccc;
    padding-top: 25px;
    font-size: 14px;

}
    .responTable .conArea ul li{
        margin-bottom: 15px;
        line-height: 20px;
    }


/*flow図
----------------------------------------------------------------*/   
.stepbar {
  margin: 0 auto;
  width: 100%;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}

.stepbar .stepbarwrap {
  margin: 2em 0;
  position: relative;
}

.stepbar .stepbarwrap .steptitle {
  display: inline-flex;
  align-items: center;
}

.stepbar .stepbarwrap .steptitle .stepcircle {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  content: "";
  border-radius: 50%;
  background-color: #fff;
box-sizing: border-box;
}

.stepbar .stepbarwrap .steptitle .stepnum {
  padding-left: 1em;
  font-size: 0.8em;
 color: #AAAAAA;
}

.stepbar .stepbarwrap .steptxt {
  padding-left: 2em;
}

.stepbar .stepbarwrap .steptxt .title {
  margin: 0.5em 0;
  font-size:18px;
}

.stepbar .stepbarwrap .steptxt .txt {
  font-size: 0.9em;
}

.stepbar .stepbarwrap .stepline {
  width: 2px;
  height: calc(100% + 1em);
  position: absolute;
  top: 1em;
  left: 0.5em;
  z-index: -1;
}

.stepbarwrap:last-of-type .stepline:last-of-type {
  display: none;
}
/*----------------------------------------------------------------*/


    
}